/* Mubashir approved-design system. Other WordPress routes retain their content and behavior. */
:root { --mh-navy:#082456; --mh-deep:#071c3c; --mh-blue:#123d81; --mh-pink:#ed4f97; --mh-muted:#68758c; --mh-edge:#e8edf5; }
body { color:var(--mh-deep); }
.mubashir-home { font-family:var(--font-sans); overflow:hidden; background:#fff; }
.mh-wrap { width:min(100% - 80px, 1380px); margin-inline:auto; }
.mubashir-home h1,.mubashir-home h2,.mubashir-home h3 { font-family:var(--font-serif); letter-spacing:-.035em; color:var(--mh-deep); }
.mh-eyebrow { color:var(--mh-blue); text-transform:uppercase; font-size:11px; letter-spacing:.17em; font-weight:800; margin:0 0 10px; }
.mh-hero { position:relative; min-height:650px; margin:76px 14px 18px; border-radius:28px; overflow:hidden; isolation:isolate; background:#dceafa var(--hero-image) center center/cover no-repeat; }
.mh-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 31%,rgba(255,255,255,.33) 53%,transparent 73%); z-index:-1; }
.mh-hero-content { position:relative; padding-block:68px 36px; width:min(100% - 110px, 1330px); }
.mh-pill { display:inline-block; padding:11px 16px; border-radius:99px; background:rgba(255,255,255,.92); box-shadow:0 6px 24px rgba(20,46,77,.09); letter-spacing:0; text-transform:none; font-size:12px; }
.mh-hero h1 { max-width:720px; margin:10px 0 15px; font-size:clamp(61px,6.3vw,108px); line-height:.86; font-weight:700; }
.mh-hero h1 em { color:#0c3678; font-style:normal; }
.mh-hero h1 span { display:block; margin-top:13px; font-size:clamp(30px,3.4vw,55px); line-height:1.09; white-space:nowrap; }
.mh-hero-copy { max-width:545px; font-size:15px; line-height:1.65; color:#40546f; font-weight:600; }
.mh-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:24px; }
.mh-button { display:inline-flex; align-items:center; justify-content:center; gap:15px; padding:13px 25px; background:#0a3477; color:#fff!important; border-radius:40px; font-size:13px; font-weight:800; box-shadow:0 10px 24px rgba(6,43,101,.16); text-decoration:none!important; transition:transform .2s,background .2s; }
.mh-button:hover { background:#164b99; transform:translateY(-2px); }
.mh-button-light { background:#fff; color:var(--mh-navy)!important; border:1px solid #e3e9f2; box-shadow:0 5px 18px rgba(20,46,77,.06); }
.mh-button-light:hover { background:#f5f8fd; }
.mh-stats { display:flex; flex-wrap:wrap; gap:22px; margin-top:50px; max-width:650px; }
.mh-stats div { min-width:122px; padding-right:22px; border-right:1px solid rgba(13,49,102,.15); }
.mh-stats div:last-child { border:0; }
.mh-stats b { display:block; font-size:22px; color:var(--mh-navy); line-height:1.1; }
.mh-stats small { display:block; color:#53647d; font-size:10px; font-weight:700; margin-top:4px; }
.mh-hero-note { position:absolute; right:3.5%; bottom:13%; background:rgba(255,255,255,.96); box-shadow:0 15px 40px rgba(4,35,80,.16); border-radius:15px; padding:16px 20px; display:flex; flex-direction:column; max-width:210px; font-size:12px; color:#60718a; }
.mh-hero-note strong { color:var(--mh-navy); font-size:14px; }
.mh-section { padding:67px 0; }
.mh-section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:30px; }
.mh-section-head h2,.mh-centered h2,.mh-why h2 { margin:0 0 7px; font-size:clamp(32px,3.1vw,49px); line-height:1.04; font-weight:700; }
.mh-section-head p:not(.mh-eyebrow),.mh-centered p:not(.mh-eyebrow),.mh-why-copy>p:not(.mh-eyebrow) { color:var(--mh-muted); font-size:14px; line-height:1.6; margin:0; }
.mh-text-link { flex:none; font-size:12px; color:var(--mh-navy); font-weight:800; text-decoration:none; border-bottom:1px solid var(--mh-navy); padding-bottom:4px; }
.mh-services { margin-inline:28px; border-radius:26px; background:linear-gradient(115deg,#f5f8fd,#fbf7fb 75%,#f7f9fd); }
.mh-services,.mh-process,.mh-team,.mh-testimonials { position:relative; isolation:isolate; }
.mh-services::after,.mh-team::after,.mh-testimonials::after { content:""; position:absolute; z-index:-1; pointer-events:none; width:320px; height:220px; top:0; right:0; background:url('../images/mubashir-sakura-accent.webp') right top/contain no-repeat; opacity:.72; }
.mh-team::after { top:4px; width:250px; height:175px; opacity:.48; }
.mh-testimonials::after { right:auto; left:0; transform:scaleX(-1); opacity:.5; }
.mh-services-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.mh-service-card { min-height:236px; padding:25px 19px 20px; border-radius:17px; background:#fff; border:1px solid #ecf0f7; box-shadow:0 8px 28px rgba(16,42,79,.04); display:flex; flex-direction:column; text-decoration:none!important; transition:transform .2s,box-shadow .2s; }
.mh-service-card:hover { transform:translateY(-5px); box-shadow:0 16px 34px rgba(16,42,79,.12); }
.mh-icon { display:inline-flex; width:45px; height:45px; flex:none; align-items:center; justify-content:center; border-radius:50%; background:#ffe9f1; color:#e62875; }
.mh-icon svg { width:24px; height:24px; }
.mh-service-card h3 { font-size:19px; line-height:1.05; margin:19px 0 10px; }
.mh-service-card p { color:#69768c; font-size:11px; line-height:1.5; margin:0 0 18px; }
.mh-card-link { margin-top:auto; color:var(--mh-navy); font-size:11px; font-weight:800; }
.mh-why-grid { display:grid; grid-template-columns:1fr 1.02fr; gap:60px; align-items:center; }
.mh-why-copy>p:not(.mh-eyebrow) { max-width:610px; }
.mh-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:29px 0; padding:22px; background:#fff; border:1px solid #edf0f4; box-shadow:0 12px 38px rgba(16,42,79,.06); border-radius:18px; }
.mh-benefits>div { display:flex; align-items:center; gap:10px; color:#5b6c85; font-size:11px; line-height:1.3; font-weight:700; }
.mh-benefit-symbol { width:31px; height:31px; border-radius:50%; background:#ffedf4; color:#e52c78; display:inline-flex; align-items:center; justify-content:center; flex:none; font-size:18px; }
.mh-why-visual { min-height:478px; position:relative; margin-right:4%; }
.mh-why-main { display:block; width:78%; height:455px; object-fit:cover; border-radius:20px; box-shadow:0 15px 40px rgba(16,42,79,.14); }
.mh-why-quote { position:absolute; top:7%; right:0; width:34%; background:#fff; border-radius:17px; box-shadow:0 12px 28px rgba(16,42,79,.11); padding:24px; transform:rotate(-5deg); font:italic 23px/1.15 var(--font-serif); color:#5d6684; }
.mh-why-quote span { color:var(--mh-pink); }
.mh-why-inset { position:absolute; right:0; bottom:0; width:54%; padding:7px; background:#fff; border-radius:15px; box-shadow:0 12px 30px rgba(16,42,79,.16); }
.mh-why-inset img { width:100%; height:145px; object-fit:cover; border-radius:10px; }
.mh-why-inset p { margin:6px 7px; font-size:10px; line-height:1.35; color:#5d6980; }
.mh-why-inset strong { color:var(--mh-deep); }
.mh-universities { margin-inline:16px; border-radius:28px; background:linear-gradient(125deg,#f4f7fc,#fcf8fc); }
.mh-university-row { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:8px; }
.mh-university-row::-webkit-scrollbar { display:none; }
.mh-university-card { flex:0 0 calc((100% - 70px)/6); min-width:155px; text-decoration:none!important; color:var(--mh-deep); background:#fff; border-radius:15px; border:1px solid #e8edf4; overflow:hidden; scroll-snap-align:start; box-shadow:0 8px 20px rgba(15,41,77,.06); }
.mh-university-image { height:120px; background:#e1eaf6; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.mh-university-image img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.mh-university-card:hover img { transform:scale(1.05); }
.mh-university-card h3 { font-family:var(--font-serif); color:var(--mh-deep); font-size:13px; line-height:1.18; margin:10px 11px 3px; min-height:31px; }
.mh-university-card small { display:block; color:#738198; font-size:10px; margin:0 11px 12px; }
.mh-carousel-controls { display:flex; justify-content:flex-end; gap:9px; margin-top:12px; }
.mh-carousel-controls button { width:34px; height:34px; border:1px solid #e4eaf2; border-radius:50%; background:#fff; color:var(--mh-navy); cursor:pointer; }
.mh-process { margin-inline:16px; border-radius:28px; background:linear-gradient(110deg,#fcf8f5,#f6f8fc); }
.mh-centered { text-align:center; margin-bottom:30px; }
.mh-steps { display:grid; grid-template-columns:repeat(6,1fr); background:#fff; border-radius:17px; padding:22px; box-shadow:0 8px 25px rgba(15,41,77,.04); }
.mh-step { padding:0 15px; border-right:1px solid #edf0f4; }
.mh-step:last-child { border:0; }
.mh-step-icon { display:grid; place-items:center; width:37px; height:37px; border-radius:50%; color:#e8327f; background:#ffedf4; font-size:21px; margin-bottom:12px; }
.mh-step small { color:var(--mh-blue); font-size:10px; font-weight:800; }
.mh-step h3 { font-family:var(--font-sans); font-size:13px; line-height:1.2; margin:4px 0 7px; font-weight:800; }
.mh-step p { color:#69768c; font-size:10px; line-height:1.5; margin:0; }
.mh-team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.mh-team-card { display:flex; gap:12px; align-items:center; border:1px solid #e9edf4; border-radius:15px; background:#fff; box-shadow:0 7px 25px rgba(16,42,79,.06); overflow:hidden; min-height:125px; padding-right:10px; }
.mh-team-photo { width:42%; height:125px; background:#e9edf3; flex:none; display:grid; place-items:center; color:#0a3477; font-weight:800; }
.mh-team-photo img { width:100%; height:100%; object-fit:cover; }
.mh-team-card h3 { font-size:16px; line-height:1.2; margin:0 0 6px; }
.mh-team-card p { font-size:10px; line-height:1.4; color:#69768c; margin:0; }
.mh-testimonials { background:#f9fbfe; }
.mh-testimonial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
.mh-testimonial { background:#fff; margin:0; border-radius:17px; border:1px solid #e9edf4; box-shadow:0 9px 28px rgba(15,41,77,.06); padding:25px; min-height:210px; display:flex; flex-direction:column; }
.mh-testimonial>p { font:italic 14px/1.6 var(--font-serif); color:#53647d; margin:0 0 22px; }
.mh-testimonial-person { display:flex; gap:10px; align-items:center; margin-top:auto; }
.mh-testimonial-person img { width:41px; height:41px; object-fit:cover; border-radius:50%; }
.mh-testimonial-person strong,.mh-testimonial-person small { display:block; font-size:11px; }
.mh-testimonial-person small { color:#7d8ba0; margin:2px 0; }
.mh-testimonial-person span { color:#f5a000; font-size:11px; letter-spacing:1px; }
.mh-closing { min-height:315px; display:flex; align-items:center; margin:0 14px; border-radius:25px 25px 0 0; background:linear-gradient(90deg,rgba(255,247,250,.96),rgba(255,250,253,.72) 58%,rgba(255,255,255,.12)),var(--closing-image) center 47%/cover no-repeat; }
.mh-closing .mh-wrap { padding-block:50px; }
.mh-closing h2 { font-size:clamp(33px,3.2vw,51px); max-width:710px; line-height:1.06; margin:0 0 10px; }
.mh-closing p:not(.mh-eyebrow) { color:#50617d; max-width:650px; font-size:14px; }
@media(max-width:1200px) { .mh-services-grid{grid-template-columns:repeat(3,1fr)} .mh-university-card{flex-basis:calc((100% - 42px)/4)} .mh-team-grid{grid-template-columns:repeat(2,1fr)} .mh-hero h1 span{white-space:normal} }
@media(max-width:850px) { .mh-wrap{width:min(100% - 42px,680px)} .mh-hero{margin-top:68px;min-height:740px;background-position:65% bottom;background-size:auto 62%;background-color:#e5effb} .mh-hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.91) 44%,transparent 72%)} .mh-hero-content{width:min(100% - 42px,680px);padding-top:36px} .mh-hero h1{font-size:clamp(47px,10vw,72px)} .mh-hero h1 span{font-size:clamp(25px,5vw,38px)} .mh-hero-copy{font-size:13px;max-width:500px} .mh-stats{margin-top:20px;gap:10px} .mh-stats div{min-width:90px} .mh-hero-note{bottom:25px;right:22px} .mh-services-grid{grid-template-columns:repeat(2,1fr)} .mh-why-grid{grid-template-columns:1fr;gap:35px} .mh-why-visual{max-width:610px;width:100%;margin:0 auto} .mh-steps{grid-template-columns:repeat(3,1fr);gap:20px} .mh-step:nth-child(3){border:0} .mh-university-card{flex-basis:calc((100% - 28px)/3)} }
@media(max-width:600px) { .mh-wrap{width:calc(100% - 36px)} .mh-hero{margin:65px 8px 12px;min-height:740px;border-radius:19px;background-size:auto 52%;background-position:68% bottom} .mh-hero-content{width:calc(100% - 34px);padding-top:34px} .mh-pill{font-size:10px} .mh-hero h1{font-size:clamp(43px,11vw,58px);line-height:.95} .mh-hero h1 span{font-size:clamp(25px,6vw,35px);margin-top:10px} .mh-hero-copy{font-size:12px;line-height:1.5} .mh-actions{gap:9px}.mh-button{padding:12px 16px;font-size:11px} .mh-stats{display:grid;grid-template-columns:repeat(2,1fr);max-width:330px;margin-top:17px;gap:10px} .mh-stats div{border:0}.mh-stats b{font-size:18px}.mh-stats small{font-size:9px}.mh-hero-note{display:none} .mh-section{padding:45px 0}.mh-services,.mh-universities,.mh-process{margin-inline:8px;border-radius:18px}.mh-section-head{align-items:start;flex-direction:column;gap:12px}.mh-section-head h2,.mh-centered h2,.mh-why h2{font-size:31px}.mh-services-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mh-service-card{min-height:190px;padding:17px 12px}.mh-service-card h3{font-size:16px;margin:12px 0 8px}.mh-service-card p{font-size:10px}.mh-icon{width:37px;height:37px}.mh-icon svg{width:19px;height:19px}.mh-benefits{grid-template-columns:repeat(2,1fr);padding:13px;gap:10px}.mh-benefits>div{font-size:10px}.mh-why-visual{min-height:365px}.mh-why-main{height:340px}.mh-why-quote{font-size:16px;padding:12px}.mh-why-inset{width:56%}.mh-why-inset img{height:100px}.mh-university-card{flex-basis:55%;min-width:170px}.mh-university-image{height:110px}.mh-steps{grid-template-columns:repeat(2,1fr);padding:16px}.mh-step:nth-child(2n){border:0}.mh-team-grid{grid-template-columns:1fr}.mh-team-card{max-width:450px}.mh-testimonial-grid{grid-template-columns:1fr}.mh-testimonial:nth-child(n+3){display:none}.mh-closing{margin-inline:8px;min-height:340px;background-position:62% center}.mh-closing .mh-wrap{padding-block:36px}.mh-closing h2{font-size:33px} body nav.fixed .mh-brand-copy strong{font-size:20px} body nav.fixed .mh-brand-mark{width:39px;height:45px} body nav.fixed .mh-brand-mark img{width:95px;height:95px;left:-28px;top:-5px} }

/* ---------- UX refinements (2026-10-04): readable sizes, real icons, branded fallbacks, mobile layouts ---------- */
.mh-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.mh-pill-icon{width:15px;height:15px;color:var(--mh-pink);flex:none}
.mh-glyph{width:18px;height:18px;flex:none}
.mh-benefit-symbol .mh-glyph{width:16px;height:16px}
.mh-step-icon .mh-glyph{width:20px;height:20px}
.mh-eyebrow{font-size:12px}
.mh-button{font-size:13px;min-height:46px}
.mh-stats small{font-size:11px}
.mh-service-card{min-height:0}
.mh-service-card p{font-size:13px;line-height:1.55}
.mh-card-link{font-size:12.5px;margin-top:auto;padding-top:10px}
.mh-benefits>div{font-size:13px}
.mh-why-inset p{font-size:12px}
.mh-university-card small{font-size:12px}
.mh-step small{font-size:11.5px}
.mh-step p{font-size:12.5px;line-height:1.5}
.mh-team-card p{font-size:12.5px}
.mh-testimonial-person strong,.mh-testimonial-person small{font-size:13px}
.mh-testimonial-person span{font-size:12px}
.mh-text-link{display:inline-flex;align-items:center;min-height:44px;padding:0;border-bottom:0;font-size:13px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.mh-carousel-controls button{width:44px;height:44px;font-size:16px}
.mh-university-image{position:relative}
.mh-uni-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;color:#fff;font:700 14px/1.2 var(--font-serif);background:radial-gradient(circle at 85% 15%,rgba(237,103,154,.45),transparent 45%),linear-gradient(135deg,#0b3b82,#061b38)}
.mh-uni-fallback .mh-glyph{width:26px;height:26px;opacity:.9}
.mh-team-initials{display:grid;place-items:center;width:100%;height:100%;font:700 28px var(--font-serif);color:#fff;background:linear-gradient(135deg,#1f5fbf,#082b63)}

@media(max-width:600px){
	.mh-hero-copy{font-size:14px;line-height:1.6}
	.mh-actions{flex-direction:column;align-items:stretch}
	.mh-actions .mh-button{justify-content:center}
	.mh-stats{max-width:none;background:rgba(255,255,255,.93);border-radius:16px;padding:12px 14px;box-shadow:0 10px 26px rgba(8,30,70,.1)}
	.mh-stats small{font-size:11px}
	.mh-services-grid{grid-template-columns:1fr;gap:10px}
	.mh-service-card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start;padding:16px}
	.mh-service-card .mh-icon{grid-row:1/4;margin:0}
	.mh-service-card h3{margin:0 0 4px;font-size:18px}
	.mh-service-card p{margin:0;font-size:13.5px}
	.mh-service-card .mh-card-link{padding-top:8px}
	.mh-benefits>div{font-size:13px}
	.mh-services::after,.mh-team::after,.mh-testimonials::after{width:150px;height:104px;opacity:.28}
	.mh-step p{font-size:12.5px}
	.mh-closing{background:linear-gradient(180deg,rgba(255,247,250,.97),rgba(255,250,253,.93) 62%,rgba(255,255,255,.78)),var(--closing-image) 62% center/cover no-repeat}
}
.mh-stats small{font-size:12px}

/* ---------- founder spotlight ---------- */
.mh-founder-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}
.mh-founder-visual{position:relative;aspect-ratio:1.15;border-radius:28px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 82% 14%,rgba(237,103,154,.42),transparent 46%),linear-gradient(140deg,#1b5cbc,#061f4b);box-shadow:0 22px 48px rgba(8,43,99,.2)}
.mh-founder-visual:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 30px rgba(255,255,255,.05),0 0 0 62px rgba(255,255,255,.035)}
.mh-founder-mono{position:relative;font:700 92px/1 var(--font-serif);color:#fff;letter-spacing:.02em}
.mh-founder-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mh-founder-tag{position:absolute;left:20px;bottom:20px;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 10px 26px rgba(6,27,56,.2)}
.mh-founder-tag strong{display:block;font-size:15px;color:var(--mh-deep)}
.mh-founder-tag small{display:block;margin-top:3px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mh-pink)}
.mh-founder-copy h2{font-size:clamp(32px,3.2vw,48px);line-height:1.08;margin:0 0 16px}
.mh-founder-copy>p:not(.mh-eyebrow){font-size:16px;line-height:1.7;color:#53647d;margin:0;max-width:600px}
.mh-founder-copy blockquote{margin:24px 0 26px;padding:4px 0 4px 20px;border-left:3px solid var(--mh-pink);font:italic 500 20px/1.5 var(--font-serif);color:#1d3156}
@media(max-width:850px){.mh-founder-grid{grid-template-columns:1fr;gap:28px}.mh-founder-visual{aspect-ratio:1.5}}
@media(max-width:600px){.mh-founder-mono{font-size:72px}.mh-founder-copy>p:not(.mh-eyebrow){font-size:15px}.mh-founder-copy blockquote{font-size:18px}.mh-founder-copy .mh-button{width:100%;justify-content:center}}

/* ---------- partner university cards: five per row, monogram crests until photos are added ---------- */
.mh-university-card{flex-basis:calc((100% - 56px)/5)}
.mh-university-card h3{font-size:15px;min-height:36px}
.mh-uni-fallback{gap:8px}
.mh-uni-fallback b{position:relative;font:700 30px/1 var(--font-serif);letter-spacing:.02em}
.mh-uni-fallback em{position:relative;font:800 9.5px/1 var(--font-sans);font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.82);padding:5px 9px;border:1px solid rgba(255,255,255,.28);border-radius:99px}
.mh-uni-fallback:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 16px rgba(255,255,255,.05)}
.mh-crest-1{background:linear-gradient(140deg,#7a3e8f,#2b1450)}
.mh-crest-2{background:linear-gradient(140deg,#0b8f8c,#063e4f)}
.mh-crest-3{background:linear-gradient(140deg,#d2507f,#5a1739)}
.mh-crest-4{background:linear-gradient(140deg,#2f6fd1,#0b2a63)}
.mh-carousel-controls[hidden]{display:none}
@media(max-width:1200px){.mh-university-card{flex-basis:calc((100% - 42px)/4)}}
@media(max-width:850px){.mh-university-card{flex-basis:calc((100% - 28px)/3)}}
@media(max-width:600px){.mh-university-card{flex-basis:calc((100% - 14px)/2)}}
.mh-uni-fallback em{white-space:nowrap}@media(max-width:600px){.mh-uni-fallback em{font-size:8.5px;letter-spacing:.13em;padding:5px 8px}.mh-uni-fallback b{font-size:28px}}