.page-jiangmen { --jm-ink:#13202f; --jm-blue:#176d8a; --jm-cyan:#5fd0d4; --jm-signal:#f1c84b; --jm-red:#e25743; --jm-paper:#eef2f2; --jm-line:rgba(19,32,47,.15); --accent:var(--jm-blue); background:var(--jm-paper); color:var(--jm-ink); }
.page-jiangmen .city-main { background:var(--jm-paper); }
.page-jiangmen .city-eyebrow { color:var(--jm-blue); }
.page-jiangmen .city-section h2 { max-width:880px; font-size:min(clamp(43px,4.2vw,47px), clamp(26px, calc(0.789474vw + 20.631579px), 32px)); letter-spacing:-.05em; }
.page-jiangmen a:focus-visible,.page-jiangmen button:focus-visible,.page-jiangmen summary:focus-visible,.page-jiangmen [tabindex]:focus-visible { outline:3px solid var(--jm-signal); outline-offset:4px; }
.page-jiangmen .jm-hero { position:relative; overflow:hidden; padding-bottom:80px; background:#dfe8e8; }
.page-jiangmen .jm-hero::before { position:absolute; inset:0; background-image:linear-gradient(rgba(23,109,138,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(23,109,138,.1) 1px,transparent 1px); background-size:42px 42px; content:""; mask-image:linear-gradient(#000,transparent); }
.page-jiangmen .jm-hero-grid { position:relative; display:grid; grid-template-columns:.85fr 1.15fr; gap:34px; min-height:650px; padding:44px 44px 118px; border:1px solid rgba(19,32,47,.18); background:rgba(244,247,246,.92); box-shadow:0 34px 90px rgba(23,48,57,.14); }
.page-jiangmen .jm-hero-grid::before,.page-jiangmen .jm-hero-grid::after { position:absolute; width:14px; height:14px; border:3px solid var(--jm-blue); content:""; }
.page-jiangmen .jm-hero-grid::before { top:15px; left:15px; border-right:0; border-bottom:0; }.page-jiangmen .jm-hero-grid::after { right:15px; bottom:15px; border-top:0; border-left:0; }
.page-jiangmen .jm-hero-copy { align-self:center; padding:18px 0 0 18px; }
.page-jiangmen .jm-hero-copy h1 { margin:0; font-size:min(clamp(51px,5vw,60px), clamp(32px, calc(2.105263vw + 17.68421px), 48px)); line-height:1.01; letter-spacing:-.065em; }
.page-jiangmen .jm-hero-copy h1 em { display:block; margin-top:12px; color:var(--jm-blue); font-style:normal; }
.page-jiangmen .jm-hero-copy>p:not(.city-eyebrow) { margin:26px 0 0; color:#53636c; font-size:16px; line-height:1.85; }
.page-jiangmen .jm-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }.page-jiangmen .jm-hero-actions a { display:flex; min-width:190px; align-items:center; justify-content:space-between; gap:20px; padding:14px 16px; border:1px solid var(--jm-ink); background:var(--jm-ink); color:#fff; font-size:13px; font-weight:800; text-decoration:none; }.page-jiangmen .jm-hero-actions a+a { background:transparent; color:var(--jm-ink); }
.page-jiangmen .jm-hero-image { position:relative; min-width:0; margin:0; overflow:hidden; background:var(--jm-ink); clip-path:polygon(0 0,100% 0,100% calc(100% - 42px),calc(100% - 42px) 100%,0 100%); }
.page-jiangmen .jm-hero-image::after { position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(10,25,35,.82)); content:""; }.page-jiangmen .jm-hero-image picture,.page-jiangmen .jm-hero-image img { display:block; width:100%; height:100%; }.page-jiangmen .jm-hero-image img { min-height:520px; object-fit:cover; }.page-jiangmen .jm-hero-image figcaption { position:absolute; z-index:2; right:24px; bottom:24px; left:24px; display:flex; justify-content:space-between; gap:20px; color:#fff; font-size:10px; letter-spacing:.12em; }
.page-jiangmen .jm-track { position:absolute; z-index:4; right:44px; bottom:36px; left:44px; display:grid; grid-template-columns:repeat(5,1fr); border:1px solid rgba(255,255,255,.13); background:#142534; box-shadow:0 22px 48px rgba(19,32,47,.25); }
.page-jiangmen .jm-track span { position:relative; display:grid; grid-template-columns:34px 1fr; gap:3px 10px; min-width:0; padding:15px; border-right:1px solid rgba(255,255,255,.12); color:#fff; cursor:pointer; }.page-jiangmen .jm-track span:last-child { border-right:0; }.page-jiangmen .jm-track span::after { position:absolute; top:0; right:0; left:0; height:3px; background:transparent; content:""; }.page-jiangmen .jm-track span.is-on::after { background:var(--jm-signal); box-shadow:0 0 18px var(--jm-signal); }.page-jiangmen .jm-track i { grid-row:span 2; color:var(--jm-cyan); font:700 11px Georgia,serif; font-style:normal; }.page-jiangmen .jm-track b { font-size:13px; }.page-jiangmen .jm-track small { overflow:hidden; color:#90a6b1; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.page-jiangmen .jm-status { position:absolute; z-index:5; top:32px; right:28px; width:220px; padding:15px; border:1px solid rgba(95,208,212,.48); background:rgba(19,32,47,.88); color:#fff; }.page-jiangmen .jm-status small,.page-jiangmen .jm-status strong { display:block; }.page-jiangmen .jm-status small { color:var(--jm-cyan); font-size:9px; letter-spacing:.14em; }.page-jiangmen .jm-status strong { margin-top:8px; font-size:15px; }.page-jiangmen .jm-status p { margin:8px 0 0; color:#adc1c9; font-size:10px; line-height:1.6; }
.page-jiangmen .jm-first-ad { background:#d7e0e1; }

.page-jiangmen .jm-bento { background:#f4f5f1; }.page-jiangmen .jm-bento-grid { display:grid; grid-template-columns:1.3fr .7fr .7fr; grid-template-rows:auto auto; gap:12px; }.page-jiangmen .jm-bento-photo { position:relative; grid-row:span 2; margin:0; overflow:hidden; background:#172331; }.page-jiangmen .jm-bento-photo img { display:block; width:100%; height:100%; min-height:600px; object-fit:cover; }.page-jiangmen .jm-bento-photo figcaption { position:absolute; right:18px; bottom:18px; left:18px; padding:12px 14px; background:rgba(19,32,47,.9); color:#fff; font-size:9px; letter-spacing:.14em; }
.page-jiangmen .jm-tile { position:relative; min-height:290px; padding:27px; border:1px solid var(--jm-line); background:#fff; }.page-jiangmen .jm-tile--dark { background:var(--jm-ink); color:#fff; }.page-jiangmen .jm-tile--signal { background:#e2f1f1; }.page-jiangmen .jm-tile small { color:var(--jm-blue); font-size:9px; font-weight:800; letter-spacing:.14em; }.page-jiangmen .jm-tile--dark small { color:var(--jm-cyan); }.page-jiangmen .jm-tile h3 { margin:56px 0 12px; font-size:clamp(22px, calc(0.263158vw + 20.210526px), 24px); }.page-jiangmen .jm-tile p { margin:0; color:#65737a; font-size:13px; line-height:1.8; }.page-jiangmen .jm-tile--dark p { color:#a9bac1; }.page-jiangmen .jm-tile a { position:absolute; right:26px; bottom:24px; left:26px; color:#fff; font-size:11px; font-weight:800; text-decoration:none; }.page-jiangmen .jm-tile--signal i { position:absolute; right:22px; bottom:22px; width:72px; height:72px; border:2px solid var(--jm-blue); border-radius:50%; box-shadow:0 0 0 12px rgba(23,109,138,.08),0 0 0 24px rgba(23,109,138,.04); }

.page-jiangmen .jm-board { background:#172331; color:#fff; }.page-jiangmen .jm-board .city-eyebrow { color:var(--jm-cyan); }.page-jiangmen .jm-board h2 { color:#fff; }.page-jiangmen .jm-board-head { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:52px; margin-bottom:42px; }.page-jiangmen .jm-board-head h2 { margin:0; }.page-jiangmen .jm-board-head>p { margin:0; color:#a8bbc3; line-height:1.85; }
.page-jiangmen .jm-flow-board { position:relative; display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid rgba(255,255,255,.16); border-left:1px solid rgba(255,255,255,.16); }.page-jiangmen .jm-flow-board::after { position:absolute; top:37px; right:8%; left:8%; height:2px; background:linear-gradient(90deg,var(--jm-cyan),var(--jm-signal),var(--jm-red)); content:""; }.page-jiangmen .jm-flow-board article { position:relative; z-index:1; min-height:320px; padding:24px; border-right:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); background:#172331; }.page-jiangmen .jm-flow-board i { display:grid; width:30px; height:30px; place-items:center; border:5px solid #172331; border-radius:50%; background:var(--jm-cyan); color:#172331; font:700 10px Georgia,serif; font-style:normal; box-shadow:0 0 0 1px rgba(255,255,255,.2); }.page-jiangmen .jm-flow-board article:nth-child(2) i,.page-jiangmen .jm-flow-board article:nth-child(3) i { background:var(--jm-signal); }.page-jiangmen .jm-flow-board article:nth-child(n+4) i { background:var(--jm-red); color:#fff; }.page-jiangmen .jm-flow-board h3 { margin:74px 0 14px; font-size:22px; }.page-jiangmen .jm-flow-board p { margin:0; color:#9eb2bb; font-size:13px; line-height:1.8; }.page-jiangmen .jm-flow-note { display:grid; grid-template-columns:150px 1fr; gap:30px; margin-top:18px; padding:22px 24px; border-left:4px solid var(--jm-signal); background:rgba(255,255,255,.055); }.page-jiangmen .jm-flow-note b { color:var(--jm-signal); }.page-jiangmen .jm-flow-note p { margin:0; color:#aebfc5; font-size:13px; line-height:1.8; }

.page-jiangmen .jm-ledger { background:#dbe9e9; }.page-jiangmen .jm-ledger-layout { display:grid; grid-template-columns:1.1fr .9fr; gap:62px; align-items:center; }.page-jiangmen .jm-ledger-image { position:relative; margin:0; padding:16px; background:repeating-linear-gradient(90deg,var(--jm-blue) 0 2px,transparent 2px 12px); }.page-jiangmen .jm-ledger-image img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; box-shadow:0 25px 60px rgba(19,32,47,.18); }.page-jiangmen .jm-ledger-image figcaption { position:absolute; right:28px; bottom:28px; padding:10px 12px; background:rgba(19,32,47,.92); color:#fff; font-size:9px; letter-spacing:.12em; }.page-jiangmen .jm-ledger-copy h2 { margin:0; }.page-jiangmen .jm-ledger-copy>p:not(.city-eyebrow) { margin:24px 0; color:#586d74; font-size:15px; line-height:1.9; }.page-jiangmen .jm-control-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.page-jiangmen .jm-control-grid span { position:relative; padding:18px 18px 18px 34px; border:1px solid var(--jm-line); background:rgba(255,255,255,.68); }.page-jiangmen .jm-control-grid i { position:absolute; top:22px; left:16px; width:8px; height:8px; border-radius:50%; background:var(--jm-cyan); box-shadow:0 0 10px var(--jm-blue); }.page-jiangmen .jm-control-grid b,.page-jiangmen .jm-control-grid small { display:block; }.page-jiangmen .jm-control-grid b { font-size:13px; }.page-jiangmen .jm-control-grid small { margin-top:4px; color:#6d7c82; font-size:10px; }.page-jiangmen .jm-ledger-copy>a { display:inline-block; margin-top:22px; color:var(--jm-blue); font-size:12px; font-weight:800; text-decoration:none; }

.page-jiangmen .jm-articles { background:#f4f5f1; }.page-jiangmen .jm-article-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:10px; }.page-jiangmen .jm-article { position:relative; min-height:245px; padding:26px; border:1px solid var(--jm-line); background:#fff; text-decoration:none; transition:transform .25s ease,box-shadow .25s ease; }.page-jiangmen .jm-article:hover { transform:translateY(-5px); box-shadow:0 18px 38px rgba(19,32,47,.1); }.page-jiangmen .jm-article--lead { grid-row:span 2; min-height:500px; background:var(--jm-blue); color:#fff; }.page-jiangmen .jm-article span { color:var(--jm-blue); font-size:9px; font-weight:800; letter-spacing:.13em; }.page-jiangmen .jm-article--lead span { color:#b4eef0; }.page-jiangmen .jm-article h3 { margin:48px 0 18px; font-size:20px; line-height:1.5; }.page-jiangmen .jm-article--lead h3 { margin-top:116px; font-size:clamp(22px, calc(0.263158vw + 20.210526px), 24px); line-height:1.3; }.page-jiangmen .jm-article p { color:#d4ecec; line-height:1.8; }.page-jiangmen .jm-article b { position:absolute; right:26px; bottom:24px; left:26px; font-size:11px; }

.page-jiangmen .jm-platform { background:#fff; }.page-jiangmen .jm-platform-bento { display:grid; grid-template-columns:1.45fr .55fr; gap:12px; }.page-jiangmen .jm-platform-screen { position:relative; grid-row:span 2; margin:0; padding:12px; background:#172331; }.page-jiangmen .jm-platform-screen img { display:block; width:100%; height:100%; min-height:500px; object-fit:cover; }.page-jiangmen .jm-platform-screen figcaption { position:absolute; right:24px; bottom:24px; padding:10px 12px; background:#172331; color:var(--jm-cyan); font-size:9px; letter-spacing:.12em; }.page-jiangmen .jm-workspaces { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.page-jiangmen .jm-workspaces article { min-height:190px; padding:20px; border:1px solid var(--jm-line); background:#edf4f3; }.page-jiangmen .jm-workspaces i { color:var(--jm-blue); font:700 11px Georgia,serif; font-style:normal; }.page-jiangmen .jm-workspaces h3 { margin:28px 0 8px; font-size:18px; }.page-jiangmen .jm-workspaces p { margin:0; color:#687980; font-size:11px; line-height:1.7; }.page-jiangmen .jm-platform-facts { display:grid; gap:1px; background:var(--jm-line); }.page-jiangmen .jm-platform-facts span { padding:16px 20px; background:#f5f7f6; color:#6b7a80; font-size:11px; }.page-jiangmen .jm-platform-facts b { margin-right:8px; color:var(--jm-ink); font-size:14px; }

.page-jiangmen .jm-growth { background:#d7e8e8; }.page-jiangmen .jm-growth-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:62px; align-items:center; }.page-jiangmen .jm-growth-copy h2 { margin:0; }.page-jiangmen .jm-growth-copy>p:not(.city-eyebrow) { margin:24px 0; color:#586b72; font-size:15px; line-height:1.9; }.page-jiangmen .jm-growth-links { display:grid; gap:8px; }.page-jiangmen .jm-growth-links a { display:flex; justify-content:space-between; gap:18px; padding:17px; border:1px solid var(--jm-line); background:rgba(255,255,255,.68); text-decoration:none; }.page-jiangmen .jm-growth-links b { font-size:13px; }.page-jiangmen .jm-growth-links span { color:var(--jm-blue); font-size:11px; }.page-jiangmen .jm-growth-image { position:relative; margin:0; }.page-jiangmen .jm-growth-image::before { position:absolute; top:-18px; right:-18px; width:110px; height:110px; border:2px solid var(--jm-blue); border-radius:50%; box-shadow:0 0 0 20px rgba(23,109,138,.08),0 0 0 40px rgba(23,109,138,.04); content:""; }.page-jiangmen .jm-growth-image img { position:relative; display:block; width:100%; aspect-ratio:3/2; object-fit:cover; clip-path:polygon(0 0,100% 0,100% calc(100% - 45px),calc(100% - 45px) 100%,0 100%); box-shadow:0 28px 64px rgba(19,32,47,.2); }.page-jiangmen .jm-growth-image figcaption { position:absolute; right:20px; bottom:20px; padding:10px 12px; background:#172331; color:#fff; font-size:9px; letter-spacing:.12em; }

.page-jiangmen .jm-faq { background:#fff; }.page-jiangmen .jm-faq-grid { display:grid; grid-template-columns:.68fr 1.32fr; gap:68px; }.page-jiangmen .jm-faq-head h2 { margin:0; }.page-jiangmen .jm-faq-head>p:not(.city-eyebrow) { margin-top:22px; color:#697980; line-height:1.85; }.page-jiangmen .jm-faq-list summary { display:grid; grid-template-columns:34px 1fr 28px; gap:12px; align-items:center; }.page-jiangmen .jm-faq-list summary i { color:var(--jm-blue); font:700 11px Georgia,serif; font-style:normal; }.page-jiangmen .jm-faq-list summary b { transition:transform .2s ease; }.page-jiangmen .jm-faq-list details[open] summary b { transform:rotate(45deg); }.page-jiangmen .jm-faq-list details p { margin:0 0 24px 46px; }.page-jiangmen .jm-final-ad { background:#172331; }.page-jiangmen .jm-final { background:#111f2c; }.page-jiangmen .jm-final-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:60px; align-items:end; }.page-jiangmen .jm-final small { color:var(--jm-cyan); font-size:9px; letter-spacing:.14em; }.page-jiangmen .jm-final h2 { margin:12px 0 0; color:#fff; font-size:min(clamp(40px,4.5vw,58px), clamp(26px, calc(0.789474vw + 20.631579px), 32px)); line-height:1.08; letter-spacing:-.05em; }.page-jiangmen .jm-final p { margin:0; color:#acbec5; font-size:13px; line-height:1.85; }

@media(max-width:1000px){.page-jiangmen .jm-hero-grid{grid-template-columns:1fr;padding-bottom:150px}.page-jiangmen .jm-track{right:26px;left:26px}.page-jiangmen .jm-bento-grid{grid-template-columns:1fr 1fr}.page-jiangmen .jm-bento-photo{grid-row:auto;grid-column:1/-1}.page-jiangmen .jm-bento-photo img{min-height:0}.page-jiangmen .jm-flow-board{grid-template-columns:1fr 1fr}.page-jiangmen .jm-flow-board::after{display:none}.page-jiangmen .jm-ledger-layout,.page-jiangmen .jm-growth-grid{grid-template-columns:1fr}.page-jiangmen .jm-platform-bento{grid-template-columns:1fr}.page-jiangmen .jm-platform-screen{grid-row:auto}.page-jiangmen .jm-article-grid{grid-template-columns:1fr 1fr}.page-jiangmen .jm-article--lead{grid-column:1/-1;grid-row:auto;min-height:340px}.page-jiangmen .jm-article--lead h3{margin-top:60px}.page-jiangmen .jm-faq-grid,.page-jiangmen .jm-final-grid,.page-jiangmen .jm-board-head{grid-template-columns:1fr}.page-jiangmen .jm-status{top:auto;right:30px;bottom:150px}}
@media(max-width:700px){.page-jiangmen .city-section h2{font-size:min(clamp(29px,8.3vw,33px), clamp(26px, calc(0.789474vw + 20.631579px), 32px));line-height:1.12}.page-jiangmen .city-crumb{padding:16px 0}.page-jiangmen .jm-hero{padding-bottom:34px}.page-jiangmen .jm-hero-grid{padding:28px 18px 22px}.page-jiangmen .jm-hero-copy{padding:0}.page-jiangmen .jm-hero-copy h1{font-size:min(clamp(36px,10vw,40px), clamp(32px, calc(2.105263vw + 17.68421px), 48px));line-height:1.04}.page-jiangmen .jm-hero-copy>p:not(.city-eyebrow){font-size:15px;line-height:1.75}.page-jiangmen .jm-hero-actions{display:grid}.page-jiangmen .jm-hero-actions a{min-width:0}.page-jiangmen .jm-hero-image img{min-height:0;aspect-ratio:3/4}.page-jiangmen .jm-track{position:relative;right:auto;bottom:auto;left:auto;grid-template-columns:1fr;margin-top:-10px}.page-jiangmen .jm-track span{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.page-jiangmen .jm-status{position:relative;right:auto;bottom:auto;width:auto}.page-jiangmen .jm-bento-grid,.page-jiangmen .jm-flow-board,.page-jiangmen .jm-article-grid,.page-jiangmen .jm-workspaces,.page-jiangmen .jm-control-grid{grid-template-columns:1fr}.page-jiangmen .jm-tile{min-height:230px}.page-jiangmen .jm-flow-board article{min-height:220px}.page-jiangmen .jm-flow-board h3{margin-top:40px}.page-jiangmen .jm-flow-note{grid-template-columns:1fr;gap:8px}.page-jiangmen .jm-ledger-layout,.page-jiangmen .jm-growth-grid{gap:30px}.page-jiangmen .jm-platform-screen img{min-height:0}.page-jiangmen .jm-article,.page-jiangmen .jm-article--lead{min-height:240px}.page-jiangmen .jm-article--lead h3,.page-jiangmen .jm-article h3{margin-top:38px;font-size:22px}.page-jiangmen .jm-growth-links a{display:grid}.page-jiangmen .jm-faq-grid{gap:28px}.page-jiangmen .jm-faq-list summary{grid-template-columns:28px 1fr 24px;gap:8px;font-size:16px}.page-jiangmen .jm-faq-list details p{margin-left:36px;font-size:14px}.page-jiangmen .jm-final-grid{gap:24px}.page-jiangmen .jm-final h2{font-size:clamp(26px, calc(0.789474vw + 20.631579px), 32px)}}
@media(prefers-reduced-motion:reduce){.page-jiangmen .jm-article,.page-jiangmen .jm-faq-list summary b{transition:none}.page-jiangmen .jm-article:hover{transform:none}}