/* English first-screen composition. Keep brand, statement and actions on one grid. */
html[lang="en"] .template-home .hero {
 box-sizing:border-box;min-height:100svh;height:auto;
 padding:128px max(40px,calc((100vw - 1280px)/2)) 64px;
 display:flex;align-items:center;isolation:isolate;
}
html[lang="en"] .template-home .hero .hero-content {
 width:600px;max-width:100%;margin:0;position:relative;z-index:2;
}
html[lang="en"] .template-home .hero h1.brand-lockup {
 font-size:clamp(64px,6vw,88px);line-height:1.08;letter-spacing:-.025em;
 margin:0;padding:0;gap:.12em;
}
html[lang="en"] .template-home .hero .hero-description {
 margin:24px 0 0;font-size:28px;font-weight:500;line-height:1.35;
 letter-spacing:-.015em;color:#dce8ef;max-width:none;
}
html[lang="en"] .template-home .hero .hero-description span {display:block;white-space:nowrap;}
html[lang="en"] .template-home .hero .hero-description span+span {margin:0;color:#b9cbd8;}
html[lang="en"] .template-home .hero .hero-statement.hero-five {
 display:grid;grid-template-columns:1fr 1fr;width:560px;max-width:100%;
 gap:12px 24px;margin:28px 0 0;padding:0;border:0;
}
html[lang="en"] .template-home .hero .hero-statement.hero-five>span:nth-child(n) {
 font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;
 letter-spacing:0;color:#b8cbd7;display:flex;align-items:center;gap:9px;
 padding:0;margin:0;white-space:normal;
}
html[lang="en"] .template-home .hero .hero-statement.hero-five>span:nth-child(n)::before {
 width:4px;height:4px;flex:0 0 4px;color:#64c7d4;opacity:.9;
}
html[lang="en"] .template-home .hero .hero-actions {
 display:grid;grid-template-columns:1fr 1fr;width:560px;max-width:100%;
 gap:12px;margin:28px 0 0;
}
html[lang="en"] .template-home .hero .hero-actions .button {
 box-sizing:border-box;min-height:48px;height:auto;padding:12px 16px;
 font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;
 letter-spacing:0;border-radius:7px;background:rgba(7,14,22,.78);
 border:1px solid #34434f;color:#d9e5ee;white-space:normal;
}
html[lang="en"] .template-home .hero .hero-actions .button:first-child {
 background:#173b44;border-color:#469da8;color:#e9fcff;
}
html[lang="en"] .template-home .hero .hero-actions .button:hover {
 background:#19303d;border-color:#7ab4c1;color:#fff;
}
html[lang="en"] .template-home .hero::after {
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(90deg,rgba(5,9,16,.63) 0%,rgba(5,9,16,.30) 43%,transparent 72%);
}
@media(min-width:1100px) and (max-height:800px){
 html[lang="en"] .template-home .hero {padding-top:108px;padding-bottom:40px;}
 html[lang="en"] .template-home .hero h1.brand-lockup {font-size:76px;}
 html[lang="en"] .template-home .hero .hero-description {font-size:26px;margin-top:20px;}
 html[lang="en"] .template-home .hero .hero-statement.hero-five {margin-top:24px;}
 html[lang="en"] .template-home .hero .hero-actions {margin-top:24px;}
}
@media(max-width:760px){
 html[lang="en"] .template-home .hero {padding:116px 24px 56px;align-items:flex-start;min-height:100svh;}
 html[lang="en"] .template-home .hero h1.brand-lockup {font-size:clamp(42px,9vw,64px);}
 html[lang="en"] .template-home .hero .hero-description {font-size:clamp(19px,3.6vw,26px);margin-top:22px;}
 html[lang="en"] .template-home .hero .hero-statement.hero-five {gap:12px 18px;margin-top:26px;}
 html[lang="en"] .template-home .hero .hero-statement.hero-five>span:nth-child(n) {font-size:14px;}
 html[lang="en"] .template-home .hero .hero-actions {margin-top:26px;gap:10px;}
 html[lang="en"] .template-home .hero .hero-actions .button {font-size:13px;padding:12px 9px;}
}
@media(min-width:761px){
 html[lang="en"] body.template-home .site-header {padding-inline:max(40px,calc((100vw - 1280px)/2));}
}

/* More breathing room between the four content groups. */
@media(min-width:761px){
 html[lang="en"] .template-home .hero .hero-description {margin-top:34px;line-height:1.42;}
 html[lang="en"] .template-home .hero .hero-statement.hero-five {margin-top:38px;row-gap:18px;}
 html[lang="en"] .template-home .hero .hero-actions {margin-top:38px;row-gap:14px;}
}
@media(min-width:761px) and (max-height:740px){
 html[lang="en"] .template-home .hero .hero-description {margin-top:28px;}
 html[lang="en"] .template-home .hero .hero-statement.hero-five {margin-top:30px;row-gap:16px;}
 html[lang="en"] .template-home .hero .hero-actions {margin-top:30px;}
}
@media(max-width:760px){
 html[lang="en"] .template-home .hero .hero-description {margin-top:28px;}
 html[lang="en"] .template-home .hero .hero-statement.hero-five {margin-top:32px;row-gap:16px;}
 html[lang="en"] .template-home .hero .hero-actions {margin-top:32px;row-gap:14px;}
}

/* Match the Chinese edition's four feature colors. */
html[lang="en"] .template-home .hero .hero-statement.hero-five>span:nth-child(1){color:#b3a2d8;}
html[lang="en"] .template-home .hero .hero-statement.hero-five>span:nth-child(2){color:#d4b785;}
html[lang="en"] .template-home .hero .hero-statement.hero-five>span:nth-child(3){color:#9acbc5;}
html[lang="en"] .template-home .hero .hero-statement.hero-five>span:nth-child(4){color:#91cba8;}
html[lang="en"] .template-home .hero .hero-statement.hero-five>span:nth-child(n)::before{color:inherit;}

/* Separate the action block from the feature list. */
html[lang="en"] .template-home .hero .hero-actions {margin-top:60px;}
@media(max-width:760px){html[lang="en"] .template-home .hero .hero-actions {margin-top:48px;}}