/* Bilingual chrome; keep the established Chinese layout and color system. */
.language-switch{position:relative;display:flex;align-items:center;gap:0;padding:0;border:0;background:transparent;flex-shrink:0;z-index:60}
.language-switch button{position:relative;border:0;background:transparent;color:#62758b;font-family:inherit;font-size:13px;line-height:1.2;font-weight:500;padding:0 9px;min-height:44px;cursor:pointer;border-radius:3px;transition:color .15s ease}
.language-switch .language-trigger{display:flex;align-items:center;gap:9px;padding:0 12px;min-height:40px;border:0;border-radius:3px;background:transparent;color:#4c6680}
.language-trigger>span{font-size:15px;transition:transform .15s ease}
.language-trigger[aria-expanded=true]>span{transform:rotate(180deg)}
.language-options{position:absolute;right:0;top:calc(100% + 9px);min-width:148px;padding:5px;border:1px solid #e3ebf3;border-radius:8px;background:#fff;box-shadow:0 10px 28px #153d6517}
.language-options[hidden]{display:none!important}
.language-switch .language-options button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:0 12px;text-align:left;min-height:42px;border-radius:4px}
.language-options button[aria-checked=true]{color:#154e88;background:#edf5fc;font-weight:650}
.language-options button:hover{background:#f3f7fb}
.language-check{visibility:hidden;color:#2368a6}
.language-options button[aria-checked=true] .language-check{visibility:visible}
.language-switch button:hover{color:#0758af}
.language-switch button:focus-visible{outline:2px solid #ff6025;outline-offset:2px}
.site-header .header-actions{gap:12px}
@media(min-width:981px){.site-header .language-switch{left:20px}}
@media(min-width:981px){.site-header{grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(14px,1.5vw,24px)}.site-header .main-nav{gap:clamp(18px,2vw,36px)}.site-header .contact-button{min-width:110px;padding-inline:18px}}
@media(max-width:980px){.site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.site-header .header-actions{display:flex;grid-column:2;grid-row:1}.site-header .header-actions>.contact-button{display:none}.site-header .nav-toggle{grid-column:3;grid-row:1}.language-switch button{padding-inline:7px}.site-header .brand{gap:7px}.site-header .brand-name{font-size:17px}.site-header .brand-latin{font-size:16px}.site-header .brand-latin:before{margin-right:7px}.site-header .brand-mark{width:32px;flex-basis:32px;transform:scale(.8);transform-origin:left center;margin-right:-5px}}
@media(max-width:420px){.site-header .brand-latin{display:none}html[lang=en] .site-header .brand-latin{display:inline-block}}
[data-en-native]{display:none!important}
html[lang=en]{scroll-snap-type:none;scroll-behavior:smooth}
html[lang=en] body{font-family:'Avenir Next','Segoe UI',sans-serif;overflow-y:auto;height:auto}
html[lang=en] .brand-name,html[lang=en] .brand-latin::before{display:none}
html[lang=en] .brand-latin{font-size:21px;letter-spacing:.1em}
html[lang=en] .main-nav a{font-size:13px;letter-spacing:0;line-height:1.3}
html[lang=en] .main-nav{gap:clamp(14px,1.7vw,28px)}
html[lang=en] .site-solutions-menu b{white-space:normal;font-size:16px}
html[lang=en] :is(h1,h2,h3,h4,h5,b,strong){font-family:inherit;word-break:normal;overflow-wrap:break-word;letter-spacing:0}
html[lang=en] :is(p,small,li,button,a){word-break:normal;overflow-wrap:break-word}
html[lang=en] :is(.hero,.planning-main,.overview-main,.procurement-main,.scenario-page,.trust-main,.about-main,.system-main){height:auto;overflow:visible}
html[lang=en] .hero{height:calc(100svh - var(--header-height));min-height:660px;grid-template-columns:40% 60%;overflow:hidden}
@media(min-width:981px) and (max-height:760px){html[lang=en] .hero{min-height:600px}}
@media(min-width:981px){
  html[lang=en] .home-page .hero>.hero-copy{min-height:0;overflow:visible;padding-block:24px;padding-inline:clamp(24px,3vw,54px)}
  html[lang=en] .home-page .hero h1{font-size:clamp(28px,2.65vw,48px);line-height:1.12}
  html[lang=en] .home-page .eyebrow{margin-bottom:18px;white-space:normal}
  html[lang=en] .home-page .lead{margin-top:18px;font-size:clamp(14px,1vw,17px);line-height:1.55}
  html[lang=en] .home-page .hero-product-intro{margin-top:24px}
  html[lang=en] .home-page .hero-product-intro .note-line{margin-bottom:12px}
  html[lang=en] .home-page .hero-product-intro h2{font-size:18px;line-height:1.4;margin-bottom:10px}
  html[lang=en] .home-page .description{font-size:clamp(13px,.9vw,16px);line-height:1.55}
  html[lang=en] .home-page .hero-actions{margin-top:20px;flex-wrap:nowrap}
  html[lang=en] .home-page .hero-actions .button{font-size:13px;padding-inline:12px;height:44px}
}
@media(max-width:980px){html[lang=en] .hero{height:auto;min-height:0;overflow:visible}}
html[lang=en] .hero-copy{padding-block:clamp(32px,5vh,70px)}
html[lang=en] .hero h1{font-size:clamp(32px,3.4vw,58px);line-height:1.15}
html[lang=en] .hero :is(.lead,.description){font-size:16px;line-height:1.65}
html[lang=en] .hero-product-intro h2{font-size:21px;flex-wrap:wrap}
html[lang=en] .hero-actions{flex-wrap:wrap;gap:12px}
html[lang=en] .hero-actions a{font-size:15px;min-width:0;padding-inline:24px}
html[lang=en] :is(.operation-panel,.capabilities-panel,.procurement-card,.value-panel){min-width:0}
html[lang=en] :is(.operation-flow article,.capability-grid article,.source-grid article){min-height:105px;height:auto}
html[lang=en] :is(.capability-grid h3,.operation-flow h3){line-height:1.35}
html[lang=en] :is(.overview-intro,.planning-hero,.scenario-intro){height:auto;min-height:150px}
html[lang=en] :is(.scenario-lead,.scenario-intro p,.overview-intro p){line-height:1.6}
html[lang=en] .scenario-detail{height:auto;max-height:92dvh;overflow:auto}
html[lang=en] .scenario-detail :is(p,small,li){line-height:1.5}
html[lang=en] .scenario-detail :is(.agent-row article,.tool-row article,.ond-node){height:auto;min-height:112px;white-space:normal}
html[lang=en] .scenario-detail :is(.scheme-card,.solution-option){height:auto}
html[lang=en] .order-card.is-active::after{content:'Selected'}
html[lang=en] .flow-tool::before{content:'↓ Call'}
html[lang=en] .scenario-detail .solution-builder[data-scenario] .agent-row::before{content:'Agent Orchestration & Collaboration'}
html[lang=en] .scenario-detail .solution-builder[data-scenario] .tool-row::before,
html[lang=en] .scenario-detail .tool-row::before,
html[lang=en] .ond-tools::before{content:'↓ Call professional tools as needed · Return results to Agents ↑'}
@media(min-width:981px){html[lang=en] .ond-tools::before{display:none}}
html[lang=en] .operation-panel::after{content:'↻ Execution feedback & variances'}
html[lang=en] [data-en-native]{display:block!important}
html[lang=en] [data-zh-visual]{display:none!important}
html[lang=en] .approved-product-system,html[lang=en] .planning-prototype,html[lang=en] .planning-mobile{display:none!important}
html[lang=en] body.shared-prototype-navigation>.site-header{position:sticky;display:grid}
html[lang=en] body>.system-main{display:grid;min-height:0;height:auto;padding-block:32px}
html[lang=en] .system-stage{grid-template-columns:minmax(0,.9fr) 65px minmax(0,1.2fr);align-items:start}
html[lang=en] .system-map{grid-template-columns:1fr}
html[lang=en] .fde-rail{flex-direction:row;padding:12px;border-bottom:1px solid #d7e5f3}
html[lang=en] .fde-rail :is(b,i){writing-mode:horizontal-tb;letter-spacing:0;font-size:12px}
html[lang=en] .map-row,html[lang=en] .family-row{height:auto;min-height:64px;padding-block:12px}
html[lang=en] .family-row{grid-template-columns:32px 1fr 16px}
html[lang=en] .family-row small{grid-column:2}
html[lang=en] .foundation-pair{grid-template-columns:1fr}
html[lang=en] .family-detail{display:block;padding:20px}
html[lang=en] .family-detail .mini-workbench{display:none}
html[lang=en] .family-detail>header{padding:0}
html[lang=en] .layer-stack{display:grid;gap:10px}
html[lang=en] .product-layer{display:grid;grid-template-columns:44px 1fr;min-height:110px;height:auto;padding:14px;gap:10px}
html[lang=en] .product-layer>small,html[lang=en] .product-layer>.capability-strip,html[lang=en] .product-layer>.base-elements{grid-column:1/-1;margin-top:0}
html[lang=en] .capability-strip{height:auto;gap:10px}
html[lang=en] .family-detail>footer{margin-top:16px;height:auto;line-height:1.6}
html[lang=en] .composition-arrow{padding-top:160px}
html[lang=en] .system-intro small{display:none}
html[lang=en] .system-actions{height:auto;transform:none;padding-block:20px}
@media(max-width:1100px) and (min-width:981px){html[lang=en] .site-header{padding-inline:20px;gap:12px}html[lang=en] .main-nav{gap:18px}html[lang=en] .main-nav a{font-size:11px}html[lang=en] .contact-button{min-width:80px;padding-inline:12px;font-size:12px}}
@media(max-width:980px){html[lang=en] .hero,html[lang=en] .system-stage{grid-template-columns:1fr}html[lang=en] .hero h1{font-size:40px}html[lang=en] .composition-arrow{padding:15px;transform:none}html[lang=en] .main-nav a{font-size:15px}html[lang=en] .hero-visual{min-height:440px}}

/* Native English diagrams: sharp at any resolution, readable at every width. */
html[lang=en] .desktop-title,html[lang=en] .eyebrow{white-space:normal}
html[lang=en] .hero-copy{min-width:0}
html[lang=en] .en-home-hub{display:flex!important}
html[lang=en] .planning-scenarios-page .scenario-intro{background:linear-gradient(90deg,#f5faffef,#f5faffa0 55%,#f5faff20),url('../assets/planning-decision/overview-panorama-v2.png') center 64%/cover no-repeat}
html[lang=en] .scenario-page{container-type:normal;display:block;min-height:0;height:auto}
html[lang=en] .scenario-group>header{display:grid;grid-template-columns:42px minmax(0,1fr);height:auto;min-height:100px;gap:6px 12px;padding:12px}
html[lang=en] .scenario-group>header img{width:42px;height:42px;grid-row:1/3}
html[lang=en] .scenario-group>header h2{font-size:20px;line-height:1.3}
html[lang=en] .scenario-group>header h2{white-space:normal;min-width:0;width:auto}
html[lang=en] .scenario-group>header p{grid-column:2;white-space:normal;margin:0;font-size:12px;line-height:1.5}
html[lang=en] .scenario-catalog{padding:20px 2%;gap:14px}
html[lang=en] .scenario-intro{position:relative;padding:28px 4.8% 30px;min-height:0}
html[lang=en] .scenario-intro .breadcrumb{position:static;font-size:12px;margin:0 260px 22px 0;line-height:1.5}
html[lang=en] .scenario-intro h1{position:static;font-size:clamp(28px,2.5vw,39px);line-height:1.25;margin:0}
html[lang=en] .scenario-intro .scenario-lead{position:static;margin:14px 0 0;max-width:850px;font-size:14px;line-height:1.65}
html[lang=en] a.scenario-return{top:28px;right:4.8%;font-size:13px}
/* APOS feedback loop is not a scenario-page navigation link. */
@media(max-width:660px){html[lang=en] .is-scenario .scenario-steps b{max-width:none;width:100%;padding-inline:2px;font-size:9px;overflow-wrap:normal;word-break:normal;hyphens:auto}}
html[lang=en] .issue-card,html[lang=en] .issue-card.is-featured{min-height:145px;padding:18px 28px 18px 14px;gap:12px;grid-template-columns:48px minmax(0,1fr)}
html[lang=en] .issue-card>img,html[lang=en] .issue-card.is-featured>img{width:48px;height:48px}
html[lang=en] .issue-card b,html[lang=en] .issue-card.is-featured b{font-size:15px;line-height:1.5}
html[lang=en] .issue-card small,html[lang=en] .issue-card.is-featured small{font-size:12px;line-height:1.4;margin-top:8px;max-width:100%;width:fit-content}
/* English questions must size their rows instead of overflowing viewport-based tracks. */
html[lang=en] .planning-scenarios-page .scenario-page{height:auto;min-height:0;display:block;container-type:normal}
html[lang=en] .planning-scenarios-page .scenario-intro>div{position:relative;inset:auto}
html[lang=en] .planning-scenarios-page .scenario-catalog{height:auto;max-height:none;min-height:0;grid-template-rows:auto;align-items:stretch}
html[lang=en] .planning-scenarios-page .scenario-group{height:auto;max-height:none;overflow:visible}
html[lang=en] .planning-scenarios-page .issue-list,
html[lang=en] .planning-scenarios-page .issue-grid{height:auto;max-height:none;flex:1 0 auto;grid-template-rows:none;grid-auto-rows:auto;gap:10px;margin-top:10px}
html[lang=en] .planning-scenarios-page .issue-card,
html[lang=en] .planning-scenarios-page .issue-card.is-featured{height:auto;min-height:145px;align-items:center;padding:16px 28px 16px 12px;grid-template-columns:36px minmax(0,1fr);gap:10px}
html[lang=en] .planning-scenarios-page .issue-card>img{width:36px;height:36px;align-self:center}
html[lang=en] .planning-scenarios-page .issue-card>span{min-height:auto}
html[lang=en] .planning-scenarios-page .issue-card b{font-size:14px;line-height:1.4}
html[lang=en] .planning-scenarios-page .issue-card small{font-size:11px;line-height:1.35}
@media(min-width:1100px) and (min-height:680px){
 html[lang=en] .planning-scenarios-page .scenario-page{height:calc(100svh - var(--header-height));min-height:0;display:grid;grid-template-rows:140px minmax(0,1fr);--scenario-title-size:clamp(25px,2vw,36px);--scenario-lead-size:12px;--scenario-group-size:clamp(17px,1.25vw,23px);--scenario-group-note-size:11px;--scenario-question-size:clamp(12px,.9vw,16px);--scenario-tag-size:11px}
 html[lang=en] .planning-scenarios-page .scenario-intro{padding:14px 3%;height:auto}
 html[lang=en] .planning-scenarios-page .scenario-intro .breadcrumb{margin-bottom:10px}
 html[lang=en] .planning-scenarios-page .scenario-intro .scenario-lead{margin-top:8px;max-width:75%}
 html[lang=en] .planning-scenarios-page .scenario-catalog{grid-template-columns:minmax(0,27fr) minmax(0,46fr) minmax(0,27fr);padding:10px 2% 14px;gap:12px;min-height:0}
 html[lang=en] .planning-scenarios-page .scenario-group{min-height:0;padding:8px;display:grid;grid-template-rows:76px minmax(0,1fr)}
 html[lang=en] .planning-scenarios-page .scenario-group>header{min-height:0;padding:8px;grid-template-columns:32px minmax(0,1fr);gap:3px 8px}
 html[lang=en] .planning-scenarios-page .scenario-group>header img{width:32px;height:32px}
 html[lang=en] .planning-scenarios-page .issue-list{min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}
 html[lang=en] .planning-scenarios-page .issue-grid{min-height:0;grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,.65fr)}
 html[lang=en] .planning-scenarios-page .issue-card,html[lang=en] .planning-scenarios-page .issue-card.is-featured{min-height:0;padding:8px 23px 8px 8px;grid-template-columns:28px minmax(0,1fr);gap:7px}
 html[lang=en] .planning-scenarios-page .issue-card>img{width:28px;height:28px}
 html[lang=en] .planning-scenarios-page .issue-card small{margin-top:5px;padding:3px 6px}
 html[lang=en] .planning-scenarios-page .issue-card>i{right:7px;bottom:10px}
}
/* Order and logistics catalogs use the same English layout contract as planning. */
html[lang=en] :is(.order-scenario-page,.logistics-scenarios .scenario-page){height:auto;min-height:0;display:block;container-type:normal}
html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .scenario-intro>div{position:relative;inset:auto}
html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .scenario-group>header p{width:auto;max-width:none;margin:0}
@media(min-width:1100px) and (min-height:680px){
 html[lang=en] :is(.order-scenario-page.scenario-page,.logistics-scenarios .scenario-page){height:calc(100svh - var(--header-height));min-height:0;display:grid;grid-template-rows:140px minmax(0,1fr);--scenario-title-size:clamp(25px,2vw,36px);--scenario-lead-size:12px;--scenario-group-size:clamp(17px,1.25vw,23px);--scenario-group-note-size:11px;--scenario-question-size:clamp(12px,.9vw,16px);--scenario-tag-size:11px}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .scenario-intro{height:auto;min-height:0;padding:14px 3%}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .scenario-intro .breadcrumb{margin-bottom:10px}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .scenario-intro .scenario-lead{margin-top:8px;max-width:75%}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .scenario-catalog{height:auto;min-height:0;padding:10px 2% 14px;gap:12px;align-items:stretch}
 html[lang=en] .order-scenario-page .scenario-catalog{grid-template-columns:minmax(0,27fr) minmax(0,46fr) minmax(0,27fr)}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .scenario-group{height:auto;min-height:0;padding:8px;display:grid;grid-template-rows:76px minmax(0,1fr)}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .scenario-group>header{height:auto;min-height:0;padding:8px;grid-template-columns:32px minmax(0,1fr);gap:3px 8px}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .scenario-group>header img{width:32px;height:32px}
 html[lang=en] .order-scenario-page .scenario-group>header p{justify-self:start}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) :is(.issue-list,.issue-grid){height:auto;min-height:0;flex:auto;gap:10px;margin-top:10px;grid-template-rows:repeat(2,minmax(0,1fr))}
 html[lang=en] .logistics-scenarios .issue-list{grid-template-rows:repeat(3,minmax(0,1fr))}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .issue-card{height:auto;min-height:0;padding:8px 30px 8px 8px;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .issue-card>img{width:28px;height:28px;align-self:center}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .issue-card>span{min-height:auto}
 html[lang=en] :is(.order-scenario-page,.logistics-scenarios) .issue-card small{margin-top:5px;padding:3px 6px}
}
html[lang=en] #procurement-main{height:auto;display:block}
html[lang=en] .proc-capabilities button{min-height:82px;padding-block:12px}
html[lang=en] .proc-agent,html[lang=en] .proc-results{height:auto;min-height:0;padding-block:18px}
html[lang=en] .planning-overview{height:auto;grid-template-rows:auto auto auto}
html[lang=en] .overview-layout{min-height:0;align-items:stretch}
html[lang=en] .overview-results{height:auto;min-height:75px}
html[lang=en] .operation-flow{height:auto;min-height:630px;grid-template-rows:minmax(135px,auto) 44px minmax(225px,auto) 44px minmax(135px,auto)}
html[lang=en] .operation-flow .monthly,html[lang=en] .operation-flow .short{align-content:start!important;padding-top:20px!important;padding-bottom:22px!important}
html[lang=en] .operation-flow .capability-open-hint{white-space:normal}
html[lang=en] .foundation-grid>section{height:auto;min-height:190px}
html[lang=en] .support-note{margin-top:14px;line-height:1.6}
/* Decision overview pages share their Chinese desktop composition. */
@media(min-width:1100px) and (min-height:680px){
 html[lang=en] .planning-polished .planning-overview{height:calc(100svh - var(--header-height));min-height:0;grid-template-rows:110px minmax(0,1fr) 48px;padding-bottom:10px}
 html[lang=en] .planning-overview .overview-hero{min-height:0;padding-block:8px}
 html[lang=en] .planning-overview .overview-hero h1{font-size:clamp(23px,1.9vw,34px);margin-bottom:5px;line-height:1.2}
 html[lang=en] .planning-overview .overview-lead{font-size:12px;line-height:1.4;max-width:59%}
 html[lang=en] .planning-overview .overview-breadcrumb{margin-bottom:5px}
 html[lang=en] .planning-overview .overview-layout{margin-block:5px 8px}
 html[lang=en] .planning-overview .overview-panel{padding:10px 12px;min-height:0}
 html[lang=en] .planning-overview .panel-heading h2{font-size:18px;line-height:1.25}
 html[lang=en] .planning-overview .panel-heading p{font-size:10px;line-height:1.4}
 html[lang=en] .planning-overview .operation-flow{--card-icon:30px;--card-gap:7px;height:auto;min-height:0;margin-block:9px;grid-template-rows:minmax(72px,1fr) 24px minmax(115px,1.45fr) 34px minmax(72px,1fr)}
 html[lang=en] .planning-overview .operation-flow article[role=button]{padding:9px!important;align-content:center!important}
 html[lang=en] .planning-overview .operation-flow article h3{font-size:13px;line-height:1.25;margin-bottom:4px}
 html[lang=en] .planning-overview .operation-flow article p{font-size:11px;line-height:1.4}
 html[lang=en] .planning-overview .operation-flow .capability-open-hint{font-size:10px;margin-top:5px}
 html[lang=en] .planning-overview .relationship{font-size:10px;padding-inline:5px}
 html[lang=en] .planning-overview .outer-loop span{width:42px;font-size:9px;line-height:1.25;white-space:normal;overflow-wrap:normal}
 html[lang=en] .planning-overview .outer-right span{right:-20px}
 html[lang=en] .planning-overview .outer-left span{left:-20px}
 html[lang=en] .planning-overview .support-panel{grid-template-rows:auto minmax(100px,1fr) 16px auto 16px auto auto}
 html[lang=en] .planning-overview .capability-grid{margin-top:7px;gap:6px}
 html[lang=en] .planning-overview .capability-grid article[role=button]{padding:6px;grid-template-columns:24px minmax(0,1fr);gap:4px;min-height:0}
 html[lang=en] .planning-overview .capability-grid h3{font-size:11px;line-height:1.25}
 html[lang=en] .planning-overview .capability-grid .capability-open-hint{font-size:9px}
 html[lang=en] .planning-overview .orchestration{padding:7px 10px;gap:8px}
 html[lang=en] .planning-overview .orchestration>svg{width:30px;height:30px}
 html[lang=en] .planning-overview .orchestration h3{font-size:14px;margin-bottom:3px}
 html[lang=en] .planning-overview .orchestration p{font-size:10px;line-height:1.35}
 html[lang=en] .planning-overview .foundation-grid>section{min-height:0;height:auto;padding:7px}
 html[lang=en] .planning-overview .foundation-grid header{gap:6px;margin-bottom:5px}
 html[lang=en] .planning-overview .foundation-grid svg{width:24px;height:24px}
 html[lang=en] .planning-overview .foundation-grid h3{font-size:14px}
 html[lang=en] .planning-overview .foundation-grid p{font-size:10px;line-height:1.35}
 html[lang=en] .planning-overview .support-note{font-size:9px;line-height:1.3;margin-top:5px}
 html[lang=en] .planning-overview .overview-results{min-height:0;padding:6px 12px}
 html[lang=en] .planning-overview .overview-results h2{font-size:15px;line-height:1.25}
 html[lang=en] .planning-overview .overview-results li{font-size:10px;gap:7px}
 html[lang=en] #procurement-main{height:calc(100svh - var(--header-height));min-height:0;display:grid;grid-template-rows:110px minmax(0,1fr) 94px 66px}
 html[lang=en] .proc-hero{height:100%;min-height:0;padding-block:8px}
 html[lang=en] .proc-hero h1{margin-top:0;margin-bottom:5px}
 html[lang=en] .proc-breadcrumb{margin-bottom:5px!important}
 html[lang=en] .proc-lead{margin-top:5px!important}
 html[lang=en] .proc-capabilities button{min-height:0;padding-block:3px;gap:8px}
 html[lang=en] .proc-capabilities strong{font-size:13px;line-height:1.25}
 html[lang=en] .proc-capabilities small{font-size:11px;line-height:1.3}
 html[lang=en] .proc-axis h3{font-size:18px;line-height:1.2}
 html[lang=en] .proc-axis header p{font-size:11px;line-height:1.3}
 html[lang=en] .proc-axis>header{gap:10px;padding-bottom:7px}
 html[lang=en] .proc-axis-note{font-size:10px;line-height:1.3}
 html[lang=en] .proc-value h3{font-size:23px;line-height:1.2}
 html[lang=en] .value-items{padding-block:12px;gap:16px}
 html[lang=en] .value-items h4{font-size:16px}
 html[lang=en] .value-items p{font-size:11px;line-height:1.35}
 html[lang=en] .value-footer{font-size:11px;line-height:1.3}
 html[lang=en] .proc-agent,html[lang=en] .proc-results{height:auto;min-height:0;padding-block:6px}
 html[lang=en] .agent-intro h2{font-size:19px}
 html[lang=en] .agent-intro p,html[lang=en] .agent-foundations p,html[lang=en] .proc-results p{font-size:10px;line-height:1.3}
 html[lang=en] .decision-steps li{font-size:11px}
 html[lang=en] .agent-foundations h3,html[lang=en] .proc-results h3{font-size:12px;line-height:1.3}
 html[lang=en] .proc-results h2{font-size:15px}
 html[lang=en] .proc-hero h1{font-size:clamp(23px,1.9vw,34px);line-height:1.2}
 html[lang=en] .proc-lead{font-size:12px;line-height:1.4}
}
html[lang=en] .system-stage{grid-template-columns:minmax(0,.9fr) 110px minmax(0,1.2fr)}
html[lang=en] .composition-arrow span{white-space:normal;width:auto;font-size:12px;line-height:1.6}
html[lang=en] .product-layer>small{white-space:normal;line-height:1.65;text-align:left}
html[lang=en] .product-layer{clip-path:none;width:100%;border-radius:8px}
html[lang=en] .family-detail>header>small{display:none}
html[lang=en] .family-row small{justify-self:start}
html[lang=en] .path-heading h2{font-size:22px;line-height:1.2}
html[lang=en] .path-steps :is(i,small){white-space:normal;line-height:1.5}
@media(min-width:981px){
  html[lang=en] .solutions-intro h1{max-width:calc(100% - 284px);font-size:clamp(28px,2.5vw,46px);line-height:1.12}
  html[lang=en] .intro-row{grid-template-columns:minmax(0,1fr) 260px;gap:24px}
  html[lang=en] .intro-row>p{font-size:14px;line-height:1.5}
  html[lang=en] .intro-row ul{font-size:12px;line-height:1.7}
  html[lang=en] .intro-row li{white-space:nowrap}
  html[lang=en] .flow-node h2{font-size:16px;min-height:2.4em}
  html[lang=en] .flow-node p{font-size:12px;line-height:1.4}
  html[lang=en] .path-heading p,html[lang=en] .path-description,html[lang=en] .path-promise{font-size:12px;line-height:1.4}
  html[lang=en] .path-heading h2{font-size:20px}
  html[lang=en] .solution-path{grid-template-rows:auto minmax(0,1fr);row-gap:10px}
  html[lang=en] .path-steps{gap:18px}
  html[lang=en] .path-steps>span{padding-left:38px}
  html[lang=en] .path-steps b{width:32px;height:32px}
  html[lang=en] .path-steps i{font-size:12px;line-height:1.25}
  html[lang=en] .path-steps small{font-size:10px;line-height:1.3}
  html[lang=en] .path-steps>span:not(:last-child)::after{right:-16px;width:12px;top:14px}
}
@media(min-width:981px) and (max-height:820px){
  html[lang=en] .solutions-intro>p{font-size:13px}
  html[lang=en] .intro-row>p{font-size:12px}
  html[lang=en] .flow-node h2{font-size:14px}
  html[lang=en] .flow-node p{font-size:11px}
  html[lang=en] .orchestration{font-size:16px}
}
html[lang=en] .definition-list strong{margin-right:.3em}
html[lang=en] .hero-eyebrow{display:flex;flex-wrap:wrap;gap:8px}
/* Share the Chinese hero geometry; only fit the longer English title to its column. */
@media(min-width:981px){html[lang=en] .practice-hero .hero-copy-block{width:36%}html[lang=en] .practice-hero h1{font-size:clamp(20px,1.75vw,30px);line-height:1.2;letter-spacing:-.025em}html[lang=en] .practice-hero .hero-slogan{font-size:18px}html[lang=en] .practice-hero .challenge-search input{font-size:13px}}
html[lang=en] .catalog-head>div:first-child{flex-wrap:wrap;gap:8px 18px}
html[lang=en] .catalog-head p{white-space:normal}
html[lang=en] :is(input,textarea){font-family:inherit}
@media(min-width:981px) and (max-width:1250px){.site-header .header-actions>.contact-button{display:none}.site-header .main-nav{gap:20px}.site-header{gap:16px;padding-inline:24px}}
@media(max-width:600px){html[lang=en] .catalog-head{align-items:start}}
@media(max-width:980px){html[lang=en] .system-stage{grid-template-columns:1fr}html[lang=en] .path-steps{grid-template-columns:repeat(2,minmax(0,1fr))}html[lang=en] .path-steps>span:nth-child(even)::after{display:none}}
@media(max-width:980px){html[lang=en] .scenario-intro .breadcrumb{margin-right:0;margin-bottom:44px}html[lang=en] a.scenario-return{top:64px}html[lang=en] .operation-flow{min-height:0;grid-template-rows:auto 35px auto 35px auto}}
.en-visual,.en-planning-product{--en-line:#d3e6f5;--en-muted:#577493;color:#09254d;font-family:'Avenir Next','Segoe UI',sans-serif}
.en-visual{padding:clamp(22px,2.7vw,44px);border:1px solid var(--en-line);border-radius:14px;background:linear-gradient(135deg,#f7fcff,#edf6ff 50%,#f3fbfc)}
.en-heading{margin-bottom:24px}
.en-heading>span{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;color:#1973d4}
.en-heading h2{margin:10px 0 12px;font-size:clamp(24px,2.3vw,36px);line-height:1.2;font-weight:650;letter-spacing:-.025em!important}
.en-heading p{font-size:15px;line-height:1.7;color:var(--en-muted);margin:0;max-width:980px}
.en-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.en-card{position:relative;min-width:0;padding:18px;border:1px solid var(--en-line);border-radius:8px;background:#ffffffc9}
.en-index{display:block;margin-bottom:12px;font-size:12px;font-weight:650;letter-spacing:.08em;color:#1884dc}
.en-card h3{font-size:17px;line-height:1.4;margin:0 0 7px}
.en-card p{margin:0;color:var(--en-muted);font-size:13px;line-height:1.7}
.en-flow{margin:24px 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:14px}
.en-flow li{position:relative;flex:1 1 110px;min-width:0;padding:14px 12px;border:1px solid var(--en-line);border-radius:7px;background:#ffffffb8}
.en-flow li:not(:last-child)::after{content:'→';position:absolute;left:100%;width:14px;top:15px;color:#2486e5;text-align:center;font-size:12px}
.en-flow b{font-size:13px;line-height:1.4;display:block}
.en-flow small{font-size:11px;line-height:1.55;color:var(--en-muted);display:block;margin-top:7px}
.en-note{margin:24px 0 0;padding-top:16px;border-top:1px solid var(--en-line);color:var(--en-muted);font-size:12px;line-height:1.7}
.en-systems{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.en-systems span{padding:10px 16px;background:#fff;border:1px solid var(--en-line);border-radius:6px;font-size:12px;font-weight:650}
.en-support-arrow{text-align:center;color:#258ae3;font-size:34px;margin:14px}
html[lang=en] .hero-visual{overflow:hidden;display:flex;align-items:stretch;padding:0;background:#06172c;isolation:auto}
html[lang=en] .hero-visual::before,html[lang=en] .hero-visual::after{display:none}
.en-home-hub{width:100%;flex-direction:column;justify-content:center;--en-muted:#aec4dc;--en-line:#305371;color:#fff;background:radial-gradient(ellipse at 50% 44%,#15466a 0,#082946 40%,#071d33 90%);border-color:#1b4261;border-radius:12px}
.en-home-hub .en-heading{margin-bottom:40px}
.en-home-hub .en-heading>span{color:#5bccff}
.en-home-hub .en-heading h2{font-size:clamp(36px,3.3vw,60px);letter-spacing:-.04em!important}
.en-hub{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:18px}
.en-hub section h3{font-size:17px;color:#e5f5ff;margin:0 0 16px}
.en-hub section p,.en-hub ul{font-size:13px;line-height:1.8;color:#abc8e2}
.en-hub ul{padding-left:16px}
.en-hub section small{font-size:11px;line-height:1.5;color:#82a5c7}
.en-hub-core{width:120px;aspect-ratio:1;border-radius:50%;border:1px solid #5aace9;box-shadow:0 0 0 12px #3198e312,0 0 0 24px #3198e309,inset 0 0 35px #299eec40;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b8e8ff}
.en-hub-core span{font-size:26px;font-weight:700}.en-hub-core small{font-size:10px;margin-top:6px}
.en-home-hub .en-systems span,.en-home-hub .en-flow li{background:#0b2d49;color:#c7e2f5}
.en-home-hub .en-flow{margin-top:32px;gap:10px}.en-home-hub .en-flow li{flex-basis:65px;padding:10px 7px}.en-home-hub .en-flow b{font-size:11px}
html[lang=en] .apos-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start;height:auto}
html[lang=en] .hero-reference{aspect-ratio:auto;max-height:none;min-width:0}
html[lang=en] .hero-reference .en-visual{padding:24px}
.en-platform-diagram .en-flow{gap:9px}.en-platform-diagram .en-flow li{flex-basis:80px;padding:12px 9px}
.en-platform-diagram .en-heading h2{font-size:25px}
html[lang=en] .about-hero{height:auto;min-height:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
html[lang=en] .team-visual{height:auto;min-height:0;overflow:visible}
.en-team-diagram .en-heading h2{font-size:25px}
.en-team-core,.en-human-gate{padding:18px 22px;border:1px solid #97c6f2;border-radius:10px;background:#e2f1ff;text-align:center}
html[lang=en] .team-visual .en-team-core img{position:static;display:block;width:48px;height:48px;object-fit:contain;margin:0 auto 10px}
.en-team-core h3,.en-human-gate h3{margin:0 0 7px;font-size:20px}.en-team-core p,.en-human-gate p{font-size:13px;margin:0;color:#527290}
.en-human-gate{border-color:#edc8ad;background:#fff7f1;margin-bottom:18px}
.en-team-diagram .en-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.en-team-diagram .en-card{padding:12px}.en-team-diagram .en-card h3{font-size:13px}.en-team-diagram .en-card p{font-size:11px}
html[lang=en] .trust-main{grid-template-rows:auto auto;min-height:calc(100svh - var(--header-height))}
html[lang=en] .trust-architecture{height:auto;align-self:start;overflow:visible;padding:0;background:none;border:0}
.en-trust-core{padding:24px;text-align:center;border:1px solid #a9cde9;border-radius:50% 50% 12px 12px;background:linear-gradient(#dfedf9,#f7fbfe);margin-bottom:20px}
.en-trust-core>span{display:grid;place-items:center;margin:auto;width:60px;height:68px;clip-path:polygon(50% 0,100% 20%,90% 70%,50% 100%,10% 70%,0 20%);background:#175f9c;color:white;font-size:30px}
.en-trust-core h3{font-size:22px;margin:14px 0}.en-trust-core p{font-size:13px;line-height:1.7;color:#446789;max-width:530px;margin:auto}
.en-trust-diagram .en-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.en-planning-product{background:#f5faff}
/* Only current in-page Chinese-labelled illustrations get English image copies.
   Generated full-page mockups are deliberately not used as website replacements. */
html[lang=en] .en-localized-home{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#06172c}
html[lang=en] .en-localized-home>img{position:absolute;width:151.8%;max-width:none;height:107.5%;left:-51.8%;top:-7.5%;object-fit:fill}
html[lang=en] .hero-reference .en-localized-platform{width:100%;padding:0;border:0;background:none;box-shadow:none}
html[lang=en] .en-localized-platform>img{position:static;display:block;width:100%;max-width:100%;height:auto;margin:0;clip-path:none;mask:none}
html[lang=en] .en-localized-team,html[lang=en] .en-localized-trust{width:100%;padding:0;border:0;background:none;box-shadow:none;overflow:hidden}
html[lang=en] .team-visual .en-localized-team{position:absolute;inset:0;height:100%;border-radius:0}
html[lang=en] .team-visual .en-localized-team>img{position:static;display:block;width:100%;height:100%;object-fit:cover}
html[lang=en] .en-localized-trust>img{display:block;width:100%;height:auto;object-fit:contain}
@media(min-width:981px){
  html[lang=en] .trust-main{height:calc(100svh - var(--header-height));min-height:0;padding-block:clamp(28px,4vh,48px) 28px;gap:32px}
  html[lang=en] .trust-content{min-height:0;grid-template-columns:minmax(0,33%) minmax(0,1fr);gap:clamp(24px,3vw,56px)}
  html[lang=en] .trust-copy{align-self:start}
  html[lang=en] .trust-copy .section-kicker{margin-bottom:10px}
  html[lang=en] .trust-copy h1{margin:0;font-size:clamp(26px,2.2vw,38px);line-height:1.18}
  html[lang=en] .trust-intro{margin:14px 0 16px;font-size:14px;line-height:1.6}
  html[lang=en] .trust-principles button{padding:12px 0;grid-template-columns:40px minmax(0,1fr) auto;gap:10px}
  html[lang=en] .trust-principles .principle-icon{width:40px;height:40px;grid-row:auto}
  html[lang=en] .trust-principles .principle-copy b{font-size:17px}
  html[lang=en] .trust-principles .principle-copy>span{font-size:12px;line-height:1.45}
  html[lang=en] .trust-principles .detail-hint{grid-column:auto}
  html[lang=en] .trust-architecture{align-self:center;max-height:100%}
  html[lang=en] .en-localized-trust>img{max-height:calc(100svh - var(--header-height) - 110px)}
  html[lang=en] .trust-boundary{flex-shrink:0;font-size:13px;line-height:1.5;gap:18px}
}
@media(min-width:981px) and (max-height:760px){
  html[lang=en] .trust-copy h1{font-size:clamp(24px,2vw,32px)}
  html[lang=en] .trust-intro{font-size:13px;line-height:1.5;margin:12px 0}
  html[lang=en] .trust-principles button{padding-block:9px}
}
@media(min-width:981px) and (max-height:800px){html[lang=en] .trust-main{padding-top:24px;padding-bottom:20px;gap:22px}}
@media(min-width:981px) and (max-width:1100px){
  html[lang=en] .trust-copy h1{font-size:24px}
  html[lang=en] .trust-intro{font-size:13px;line-height:1.5;margin-block:12px}
  html[lang=en] .trust-principles button{grid-template-columns:40px minmax(0,1fr);gap:5px 9px;padding-block:9px}
  html[lang=en] .trust-principles .principle-icon{grid-row:span 2}
  html[lang=en] .trust-principles .detail-hint{grid-column:2}
}
@media(max-width:980px){html[lang=en] .hero-visual:has(.en-localized-home){min-height:70vw}}
@media(max-width:600px){html[lang=en] .hero-visual:has(.en-localized-home){min-height:78vw}}
.en-product-section{padding:clamp(36px,5vw,80px) max(24px,calc((100vw - 1440px)/2));scroll-margin-top:100px;border-bottom:1px solid #dceaf5}
.en-product-section:nth-child(even){background:white}
.en-product-section>.en-heading h2{max-width:1100px;font-size:clamp(30px,3.2vw,46px)}
.en-product-section>.en-heading p{font-size:17px}
.en-product-section>.en-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}
.en-product-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center}
.en-workbench{background:linear-gradient(135deg,#082546,#134f81);color:white;padding:26px;border:1px solid #7fa6c8;border-radius:14px;--en-line:#3f7198;--en-muted:#c2d6e8;box-shadow:0 18px 40px #164e7014}
.en-workbench .en-heading>span{color:#8acaf4}.en-workbench .en-flow li{background:#ffffff0e}.en-workbench .en-systems span{background:#ffffff12}
.en-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 0}.en-actions a{padding:14px 24px;font-size:14px;font-weight:650;border:1px solid #076bdf;border-radius:7px;color:#0964b7;background:#fff}.en-actions a:first-child{background:#0964b7;color:white}
.en-actions a:hover{box-shadow:0 8px 24px #114b9220}.en-actions a:focus-visible{outline:3px solid #ff6b20;outline-offset:3px}
.en-example{margin:32px 0 0;padding:24px;background:#edf6ff;border:1px solid #cedff0;border-radius:10px}.en-example>h3{font-size:23px;margin:0 0 12px}.en-example>p{font-size:14px;line-height:1.7;color:#54708e}.en-example>a{color:#0964b7;font-weight:650;font-size:14px}.en-example .en-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.en-table-scroll{overflow-x:auto}.en-example table{border-collapse:collapse;width:100%;background:#fff;font-size:13px;line-height:1.5;text-align:left}.en-example th,.en-example td{padding:12px;border-bottom:1px solid #dce8f3}.en-example thead{background:#dcecff}.en-example caption{text-align:left;font-size:11px;color:#587594;padding-block:8px}
.en-stack{display:grid;gap:12px;margin-top:30px}.en-stack>article{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:20px;padding:22px;border:1px solid #c7e0f6;border-radius:10px;background:linear-gradient(100deg,#e5f3ff,#f9fcff)}.en-stack>article>span{font-size:18px;font-weight:700;color:#166cca}.en-stack h3{margin:0 0 10px;font-size:21px}.en-stack p{margin:0;color:#4e7091;font-size:14px;line-height:1.7}.en-stack small{display:block;font-size:12px;color:#5a7793;margin-top:8px}.en-stack .en-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.en-stack .en-card h3{font-size:17px}
.en-io{display:grid;grid-template-columns:1fr .8fr 1.1fr;gap:22px;margin-top:30px}.en-io>section{min-width:0;padding:20px;border:1px solid #d4e4f2;border-radius:10px}.en-io>section>h3{margin:0 0 20px;font-size:20px}.en-io>section>p{font-size:14px;line-height:1.7}.en-io .en-cards{grid-template-columns:1fr}.en-io .en-card{padding:13px}.en-io .en-card h3{font-size:15px}.en-io .en-index{display:none}.en-io .en-flow{flex-direction:column}.en-io .en-flow li{flex:auto}.en-io .en-flow li::after{display:none}
@media(max-width:1100px){.en-hub{grid-template-columns:1fr 90px 1fr;gap:12px}.en-hub-core{width:90px}.en-hub-core span{font-size:21px}.en-hub section h3{font-size:14px}.en-trust-diagram .en-cards{grid-template-columns:1fr}.en-trust-diagram .en-card p br{display:none}.en-trust-diagram .en-card p{line-height:1.8}}
@media(max-width:980px){html[lang=en] .apos-hero,html[lang=en] .about-hero,html[lang=en] .trust-content{grid-template-columns:1fr}.en-visual{padding:24px}.en-home-hub{min-height:540px}.en-product-hero,.en-io{grid-template-columns:1fr}.en-product-section>.en-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.en-stack .en-cards{grid-template-columns:1fr}.en-stack>article{grid-template-columns:38px 1fr;padding:16px}.en-trust-diagram .en-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.en-cards,.en-product-section>.en-cards,.en-example .en-cards,.en-trust-diagram .en-cards{grid-template-columns:1fr}.en-team-diagram .en-cards{grid-template-columns:1fr 1fr}.en-hub{grid-template-columns:1fr 1fr}.en-hub-core{grid-row:1;grid-column:1/-1;justify-self:center;margin-bottom:20px}.en-hub section:first-child{grid-column:1}.en-home-hub{padding:24px 18px}.en-home-hub .en-heading{margin-bottom:25px}.en-product-section{padding:36px 20px}.en-stack>article{display:block}.en-stack>article>span{display:block;margin-bottom:12px}.en-workbench{padding:18px}.en-io>section{padding:16px}.en-example{padding:16px}.en-example table{min-width:490px}}