/* MIYAAR homepage reference stage 6 — final visual integration, shell harmony and responsive polish. */
body.miyaar-home-reference{background:var(--mi-surface);overflow-x:hidden}
body.miyaar-home-reference .mi-public-main{overflow:clip;background:var(--mi-surface)}
body.miyaar-home-reference .mi-home-reference-page{display:block;overflow:clip}

/* Homepage shell alignment: clean sticky header that belongs to the new body. */
body.miyaar-home-reference .mi-site-utility{display:none!important}
body.miyaar-home-reference .mi-site-header.site-header{top:0!important;border-bottom-color:color-mix(in srgb,var(--mi-brand) 8%,var(--mi-border))!important;background:color-mix(in srgb,var(--mi-surface) 96%,transparent)!important;box-shadow:0 8px 30px rgb(15 23 42 / .045)!important}
body.miyaar-home-reference .mi-site-header__inner.site-container{width:min(82rem,calc(100% - 36px))!important;min-height:74px!important;gap:clamp(16px,2vw,30px)!important}
body.miyaar-home-reference .mi-site-brand{min-width:0!important;gap:10px!important}
body.miyaar-home-reference .mi-site-brand img{max-width:174px!important;height:48px!important;object-fit:contain!important}
body.miyaar-home-reference .mi-site-brand__copy small{display:none!important}
body.miyaar-home-reference .mi-site-nav.main-nav{gap:1px!important}
body.miyaar-home-reference .mi-site-nav.main-nav a{min-height:42px!important;padding-inline:10px!important;border-radius:12px!important;font-size:12.5px!important}
body.miyaar-home-reference .mi-site-nav.main-nav a.is-active{background:color-mix(in srgb,var(--mi-brand) 8%,var(--mi-surface))!important}
body.miyaar-home-reference .mi-site-nav.main-nav a.is-active::after{display:none!important}
body.miyaar-home-reference .mi-site-actions{gap:6px!important}
body.miyaar-home-reference .mi-header-icon{width:42px!important;height:42px!important;border:1px solid color-mix(in srgb,var(--mi-brand) 6%,var(--mi-border))!important;border-radius:12px!important;background:color-mix(in srgb,var(--mi-brand) 2.5%,var(--mi-surface))!important}
body.miyaar-home-reference .origin-login-button{min-height:42px!important;padding-inline:10px!important;border:0!important;background:transparent!important;color:var(--mi-brand)!important;box-shadow:none!important}
body.miyaar-home-reference .origin-register-button,
body.miyaar-home-reference .origin-dashboard-button{min-height:42px!important;padding-inline:16px!important;border-radius:13px!important}

/* Final reference flow: sections now read as one intentional composition. */
body.miyaar-home-reference .mi-home-ref-hero{margin:0}
body.miyaar-home-reference .mi-home-ref-fields{border-top:0!important}
body.miyaar-home-reference .mi-home-ref-service{padding-top:46px;padding-bottom:46px}
body.miyaar-home-reference .mi-home-ref-courses{padding-top:clamp(62px,7vw,92px);padding-bottom:clamp(64px,7vw,94px)}
body.miyaar-home-reference .mi-home-ref-stats{margin:0;border-top:0}
body.miyaar-home-reference .mi-home-ref-partners{padding-top:clamp(58px,7vw,88px);padding-bottom:clamp(58px,7vw,88px)}
body.miyaar-home-reference .mi-home-ref-faq{padding-top:clamp(64px,7vw,92px);padding-bottom:clamp(64px,7vw,92px)}
body.miyaar-home-reference .mi-home-ref-cta{padding-top:clamp(58px,7vw,86px);padding-bottom:24px}
body.miyaar-home-reference .mi-home-ref-payments{padding-top:18px;padding-bottom:clamp(46px,6vw,72px)}

/* Match section rhythm and max width to the reference body while retaining MIYAAR tokens. */
body.miyaar-home-reference .mi-container{width:min(82rem,calc(100% - 36px));max-width:none}
body.miyaar-home-reference .mi-home-ref-fields__copy h2,
body.miyaar-home-reference .mi-home-ref-courses__head h2,
body.miyaar-home-reference .mi-home-ref-partners__head h2,
body.miyaar-home-reference .mi-home-ref-faq__intro h2{letter-spacing:-.025em}
body.miyaar-home-reference .mi-home-ref-featured-course,
body.miyaar-home-reference .mi-home-ref-service__card,
body.miyaar-home-reference .mi-home-ref-cta__card{box-shadow:0 18px 48px rgb(15 23 42 / .055)}
body.miyaar-home-reference .mi-home-ref-course-card{box-shadow:0 14px 34px rgb(15 23 42 / .045)}

