.hero{display:block;min-height:0;padding:1rem 0 4.5rem}
.hero .lede{max-width:760px}
.hero .hero-copy{max-width:960px}
.hero h1{font-size:clamp(4rem,4vw,4.8rem)}
.hero h1 em{font-style:normal;color:var(--cyan)}
.hero-resource{min-width:112px;justify-content:center}
.hero-resource .brand-icon{width:18px;height:18px;flex:none;object-fit:contain}
.hero-resource span{font-size:11px}
.hero-resource span:last-child{margin-left:auto;font-size:14px}
html:lang(zh-CN) .hero h1{font-size:clamp(2.4rem,3.5vw,3.8rem);line-height:1.22;letter-spacing:-.045em}
.section-head h2 span:first-child{color:var(--ink)}
.section-head h2 span:last-child{color:var(--cyan)}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:1.1rem;background:var(--line);border:1px solid var(--line)}
.feature{min-height:210px;padding:1.9rem 1.8rem;background:rgba(255,255,255,.55);display:flex;flex-direction:column}
.feature:nth-child(1){border-top:3px solid var(--blue)}
.feature:nth-child(2){border-top:3px solid var(--orange)}
.feature:nth-child(3){border-top:3px solid var(--cyan)}
.feature:nth-child(4){border-top:3px solid var(--ink)}
.feature-num{font:700 10px var(--mono);color:var(--muted)}
.feature h3{margin:1.5rem 0 .9rem;font-size:1.6rem;line-height:1.12;letter-spacing:-.04em}
.feature p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.62}