.flow-card{
  width:calc((100% - 92px)/3);
  padding:14px;
}
.flow-card-a{left:24px}
.flow-card-b{left:50%;transform:translateX(-50%)}
.flow-card-c{right:24px}
.site-header{gap:18px}
.site-header .wordmark,.site-header .header-actions{flex:0 0 auto}
.site-header nav{white-space:nowrap;gap:18px;flex:1;justify-content:center}
.site-header nav a{white-space:nowrap;flex:0 0 auto;font-size:13px}
.site-header .header-actions{gap:14px}
.zh-switch{font-size:10px;font-weight:700;letter-spacing:.1em;padding:5px 0 5px 5px;color:#8a9aac;border:0}.zh-switch:hover{color:var(--blue)}
.wordmark small{white-space:nowrap;font-size:8px}
@media(max-width:1280px){
  .site-header nav{display:none;position:absolute;left:0;right:0;top:81px;background:#fff;padding:25px;box-shadow:var(--shadow);flex-direction:column;white-space:normal}
  .site-header nav.is-open{display:flex}
  .menu-toggle{display:block;background:none;border:0;font-weight:800}
  .header-actions .text-link{display:none}
}
@media(max-width:680px){
  .flow-card{left:24px!important;right:24px!important;width:auto;transform:none}
  .site-header nav{top:69px}
}

/* English public pages use calm, editorial disclosures instead of warning-yellow boxes. */
html[lang="en-GB"] body .odm-note,
html[lang="en-GB"] body .notice,
html[lang="en-GB"] body .legal-warning{
  background:transparent!important;
  border-left:0!important;
  border-top:1px solid var(--line)!important;
  color:var(--muted)!important;
  padding:16px 0 0!important;
  font-size:13px;
  font-weight:500;
}
@media(min-width:681px){footer{grid-template-columns:2fr repeat(3,1fr)}}

/* Homepage editorial rhythm: compact enough to scan, spacious enough to feel premium. */
.home-page .hero{min-height:660px;padding-top:64px;padding-bottom:72px;gap:56px}
.home-page .hero-copy{max-width:690px}
.home-page .hero h1,.home-page .section h2,.home-page .cta-section h2{text-wrap:balance}
.home-page .hero-lead{max-width:625px;font-size:18px;line-height:1.65}
.home-page .hero-visual{min-height:470px}
.home-page .section{padding-top:84px;padding-bottom:84px}
.home-page .section-heading{max-width:840px}
.home-page .section-heading>p:last-child{max-width:760px;line-height:1.7}
.home-page .sell-focus{gap:64px}
.home-page .sell-focus-heading h2{font-size:clamp(42px,4.5vw,61px)}
.home-page .sell-focus-flow article{padding:21px 0}
.home-page .product-teasers{margin-top:42px}
.home-page .product-teasers>a{min-height:320px}
.home-page .product-teasers>a>img{height:220px}
.home-page .media-levels{margin-top:40px}
.home-page .media-levels article{min-height:292px;padding:27px}
.home-page .model-grid{margin-top:52px}
.home-page .model-grid article{min-height:218px}
.home-page .dark-panel,.home-page .portal-preview{min-height:520px;padding:48px}
.home-page .odm-grid{margin-top:44px}
.home-page .odm-grid article{min-height:170px}
.home-page .assurance{gap:64px}
.home-page .deposit{gap:64px}
.home-page .marketplace-fit{padding-top:68px;padding-bottom:68px;background:#f7f9fc}
.home-page .marketplace-fit .section-heading{display:grid;grid-template-columns:.78fr 1.22fr;column-gap:64px;align-items:start;max-width:none}
.home-page .marketplace-fit .eyebrow,.home-page .marketplace-fit h2{grid-column:1}
.home-page .marketplace-fit h2{font-size:clamp(38px,4vw,54px)}
.home-page .marketplace-fit .section-heading>p{grid-column:2;margin-top:0}
.home-page .marketplace-fit .disclosure{font-size:12px;padding-top:18px;border-top:1px solid var(--line)}
.home-page .cta-section{padding-top:88px;padding-bottom:88px}
.home-page .cta-section>p:not(.eyebrow){line-height:1.7}
@media(max-width:1000px){
  .home-page .hero{padding-top:48px;gap:44px}
  .home-page .marketplace-fit .section-heading{grid-template-columns:1fr;gap:0}
  .home-page .marketplace-fit .eyebrow,.home-page .marketplace-fit h2,.home-page .marketplace-fit .section-heading>p{grid-column:1}
  .home-page .marketplace-fit .section-heading>p{margin-top:18px}
}
@media(max-width:680px){
  .home-page .hero{padding-top:38px;padding-bottom:54px}
  .home-page .hero h1{font-size:41px;line-height:1.06}
  .home-page .hero-visual{min-height:540px}
  .home-page .section{padding-top:64px;padding-bottom:64px}
  .home-page .product-teasers>a>img{height:230px}
  .home-page .dark-panel,.home-page .portal-preview{padding:30px 24px}
  .home-page .marketplace-fit{padding-top:58px;padding-bottom:58px}
  .home-page .cta-section{padding-top:70px;padding-bottom:70px}
}