/* Global visual calibration: one grid, one typographic rhythm, page-specific visual tone. */
:root{--wrap:min(1160px,calc(100% - 80px));--paper:#f8fafb;--surface:#fff;--ink:#0b2344;--ink-soft:#385673;--mute:#6f8295;--line:#d9e4ed;--blue:#146be7;--blue-soft:#eaf4ff;--night:#071d42;--night-2:#0c2d61}
body{font-size:15px;line-height:1.72;background:var(--paper)}
/* Retain natural Chinese phrase wrapping; only deliberate <br> elements set a hard break. */
h1,h2,h3,.quote,.section-title,.route-card h3,.process-heading h2{word-break:normal!important;overflow-wrap:normal;line-break:strict;text-wrap:balance}
@media(max-width:560px){body[data-page="home"] .route-geo{grid-column:auto!important}}
@media(min-width:561px) and (max-width:900px){body[data-page="home"] .route-geo{grid-column:1/-1!important}}
@media(max-width:560px){body[data-page="about"] .about-intro h1{font-size:33px!important;letter-spacing:-.08em}body[data-page="about"] .quote{font-size:24px!important;line-height:1.32}}
/* Chinese copy should wrap by phrase, never leave a single character stranded. */
h1,h2,h3,.quote,.section-title,.route-card h3,.process-heading h2{word-break:keep-all;overflow-wrap:normal;line-break:strict;text-wrap:balance}p,li,span{line-break:strict;overflow-wrap:break-word;word-break:normal}
.site-header{height:74px;background:rgba(250,252,253,.9)}.nav{gap:22px}.brand{font-size:15px;letter-spacing:-.04em}.brand-mark{width:30px;height:30px;border-radius:8px}.menu{gap:24px}.menu a{font-size:13px}.nav-cta,.button{min-height:42px;padding:0 16px;border-radius:3px;font-size:13px}.nav-cta{margin-left:8px}
.brand.brand-lockup{gap:0;letter-spacing:0}.brand-logo{display:block;width:206px;height:auto;max-height:48px}@media(max-width:900px){.brand-logo{width:190px}}@media(max-width:560px){.brand-logo{width:162px;max-height:39px}}
.site-footer{padding:54px 0 23px}.footer-grid{gap:50px;padding-bottom:40px}.site-footer p{max-width:360px;font-size:13px}.copyright{font-size:10px}
/* Browser-complete content is preferable to a blank, fading first screen. */
.reveal{opacity:1;transform:none;transition:none}
.page-hero{padding:0;background:var(--surface);border-bottom:1px solid #e6eef5}.page-hero-grid{grid-template-columns:.86fr 1.14fr;gap:54px;min-height:548px}.page-hero-copy{padding:78px 0 70px}.page-index{font-size:10px;letter-spacing:.11em}.page-hero h1{max-width:510px;margin:16px 0 19px;font-size:clamp(39px,3.75vw,55px);line-height:1.14;letter-spacing:-.07em}.page-hero .lead{max-width:485px;font-size:15px;line-height:1.82}.page-visual{min-height:352px;margin-bottom:48px}.food-visual{background-position:center}.food-chip{left:18px;bottom:18px;padding:10px 12px;font-size:12px}.system-stage{height:352px}.system-core{width:120px;height:120px}.system-node{width:140px;font-size:11px}.node-one{left:20px;top:42px}.node-two{right:20px;top:100px}.node-three{left:55px;bottom:24px}.geo-visual{padding:28px}.geo-visual h3{margin:17px 0 26px;font-size:28px}.geo-readout span{font-size:12px}
.page-section{padding:88px 0}.page-section.soft{background:#f0f5f8}.split{grid-template-columns:.88fr 1.12fr;gap:76px}.split h2,.section-title{font-size:clamp(33px,3.45vw,49px);line-height:1.17;letter-spacing:-.065em}.split .lead{font-size:15px;line-height:1.8}.detail-list>div{grid-template-columns:128px 1fr;gap:24px;padding:18px 0}.detail-list span{font-size:13px}.chapter-head{grid-template-columns:.9fr 1.1fr;gap:64px;margin-bottom:42px}.chapter h2{font-size:clamp(34px,3.5vw,50px)}.chapter-head .lead{font-size:15px}
.flow{margin-top:38px!important}.flow-item{min-height:185px;padding:18px 16px}.flow-item h3{margin:43px 0 8px;font-size:18px}.flow-item p{font-size:12px}.geo-process{gap:14px}.process-step{padding-top:14px}.process-step h3{margin:20px 0 8px;font-size:18px}.process-step p{font-size:13px}.callout{margin-top:32px;padding:15px 18px;font-size:13px}
.dark-flow{background:var(--night)}.cta-band{padding:80px 0}.cta-shell{padding:48px 6%}.cta-shell h2{font-size:clamp(32px,3.6vw,49px)}
/* Page-specific hierarchy. */
body[data-page="food"] .page-hero{background:#fffefa}body[data-page="food"] .page-hero h1{max-width:470px}body[data-page="food"] .page-section:first-of-type{background:#fbfcfa}body[data-page="ai"] .page-hero h1{max-width:510px;font-size:clamp(39px,3.55vw,52px)}body[data-page="ai"] .system-stage{background-image:linear-gradient(90deg,#071d42f2 0%,#071d42a8 45%,#071d424d 100%),url('ai-agent-hero-v2.jpg');background-position:center;background-size:cover}body[data-page="ai"] .system-stage:before{opacity:.48}body[data-page="ai"] .page-section:first-of-type{background:#f7fbfd}body[data-page="geo"] .page-hero{background:#fff}body[data-page="geo"] .page-hero h1{max-width:465px}body[data-page="geo"] .geo-visual{background-image:linear-gradient(120deg,#f5faffed 0%,#eef7ffca 56%,#e9f5ff7a 100%),url('geo-evidence-hero-v2.jpg');background-position:center;background-size:cover;border:1px solid #e0edf8}body[data-page="geo"] .page-section:first-of-type{background:#fff}body[data-page="about"] .about-intro{padding:112px 0 96px;background-image:linear-gradient(90deg,#fbfdfc 0%,#fbfdfcea 44%,#f1f8fd94 64%,#e8f4fd40 100%),url('visual-about-hero.png');background-position:center;background-size:cover}body[data-page="about"] .about-intro h1{max-width:760px;margin:16px 0;font-size:clamp(43px,4.3vw,61px);line-height:1.13;letter-spacing:-.075em}body[data-page="about"] .about-intro p{font-size:17px}body[data-page="about"] .quote{font-size:clamp(30px,3.2vw,45px);line-height:1.26}
body[data-page="about"] .split{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:62px;align-items:start}body[data-page="about"] .split>h2{max-width:11em;font-size:clamp(36px,3.25vw,47px)}body[data-page="about"] .split .quote{max-width:14em}
/* Contact page gets a calm task-oriented layout instead of a heavy marketing block. */
.contact-hero{padding:82px 0 76px;background-color:#071d42;background-image:linear-gradient(90deg,#071d42 0%,#071d42ef 39%,#0b3263c7 64%,#0b32636b 100%),url('contact-consultation-v2.jpg');background-position:center;background-size:cover}.contact-hero h1{margin:15px 0;font-size:clamp(41px,4.1vw,58px);line-height:1.13;letter-spacing:-.075em}.contact-hero p{font-size:16px}.contact-grid{grid-template-columns:.86fr 1.14fr;gap:66px}.contact-grid h2{font-size:clamp(30px,3vw,42px);line-height:1.2}.contact-grid>div>p{max-width:390px;font-size:14px}.contact-item{padding:16px 0}.contact-item span{font-size:12px}.form{padding:34px;border-color:#d6e3ef;box-shadow:12px 12px 0 #ddebfa}.form h2{font-size:29px}.form-row{gap:13px}.field{gap:6px;margin-bottom:14px}.field input,.field textarea,.field select{padding:11px 12px;border-radius:2px}.form-status{font-size:12px}
/* Homepage: shorten the composition and make its reading order more explicit. */
.layout-sky{min-height:680px;padding-top:32px;padding-bottom:48px}.layout-panel{min-height:574px;max-width:1120px}.layout-copy{max-width:630px;margin-top:34px}.layout-copy h1{margin:13px auto 16px;font-size:clamp(42px,4.35vw,64px);line-height:1.11}.layout-copy>p:last-of-type{font-size:14px}.layout-actions{margin-top:21px}.layout-core{bottom:72px;transform:translateX(-50%) scale(.9);transform-origin:bottom center}.layout-principles{padding:14px 20px}.home-business{padding:96px 0}.home-heading{gap:32px;margin-bottom:38px}.home-heading h2,.home-method h2,.home-cta h2{font-size:clamp(35px,3.8vw,52px)}.business-routes{grid-auto-rows:290px}.route-food{min-height:594px}.route-card{padding:24px}.route-card h3{font-size:clamp(25px,2.4vw,36px)}.home-method{padding:88px 0}.method-grid{gap:50px 80px}.method-list li{min-height:170px}.method-list b{margin-top:37px}.home-cta{padding:80px 0}.home-cta-panel{padding:52px 7%}
@media(max-width:900px){:root{--wrap:min(100% - 40px,1160px)}.site-header{height:70px}.menu.open{top:69px}.page-hero-grid,.split,.contact-grid{grid-template-columns:1fr}.page-hero-grid{gap:0;min-height:0}.page-hero-copy{padding:68px 0 35px}.page-hero h1{max-width:620px}.page-visual{min-height:335px;margin:0}.page-section{padding:72px 0}.split{gap:38px}.chapter-head{grid-template-columns:1fr;gap:22px}.flow,.geo-process{grid-template-columns:1fr 1fr}.contact-grid{gap:42px}.form{box-shadow:9px 9px 0 #ddebfa}.layout-sky{padding-left:20px;padding-right:20px}.layout-panel{min-height:625px}.layout-core{transform:translateX(-50%) scale(.8)}.home-heading{grid-template-columns:1fr 1fr}.home-heading>p:last-child{grid-column:2}.business-routes{grid-template-columns:1.1fr .9fr}.route-food{min-height:594px}.method-grid{gap:38px}body[data-page="about"] .about-intro{background-image:linear-gradient(90deg,#fbfdfcf7,#f5faffdf 65%,#eff8ffb3),url('visual-about-hero.png')}body[data-page="about"] .split{grid-template-columns:1fr;gap:30px}body[data-page="contact"] .contact-hero{background-image:linear-gradient(90deg,#071d42f7,#0b3263e3 70%,#0b3263b8),url('contact-consultation-v2.jpg')}}
@media(max-width:560px){:root{--wrap:min(100% - 32px,1160px)}.site-header{height:66px}.menu.open{top:65px}.site-footer{padding-top:44px}.footer-grid{gap:29px}.page-hero-copy{padding:54px 0 29px}.page-hero h1{font-size:40px;line-height:1.16}.page-hero .lead{font-size:14px}.hero-actions{margin-top:25px}.page-visual{min-height:280px}.food-chip{max-width:250px;font-size:11px}.system-stage{height:310px}.system-core{width:104px;height:104px}.system-node{width:125px;font-size:10px}.node-one{left:13px;top:29px}.node-two{right:12px;top:91px}.node-three{left:43px;bottom:16px}.geo-visual{padding:23px}.geo-visual h3{font-size:24px}.page-section{padding:62px 0}.split h2,.section-title{font-size:35px}.detail-list>div{grid-template-columns:1fr;gap:4px;padding:15px 0}.flow{display:block}.flow-item{min-height:0;padding:17px 0;border-right:0;border-bottom:1px solid var(--line)}.flow-item h3{margin:18px 0 6px}.geo-process{display:block}.process-step{margin-bottom:24px}.cta-band{padding:60px 0}.cta-shell{padding:38px 24px}.contact-hero{padding:65px 0 58px}.contact-hero h1{font-size:42px}.form{padding:23px;box-shadow:7px 7px 0 #ddebfa}.form h2{font-size:27px}.form-row{grid-template-columns:1fr}.layout-sky{padding:17px 16px 36px}.layout-panel{min-height:760px}.layout-copy{margin-top:28px}.layout-copy h1{font-size:35px}.layout-core{bottom:100px;transform:translateX(-50%) scale(.63)}.brief-food{left:-75px}.brief-ai{right:-55px}.brief-geo{right:-35px;bottom:14px}.layout-principles{grid-template-columns:1fr;gap:7px}.layout-principles span:last-child{grid-column:auto}.home-business,.home-method{padding:70px 0}.home-heading{display:block}.home-heading h2{margin:14px 0}.business-routes{display:block}.route-card{min-height:250px}.route-food{min-height:335px}.home-cta{padding:62px 0}.home-cta-panel{padding:38px 24px}}

/* Homepage card proportions must be resolved after global calibration. */
body[data-page="home"] .business-routes{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:520px}body[data-page="home"] .route-card,body[data-page="home"] .route-food{grid-row:auto;min-height:0}body[data-page="home"] .route-card{padding:30px}body[data-page="home"] .route-card h3{max-width:12em;font-size:clamp(27px,2.35vw,38px);line-height:1.16}body[data-page="home"] .route-food{background:linear-gradient(180deg,#061a368c 0%,#071a36f5 100%),url('food-supply-chain-hero.png') center/cover}body[data-page="home"] .route-ai-orb{width:142px;height:142px;right:28px;bottom:75px}body[data-page="home"] .route-geo-lines{right:28px;bottom:76px}body[data-page="home"] .route-geo-lines i{width:24px}body[data-page="home"] .route-geo-lines i:nth-child(1){height:30px}body[data-page="home"] .route-geo-lines i:nth-child(2){height:58px}body[data-page="home"] .route-geo-lines i:nth-child(3){height:88px}body[data-page="home"] .route-geo-lines i:nth-child(4){height:126px}
@media(max-width:900px){body[data-page="home"] .business-routes{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:420px}body[data-page="home"] .route-food{min-height:0}}
@media(max-width:560px){body[data-page="home"] .business-routes{display:grid;grid-template-columns:1fr;grid-auto-rows:335px;gap:12px}body[data-page="home"] .route-card,body[data-page="home"] .route-food{min-height:335px;margin:0;padding:25px}}
