/* Content-first refinement, 2026-09-14. Decorative landscape is an AI regional
   impression, not a photograph of a named Dongzhi landmark. */
.brand-logo,.footer-brand img{background:transparent;padding:0;border-radius:0}
.utility-bar{background:var(--soft);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
.utility-bar>.wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px}
.utility-bar .wrap>div{display:flex;gap:24px;align-items:center}
.utility-placeholder{color:var(--muted)}
.reading-toggle{border:0;background:none;padding:4px 0;min-height:32px;color:var(--primary);font-size:12px}
.reading-toggle[aria-pressed=true]{font-weight:700;text-decoration:underline;text-underline-offset:4px}
[data-page=home] .site-header{background:var(--surface);border-color:var(--line)}
[data-page=home] .brand strong{color:var(--g900)}
[data-page=home] .brand span{color:var(--muted)}
[data-page=home] .nv{color:var(--ink)}
[data-page=home] .nv[aria-current],[data-page=home] .nv:hover,[data-page=home] .platform-entry{color:var(--primary)}
[data-page=home] .header-platform{border-color:var(--line)}
[data-page=home] .platform-arrow{color:var(--gold)}
.hero{margin-top:0;background:#f1f5eb;border-bottom:1px solid var(--line)}
.hero-grid{min-height:500px;padding-top:60px;padding-bottom:64px}
.hero-copy{max-width:630px}
.hero-copy h1,.hero h1{font-size:clamp(36px,3.4vw,50px);line-height:1.45;color:#174c32}
.hero-copy h1 span{color:#8b6518}
.hero-copy p{color:#395545;font-size:18px;max-width:520px;margin-top:24px}
.hero-copy .actions{margin-top:28px}
.hero-copy .btn{min-height:48px;padding:12px 26px}
.hero-copy .btn-green{background:#166534;color:#fff}
.hero-copy .btn-green:hover{background:#14532d}
.hero-copy .btn-outline{background:#fafcf4;color:#14532d;border-color:#547761}
.hero-copy .btn-outline:hover{background:#e7efdf}
.hero-art{background:#f1f5eb}
.hero-art img{object-fit:cover;object-position:center right;opacity:.87}
.hero-art:after{background:linear-gradient(90deg,#f3f6eeee 0%,#f3f6eeaa 32%,transparent 65%)}
.page-head{position:relative;background:linear-gradient(90deg,var(--soft) 35%,#f1f5ebe0 70%,#f1f5ebaa),url('ai/masthead.jpg') right center/cover;isolation:isolate}
.page-head p{max-width:850px}
.marketing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.visual-card{border:1px solid var(--line);border-radius:6px;background:var(--surface);overflow:hidden}
.card-media img{height:auto;aspect-ratio:2.5;object-fit:cover}
.marketing-body{padding:28px 30px 30px;gap:20px}
.marketing-body h3{font-size:26px}
.marketing-body p{font-size:16px;min-height:0;margin:0;max-width:none}
.marketing-body .service-audience{color:var(--ink);font-weight:500}
.marketing-body h4{font-size:15px;margin-bottom:8px;color:var(--primary)}
.card-detail{padding-top:18px;border-top:1px solid var(--line)}
.service-prep{margin-top:auto;background:var(--soft);padding:16px 18px;border-radius:3px}
.service-prep p{font-size:14px}
.company-section{padding:76px 0}
.company-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:start}
.company-intro h3{font-size:26px;margin-bottom:24px}
.company-intro .lead{font-size:20px;margin-bottom:16px}
.company-intro p{line-height:1.9}
.company-facts{padding:28px;background:var(--soft);border:1px solid var(--line);border-radius:6px}
.company-facts dl>div{padding:16px 0;border-bottom:1px solid var(--line)}
.company-facts dl>div:first-child{padding-top:0}
.company-facts dt{font-size:14px;color:var(--muted);margin-bottom:6px;font-weight:400}
.company-facts dd{font-size:18px;font-weight:600;color:var(--ink)}
.company-facts .source-note{margin-top:20px}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0 16px}
.metric-grid article{border:1px solid var(--line);border-top:3px solid var(--gold2);padding:26px 28px;background:var(--surface);border-radius:4px}
.metric-grid article>span{display:block;font-size:15px;color:var(--muted)}
.metric-grid strong{display:block;font-size:46px;line-height:1.4;color:var(--g900);margin:16px 0 12px;font-variant-numeric:tabular-nums}
.metric-grid em{font-size:20px;font-style:normal;margin-left:6px}
.metric-grid .metric-pending strong{font-size:26px;line-height:2.48;color:var(--muted)}
.metric-grid article p{font-size:14px;line-height:1.8}
.source-note{font-size:13px!important;color:var(--muted);line-height:1.8;max-width:none!important;margin-top:16px}
.platform-story{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;margin-top:40px}
.platform-story h3{margin-bottom:16px}
.platform-story a{margin-top:16px}
.subheading{font-size:24px;margin:44px 0 24px}
.trust-grid,.info-grid,.park-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.info-grid:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.trust-grid article,.info-grid article,.park-pillars article{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:6px}
.trust-grid h3,.info-grid h3,.park-pillars h3{font-size:20px;margin-bottom:14px}
.trust-grid p,.info-grid p,.park-pillars p{font-size:15px;line-height:1.9}
.pending-copy{display:block;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted)}
.audience-paths article,.directory-group,.local-pair>article,.capability-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:26px}
.audience-paths{border:0;padding-top:0;gap:28px}
.audience-paths article+article{border:1px solid var(--line);padding:26px}
.directory-group h3{border-bottom:1px solid var(--line)}
.business-directory{gap:24px;grid-template-columns:1.5fr 1fr 1fr}
.local-pair>article{padding:0 0 26px;overflow:hidden}
.local-pair>article>h3,.local-pair>article>p,.local-pair>article>a{margin-left:26px;margin-right:26px}
.local-pair .editorial-media figcaption{margin:8px 26px 0}
.local-pair .editorial-media img{border-radius:0}
.service-journey{list-style:none;counter-reset:journey;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;margin:30px 0}
.service-journey li{counter-increment:journey;padding:22px 0;border-top:2px solid var(--primary)}
.service-journey li:before{content:counter(journey,decimal-leading-zero);font-size:14px;color:var(--muted)}
.service-journey h3{font-size:21px;margin:12px 0}
.service-journey p{font-size:15px}
.service-journey:has(>li:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}
.destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.destination-grid>div{display:block;border:1px solid var(--line);padding:28px;border-radius:6px;background:var(--surface)}
.destination-grid dt{font-size:22px;margin-bottom:14px;color:var(--primary)}
.destination-grid dd{font-size:16px}
.example-activities{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.example-activity{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:28px}
.example-label{display:inline-block;font-size:12px;padding:3px 8px;border:1px solid var(--line);color:var(--muted);margin-bottom:18px}
.example-activity h3{font-size:23px;margin-bottom:16px}
.example-activity p{font-size:15px}
.example-activity .example-meta{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:13px}
.service-desk{margin-top:26px;border:1px solid var(--line);padding:18px 24px;background:var(--surface);border-radius:4px}
.service-desk summary{font-weight:600;color:var(--primary);min-height:44px;display:list-item;align-content:center}
.service-desk p{margin-top:12px}
.task-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
body{padding-bottom:0}
html{scroll-padding-top:160px}
body.reading-mode{font-size:19px;line-height:1.9}
body.reading-mode main p,body.reading-mode main dd{font-size:19px}
body.reading-mode .source-note,body.reading-mode figcaption{font-size:16px!important}
body.reading-mode :focus-visible{outline:4px solid var(--focus);outline-offset:5px}
@media(min-width:1500px){.hero-grid{min-height:520px}}
@media(max-width:1199px){.company-intro{gap:32px}.marketing-body{padding:24px}.metric-grid article{padding:22px}.business-directory{grid-template-columns:1.2fr 1fr 1fr}.directory-group{padding:22px}.trust-grid,.info-grid{gap:20px}}
@media(max-width:1023px){.hero{margin-top:0}.hero-grid{padding-top:52px;padding-bottom:56px;min-height:490px}.hero h1{font-size:42px}.site-header:has(.site-nav.is-open)+.demo-error+main .hero-grid{padding-top:52px}[data-page=home] .menu-toggle{background:var(--surface);border-color:var(--primary);color:var(--primary)}[data-page=home] .site-nav.is-open{background:var(--surface)}.company-intro,.platform-story{grid-template-columns:1fr;gap:28px}.company-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.company-facts dl>div:first-child{padding-top:16px}.metric-grid{gap:16px}.metric-grid strong{font-size:36px}.metric-grid .metric-pending strong{font-size:22px;line-height:2.3}.trust-grid,.info-grid,.park-pillars{grid-template-columns:1fr}.business-directory{grid-template-columns:1fr 1fr}.business-directory .directory-group:last-child{grid-column:1/-1}.service-journey{grid-template-columns:1fr 1fr}.reading-mode .marketing-grid{grid-template-columns:1fr}}
@media(max-width:767px){html{scroll-padding-top:186px}.utility-bar>.wrap{min-height:32px}.utility-bar>.wrap>span{display:none}.utility-bar .wrap>div{width:100%;justify-content:flex-end;gap:20px}.hero{margin-top:0}.hero-grid{min-height:470px;padding-top:44px;padding-bottom:52px;display:flex;justify-content:center}.hero-copy h1,.hero h1{font-size:34px;line-height:1.45}.hero-copy p{font-size:17px}.hero-art img{object-position:75% center;opacity:.42}.hero-art:after{background:linear-gradient(90deg,#f3f6eeee,#f3f6ee66)}.hero-copy .btn{padding:12px 22px}.marketing-grid{grid-template-columns:1fr;gap:28px}.card-media img{aspect-ratio:2.1}.marketing-body{padding:24px;gap:18px}.marketing-body h3{font-size:25px}.marketing-body p{font-size:16px}.company-section{padding:44px 0}.company-intro h3{font-size:24px}.company-facts{padding:22px}.company-facts dl{grid-template-columns:1fr;gap:0}.metric-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.metric-grid article{padding:24px}.metric-grid strong{font-size:40px}.metric-grid .metric-pending strong{font-size:25px;line-height:1.6}.trust-grid,.info-grid,.park-pillars{gap:20px}.trust-grid article,.info-grid article,.park-pillars article{padding:24px}.business-directory{grid-template-columns:1fr}.business-directory .directory-group:last-child{grid-column:auto}.destination-grid,.example-activities{grid-template-columns:1fr;gap:20px}.destination-grid>div{padding:24px}.service-journey{gap:18px}.service-journey h3{font-size:19px}.example-activity{padding:24px}.service-desk{padding:16px 20px}.task-links{display:grid;grid-template-columns:1fr}.page-head{background:var(--soft)}.source-note{font-size:13px!important}.reading-mode .service-journey{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){.hero,.hero-art{background:#203629}.hero-art img{opacity:.18}.hero-art:after{background:linear-gradient(90deg,#203629,transparent)}.hero-copy h1,.hero h1{color:#e5eee7}.hero-copy h1 span{color:#e5bc68}.hero-copy p{color:#d4e1d7}.page-head{background:var(--soft)}[data-page=home] .platform-arrow{color:#e5bc68}.hero-copy .btn-green{background:#9bd2ab;color:#12311d}.hero-copy .btn-outline{background:#203629;color:#e5eee7;border-color:#9bd2ab}.metric-grid article{border-top-color:#c9a227}}
@media(max-width:1023px){.service-journey:has(>li:nth-child(5):last-child){grid-template-columns:1fr 1fr}}
@media(max-width:767px){.info-grid:has(>article:nth-child(2):last-child){grid-template-columns:1fr}.service-journey:has(>li:nth-child(5):last-child){grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){.hero-copy .btn-green:hover{background:#b9e0c4;color:#12311d}.hero-copy .btn-outline:hover{background:#2c4434;color:#e5eee7}}