/* Footer continuation: no visual gap after payments/CTA and stronger reference-like hierarchy. */
body.miyaar-home-reference .mi-site-footer.site-footer{margin-top:0!important;background:linear-gradient(145deg,color-mix(in srgb,var(--mi-brand) 19%,#111827),#101827 58%,color-mix(in srgb,var(--mi-accent) 9%,#111827))!important}
body.miyaar-home-reference .mi-site-footer__main{width:min(82rem,calc(100% - 36px));padding-top:54px;padding-bottom:40px;gap:clamp(28px,3.5vw,52px)}
body.miyaar-home-reference .mi-site-footer__column h4{color:color-mix(in srgb,var(--mi-accent) 72%,white);font-size:12.5px}
body.miyaar-home-reference .mi-site-footer__description{max-width:350px}
body.miyaar-home-reference .mi-site-footer__bottom-inner{width:min(82rem,calc(100% - 36px))}
body.miyaar-home-reference .mi-site-footer__links a,
body.miyaar-home-reference .mi-site-footer__contact a,
body.miyaar-home-reference .mi-site-footer__contact span{font-size:11.5px}

/* Keyboard and focus clarity across the composed homepage. */
body.miyaar-home-reference .mi-home-reference-page a:focus-visible,
body.miyaar-home-reference .mi-home-reference-page button:focus-visible,
body.miyaar-home-reference .mi-site-header a:focus-visible,
body.miyaar-home-reference .mi-site-footer a:focus-visible{outline:3px solid color-mix(in srgb,var(--mi-brand) 46%,transparent);outline-offset:3px}

@media(max-width:1120px){
 body.miyaar-home-reference .mi-site-header__inner.site-container{width:min(100% - 28px,82rem)!important;gap:13px!important}
 body.miyaar-home-reference .mi-site-brand img{max-width:152px!important}
 body.miyaar-home-reference .mi-site-nav.main-nav a{padding-inline:7px!important;font-size:11.75px!important}
 body.miyaar-home-reference .mi-container,
 body.miyaar-home-reference .mi-site-footer__main,
 body.miyaar-home-reference .mi-site-footer__bottom-inner{width:min(100% - 28px,82rem)}
}
@media(max-width:860px){
 body.miyaar-home-reference .mi-site-header__inner.site-container{min-height:70px!important}
 body.miyaar-home-reference .mi-site-brand img{max-width:142px!important;height:44px!important}
 body.miyaar-home-reference .mi-home-ref-service{padding-block:34px}
 body.miyaar-home-reference .mi-home-ref-partners,
 body.miyaar-home-reference .mi-home-ref-faq{padding-block:54px}
}
@media(max-width:680px){
 body.miyaar-home-reference .mi-container,
 body.miyaar-home-reference .mi-site-footer__main,
 body.miyaar-home-reference .mi-site-footer__bottom-inner{width:min(100% - 24px,82rem)}
 body.miyaar-home-reference .mi-site-header__inner.site-container{width:min(100% - 22px,82rem)!important}
 body.miyaar-home-reference .mi-site-brand img{max-width:132px!important;height:42px!important}
 body.miyaar-home-reference .mi-home-ref-courses{padding-block:54px}
 body.miyaar-home-reference .mi-home-ref-cta{padding-top:48px}
 body.miyaar-home-reference .mi-site-footer__main{padding-top:44px}
}
@media(max-width:440px){
 body.miyaar-home-reference .mi-container,
 body.miyaar-home-reference .mi-site-footer__main,
 body.miyaar-home-reference .mi-site-footer__bottom-inner{width:min(100% - 20px,82rem)}
 body.miyaar-home-reference .mi-site-header__inner.site-container{width:min(100% - 18px,82rem)!important}
 body.miyaar-home-reference .mi-site-brand img{max-width:118px!important}
}
@media(prefers-reduced-motion:reduce){
 body.miyaar-home-reference .mi-home-reference-page *,
 body.miyaar-home-reference .mi-site-header *,
 body.miyaar-home-reference .mi-site-footer *{scroll-behavior:auto!important}
}
@media print{
 body.miyaar-home-reference .mi-site-header,
 body.miyaar-home-reference .mi-site-footer{display:none!important}
 body.miyaar-home-reference .mi-home-reference-page{overflow:visible}
}