:root{--blue:#1465ec;--ink:#14202e;--muted:#687480;--line:#dee4eb;--paper:#f4f7fa;--canvas-width:1440px;--content-width:1256px;--page-gutter:92px;--canvas-scale:1;color-scheme:light}
.hero h1 .hero-title-line{display:block}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#fff;color:var(--ink);font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:normal;word-spacing:normal}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:6px}button{cursor:default}h1,h2,h3,h4,p,ul{margin:0}ul{padding:0;list-style:none}svg{display:block}::selection{background:#c9deff;color:#14202e}.artboard{width:var(--canvas-width);margin:auto;zoom:var(--canvas-scale)}.wrap{width:var(--content-width);margin:0 auto}
/* Same-level sections share a full canvas; content stays on one inset grid. */
.artboard main>section{width:var(--canvas-width);margin-inline:0;padding-inline:var(--page-gutter)}
.artboard main>section>.wrap{width:100%}.section{padding-top:100px;padding-bottom:100px}.blue{color:var(--blue)}.eyebrow,.section-index,.article-top,.hero-kicker{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:13px;letter-spacing:normal;line-height:1.5;font-weight:600}.section-index{display:flex;justify-content:space-between;padding-top:0;margin-bottom:42px;color:#607083;font-size:13px}.section-index>span:first-child{color:var(--blue)}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:84px;align-items:end;margin-bottom:50px}h2{font-size:40px;font-weight:600;line-height:1.5;letter-spacing:normal}.section-heading>p{font-size:16px;line-height:1.95;color:var(--muted);padding-bottom:5px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;color:var(--blue);font-size:16px;font-weight:600;line-height:1.6}.text-link>span{font-size:20px;font-weight:400}.body-copy{font-size:16px;line-height:1.9;color:var(--muted)}
.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;}.brand{display:flex;gap:12px;align-items:center}.brand svg{width:34px;height:34px;color:var(--blue)}.brand strong{display:block;font-size:22px;font-weight:650;letter-spacing:normal}.brand small{font-size:12px;color:#607083;letter-spacing:normal;display:block;margin-top:5px}.site-header nav{display:flex;gap:26px;margin-left:24px}.site-header nav a{font-size:16px;line-height:1.6;padding:10px 0}.nav-cta{font-family:Arial,sans-serif;font-size:15px;padding:10px 0;display:flex;gap:20px;align-items:center}.nav-cta span{font-size:19px}
.hero{padding-top:78px}.hero-kicker{display:flex;align-items:center;justify-content:center;gap:11px;color:#486681}.live-dot{height:6px;width:6px;background:var(--blue)}.hero-kicker-right{margin-left:auto;color:#6c7886;font-size:13px;letter-spacing:normal}.hero h1{font-size:65px;line-height:1.43;letter-spacing:normal;font-weight:600;margin-top:34px;text-align:center}.hero-bottom{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:28px;margin-bottom:65px}.hero-description>p{font-size:17px;line-height:1.9;color:#697481;text-align:center}.hero-actions{display:flex;gap:12px;margin-top:0}.button{display:inline-flex;gap:27px;align-items:center;justify-content:center;padding:16px 23px;font-size:16px;border-radius:4px;border:1px solid var(--line);white-space:nowrap}.button span{font-size:19px}.button-blue{background:var(--blue);border-color:var(--blue);color:white}.button-white{background:white}.hero-end{display:grid;grid-template-columns:1fr 1fr 1fr 30px;align-items:center;padding:27px 0;font-size:14px;color:#697582;gap:32px}.hero-end>span:before{content:"+";color:var(--blue);font-family:Arial;margin-right:13px}.hero-end>a{text-align:right;font-size:24px;color:var(--blue)}
.services{padding-top:84px;padding-bottom:100px}
.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.business-card{border:1px solid var(--line);border-radius:7px;padding:31px 28px 25px;display:flex;flex-direction:column;background:#fff}
.business-card:first-child{background:#f7f9fc}
.business-card .article-top{font-size:12px;margin-bottom:27px;letter-spacing:normal}
.business-card h3{font-size:21px;font-weight:600;line-height:1.6}
.business-promise{font-size:22px;font-weight:500;line-height:1.6;margin:24px 0 18px;letter-spacing:normal}
.business-card .body-copy{font-size:16px;line-height:1.85;min-height:148px}
.business-points{font-size:14px;line-height:2.1;color:#63788c;margin:15px 0 26px}
.business-points li:before{content:"↗";color:var(--blue);margin-right:10px}
.business-card>.text-link{display:flex;margin-top:auto;padding-top:19px;font-size:15px;gap:16px}
.geo-detail{padding:34px 36px;margin:36px 32px 0;background:#fff;border-radius:6px}
.geo-detail-head{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:end;margin-bottom:30px}
.geo-detail-head .eyebrow{font-size:12px;letter-spacing:normal;color:var(--blue)}
.geo-detail-head h3{font-size:24px;line-height:1.55;font-weight:500;letter-spacing:normal;margin-top:14px}
.geo-detail-head>p{font-size:16px;line-height:1.9;color:#607083}
.geo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:66px}
.geo-detail-grid>article{padding-top:24px}
.geo-detail-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.geo-detail-title h4{font-size:17px;font-weight:500}
.geo-detail-title>span{font:12px Arial;letter-spacing:normal;color:#607083}
.geo-detail-grid article>p{font-size:16px;line-height:1.9;color:#607083;margin-top:17px}
.geo-detail-grid ul{display:flex;flex-wrap:wrap;gap:9px 22px;margin:19px 0 21px;font-size:13px;color:#66819b}
.geo-detail-grid ul li:before{content:"—";margin-right:7px;color:#a2b7cc}
.geo-detail-grid .text-link{font-size:14px}
.products-section{padding-top:100px}.product-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-block{border-radius:7px;overflow:hidden;background:var(--paper)}.product-art{height:246px;position:relative;overflow:hidden}.school-art{background:#1a66dd}.school-art svg{position:absolute;right:0;bottom:0;width:290px;height:151px}.school-art>span{position:absolute;top:28px;left:28px;color:#fff;font-size:24px;font-weight:600;letter-spacing:normal}.school-art>small{position:absolute;top:69px;left:28px;color:#d3e4ff;font-size:13px}.access-art{background:#e4edf7;display:flex;align-items:center;padding:28px;gap:16px;justify-content:space-between}.access-type{font-family:Georgia,serif;font-size:76px;line-height:1;color:#416791;letter-spacing:normal}.access-type>span{display:block;font-family:"Microsoft YaHei",sans-serif;letter-spacing:normal;font-size:22px;line-height:1.4;color:#27435f;margin-top:15px}.access-type>small{display:block;font-family:"Microsoft YaHei",sans-serif;font-size:12px;letter-spacing:normal;line-height:1.5;color:#5b7897;margin-top:9px}.access-symbol{width:225px;height:225px;zoom:.62;flex-shrink:0;border:1px solid #aec4dd;border-radius:50%;position:relative}.access-symbol:before{content:"";position:absolute;inset:16px;border:1px solid #c3d4e7;border-radius:50%}.access-symbol i{position:absolute;width:23px;height:23px;background:#527daf;left:100px;top:46px;border-radius:50%}.access-symbol b{position:absolute;left:59px;top:90px;width:105px;height:12px;background:#527daf;border-radius:7px}.access-symbol b:after{content:"";position:absolute;left:42px;top:0;width:20px;height:55px;background:#527daf}.access-symbol em{position:absolute;left:83px;top:128px;width:60px;height:48px;border:12px solid #527daf;border-bottom:0;border-radius:20px 20px 0 0;transform:perspective(70px) rotateX(20deg)}.product-body{padding:28px}.product-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:16px}.product-title h3{font-size:22px;font-weight:600}.product-title span{font-size:13px;color:#607083;white-space:nowrap}.product-body p{font-size:16px;line-height:1.85;color:var(--muted);min-height:148px}.product-body .text-link{display:flex;margin-top:25px}.solution-pair{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:44px}.solution-pair>article{padding:27px 0 0;}.solution-pair .eyebrow{font-size:12px;color:#6d8298;letter-spacing:normal}.solution-pair h3{font-size:24px;font-weight:600;margin:17px 0 12px;display:flex;justify-content:space-between}.solution-pair h3 span{color:#a1b5ca;font-size:26px;font-weight:400}.solution-pair p{font-size:16px;color:#6b7d8f;line-height:1.9}.solution-pair .text-link{font-size:14px;margin-top:19px}
.lead-case{display:grid;grid-template-columns:1.07fr 1fr;background:#10283f;border-radius:7px;color:#fff;overflow:hidden}.case-content{padding:45px 45px 42px}.case-content .eyebrow{font-size:12px;color:#87a9cc;letter-spacing:normal}.case-content h3{font-size:34px;font-weight:500;line-height:1.5;margin:24px 0 20px;letter-spacing:normal}.case-content p{font-size:16px;line-height:1.95;color:#acbfd2}.case-tags{display:flex;gap:17px;flex-wrap:wrap;font-size:13px;color:#bfcede;margin-top:24px}.case-tags span{padding-bottom:0}.case-content .text-link{color:white;margin-top:33px;font-size:16px}.case-diagram{padding:48px 45px;background:#16314b;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background-image:radial-gradient(#33516c .8px,transparent .8px);background-size:18px 18px}.diagram-label{background:#16314b;font-size:16px;color:#bfd3e6;padding:9px 30px;border:1px solid #4c6985;border-radius:4px}.diagram-line{width:1px;height:32px;background:#6085a6}.diagram-node{width:310px;padding:19px 24px;background:#e5effa;border-radius:4px;color:#183956;font-size:16px;display:flex;gap:17px;align-items:center}.node-dot{height:10px;width:10px;border:2px solid #3975b9;border-radius:50%}.diagram-fork{width:179px;height:32px;border:1px solid #6085a6;border-bottom:0;border-radius:8px 8px 0 0;margin-top:20px;position:relative}.diagram-fork:before{content:"";position:absolute;height:20px;width:1px;background:#6085a6;left:50%;top:-21px}.diagram-twins{display:flex;gap:13px}.diagram-twins span{background:#234760;border:1px solid #658098;font-size:14px;padding:14px 22px;border-radius:4px;color:#d1e3f2}.reverse{transform:rotate(180deg);margin:0 0 20px}.end-node{background:#1c69df;color:#fff;font-size:16px;justify-content:space-between}.end-node b{font-weight:400;font-size:18px}.diagram-caption{font-size:13px;color:#9dbad1;margin-top:28px;letter-spacing:normal}
.case-list{margin-top:25px}.case-row{display:grid;grid-template-columns:55px 350px 1fr 20px;gap:28px;align-items:center;padding:28px 5px;}.case-row .case-no{font-family:Arial,sans-serif;font-size:14px;color:#8b9aa7}.case-row h3{font-size:17px;font-weight:500;line-height:1.7}.case-row p{font-size:15px;line-height:1.85;color:#607083}.case-row .case-arrow{font-size:21px;color:var(--blue)}.more-section{padding-top:84px;padding-bottom:100px}
.directory-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:44px}
.directory-heading>.text-link{margin-bottom:9px}
.project-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;background:transparent}
.project-record{display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-width:0;min-height:176px;padding:26px 28px 28px;background:#f5f7fa;border-radius:12px}
.project-record-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}
.project-record-number{font:13px/1.5 Arial,sans-serif;color:#74859a}
.project-record h3{font-size:20px;font-weight:500;line-height:1.55;margin:0;overflow-wrap:anywhere;color:#142d48}
.project-record small{display:block;font-size:14px;line-height:1.6;color:#607083}
.process-section{padding-top:100px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin-top:70px}.step{position:relative}.step-number{font:300 52px/1 Arial,sans-serif;letter-spacing:normal;color:#bfd0e3;display:block;padding-bottom:8px;}.step h3{font-size:20px;font-weight:600;margin:25px 0 12px}.step p{font-size:16px;line-height:1.95;color:#748292}.step>small{display:inline-block;font-size:12px;color:#496b8f;letter-spacing:normal;margin-top:20px}.process-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin-top:54px}.process-facts>div{background:white;border:1px solid #e5eaf0;border-radius:4px;padding:17px 20px;display:flex;flex-direction:column;gap:8px}.process-facts span{font-size:12px;color:#607083}.process-facts strong{font-size:16px;font-weight:500}.process-manifesto{margin-top:55px;padding-top:12px;display:grid;grid-template-columns:230px 1fr;align-items:center;gap:8px 30px}.process-manifesto>span{font:12px Arial;color:#577ca6;letter-spacing:normal;grid-row:span 2}.process-manifesto p{font-size:22px;font-weight:500}.process-manifesto small{font-size:14px;line-height:1.8;color:#607083}
.fit-columns{display:grid;grid-template-columns:1fr 1fr;gap:88px}.fit-columns>article{padding:33px 35px;background:#f4f8fd;border-radius:6px}.fit-columns>article:last-child{background:#f8f9fa}.fit-columns h3{font-size:21px;font-weight:500;display:flex;align-items:center;gap:14px;margin-bottom:27px}.fit-icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;background:#e0edff;color:var(--blue);border-radius:50%;font-size:22px}.fit-icon.neutral{background:#eceff2;color:#929ca7}.fit-entry{margin-top:21px}.fit-entry h4{font-size:17px;font-weight:500;line-height:1.7;margin-bottom:7px}.fit-entry p{font-size:15px;line-height:1.85;color:#607083}.faq-section{padding-top:100px;display:grid;grid-template-columns:335px 1fr;gap:93px}.faq-intro .eyebrow{font-size:12px;color:var(--blue)}.faq-intro h2{margin:25px 0 22px;font-size:36px;line-height:1.55}.faq-intro p{font-size:16px;line-height:1.95;color:var(--muted)}.faq-intro>.text-link{font-size:14px;margin-top:26px}.faq-item{padding:20px 0 28px;display:grid;grid-template-columns:25px 1fr;gap:20px}.faq-item>span{font:13px/2 Arial;color:#8ba0b4}.faq-item h3{font-size:18px;line-height:1.7;font-weight:500;margin-bottom:12px}.faq-item p{font-size:16px;line-height:1.95;color:#607083}
.contact-section{padding:100px 0}.contact-grid{display:grid;grid-template-columns:430px 1fr;gap:116px}.contact-copy .eyebrow{font-size:12px;letter-spacing:normal;color:#5c7fa4}.contact-copy h2{font-size:43px;line-height:1.5;letter-spacing:normal;margin:26px 0;color:#173e6c}.contact-copy>p{font-size:16px;color:#6d85a0;line-height:1.9}.contact-copy ul{margin-top:30px;font-size:14px;line-height:2.5;color:#537494}.contact-copy li:before{content:"↗";margin-right:12px;color:var(--blue)}.diagnosis{background:white;border-radius:7px;padding:34px;border:1px solid #e0e8f2}.diagnosis label{display:block;font-size:14px;font-weight:500;color:#56697c}.diagnosis b{font-weight:400;color:#7898b9;margin-left:3px}.diagnosis input:not([type=checkbox]),.diagnosis select,.diagnosis textarea{display:block;width:100%;margin-top:10px;border:1px solid #dde5ed;border-radius:3px;background:#fbfcfd;color:#607083;font-size:14px;line-height:1.8;padding:12px;min-width:0}.diagnosis textarea{resize:none;height:139px;line-height:1.9}.diagnosis input::placeholder,.diagnosis textarea::placeholder{color:#69798a}.form-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:24px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:24px}.diagnosis .consent{display:flex;gap:9px;align-items:flex-start;margin-top:23px;font-size:14px;font-weight:400;line-height:1.8;color:#607083}.consent input{accent-color:var(--blue);margin:3px 0 0}.consent a{color:var(--blue)}.diagnosis button{display:flex;justify-content:space-between;align-items:center;background:var(--blue);color:#fff;border:none;border-radius:3px;width:100%;padding:15px 18px;font-size:16px;margin-top:21px}.diagnosis button span{font-size:21px}.form-note{font-size:13px;color:#667789;line-height:1.8;margin-top:15px}
.site-footer{padding-top:64px;padding-bottom:22px}.footer-top{display:grid;grid-template-columns:1.35fr .8fr .8fr 1.25fr;gap:48px;padding-bottom:55px}.footer-brand>strong{font-size:27px;letter-spacing:normal;display:block;font-weight:600}.footer-brand strong span{font:13px Arial;vertical-align:top;position:relative;top:5px;margin-left:5px;color:#a9b6c3}.footer-brand>p{font-size:16px;line-height:1.9;margin:24px 0;color:#6b7987}.footer-brand small{font-size:14px;color:#607083;line-height:1.8}.footer-group h2{font-size:16px;letter-spacing:normal;font-weight:600;margin-bottom:21px}.footer-group>a{display:block;font-size:15px;line-height:1.7;color:#526477;margin-bottom:12px}.footer-contact .phone{font-family:Arial,sans-serif;font-size:21px;color:#263e56;letter-spacing:normal}.footer-contact>p{font-size:14px;color:#607083;line-height:1.9;margin-top:18px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:24px;font-size:14px;line-height:1.8;color:#607083}.footer-bottom>div a{margin-left:20px;color:#576f87}.footer-bottom>a{color:var(--blue)}.filings{font-size:12px;color:#667789;line-height:1.9;margin-top:18px}.filings span{margin-left:20px}

.dispatch-art{background:#19324d;padding:28px;color:#fff}
.dispatch-art>span{font-size:24px;display:block;font-weight:500}
.dispatch-art>small{font-size:13px;color:#afc6df;display:block;margin-top:8px}
.dispatch-map{margin-top:43px;display:grid;grid-template-columns:repeat(3,1fr);position:relative;row-gap:15px;text-align:center}
.dispatch-map:before{content:"";position:absolute;top:12px;left:16.6%;right:16.6%;height:1px;background:#6583a2}
.dispatch-map i{display:block;position:relative;width:25px;height:25px;border:1px solid #81a5c8;background:#19324d;border-radius:50%;margin:auto}
.dispatch-map i:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#91b7de}
.dispatch-map b{font-size:14px;font-weight:400;letter-spacing:normal;color:#c4d6e7}
.experience-note{display:grid;grid-template-columns:145px 1fr 140px;gap:30px;align-items:center;padding-top:16px;margin-top:33px}
.experience-note>.eyebrow{font-size:12px;color:#8293a5;letter-spacing:normal}
.experience-note h3{font-size:16px;font-weight:500;margin-bottom:8px}
.experience-note p{font-size:14px;line-height:1.8;color:#607083}
.experience-note>.text-link{font-size:14px;justify-self:end}
p{text-wrap:pretty}
@media print{.artboard{zoom:1}.section{break-inside:avoid}a{color:inherit}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.section-index>span:last-child{font-size:14px;letter-spacing:normal}
/* Tracking is reserved for short Latin labels, never inherited by Chinese copy. */
.hero-kicker,.business-card .article-top,.section-index>span:first-child,.geo-detail-title>span,.process-manifesto>span{letter-spacing:.06em}
/* White is the default; only business orientation and delivery method use full-width emphasis. */
.hero,.products-section,.work-section,.more-section,.fit-section,.faq-section,.contact-section{background:#fff}
.services,.process-section{background:var(--paper)}

/* Light interaction trial: no entrance, looping, layout or scroll-linked animation. */
.artboard a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
:where(.site-header nav a,.nav-cta,.text-link,.footer-group>a,.footer-bottom a):focus-visible{color:#0c50be}
.button-blue:focus-visible{background:#0c50be;border-color:#0c50be;color:#fff}
.button-white:focus-visible{background:#eef4ff;border-color:#b9cfee;color:#0c50be}
.case-content .text-link:focus-visible{color:#fff;outline-color:#94bcff}
.case-row{border-radius:8px}
.case-row:focus-visible{background:#eef4fb}
.product-block:focus-within,.business-card:focus-within{box-shadow:0 0 0 1px #a8c6ef,0 6px 18px rgb(20 61 108 / 6%)}
@media (hover:hover) and (pointer:fine){
  :where(.site-header nav a,.nav-cta,.text-link,.footer-group>a,.footer-bottom a):hover{color:#0c50be}
  .button-blue:hover{background:#0c50be;border-color:#0c50be;color:#fff}
  .button-white:hover{background:#eef4ff;border-color:#b9cfee;color:#0c50be}
  .case-row:hover{background:#eef4fb}
  .case-content .text-link:hover{color:#c9dfff}
  .product-block:has(.text-link:hover),.business-card:has(.text-link:hover){box-shadow:0 0 0 1px #a8c6ef,0 6px 18px rgb(20 61 108 / 6%)}
}
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  :where(.site-header nav a,.nav-cta,.text-link,.footer-group>a,.footer-bottom a,.button,.case-row,.product-block,.business-card){transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
  :where(.nav-cta,.text-link,.button)>span,.case-arrow{transition:transform 180ms ease}
  :where(.nav-cta,.text-link,.button):focus-visible>span,.case-row:focus-visible .case-arrow{transform:translate(2px,-2px)}
  @media (hover:hover) and (pointer:fine){
    :where(.nav-cta,.text-link,.button):hover>span,.case-row:hover .case-arrow{transform:translate(2px,-2px)}
  }
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* Soft surface refinement: sampled from the public custom-development page. */
:root{--radius-card:26px;--radius-panel:30px;--radius-control:12px}
html{scroll-padding-top:calc(106px * var(--canvas-scale) + 20px)}
.site-header{position:sticky;top:0;z-index:20;isolation:isolate;width:var(--canvas-width);padding-inline:var(--page-gutter);margin-inline:0;background:#fbfdff;box-shadow:0 6px 24px rgb(24 61 108 / 5%)}
.nav-cta{padding:12px 20px;border-radius:999px;background:linear-gradient(115deg,#153854,#1465ec);color:#fff;gap:14px}
.nav-cta:focus-visible{color:#fff}
@media (hover:hover) and (pointer:fine){
  .nav-cta:hover{color:#fff;box-shadow:0 4px 14px rgb(20 101 236 / 18%)}
}
.hero{background:radial-gradient(ellipse at 82% 12%,#e9f3ff 0%,transparent 48%),linear-gradient(155deg,#fbfdff 0%,#f3f8ff 52%,#fff 100%)}
.services{background:linear-gradient(150deg,#f4f8fd,#f8fbff)}
.business-card,.business-card:first-child{border-color:#e1eaf5;border-radius:var(--radius-card);background:radial-gradient(circle at 95% 0%,rgb(77 151 239 / 11%),transparent 40%),linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 8px 28px rgb(35 76 120 / 4%)}
.geo-detail{border-radius:var(--radius-panel);background:linear-gradient(135deg,#fff 45%,#f0f7ff);box-shadow:0 8px 28px rgb(35 76 120 / 3%)}
.product-block{border-radius:var(--radius-card);background:linear-gradient(140deg,#f8fbff,#edf4fc);box-shadow:0 8px 28px rgb(35 76 120 / 5%)}
.school-art{background:radial-gradient(circle at 90% 5%,rgb(157 207 255 / 25%),transparent 50%),linear-gradient(135deg,#1860cb,#287bed)}
.access-art{background:linear-gradient(140deg,#f2f8ff,#dceafb)}
.dispatch-art{background:linear-gradient(135deg,#19324d,#274b70)}
.lead-case{border-radius:var(--radius-panel)}
.case-row{border-radius:16px}
.project-record{border-radius:20px;background:radial-gradient(circle at 95% 0%,rgb(77 151 239 / 9%),transparent 50%),linear-gradient(140deg,#f8fbff,#eef4fb)}
.process-section{background:linear-gradient(145deg,#f1f7fe,#f8fbff)}
.process-facts>div{border-radius:16px;border-color:#e4edf7}
.fit-columns>article{border-radius:var(--radius-card);background:linear-gradient(140deg,#f5faff,#eaf3fe)}
.fit-columns>article:last-child{background:linear-gradient(140deg,#fafcfe,#f0f4f8)}
.contact-section{background:linear-gradient(160deg,#fff,#edf5ff)}
.diagnosis{border-radius:var(--radius-panel);border-color:#e2ecf7;box-shadow:0 12px 36px rgb(35 76 120 / 6%)}
.button,.diagnosis button,.diagnosis input:not([type=checkbox]),.diagnosis select,.diagnosis textarea{border-radius:var(--radius-control)}
@media print{.site-header{position:static;box-shadow:none}}

/* Unified featured case: one shared surface, no split dark diagram panel. */
.lead-case{background:linear-gradient(125deg,#f8fbff 0%,#edf5ff 55%,#e5f0fc 100%);color:#17324f;box-shadow:0 12px 36px rgb(35 76 120 / 5%)}
.lead-case .case-content{background:transparent}
.lead-case .case-content .eyebrow{color:#466c95}
.lead-case .case-content h3{color:#17324f}
.lead-case .case-content p{color:#526b83}
.lead-case .case-tags{color:#486782}
.lead-case .case-content .text-link{color:#145ac6}
.lead-case .case-content .text-link:focus-visible{color:#104a9f;outline-color:#1465ec}
@media (hover:hover) and (pointer:fine){
  .lead-case .case-content .text-link:hover{color:#104a9f}
}
.lead-case .case-diagram{background:transparent;background-image:none}
.lead-case .diagram-label{background:#f9fcff;color:#416180;border-color:#bfcee0;border-radius:999px}
.lead-case .diagram-node{background:#fff;color:#214569;border-radius:14px;box-shadow:0 8px 22px rgb(42 78 118 / 7%)}
.lead-case .node-dot{border-color:#4583ce}
.lead-case .diagram-line,.lead-case .diagram-fork:before{background:#8faac7}
.lead-case .diagram-fork{border-color:#8faac7}
.lead-case .diagram-twins span{background:#f8fbff;color:#365878;border-color:#c3d5e9;border-radius:12px}
.lead-case .end-node{background:#1465ec;color:#fff}
.lead-case .diagram-caption{color:#536d87}

/* Local template integration: real responsive widths, never scale Chinese text. */
:root{--canvas-width:100%;--content-width:min(1256px,calc(100% - 80px));--page-gutter:max(40px,calc((100% - 1256px)/2))}
.artboard{zoom:1;width:100%}.site-header{gap:24px}.site-header nav{margin:0;flex-wrap:wrap;gap:8px 22px}.site-header nav a{border-radius:10px;padding:8px}
.site-header nav a:hover{background:#eaf2ff}.nav-cta{flex-shrink:0}.artboard main>section{width:100%}
.artboard *{min-width:0}.home-consult{display:flex;flex-direction:column;align-items:flex-start;gap:26px}.home-consult h3{font-size:30px}.home-consult p{font-size:18px;line-height:1.85}
.home-consult .button{white-space:normal;text-align:center}.business-card .body-copy,.product-body p{min-height:0}.business-points{margin-top:22px}
.home-schema-faq{padding-block:64px}.home-schema-faq h2{font-size:28px;margin-bottom:25px}.home-schema-faq details{padding:22px;background:#f5f8fc;border-radius:18px;margin-bottom:12px}.home-schema-faq summary{cursor:pointer;font-size:18px;line-height:1.7}.home-schema-faq p{font-size:16px;line-height:1.9;margin-top:18px}
@media(max-width:1180px){
 .site-header{height:auto;min-height:100px;flex-wrap:wrap;padding-block:18px}.site-header nav{order:3;width:100%;justify-content:center}.brand small{font-size:13px}
 .hero h1{font-size:52px}.section-heading{gap:36px}.business-card{padding:28px 22px}.geo-detail{margin-inline:0}
 .product-art{height:230px}.access-art{gap:8px;padding:20px}.access-symbol{zoom:.46}.access-type{font-size:58px}
 .case-diagram{padding:30px}.diagram-node{width:100%;max-width:310px}.diagram-twins span{padding:12px}
 .case-row{grid-template-columns:30px minmax(0,1fr) minmax(0,1.3fr) 20px;gap:18px}.contact-grid{gap:38px}
 .footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-bottom{flex-wrap:wrap;gap:20px}
}
@media(max-width:800px){
 :root{--content-width:calc(100% - 40px);--page-gutter:20px}html{scroll-padding-top:150px}.section{padding-block:60px}
 .site-header{gap:10px}.site-header nav{gap:0 10px;justify-content:flex-start}.site-header nav a{font-size:14px;padding:7px 0}.nav-cta{font-size:14px;padding:12px}.brand small{display:none}
 .hero{padding-top:50px}.hero h1{font-size:clamp(30px,5.8vw,46px);line-height:1.65;margin-top:26px}.hero h1 br{display:none}.hero-bottom{margin-bottom:35px}
 .hero-kicker{font-size:11px;letter-spacing:normal}.hero-actions{flex-wrap:wrap;justify-content:center}.button{padding:14px 18px;font-size:15px;gap:16px}
 .hero-end{grid-template-columns:1fr;gap:16px;padding-block:24px}.hero-end>a{display:none}.section-index{gap:20px;margin-bottom:28px}.section-index>span:first-child{font-size:11px;letter-spacing:normal}
 h2{font-size:30px}.section-heading,.geo-detail-head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}
 .business-grid,.product-pair,.geo-detail-grid{grid-template-columns:1fr}.business-card{padding:28px}.business-promise br{display:none}.business-promise{font-size:22px;margin:16px 0}.business-card .article-top{margin-bottom:15px}
 .geo-detail{padding:26px;margin-top:28px}.geo-detail-grid{gap:22px}.geo-detail-title{flex-wrap:wrap}.geo-detail-head{gap:22px}
 .product-art{height:220px}.access-symbol{zoom:.62}.access-type{font-size:70px}.experience-note{grid-template-columns:1fr;gap:18px}.experience-note>.text-link{justify-self:start}
 .lead-case{grid-template-columns:1fr}.case-content{padding:30px}.case-content h3{font-size:29px}.case-diagram{padding:30px;min-height:380px}
 .case-row{grid-template-columns:28px 1fr 20px;gap:12px;padding:24px 12px}.case-row p{grid-column:2}.case-arrow{grid-column:3;grid-row:1}
 .directory-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}.project-directory{grid-template-columns:1fr 1fr;gap:14px}.project-record{padding:22px;min-height:160px}.project-record-meta{gap:10px;flex-wrap:wrap}
 .process-steps,.process-facts{grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}.step-number{font-size:40px}.process-manifesto{padding:30px}.process-manifesto p{font-size:28px}
 .fit-columns{grid-template-columns:1fr;gap:22px}.fit-columns>article{padding:28px}.faq-section{display:block}.faq-intro{margin-bottom:32px}.faq-intro h2 br{display:none}
 .faq-item{gap:18px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-section{padding-block:60px}.contact-copy h2{font-size:38px}.contact-copy h2 br{display:none}.home-consult{padding:28px}
 .footer-top{gap:32px 22px}.site-footer{padding-top:50px}.footer-brand,.footer-contact{grid-column:1/-1}.footer-bottom>div a{display:inline-block;margin:10px 15px 0 0}.filings span{display:block;margin-left:0}.footer-group>a,.footer-bottom{font-size:15px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:800px){.process-manifesto{grid-template-columns:1fr;gap:18px;padding:24px 0}.process-manifesto>span{grid-row:auto}.process-manifesto p{font-size:26px;line-height:1.7}}

@media(max-width:800px){.hero h1 .blue{display:inline-block;max-width:100%}.site-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.site-header nav a{text-align:center}}

/* Two editorial features, not a carousel: remaining projects stay concise. */
.lead-case--sports{margin-top:28px;background:linear-gradient(120deg,#eaf3ff,#f6faff 65%,#fbfdff);grid-template-columns:1fr 1.07fr;grid-template-areas:"visual copy"}
.lead-case--sports .case-content{grid-area:copy;align-self:center;padding:44px 48px}
.sports-diagram{grid-area:visual;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:36px 32px;min-width:0}
.sports-diagram-label{font-size:14px;line-height:1.8;color:#557a9f;text-align:center}
.sports-diagram svg{display:block;width:100%;max-width:490px;height:auto;flex-shrink:0}
.sports-role-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.sports-role-labels span{font-size:14px;line-height:1.7;padding:8px 15px;background:#ffffffa6;color:#496e93;border-radius:10px}
@media(max-width:1180px){.lead-case--sports .case-content{padding:34px}.sports-diagram{padding:28px 22px;gap:18px}}
@media(max-width:800px){.lead-case--sports{grid-template-columns:1fr;grid-template-areas:"copy" "visual";margin-top:22px}.lead-case--sports .case-content{padding:30px 30px 8px}.sports-diagram{padding:24px 22px 30px;gap:18px}.sports-role-labels{gap:8px}.sports-role-labels span{font-size:13px;padding:8px 10px}}

/* Production navigation and keyboard entry: no continuous animation. */
.production-skip-link{position:fixed;left:16px;top:-80px;z-index:1000;padding:12px 20px;background:#fff;color:#125dcc;border:2px solid currentColor;border-radius:10px}
.production-skip-link:focus{top:12px}
.published-home .site-header{position:sticky;top:0;z-index:100;background:#fbfdfff5;box-shadow:0 4px 20px #19364f0a}
.home-nav-toggle{display:none}
.published-home{scroll-padding-top:120px}
.published-home :is(section[id],main[id]){scroll-margin-top:115px}
@media(max-width:1180px){
 .published-home .site-header{flex-wrap:wrap;min-height:84px;padding-block:14px;gap:12px}
 .home-nav-toggle{display:block;margin-left:auto;padding:10px 14px;border:1px solid #d8e4f3;border-radius:12px;color:#163954;background:#fff;font:inherit}
 .published-home .site-header nav{display:none}
 .published-home .site-header.home-menu-open nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;order:3;gap:6px 12px}
 .published-home .site-header nav a{text-align:center;font-size:16px}
 .published-home .nav-cta{padding:10px 14px}
}
@media(max-width:600px){
 .published-home .site-header .brand small{display:none}
 .published-home .site-header .brand strong{font-size:18px}
 .published-home .site-header .brand svg{width:30px;height:30px}
 .published-home .nav-cta{font-size:14px}
 .published-home .site-header{gap:8px}
 .published-home .site-header.home-menu-open nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}