/* Homepage art direction: preserve existing copy, links, images and SPA hooks. */
body[data-art-direction=home] .ds-hero{background:var(--art-dark);min-height:640px;align-items:center;position:relative;overflow:hidden}
body[data-art-direction=home] .ds-hero-bg{left:50%;right:0;top:0;bottom:0;position:absolute}
body[data-art-direction=home] .ds-hero-bg::after{background:linear-gradient(90deg,rgba(6,21,35,.34),rgba(6,21,35,.06))}
body[data-art-direction=home] .ds-hero-bg img{animation:none;transform:none;object-fit:cover;width:100%;height:100%;display:block}
body[data-art-direction=home] .ds-hero>.shell{position:relative;width:min(var(--art-width),calc(100% - 80px));margin:0 auto;padding:84px 53% 80px 0;min-width:0;z-index:1}
body[data-art-direction=home] .ds-hero .ds-eyebrow{font-size:11px;letter-spacing:.12em;line-height:1.6;color:#c5d4da;opacity:1}
body[data-art-direction=home] .ds-hero h1{font-size:clamp(42px,4.15vw,58px);line-height:1.12;letter-spacing:-.03em;font-weight:650;margin:22px 0 24px;max-width:18ch;color:#fff;text-wrap:balance}
body[data-art-direction=home] .ds-hero h1:lang(zh){max-width:none;line-height:1.3;letter-spacing:0;text-wrap:pretty}
body[data-art-direction=home] .ds-hero h1:lang(zh) .thin{white-space:nowrap}
body[data-art-direction=home] .ds-hero h1 .thin{font-weight:450;opacity:1}
body[data-art-direction=home] .ds-hero h1 em{font-weight:650}
/* English starts with the offer; its visual emphasis should not fall on the market qualifier. */
body[data-art-direction=home] .ds-hero h1:lang(en) .thin{font-weight:650}
body[data-art-direction=home] .ds-hero h1:lang(en) em{font-weight:450}
body[data-art-direction=home] .ds-hero .lead{font-size:16px;line-height:1.8;color:#c7d4d9;max-width:56ch;margin:0}
body[data-art-direction=home] .ds-hero .cta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;margin-top:24px}
body[data-art-direction=home] .ds-hero .ds-btn{height:auto;min-height:48px;padding:13px 20px;border-radius:2px;box-shadow:none;font-size:14px;line-height:1.4;font-weight:600;transition:none}
body[data-art-direction=home] .ds-hero .ds-btn-red{background:var(--art-red);color:#fff}
body[data-art-direction=home] .ds-hero .ds-btn-red:hover{background:#c60010}
body[data-art-direction=home] .ds-hero .ds-btn-ghost{border:0;background:none;color:#fff;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
body[data-art-direction=home] .ds-hero .promise{font-size:12px;color:#b4c4cb;line-height:1.7;margin-top:22px;font-weight:500}
body[data-art-direction=home] .ds-dot{animation:none;box-shadow:none}
body[data-art-direction=home] .ds-band{background:#fff;color:var(--art-ink);border-bottom:1px solid var(--art-line)}
body[data-art-direction=home] .ds-band .shell{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body[data-art-direction=home] .ds-band .shell>div{padding:28px 0;border:0}
body[data-art-direction=home] .ds-band b{font-size:29px;line-height:1.15;font-weight:600;color:var(--art-ink)}
body[data-art-direction=home] .ds-band b small{color:var(--art-muted);font-weight:500;font-size:14px}
body[data-art-direction=home] .ds-band span{font-size:12px;line-height:1.6;color:var(--art-muted)}
body[data-art-direction=home] [data-oem-starter-home]{padding:72px 0;background:#f3f6f5}
body[data-art-direction=home] [data-oem-starter-home] h2{font-size:32px;line-height:1.3;font-weight:600;color:var(--art-ink)}
body[data-art-direction=home] [data-oem-starter-home]>.shell>p{color:var(--art-muted);line-height:1.8}
body[data-art-direction=home] .oem-starter-home-grid{gap:0 32px;margin-top:32px}
body[data-art-direction=home] .oem-starter-home-card{background:transparent;border:0;border-top:1px solid #a8bbc0;border-radius:0;box-shadow:none;padding:24px 0;transition:none}
body[data-art-direction=home] .oem-starter-home-card:hover{transform:none;box-shadow:none;background:transparent;border-color:var(--art-ink)}
body[data-art-direction=home] .oem-starter-home-card h3{font-size:20px;line-height:1.4;font-weight:600;color:var(--art-ink)}
body[data-art-direction=home] .oem-starter-home-card p{font-size:15px;line-height:1.8;color:var(--art-muted)}
body[data-art-direction=home] .oem-starter-home-card span{font-size:13px;font-weight:600;color:var(--art-ink);text-decoration:underline;text-underline-offset:5px}
body[data-art-direction=home] .ds-sec{padding:80px 0}
body[data-art-direction=home] .ds-head{margin-bottom:40px}
body[data-art-direction=home] .ds-head h2{font-size:clamp(28px,3vw,38px);line-height:1.2;font-weight:600;color:var(--art-ink)}
body[data-art-direction=home] .ds-head p{line-height:1.8;color:var(--art-muted)}
body[data-art-direction=home] .ds-pillars{gap:0 40px}
body[data-art-direction=home] .ds-pillar{background:none;border:0;border-top:1px solid #a8bbc0;border-radius:0;box-shadow:none;padding:24px 0;transition:none}
body[data-art-direction=home] .ds-pillar:hover{transform:none;box-shadow:none}
body[data-art-direction=home] .ds-pillar h3{font-weight:600;line-height:1.35}
body[data-art-direction=home] .ds-pillar :is(p,li){line-height:1.8}
/* Trust content sits on a light surface: set every text and action explicitly. */
body[data-art-direction=home] .hc-trust{background:#fff;color:var(--art-ink)}
body[data-art-direction=home] .hc-trust .ds-head h2{color:var(--art-ink)}
body[data-art-direction=home] .hc-trust .ds-head p{color:var(--art-muted)}
body[data-art-direction=home] .hc-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;background:none;border:0}
body[data-art-direction=home] .hc-trust-grid article{background:none;border:0;border-top:1px solid #c6d2d6;box-shadow:none;padding:26px 0;min-height:0}
body[data-art-direction=home] .hc-trust-grid small{color:var(--art-muted);font-size:12px;line-height:1.5}
body[data-art-direction=home] .hc-trust-grid h3{color:var(--art-ink);font-size:19px;line-height:1.45;font-weight:600}
body[data-art-direction=home] .hc-trust-grid p{color:var(--art-muted);font-size:15px;line-height:1.75}
body[data-art-direction=home] .hc-trust-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}
body[data-art-direction=home] .hc-trust-actions .ds-btn{min-height:48px;border-radius:2px;box-shadow:none}
body[data-art-direction=home] .hc-trust-actions .ds-btn-red{background:var(--art-red);color:#fff}
body[data-art-direction=home] .hc-trust-actions .ds-btn-ghost{color:var(--art-ink);border:0;background:none;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
body[data-art-direction=home] .hc-trust-actions .ds-btn-ghost:hover{color:var(--art-dark);background:none}
/* The film uses a dark surface; do not inherit the light-section heading colours. */
body[data-art-direction=home] .ds-film .ds-head h2{color:#fff}
body[data-art-direction=home] .ds-film .ds-head p,body[data-art-direction=home] .ds-film .ds-eyebrow{color:#cbd9df}
/* Contact cards remain grouped and actionable, without a second decorative frame. */
body[data-art-direction=home] .hc-contact .hc-card{background:none;border:0;border-top:1px solid #c6d2d6;border-radius:0;box-shadow:none;padding:22px 0}
body[data-art-direction=home] .hc-contact .hc-card:hover{box-shadow:none}
@media(max-width:1000px){body[data-art-direction=home] .ds-hero>.shell{width:calc(100% - 48px)}body[data-art-direction=home] .ds-hero h1{font-size:clamp(36px,4.5vw,48px)}body[data-art-direction=home] .ds-band .shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}body[data-art-direction=home] .ds-pillars{gap:0 24px}}
@media(max-width:700px){
 body[data-art-direction=home] .ds-hero{min-height:0;display:flex;flex-direction:column;align-items:stretch}
 body[data-art-direction=home] .ds-hero-bg{position:relative;inset:auto;height:auto;aspect-ratio:16/10;overflow:hidden;order:6}
 body[data-art-direction=home] .ds-hero-bg::after{background:none}
 body[data-art-direction=home] .ds-hero>.shell{display:contents}
 body[data-art-direction=home] .ds-hero .ds-eyebrow{order:1;margin:36px 20px 0}
 body[data-art-direction=home] .ds-hero h1{order:2;font-size:36px;line-height:1.16;max-width:18ch;margin:16px 20px 18px}
 body[data-art-direction=home] .ds-hero h1:lang(zh){max-width:none;line-height:1.35}
 body[data-art-direction=home] .ds-hero .lead{order:3;font-size:16px;line-height:1.75;margin:0 20px}
 body[data-art-direction=home] .ds-hero .cta{order:4;margin:18px 20px 0;gap:4px 16px}
 body[data-art-direction=home] .ds-hero .promise{order:5;margin:16px 20px 28px}
 body[data-art-direction=home] .ds-band .shell>div{padding:20px 0}
 body[data-art-direction=home] .ds-band b{font-size:25px}
 body[data-art-direction=home] [data-oem-starter-home],body[data-art-direction=home] .ds-sec{padding:52px 0}
 body[data-art-direction=home] [data-oem-starter-home] h2{font-size:27px}
 body[data-art-direction=home] .oem-starter-home-grid,body[data-art-direction=home] .ds-pillars{grid-template-columns:1fr}
 body[data-art-direction=home] .oem-starter-home-card,body[data-art-direction=home] .ds-pillar{padding:22px 0}
 body[data-art-direction=home] .hc-trust-grid{grid-template-columns:1fr}
}