.home { color: #333; background: #fff; }
.home-hero { min-height: 680px; position: relative; color: #fff; text-align: left; background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.18)), url('../images/LMBG.webp') center/cover; }
.home-nav { min-height: 78px; padding: 0 7%; background: rgba(14,14,14,.78); line-height: 78px; }
.home-logo { color: #fff; font-size: 22px; font-weight: 700; }
.home-logo span { color: #ff9900; }
.home-navbar { float: right; }
.home-hero .home-navbar { margin-right: 0; }
.home-navbar li { display: inline-block; margin-left: 30px; }
.home-hero .home-navbar li { float: none; margin-left: 30px; }
.home-navbar a { color: #fff; transition: color .2s ease; }
.home-navbar a:hover, .home-navbar a.active { color: #ff9900; }
.home-intro { max-width: 840px; padding: 145px 7% 80px; }
.home-intro h1 { max-width: 760px; margin: 12px 0 22px; font-size: clamp(42px, 6vw, 76px); line-height: 1.15; }
.home-intro .hero-copy { max-width: 620px; color: #f3f3f3; font-size: 19px; line-height: 1.8; }
.eyebrow { color: #ffb23e; font-size: 14px; font-weight: 700; letter-spacing: 2px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 38px; }
.home .button { width: auto; min-width: 170px; height: 52px; padding: 0 24px; line-height: 52px; text-align: center; }
.button-primary { border: 2px solid #ff9900; background: #ff9900; }
.button-ghost { border-color: rgba(255,255,255,.8); }
.button-primary:hover { border-color: #e78500; background: #e78500; }
.scroll-cue { position: absolute; right: 7%; bottom: 30px; color: #fff; font-size: 13px; }
.scroll-cue span { margin-left: 8px; color: #ff9900; font-size: 20px; }
.home-section { max-width: 1180px; margin: 0 auto; padding: 90px 28px; }
.section-heading { max-width: 680px; margin-bottom: 44px; }
.section-heading h2 { margin: 10px 0 14px; color: #222; font-size: 38px; line-height: 1.25; }
.section-heading > p:last-child { color: #777; line-height: 1.8; }
.overview-grid, .course-preview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.overview-card { min-height: 245px; padding: 28px; border-top: 3px solid #ff9900; background: #fafafa; box-shadow: 0 9px 26px rgba(0,0,0,.06); }
.card-number { color: #c4c4c4; font-size: 13px; font-weight: 700; letter-spacing: 1px; }
.overview-card h3 { margin: 20px 0 12px; font-size: 24px; }
.overview-card p { min-height: 58px; color: #666; line-height: 1.8; }
.overview-card a { display: inline-block; margin-top: 20px; color: #d87800; font-weight: 700; }
.overview-card a span, .course-preview strong span { margin-left: 8px; }
.home-courses { max-width: none; background: #f7f7f7; }
.home-courses .section-heading, .home-courses .course-preview-grid { max-width: 1124px; margin-left: auto; margin-right: auto; }
.course-preview { overflow: hidden; position: relative; min-height: 245px; color: #fff; background: #222; }
.course-preview img { width: 100%; height: 245px; display: block; object-fit: cover; opacity: .72; transition: transform .3s ease, opacity .3s ease; }
.course-preview:hover img { transform: scale(1.04); opacity: .52; }
.course-preview span, .course-preview strong { position: absolute; left: 24px; }
.course-preview span { top: 24px; font-size: 15px; }
.course-preview strong { bottom: 24px; font-size: 19px; }
.home-contact-band { display: flex; align-items: center; justify-content: space-between; gap: 30px; max-width: none; padding-left: max(28px, calc((100% - 1124px) / 2)); padding-right: max(28px, calc((100% - 1124px) / 2)); color: #fff; background: #252525; }
.home-contact-band h2 { margin: 10px 0; font-size: 31px; }
.home-contact-band p:last-child { color: #c9c9c9; }
.site-footer { padding: 28px 24px; color: #aaa; text-align: center; background: #171717; font-size: 13px; }
.site-footer p { display: inline-block; margin: 5px 24px; }
@media (max-width: 760px) {
    .home-hero { min-height: 620px; }
    .home-nav { padding: 18px 22px; line-height: 1.5; }
    .home-logo { display: block; margin-bottom: 13px; }
    .home-navbar { float: none; }
    .home-hero .home-navbar li { margin-left: 0; margin-right: 16px; }
    .home-navbar li { margin: 0 16px 0 0; }
    .home-intro { padding: 100px 24px 60px; }
    .home-intro h1 { font-size: 42px; }
    .home-intro .hero-copy { font-size: 16px; }
    .home-section { padding: 58px 20px; }
    .section-heading h2 { font-size: 30px; }
    .overview-grid, .course-preview-grid { grid-template-columns: 1fr; }
    .overview-card { min-height: auto; }
    .home-contact-band { display: block; padding: 52px 20px; }
    .home-contact-band .button { margin-top: 26px; }
    .scroll-cue { right: 24px; }
}