.hero{position:relative;padding:80px 24px;background:var(--qiyun-bg,transparent);color:var(--qiyun-text-color,#111)}
.hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.25;z-index:0}
.hero__inner{position:relative;z-index:1;max-width:880px;margin:0 auto;text-align:var(--qiyun-text-align,center)}
.hero__title{
    font-size:var(--qiyun-text-size,48px);
    font-weight:var(--qiyun-text-weight,700);
    color:var(--qiyun-text-color,inherit);
    line-height:1.2;margin:0 0 16px;
}
.hero__subtitle{font-size:18px;line-height:1.6;opacity:.85;margin:0 0 28px}
.hero__cta{display:inline-block;padding:14px 32px;background:var(--qiyun-cta-bg,#111);color:var(--qiyun-cta-text,#fff);border-radius:8px;text-decoration:none;font-weight:600;transition:opacity .2s}
.hero__cta:hover{opacity:.88}
.hero--split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1200px;margin:0 auto;text-align:left}
.hero--split .hero__inner{text-align:left}
.hero--split .hero__title{font-size:var(--qiyun-text-size,40px)}
.hero--split .hero__col--media img{width:100%;height:auto;border-radius:12px;display:block}
@media (max-width:768px){.hero--split{grid-template-columns:1fr}.hero__title{font-size:32px}}