/* English layouts allow longer labels without changing the Chinese composition. */
html[lang="en"] body{font-family:Arial,'Source Han Sans SC',sans-serif}
html[lang="en"] .desktop-nav{gap:clamp(18px,2.5vw,40px)}
html[lang="en"] .contact-button{min-width:132px;font-size:13px;gap:10px}
html[lang="en"] .particle-message h1{font-size:clamp(26px,3.2vw,46px);letter-spacing:-.015em}
html[lang="en"] .particle-message p{letter-spacing:.02em}
html[lang="en"] .services-journey .intro h2{white-space:normal;font-size:clamp(27px,2.5vw,42px);line-height:1.3}
html[lang="en"] .services-journey .intro-copy{max-width:800px}
html[lang="en"] .services-journey .intro p{font-size:16px;line-height:1.8;margin-top:28px}
html[lang="en"] .service-details h3{font-size:clamp(20px,1.7vw,27px);line-height:1.25;min-height:2.5em}
html[lang="en"] .service-details .service-lead{font-size:18px;line-height:1.4;margin-top:18px}
html[lang="en"] .service-details .service-description{font-size:14px;line-height:1.65}
html[lang="en"] .service-details .tags{gap:5px}
html[lang="en"] .service-details .tags span{font-size:9px}
html[lang="en"] .about-intro h1{font-size:clamp(28px,2.65vw,42px);line-height:1.3}
html[lang="en"] .about-contact h3{font-size:25px;line-height:1.4}
html[lang="en"] .contact-info strong.address{font-size:14px}
html[lang="en"] .wechat-card{gap:20px}
html[lang="en"] .footer-top{grid-template-columns:1.5fr .7fr .9fr 1.8fr;gap:30px}
html[lang="en"] .manjing-hero h1{font-size:clamp(34px,4vw,60px)}
html[lang="en"] .case-info h3{font-size:20px;line-height:1.4}
html[lang="en"] .case-info>p{line-height:1.7}
html[lang="en"] .feature-strip{font-size:14px}
html[lang="en"] .step-copy h3{font-size:23px}
html[lang="en"] .step-copy p{font-size:14px;line-height:1.7}
html[lang="en"] .demo-panel .work-content h3{font-size:13px}
html[lang="en"] .demo-panel .website-hero h3{font-size:22px}
html[lang="en"] .demo-panel .question{font-size:8px}
html[lang="en"] .demo-panel .typed-answer{font-size:8px}
@media(max-height:850px) and (min-width:701px){html[lang="en"] .service-details .service-lead{font-size:16px;margin-top:12px}html[lang="en"] .service-details .service-description{font-size:12px;line-height:1.5}html[lang="en"] .service-details a{margin-top:10px;padding-top:8px}}
@media(max-width:900px){html[lang="en"] .footer-top{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){html[lang="en"] .particle-message h1{font-size:clamp(20px,4.9vw,33px)}html[lang="en"] .service-details h3{min-height:0}html[lang="en"] .services-journey .intro h2{font-size:28px}html[lang="en"] .service-details .service-description{font-size:15px}}
@media(max-width:550px){html[lang="en"] .footer-top{grid-template-columns:1fr 1fr}html[lang="en"] .particle-message p{font-size:14px}html[lang="en"] .hero-actions{flex-wrap:wrap;justify-content:center}}
/* Keep the service text readable in the English layout as well. */
html[lang="en"] .service-kicker>small{font-size:7px;letter-spacing:.08em}
html[lang="en"] .services-journey .service-details h3{min-height:2.5em}
html[lang="en"] .services-journey .service-details .service-lead{min-height:2.8em;font-size:18px;line-height:1.4}
@media(max-height:800px) and (min-width:701px){html[lang="en"] .services-journey .service-details .service-lead{font-size:16px;margin-top:12px}html[lang="en"] .services-journey .service-details h3{font-size:21px}html[lang="en"] .services-journey .service-details .service-description{font-size:12px}}
@media(max-width:700px){html[lang="en"] .services-journey .service-details h3,html[lang="en"] .services-journey .service-details .service-lead{min-height:0}}