/* V8 scoped hero refinement. Keeps portals, forms, workshop and database unchanged. */
.header{max-width:1536px;margin-inline:auto;padding-inline:clamp(22px,5vw,76px)}
.logo img{width:174px;height:72px;object-fit:contain;object-position:right center}
.hero{max-width:1536px;margin-inline:auto;height:470px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#fff 0%,#f9fcff 45%,#eaf5ff 100%)}
.hero .hero-visual{position:absolute;inset:0 0 0 auto!important;width:61%;height:100%;z-index:0;background:url('v6-v5-hero.webp') right center / contain no-repeat!important;opacity:1}
.hero::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fff 0%,#fff 35%,#ffffffeb 43%,#ffffff66 53%,transparent 66%);pointer-events:none}
.hero .hero-content{position:absolute;z-index:2;left:clamp(26px,5.5vw,100px);right:auto;width:min(520px,43%);max-width:none;margin:0;padding:37px 0 20px;text-align:right}
.hero .eyebrow{font-size:20px;margin:0 0 8px}
.hero h1{font-size:clamp(30px,2.7vw,43px);line-height:1.15;margin:0 0 12px}
.hero .english{font-size:19px;line-height:1.32;text-align:right;margin:0 0 12px;color:#2467a2}
.hero .underline{margin:0 0 13px}
.hero .trainer-credit{max-width:450px;padding:8px 13px;margin:0 0 13px;background:#eef6ff;border-right:3px solid #0781eb;border-radius:5px}
.hero .trainer-credit strong{font-size:18px}.hero .trainer-credit small{font-size:11px}
.hero .hero-features{max-width:490px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin:0 0 16px;font-size:12px;line-height:1.4}
.hero .hero-btn{min-height:43px;width:170px;font-size:15px}
.hero .hero-caption{right:0;left:auto;bottom:0;min-width:260px;padding:15px 24px;background:#064c8bdc;z-index:2}
@media(min-width:701px) and (max-width:1050px){.hero{height:470px}.hero .hero-visual{width:62%}.hero .hero-content{left:3%;width:48%;padding-top:30px}.hero h1{font-size:31px}.hero .english{font-size:16px}.hero .hero-features{font-size:11px}}
@media(max-width:700px){
 .header{padding:10px 16px;gap:12px}.logo img{width:126px;height:56px}.header nav{gap:12px}
 .hero{height:auto;display:flex;flex-direction:column;overflow:hidden;background:#fff}
 .hero::before{display:none}
 .hero .hero-content{position:relative;order:0;inset:auto;width:100%;max-width:none;margin:0;padding:26px 22px 23px;text-align:right}
 .hero .eyebrow{font-size:18px}.hero h1{font-size:clamp(28px,7vw,37px);line-height:1.18}
 .hero .english{font-size:16px;line-height:1.35}.hero .trainer-credit{max-width:none;margin-bottom:17px;padding:12px}
 .hero .trainer-credit strong{font-size:19px}.hero .trainer-credit small{font-size:12px}
 .hero .hero-features{grid-template-columns:1fr 1fr;gap:12px 9px;font-size:12px;margin-bottom:18px}
 .hero .hero-btn{width:100%;min-height:48px;font-size:16px}
 .hero .hero-visual{position:relative!important;inset:auto!important;order:1;width:100%;height:245px;min-height:245px;background-position:right center!important;background-size:cover!important;background-color:#eaf5ff}
 .hero .hero-caption{display:none}
}
@media(max-width:380px){.hero .hero-content{padding:20px 16px}.hero .hero-features{grid-template-columns:1fr}.hero .hero-visual{height:205px;min-height:205px}}