@layer pages {
/* Homepage styles are scoped to main, never the shared header or footer. */
main.wb-home-v2 .wb-home-hero { padding:var(--wb-space-20,80px) 0 0; background:linear-gradient(180deg,var(--wb-surface,#fff) 35%,var(--wb-soft)); }
main.wb-home-v2 .wb-home-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:var(--wb-space-16,64px); padding-bottom:var(--wb-space-16,64px); }
main.wb-home-v2 .wb-home-kicker { display:flex; align-items:center; gap:var(--wb-space-2,8px); margin:0 0 var(--wb-space-6,24px); color:var(--wb-muted); font-size:var(--wb-font-meta,.8125rem); font-weight:600; letter-spacing:.04em; }
main.wb-home-v2 .wb-home-kicker>span { width:24px; height:3px; background:var(--wb-yellow); }
main.wb-home-v2 h1 { margin:0 0 var(--wb-space-6,24px); font-size:3rem; line-height:1.16; letter-spacing:-.025em; font-weight:700; }
main.wb-home-v2 h1>span { display:block; color:var(--wb-action,#075db6); }
html[lang="zh-CN"] main.wb-home-v2 h1 { line-height:1.3; letter-spacing:-.015em; }
main.wb-home-v2 .wb-home-lead { max-width:590px; margin-bottom:var(--wb-space-8,32px); font-size:var(--wb-font-body,1rem); line-height:1.8; color:var(--wb-muted); }
main.wb-home-v2 .wb-button-row { gap:var(--wb-space-6,24px); }
main.wb-home-v2 .wb-button { gap:var(--wb-space-2,8px); }
main.wb-home-v2 .wb-home-text-link { display:inline-flex; align-items:center; gap:var(--wb-space-2,8px); color:var(--wb-action,#075db6); font-size:var(--wb-font-ui,.875rem); font-weight:600; text-decoration:none; }
main.wb-home-v2 .wb-home-text-link:hover { color:var(--wb-blue-dark); text-decoration:underline; text-underline-offset:4px; }
main.wb-home-v2 .wb-icon { display:inline-block; flex:0 0 16px; width:16px; font-size:16px; text-align:center; }
main.wb-home-v2 .wb-home-proof { display:flex; flex-wrap:wrap; gap:var(--wb-space-2,8px) var(--wb-space-4,16px); padding:0; margin:var(--wb-space-6,24px) 0 0; list-style:none; font-size:var(--wb-font-meta,.8125rem); color:var(--wb-muted); }
main.wb-home-v2 .wb-home-proof li { display:flex; align-items:center; gap:var(--wb-space-2,8px); }
main.wb-home-v2 .wb-home-proof i { flex:0 0 14px; width:14px; color:var(--wb-green); font-size:12px; text-align:center; }
main.wb-home-v2 .wb-home-demo { min-width:0; border:1px solid var(--wb-line); border-radius:8px; background:var(--wb-surface,#fff); box-shadow:0 12px 32px rgba(31,58,88,.06); overflow:hidden; }
main.wb-home-v2 .wb-home-demo-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--wb-space-2,8px); padding:var(--wb-space-4,16px) var(--wb-space-6,24px); border-bottom:1px solid var(--wb-line); background:var(--wb-soft); }
main.wb-home-v2 .wb-home-demo-top>span { display:flex; align-items:center; gap:var(--wb-space-2,8px); color:var(--wb-text); font-size:var(--wb-font-meta,.8125rem); font-weight:600; }
main.wb-home-v2 .wb-home-demo-top .wb-icon { color:var(--wb-muted); }
main.wb-home-v2 .wb-home-demo-top small { color:var(--wb-muted); font-size:var(--wb-font-meta,.8125rem); }
main.wb-home-v2 .wb-home-demo-target { display:flex; justify-content:space-between; gap:var(--wb-space-3,12px); padding:var(--wb-space-6,24px); }
main.wb-home-v2 .wb-home-demo-target>div { display:flex; flex-direction:column; gap:var(--wb-space-1,4px); }
main.wb-home-v2 .wb-home-demo-target>div:last-child { text-align:right; }
main.wb-home-v2 .wb-home-demo-target span { font-size:var(--wb-font-meta,.8125rem); color:var(--wb-muted); }
main.wb-home-v2 .wb-home-demo-target strong { color:var(--wb-ink); font-size:var(--wb-font-card,1.25rem); font-weight:600; }
main.wb-home-v2 .wb-home-demo-target time { color:var(--wb-muted); font-size:var(--wb-font-meta,.8125rem); line-height:1.5; }
main.wb-home-v2 .wb-home-demo-table { padding:0 var(--wb-space-6,24px); }
main.wb-home-v2 .wb-home-demo table { width:100%; border-collapse:collapse; font-size:var(--wb-font-meta,.8125rem); }
main.wb-home-v2 .wb-home-demo th { padding:var(--wb-space-3,12px) 0; text-align:left; font-size:var(--wb-font-meta,.8125rem); font-weight:600; color:var(--wb-muted); border-bottom:1px solid var(--wb-line); }
main.wb-home-v2 .wb-home-demo td { padding:var(--wb-space-4,16px) 0; border-bottom:1px solid var(--wb-line); color:var(--wb-text); line-height:1.6; }
main.wb-home-v2 .wb-home-demo td:first-child { color:var(--wb-ink); font-weight:500; }
main.wb-home-v2 .wb-home-demo td:last-child,main.wb-home-v2 .wb-home-demo th:last-child { text-align:right; }
main.wb-home-v2 .wb-home-assessment { display:inline-flex; gap:var(--wb-space-2,8px); align-items:center; white-space:nowrap; font-size:var(--wb-font-meta,.8125rem); font-weight:500; }
main.wb-home-v2 .wb-home-assessment>span { flex:none; width:6px; height:6px; border-radius:50%; background:currentColor; }
main.wb-home-v2 .wb-home-assessment.is-normal { color:var(--wb-green); }
main.wb-home-v2 .wb-home-assessment.is-abnormal { color:var(--wb-red); }
main.wb-home-v2 .wb-home-assessment.is-unknown { color:var(--wb-orange); }
main.wb-home-v2 .wb-home-demo-note { margin:0; padding:var(--wb-space-4,16px) var(--wb-space-6,24px) var(--wb-space-6,24px); font-size:var(--wb-font-meta,.8125rem); line-height:1.7; color:var(--wb-muted); }
main.wb-home-v2 .wb-home-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:var(--wb-space-6,24px) 0; border-top:1px solid var(--wb-line); }
main.wb-home-v2 .wb-home-pillars>div { display:flex; flex-direction:column; gap:var(--wb-space-1,4px); padding:0 var(--wb-space-6,24px); border-left:1px solid var(--wb-line); }
main.wb-home-v2 .wb-home-pillars>div:first-child { padding-left:0; border-left:0; }
main.wb-home-v2 .wb-home-pillars strong { color:var(--wb-text); font-size:var(--wb-font-ui,.875rem); font-weight:600; }
main.wb-home-v2 .wb-home-pillars span { color:var(--wb-muted); font-size:var(--wb-font-meta,.8125rem); }
main.wb-home-v2 .wb-home-section { padding:var(--wb-space-20,80px) 0; }
main.wb-home-v2 .wb-home-section-heading { max-width:800px; margin-bottom:var(--wb-space-8,32px); }
main.wb-home-v2 .wb-home-section-heading .wb-home-kicker { margin-bottom:var(--wb-space-4,16px); }
main.wb-home-v2 h2 { margin:0 0 var(--wb-space-4,16px); font-size:var(--wb-font-section,1.75rem); line-height:1.4; letter-spacing:-.015em; font-weight:700; }
main.wb-home-v2 .wb-home-section-heading>p:last-child:not(.wb-home-kicker) { max-width:720px; margin:0; color:var(--wb-muted); }
main.wb-home-v2 .wb-home-scenarios { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--wb-space-8,32px); }
main.wb-home-v2 .wb-home-scenarios article { display:flex; flex-direction:column; align-items:flex-start; border-top:1px solid var(--wb-line); padding-top:var(--wb-space-6,24px); }
main.wb-home-v2 .wb-home-number { color:var(--wb-muted); font-size:var(--wb-font-meta,.8125rem); font-family:var(--wb-font-mono); margin-bottom:var(--wb-space-4,16px); }
main.wb-home-v2 h3 { font-size:var(--wb-font-card,1.25rem); line-height:1.5; margin-bottom:var(--wb-space-3,12px); font-weight:600; }
main.wb-home-v2 .wb-home-scenarios p { margin-bottom:var(--wb-space-6,24px); color:var(--wb-muted); font-size:var(--wb-font-body,1rem); line-height:1.8; }
main.wb-home-v2 .wb-home-scenarios a { margin-top:auto; }
main.wb-home-v2 .wb-home-methods-section { background:var(--wb-soft); }
main.wb-home-v2 .wb-home-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--wb-space-12,48px); }
main.wb-home-v2 .wb-home-methods p { max-width:520px; color:var(--wb-muted); font-size:var(--wb-font-body,1rem); line-height:1.8; }
main.wb-home-v2 .wb-home-methods ul { display:flex; flex-wrap:wrap; gap:var(--wb-space-2,8px); list-style:none; margin:var(--wb-space-6,24px) 0 0; padding:0; }
main.wb-home-v2 .wb-home-methods li { border:1px solid var(--wb-line); background:var(--wb-surface,#fff); padding:var(--wb-space-2,8px) var(--wb-space-3,12px); border-radius:6px; color:var(--wb-text); font-size:var(--wb-font-meta,.8125rem); }
main.wb-home-v2 .wb-home-method-links { display:flex; flex-wrap:wrap; gap:var(--wb-space-6,24px); margin-top:var(--wb-space-8,32px); }
main.wb-home-v2 .wb-home-workflow { display:grid; grid-template-columns:1fr 1.2fr; gap:var(--wb-space-20,80px); }
main.wb-home-v2 .wb-home-workflow-links { display:flex; flex-wrap:wrap; gap:var(--wb-space-4,16px) var(--wb-space-6,24px); margin-top:var(--wb-space-6,24px); }
main.wb-home-v2 .wb-home-workflow ol { margin:0; padding:0; list-style:none; display:grid; gap:var(--wb-space-6,24px); }
main.wb-home-v2 .wb-home-workflow li { display:flex; gap:var(--wb-space-4,16px); }
main.wb-home-v2 .wb-home-workflow li>span { flex:none; display:grid; place-items:center; width:32px; height:32px; background:var(--wb-soft); border:1px solid var(--wb-line); border-radius:50%; color:var(--wb-text); font-size:var(--wb-font-meta,.8125rem); }
main.wb-home-v2 .wb-home-workflow h3 { margin:0 0 var(--wb-space-2,8px); }
main.wb-home-v2 .wb-home-workflow p { margin:0; color:var(--wb-muted); font-size:var(--wb-font-body,1rem); line-height:1.8; }
main.wb-home-v2 .wb-home-cta-section { padding-top:0; }
main.wb-home-v2 .wb-home-cta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--wb-space-6,24px); padding:var(--wb-space-8,32px); border:1px solid var(--wb-line); border-radius:8px; background:var(--wb-soft); }
main.wb-home-v2 .wb-home-cta h2 { margin-bottom:var(--wb-space-2,8px); }
main.wb-home-v2 .wb-home-cta p { margin:0; color:var(--wb-muted); font-size:var(--wb-font-body,1rem); }
@media(max-width:1180px) {
 main.wb-home-v2 .wb-home-hero-grid { gap:var(--wb-space-8,32px); }
 main.wb-home-v2 .wb-home-demo-table { padding:0 var(--wb-space-4,16px); }
 main.wb-home-v2 .wb-home-demo-target { padding:var(--wb-space-6,24px) var(--wb-space-4,16px); }
 main.wb-home-v2 .wb-home-workflow { gap:var(--wb-space-12,48px); }
}
@media(max-width:960px) {
 main.wb-home-v2 .wb-home-hero { padding-top:var(--wb-space-12,48px); }
 main.wb-home-v2 .wb-home-hero-grid { grid-template-columns:1fr; padding-bottom:var(--wb-space-12,48px); }
 main.wb-home-v2 .wb-home-intro { max-width:720px; }
 main.wb-home-v2 .wb-home-demo { width:100%; max-width:680px; }
 main.wb-home-v2 .wb-home-section { padding:var(--wb-space-12,48px) 0; }
 main.wb-home-v2 .wb-home-scenarios { gap:var(--wb-space-6,24px); }
 main.wb-home-v2 .wb-home-workflow { grid-template-columns:1fr; gap:0; }
 main.wb-home-v2 .wb-home-cta-section { padding-top:0; }
}
@media(max-width:620px) {
 main.wb-home-v2 .wb-home-hero { padding-top:var(--wb-space-8,32px); }
 main.wb-home-v2 .wb-home-kicker { margin-bottom:var(--wb-space-4,16px); letter-spacing:0; }
 main.wb-home-v2 h1 { font-size:2.25rem; letter-spacing:-.02em; }
 html[lang="zh-CN"] main.wb-home-v2 h1 { font-size:2rem; line-height:1.35; }
 main.wb-home-v2 .wb-home-lead { margin-bottom:var(--wb-space-6,24px); }
 main.wb-home-v2 .wb-button-row { align-items:flex-start; flex-direction:column; gap:var(--wb-space-4,16px); }
 main.wb-home-v2 .wb-home-proof { display:grid; gap:var(--wb-space-2,8px); }
 main.wb-home-v2 .wb-home-demo-top { padding:var(--wb-space-4,16px); }
 main.wb-home-v2 .wb-home-demo-target { padding:var(--wb-space-4,16px); }
 main.wb-home-v2 .wb-home-demo td:last-child { max-width:100px; padding-left:var(--wb-space-2,8px); }
 main.wb-home-v2 .wb-home-assessment { gap:var(--wb-space-1,4px); }
 main.wb-home-v2 .wb-home-demo-note { padding:var(--wb-space-4,16px); }
 main.wb-home-v2 .wb-home-pillars { grid-template-columns:1fr; gap:var(--wb-space-4,16px); }
 main.wb-home-v2 .wb-home-pillars>div { flex-direction:row; flex-wrap:wrap; align-items:baseline; gap:var(--wb-space-1,4px) var(--wb-space-3,12px); padding:0; border:0; }
 main.wb-home-v2 .wb-home-section-heading { margin-bottom:var(--wb-space-6,24px); }
 main.wb-home-v2 .wb-home-scenarios { grid-template-columns:1fr; gap:var(--wb-space-8,32px); }
 main.wb-home-v2 .wb-home-scenarios p { margin-bottom:var(--wb-space-4,16px); }
 main.wb-home-v2 .wb-home-methods { grid-template-columns:1fr; gap:var(--wb-space-8,32px); }
 main.wb-home-v2 .wb-home-method-links { flex-direction:column; gap:var(--wb-space-4,16px); }
 main.wb-home-v2 .wb-home-cta { padding:var(--wb-space-6,24px); }
}

}