/* Open page composition, shared by both homepage themes. */
html:root[data-surface=brand] :is(.platform-proof-grid,.platform-proof-grid>div,.portal-card,.mobile-product-link,.workspace,.workspace-top,.strategy-sidebar,.strategy-detail,.step,.community-feed,.community-band,.market-ribbon,footer){border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}
html:root[data-surface=brand] :is(.edition,.portal-go,.portal-tags,.portal-top,.portal-top svg,.feed-post,.feed-tabs,.faq details,.market-ribbon>span,.mini-mark,.text-link,.strategy-card,.metrics>div,.header,.header button,.header a,.hero .button,.motion-toggle){border:0!important;box-shadow:none}
html:root[data-surface=brand] .platform-proof-grid>div::before{display:none}
html:root[data-surface=brand] :is(.portal-card small,.mobile-product-link .button){border:0!important}
html:root[data-surface=brand] .edition{background:none;padding:0;font-size:10px;letter-spacing:.1em}
html:root[data-surface=brand] .hero .eyebrow{align-items:baseline;gap:18px;margin-bottom:28px;line-height:1.4}
html:root[data-surface=brand] .hero .hero-static-brand{line-height:1.2;gap:5px;font-size:26px}
html:root[data-surface=brand] .hero-brand-caption{font-family:'Microsoft YaHei UI','Microsoft YaHei','PingFang SC',sans-serif;font-size:14px;font-weight:500;letter-spacing:.1em;line-height:1.4}
html:root[data-surface=brand]:not([lang=en]) :is(h1,h2,h3){font-family:'Microsoft YaHei UI','Microsoft YaHei','PingFang SC',sans-serif;letter-spacing:.015em}
html:root[data-surface=brand]:not([lang=en]) .hero h1{font-size:clamp(38px,5vw,72px);font-weight:600;line-height:1.38;letter-spacing:.025em;margin-bottom:20px}
html:root[data-surface=brand] .hero-copy{line-height:1.9}
/* Snow is visible in the hero; a softer continuation supports long-form content. */
html:root[data-theme=light][data-surface=brand] body::before{background:linear-gradient(#fbfcfff0,#fbfcffda),url('/brand/assets/snow-mountains-v1.png') center/cover no-repeat}
html:root[data-theme=light][data-surface=brand] .nebula-scene{background:linear-gradient(180deg,#ffffff9c 0%,#ffffff55 34%,#ffffff08 64%,#fafbffdd 100%),url('/brand/assets/snow-mountains-v1.png') center bottom/cover no-repeat;opacity:1}
html:root[data-theme=light][data-surface=brand] .hero-shade{background:linear-gradient(180deg,transparent 85%,#fafbff)}
html:root[data-theme=light][data-surface=brand] #aurora{visibility:hidden;opacity:0}
html:root[data-theme=light][data-surface=brand] .hero h1{color:#26334a}
html:root[data-theme=light][data-surface=brand] .hero h1 span{background-image:linear-gradient(110deg,#45406e,#7160a1);background-clip:text}
html:root[data-theme=light][data-surface=brand] :is(.hero-copy,.hero-coordinate,.hero-coordinate b,.logo-stage-caption,.free-brand-note,.scroll-cue){color:#4b5670}
html:root[data-theme=light][data-surface=brand] .hero .button.secondary{background:#ffffff7a;color:#484364}
html:root[data-theme=light][data-surface=mobile] .mobile-cosmos{background:linear-gradient(180deg,#ffffffb0 0%,#ffffff85 40%,#fafbffe8 78%),url('/brand/assets/snow-mountains-v1.png') 52% center/auto 100svh no-repeat}
html:root[data-theme=light][data-surface=mobile] .mobile-bottom-nav{border:0}
@media(max-width:700px){
 html:root[data-surface=brand] .hero .button{white-space:nowrap;font-size:12px;padding:12px 15px}
 html:root[data-surface=brand] .logo-stage{top:57%;width:min(260px,76vw);height:230px}
 html:root[data-surface=brand] .hero-coordinate{top:86%}
 html:root[data-surface=brand] .hero-coordinate i{display:none}
 html:root[data-surface=brand] .hero .eyebrow{gap:10px;row-gap:8px;margin-bottom:24px}
 html:root[data-surface=brand] .hero .hero-static-brand{font-size:23px}
 html:root[data-surface=brand] .hero-brand-caption{font-size:12px;letter-spacing:.05em}
 html:root[data-surface=brand] .hero .edition{font-size:8px}
 html:root[data-surface=brand]:not([lang=en]) .hero h1{font-size:clamp(36px,9vw,48px);line-height:1.4}
 html:root[data-theme=light][data-surface=brand] .nebula-scene{background-position:center,54% bottom;background-size:cover,auto 100%}
 html:root[data-surface=brand][lang=en] .hero-brand-caption{font-size:10px;flex-basis:100%}
}
@media(max-width:360px){html:root[data-surface=brand] .hero .eyebrow{column-gap:8px}html:root[data-surface=brand] .hero .hero-static-brand{font-size:21px}html:root[data-surface=brand] .hero-brand-caption{font-size:11px}}