/* Premium English Compass AI homepage — 2026-10-30. Override legacy homepage without changing learning logic. */
body:has(.ec-shell-header){background:#f6f2e9!important;color:#153531}
.ec-shell-header{background:#071f25!important;border-bottom:1px solid #b58c43!important;box-shadow:0 3px 20px #04191b22!important}
.ec-shell-header .ec-nav{max-width:1500px!important;margin:auto!important;min-height:84px!important;padding:10px 24px!important;gap:16px!important}
.ec-shell-header .brand,.ec-shell-header .brand span{font-family:Georgia,serif!important;color:#f7ebd3!important;font-size:clamp(22px,2.05vw,31px)!important;letter-spacing:-.7px!important}
.ec-shell-header .brand i{color:#d5a856!important}
.ec-shell-header .navlinks{gap:18px!important}
.ec-shell-header .navlinks a{color:#f3e9d5!important}
.ec-shell-header .navbuttons #nav-account{background:transparent!important;border:1px solid #b79857!important;color:#faedce!important}
.ec-shell-header .navbuttons #nav-start{background:linear-gradient(#f8dc99,#dca744)!important;color:#08272b!important;border:0!important;font-weight:800!important}
.ec-shell-header .ec-menu-toggle{background:#12373b!important;color:#fbe8c5!important;border:1px solid #be985a!important}
.ec-shell-header .ec-menu-lines span{background:#efd6a0!important}
.ec-shell-header .ec-language-switch{background:#14373c!important;border:1px solid #c6a261!important;border-radius:30px!important}
.ec-shell-header .ec-language-switch button{color:#f5ead7!important}
.ec-shell-header .ec-language-switch button[aria-pressed=true]{background:#eec675!important;color:#092528!important}
.ec-shell-header .ec-mobile-panel{background:#092b2e!important;border:1px solid #b99555!important}
.ec-shell-header .ec-mobile-panel a{color:#f5e9d5!important}
#root.shell{max-width:none!important;width:100%!important;padding:0!important}
#root .ec-home{max-width:none!important}
#root .ec-hero-new{max-width:none!important;min-height:580px!important;margin:0!important;padding:clamp(55px,7vw,105px) max(24px,calc((100vw - 1370px)/2))!important;background:radial-gradient(ellipse at 72% 32%,#24585b 0%,#0b2e34 43%,#071c23 90%)!important;color:#f9eddb!important;border-radius:0!important;border:0!important;box-shadow:inset 0 -2px #b38d4b!important;gap:clamp(25px,4vw,72px)!important}
#root .ec-hero-new h1,#root .ec-hero-copy h1{font-family:Georgia,serif!important;font-size:clamp(43px,5.8vw,84px)!important;line-height:1.08!important;color:#fcf4e7!important;letter-spacing:-1.9px!important}
#root .ec-hero-new h1 em,#root .ec-hero-copy h1 em{color:#eac474!important}
#root .ec-hero-new .ec-lead,#root .ec-hero-new p{color:#e3e5dc!important}
#root .ec-pill-label,#root .ec-hero-new .ec-trust-line{color:#f3ce83!important}
#root .ec-hero-actions .primary,#root .ec-hero-new .ec-hero-cta{background:linear-gradient(#f8de9e,#d9a548)!important;color:#132b2d!important;border:1px solid #edd092!important;box-shadow:0 8px 24px #0002!important}
#root .ec-hero-actions .outline,#root .ec-hero-new .ec-hero-secondary{background:transparent!important;border:1px solid #e7c17c!important;color:#f9e7c1!important}
#root .ec-display{filter:drop-shadow(0 22px 28px #0004)!important}
#root .ec-coach-preview{background:#f7f1e5!important;border:2px solid #d1a657!important;color:#153c3d!important;border-radius:25px!important}
#root .ec-coach-preview h3{color:#12383a!important}
#root .ec-coach-preview .ec-note{color:#3a6e65!important}
#root .ec-home-pricing,#root .ec-enrollment-notice,#root .ec-global-english-promo{max-width:1220px!important}
#root .ec-home-pricing{padding-top:65px!important}
#root .ec-home-price{border-color:#d5bc83!important}
#root .ec-pricing-heading h2{color:#153e40!important}
@media(max-width:1100px){#root .ec-hero-new{padding:65px 32px!important}#root .ec-hero-new h1{font-size:clamp(40px,6vw,68px)!important}}
@media(max-width:740px){.ec-shell-header .ec-nav{min-height:72px!important;padding:9px 12px!important}.ec-shell-header .brand,.ec-shell-header .brand span{font-size:21px!important}#root .ec-hero-new{padding:58px 21px!important;min-height:0!important}#root .ec-hero-new h1{font-size:clamp(39px,10vw,58px)!important}#root .ec-display{width:100%!important}}