/* Preserve existing product body styling under the unified refactor shell. */
/* Preserve redesign: DESIGN_VARIANCE 3 / MOTION_INTENSITY 2 / VISUAL_DENSITY 5.
   Semantic light/dark tokens; radius 4px. Layers: header 20, mobile actions 30, skip link 50. */
.refactor-site .refactor-product-body{--g900:#14532D;--g800:#166534;--g700:#15803D;--gold:#A16207;--gold2:#C9A227;--surface:#fdfefd;--page:#f5f7f4;--soft:#edf3ed;--ink:#1c2b24;--muted:#526258;--line:#d6e0d7;--primary:#166534;--primary-hover:#14532d;--on-primary:#fff;--focus:#9a6700;--error:#9c2d22;--radius:4px;--container:1360px;--gutter:40px;color-scheme:light dark;
/* === 设计系统 token（docs/DESIGN.md） === */
/* 圆角三档 */
--radius-sm:4px;
--radius-md:8px;
--radius-lg:12px;
/* 间距 8 网格 */
--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;
/* 字号（桌面，移动断点在媒体查询里覆盖） */
--display-xl:56px;
--h1:40px;--h2:32px;--h3:21px;
--lead:21px;--body:17px;--muted-text:15px;--caption:13px;
/* 动效 */
--duration-fast:150ms;--duration-normal:220ms;
--ease-standard:cubic-bezier(.2,.8,.2,1);
--transition-fast:150ms cubic-bezier(.2,.8,.2,1);
--transition-normal:220ms cubic-bezier(.2,.8,.2,1);
/* 补充 token */
--primary-deep:#164d38;
--line-strong:#84998a;
}
:where(.refactor-site .refactor-product-body) *{box-sizing:border-box}.refactor-site .refactor-product-body{scroll-behavior:auto;scroll-padding-top:116px}.refactor-site .refactor-product-body{margin:0;background:var(--page);color:var(--ink);font:16px/1.75 "PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(.refactor-site .refactor-product-body) h1,:where(.refactor-site .refactor-product-body) h2,:where(.refactor-site .refactor-product-body) h3,:where(.refactor-site .refactor-product-body) h4,:where(.refactor-site .refactor-product-body) p,:where(.refactor-site .refactor-product-body) figure,:where(.refactor-site .refactor-product-body) dl,:where(.refactor-site .refactor-product-body) dd{margin:0}:where(.refactor-site .refactor-product-body) h1,:where(.refactor-site .refactor-product-body) h2,:where(.refactor-site .refactor-product-body) h3,:where(.refactor-site .refactor-product-body) h4{font-weight:650;line-height:1.4;text-wrap:balance}:where(.refactor-site .refactor-product-body) h1{font-size:clamp(32px,3.1vw,44px);letter-spacing:-.04em}:where(.refactor-site .refactor-product-body) h2{font-size:30px;letter-spacing:-.025em}:where(.refactor-site .refactor-product-body) h3{font-size:23px}:where(.refactor-site .refactor-product-body) p+p{margin-top:14px}:where(.refactor-site .refactor-product-body) a{color:inherit;text-decoration:none}:where(.refactor-site .refactor-product-body) button,:where(.refactor-site .refactor-product-body) input,:where(.refactor-site .refactor-product-body) select,:where(.refactor-site .refactor-product-body) textarea{font:inherit}:where(.refactor-site .refactor-product-body) button,:where(.refactor-site .refactor-product-body) a,:where(.refactor-site .refactor-product-body) input,:where(.refactor-site .refactor-product-body) select,:where(.refactor-site .refactor-product-body) textarea,:where(.refactor-site .refactor-product-body) summary{-webkit-tap-highlight-color:transparent}:where(.refactor-site .refactor-product-body) button,:where(.refactor-site .refactor-product-body) summary{cursor:pointer}:where(.refactor-site .refactor-product-body) a,:where(.refactor-site .refactor-product-body) button{touch-action:manipulation}:where(.refactor-site .refactor-product-body) button{color:inherit}:where(.refactor-site .refactor-product-body) img{display:block;max-width:100%;height:auto}:where(.refactor-site .refactor-product-body) ul{margin:0;padding-left:1.2em}:where(.refactor-site .refactor-product-body) hr{border:0;border-top:1px solid var(--line);margin:28px 0}:where(.refactor-site .refactor-product-body) .wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}:where(.refactor-site .refactor-product-body) .hide,:where(.refactor-site .refactor-product-body) [hidden]{display:none!important}:where(.refactor-site .refactor-product-body) :focus-visible{outline:3px solid var(--focus);outline-offset:4px}:where(.refactor-site .refactor-product-body) main:focus:not(:focus-visible){outline:0}:where(.refactor-site .refactor-product-body) .skip-link{position:fixed;left:16px;top:-100px;padding:12px 20px;background:var(--surface);z-index:50}:where(.refactor-site .refactor-product-body) .skip-link:focus{top:12px}:where(.refactor-site .refactor-product-body) .text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--primary);font-weight:600;background:none;border:0;padding:4px 0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}:where(.refactor-site .refactor-product-body) .text-link:hover{color:var(--primary-hover);text-decoration-thickness:2px}:where(.refactor-site .refactor-product-body) .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius);font-size:16px;font-weight:600;line-height:1.5;transition:background .15s,transform .15s}:where(.refactor-site .refactor-product-body) .btn-green{background:var(--primary);color:var(--on-primary)}:where(.refactor-site .refactor-product-body) .btn-green:hover{background:var(--primary-hover)}:where(.refactor-site .refactor-product-body) .btn-outline{border-color:var(--primary);color:var(--primary);background:var(--surface)}:where(.refactor-site .refactor-product-body) .btn-outline:hover{background:var(--soft)}:where(.refactor-site .refactor-product-body) .btn:active{transform:translateY(1px)}:where(.refactor-site .refactor-product-body) .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}:where(.refactor-site .refactor-product-body) .note,:where(.refactor-site .refactor-product-body) .figure-note,:where(.refactor-site .refactor-product-body) figcaption{font-size:14px;line-height:1.65;color:var(--muted)}:where(.refactor-site .refactor-product-body) .lead{font-size:20px;line-height:1.8;max-width:900px}:where(.refactor-site .refactor-product-body) .lead+p{margin-top:14px}:where(.refactor-site .refactor-product-body) .section{padding:64px 0;scroll-margin-top:110px}:where(.refactor-site .refactor-product-body) .section:nth-child(even){background:var(--surface)}:where(.refactor-site .refactor-product-body) .section p{color:var(--muted);max-width:960px}:where(.refactor-site .refactor-product-body) .sec-head{margin-bottom:30px}:where(.refactor-site .refactor-product-body) .sec-head p{margin-top:12px}:where(.refactor-site .refactor-product-body) .note-box{padding:24px 28px;background:var(--soft);border-left:3px solid var(--primary);margin-top:30px}:where(.refactor-site .refactor-product-body) .note-box h3{margin-bottom:10px}
/* Compact, single-row desktop navigation. */
:where(.refactor-site .refactor-product-body) .site-header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}:where(.refactor-site .refactor-product-body) .header-inner{min-height:100px;display:flex;align-items:center;gap:24px}:where(.refactor-site .refactor-product-body) .brand{flex-shrink:0;color:var(--g900);line-height:1.5}:where(.refactor-site .refactor-product-body) .brand strong{font-size:23px;display:block;font-weight:700;letter-spacing:.015em}:where(.refactor-site .refactor-product-body) .brand span{font-size:13px;color:var(--muted);display:block;margin-top:4px}:where(.refactor-site .refactor-product-body) .site-nav{display:flex;gap:20px;margin-left:auto;white-space:nowrap}:where(.refactor-site .refactor-product-body) .nv{position:relative;min-height:48px;display:flex;align-items:center;font-size:15px}:where(.refactor-site .refactor-product-body) .nv:hover,:where(.refactor-site .refactor-product-body) .nv[aria-current]{color:var(--primary)}:where(.refactor-site .refactor-product-body) .nv[aria-current]{font-weight:700}:where(.refactor-site .refactor-product-body) .nv[aria-current]:after{content:"";position:absolute;height:3px;background:var(--primary);left:0;right:0;bottom:0}:where(.refactor-site .refactor-product-body) .platform-entry{display:inline-flex;flex-direction:column;align-items:flex-start;color:var(--primary);font-size:16px;line-height:1.6;font-weight:650;min-height:44px}:where(.refactor-site .refactor-product-body) .external-hint{font-size:12px;font-weight:400;color:var(--muted)}:where(.refactor-site .refactor-product-body) .header-platform{border-left:1px solid var(--line);padding-left:22px;flex-shrink:0}:where(.refactor-site .refactor-product-body) .header-platform .platform-entry{font-size:14px}:where(.refactor-site .refactor-product-body) .menu-toggle{display:none}:where(.refactor-site .refactor-product-body) .hero{background:var(--soft)}:where(.refactor-site .refactor-product-body) .hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;min-height:470px;padding-top:36px;padding-bottom:36px}:where(.refactor-site .refactor-product-body) .hero-copy{padding:18px 0}:where(.refactor-site .refactor-product-body) .hero-copy h1{color:var(--g900)}:where(.refactor-site .refactor-product-body) .hero-copy p{font-size:18px;max-width:520px;color:var(--muted);margin-top:24px}:where(.refactor-site .refactor-product-body) .hero-art{position:relative;overflow:hidden;border-radius:var(--radius)}:where(.refactor-site .refactor-product-body) .hero-art img{width:100%;aspect-ratio:1.42;object-fit:cover}:where(.refactor-site .refactor-product-body) .hero-art figcaption{position:absolute;bottom:12px;left:12px;right:12px;padding:8px 12px;background:var(--surface);font-size:12px}:where(.refactor-site .refactor-product-body) .marketing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}:where(.refactor-site .refactor-product-body) .marketing-card{padding:28px 32px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}:where(.refactor-site .refactor-product-body) .marketing-card h3{color:var(--g900);font-size:25px}:where(.refactor-site .refactor-product-body) .marketing-card p{margin-top:12px;max-width:520px;min-height:56px}:where(.refactor-site .refactor-product-body) .inline-list{list-style:none;padding:0;margin:20px 0;display:flex;gap:8px 18px;flex-wrap:wrap;color:var(--muted);font-size:15px}:where(.refactor-site .refactor-product-body) .inline-list li+li{border-left:1px solid var(--line);padding-left:18px}:where(.refactor-site .refactor-product-body) .card-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:12px}:where(.refactor-site .refactor-product-body) .system-overview{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}:where(.refactor-site .refactor-product-body) .jiumi-logo{width:130px;height:40px;object-fit:contain;margin-bottom:22px;background:var(--surface);border-radius:2px}:where(.refactor-site .refactor-product-body) .flow-diagram{padding:30px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius)}:where(.refactor-site .refactor-product-body) .flow-title{font-size:21px;font-weight:650;color:var(--primary)!important;text-align:center}:where(.refactor-site .refactor-product-body) .flow-streams{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 20px;gap:14px}:where(.refactor-site .refactor-product-body) .flow-streams>div{border-top:2px solid var(--primary);padding-top:14px;text-align:center}:where(.refactor-site .refactor-product-body) .flow-streams h3{font-size:20px}:where(.refactor-site .refactor-product-body) .flow-streams p{font-size:14px;margin-top:6px}:where(.refactor-site .refactor-product-body) .audience-paths{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;padding-top:28px;border-top:1px solid var(--line);gap:48px}:where(.refactor-site .refactor-product-body) .audience-paths article+article{border-left:1px solid var(--line);padding-left:40px}:where(.refactor-site .refactor-product-body) .audience-paths p{margin-top:8px}:where(.refactor-site .refactor-product-body) .business-directory{display:grid;grid-template-columns:1.6fr 1fr .9fr;gap:42px}:where(.refactor-site .refactor-product-body) .directory-group h3{padding-bottom:16px;border-bottom:2px solid var(--primary);font-size:23px}:where(.refactor-site .refactor-product-body) .directory-group ul{list-style:none;padding:0}:where(.refactor-site .refactor-product-body) .directory-group li{margin-top:17px}:where(.refactor-site .refactor-product-body) .directory-group p{font-size:14px}:where(.refactor-site .refactor-product-body) .directory-group .text-link{font-size:18px}:where(.refactor-site .refactor-product-body) .local-pair,:where(.refactor-site .refactor-product-body) .intro-split,:where(.refactor-site .refactor-product-body) .prep-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px}:where(.refactor-site .refactor-product-body) .local-pair h3,:where(.refactor-site .refactor-product-body) .prep-layout h3{margin-bottom:12px}:where(.refactor-site .refactor-product-body) .local-pair .note{margin:14px 0 6px}:where(.refactor-site .refactor-product-body) .intro-split .platform-entry{margin-bottom:16px}:where(.refactor-site .refactor-product-body) .contact-close{padding:40px 0;background:var(--soft);border-top:1px solid var(--line)}:where(.refactor-site .refactor-product-body) .close-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}:where(.refactor-site .refactor-product-body) .close-inner .actions{margin:0}:where(.refactor-site .refactor-product-body) .close-inner p{color:var(--muted);margin-top:6px}:where(.refactor-site .refactor-product-body) .page-head{padding:34px 0 46px;background:var(--soft)}:where(.refactor-site .refactor-product-body) .crumb{font-size:14px;color:var(--muted);margin-bottom:18px}:where(.refactor-site .refactor-product-body) .crumb .text-link{font-weight:400;min-height:32px}:where(.refactor-site .refactor-product-body) .page-head p{font-size:19px;max-width:900px;color:var(--muted);margin-top:16px}:where(.refactor-site .refactor-product-body) .service-list{margin:22px 0}:where(.refactor-site .refactor-product-body) .service-list>div{display:grid;grid-template-columns:260px 1fr;gap:40px;padding:24px 0;border-bottom:1px solid var(--line)}:where(.refactor-site .refactor-product-body) dt{font-size:23px;font-weight:600;line-height:1.5}:where(.refactor-site .refactor-product-body) dd{color:var(--muted);line-height:1.8}:where(.refactor-site .refactor-product-body) .capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 60px}:where(.refactor-site .refactor-product-body) .capability-grid>div{border-top:1px solid var(--line);padding-top:24px}:where(.refactor-site .refactor-product-body) .capability-grid dd{margin-top:12px}:where(.refactor-site .refactor-product-body) .screenshot-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}:where(.refactor-site .refactor-product-body) .screenshot-layout figure{min-width:0}:where(.refactor-site .refactor-product-body) .screenshot-layout figure img{width:100%;border:1px solid var(--line);border-radius:var(--radius)}:where(.refactor-site .refactor-product-body) figcaption{margin-top:12px}:where(.refactor-site .refactor-product-body) .screenshot-layout p{margin:14px 0 20px}:where(.refactor-site .refactor-product-body) .cooperation-list>div{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:34px 0;border-bottom:1px solid var(--line)}:where(.refactor-site .refactor-product-body) .cooperation-list>div:first-child{padding-top:0}:where(.refactor-site .refactor-product-body) .cooperation-list dt{color:var(--primary);font-size:26px}:where(.refactor-site .refactor-product-body) .service-feature{display:flex;align-items:center;justify-content:space-between;gap:32px}:where(.refactor-site .refactor-product-body) .service-feature p{margin-top:12px}:where(.refactor-site .refactor-product-body) .empty-activities{background:var(--soft);padding:22px 26px}:where(.refactor-site .refactor-product-body) .activity-item{border-bottom:1px solid var(--line)}:where(.refactor-site .refactor-product-body) .activity-item summary{display:flex;gap:24px;align-items:center;padding:22px 4px;font-size:18px;font-weight:600;list-style:revert}:where(.refactor-site .refactor-product-body) .activity-item summary time{font-size:14px;font-weight:400;color:var(--muted)}:where(.refactor-site .refactor-product-body) .activity-item summary:after{content:"＋";margin-left:auto;color:var(--primary)}:where(.refactor-site .refactor-product-body) .activity-item[open] summary:after{content:"−"}:where(.refactor-site .refactor-product-body) .activity-detail{padding:0 4px 24px}:where(.refactor-site .refactor-product-body) .demo{font-size:13px;background:var(--soft);color:var(--muted);padding:2px 5px;margin-left:8px}
/* Reused forms and the new phone consultation share the existing store. */
:where(.refactor-site .refactor-product-body) .contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}:where(.refactor-site .refactor-product-body) .contact-aside{background:var(--soft);padding:28px;border-radius:var(--radius)}:where(.refactor-site .refactor-product-body) .contact-aside h2{font-size:23px;margin-bottom:14px}:where(.refactor-site .refactor-product-body) .contact-aside h3{font-size:20px}:where(.refactor-site .refactor-product-body) .contact-aside p{font-size:15px}:where(.refactor-site .refactor-product-body) .contact-aside .platform-entry{margin-top:16px}:where(.refactor-site .refactor-product-body) .contact-disclosure{margin-top:24px}:where(.refactor-site .refactor-product-body) .contact-disclosure summary{min-height:44px;color:var(--primary);font-weight:600}:where(.refactor-site .refactor-product-body) .form-choice{margin-bottom:24px}:where(.refactor-site .refactor-product-body) .form-choice h2{font-size:24px;margin-bottom:12px}:where(.refactor-site .refactor-product-body) .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}:where(.refactor-site .refactor-product-body) .tabs button{padding:10px 16px;min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-weight:600;white-space:nowrap}:where(.refactor-site .refactor-product-body) .tabs button[aria-selected=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}:where(.refactor-site .refactor-product-body) .form-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}:where(.refactor-site .refactor-product-body) .form-card h3{margin-bottom:14px}:where(.refactor-site .refactor-product-body) .form-card .note{margin-bottom:18px}:where(.refactor-site .refactor-product-body) .frow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}:where(.refactor-site .refactor-product-body) .fitem{min-width:0}:where(.refactor-site .refactor-product-body) .fitem.full{grid-column:1/-1}:where(.refactor-site .refactor-product-body) .fitem label{display:block;font-weight:600;margin-bottom:8px}:where(.refactor-site .refactor-product-body) .fitem label i{color:var(--error);font-style:normal;margin-left:4px}:where(.refactor-site .refactor-product-body) input,:where(.refactor-site .refactor-product-body) select,:where(.refactor-site .refactor-product-body) textarea{display:block;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);padding:10px 12px;min-height:48px}:where(.refactor-site .refactor-product-body) input::placeholder,:where(.refactor-site .refactor-product-body) textarea::placeholder{color:var(--muted);opacity:1}:where(.refactor-site .refactor-product-body) textarea{min-height:120px;resize:vertical}:where(.refactor-site .refactor-product-body) .submit-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:28px}:where(.refactor-site .refactor-product-body) .form-result:not(:empty){padding:18px;background:var(--soft);border-left:3px solid var(--primary);margin-top:20px;color:var(--ink)}:where(.refactor-site .refactor-product-body) .form-result.is-error{border-color:var(--error);color:var(--error)}:where(.refactor-site .refactor-product-body) .demo-error{padding:18px 40px;color:var(--error);background:var(--surface)}
:where(.refactor-site .refactor-product-body) .site-footer{background:var(--surface);padding:46px 0 20px;border-top:1px solid var(--line)}:where(.refactor-site .refactor-product-body) .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px}:where(.refactor-site .refactor-product-body) .footer-grid h2{font-size:23px;margin-bottom:16px}:where(.refactor-site .refactor-product-body) .footer-grid h3{font-size:18px;margin-bottom:14px}:where(.refactor-site .refactor-product-body) .footer-grid p{color:var(--muted);font-size:15px;max-width:380px}:where(.refactor-site .refactor-product-body) .footer-grid .note{font-size:13px}:where(.refactor-site .refactor-product-body) .footer-grid a{display:flex;font-size:15px;font-weight:400}:where(.refactor-site .refactor-product-body) .footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 28px;padding-top:20px;margin-top:34px;font-size:13px;color:var(--muted)}:where(.refactor-site .refactor-product-body) .mobile-actions{display:none}
@media(prefers-color-scheme:dark){.refactor-site .refactor-product-body{--surface:#17251d;--page:#132018;--soft:#203629;--ink:#e5eee7;--muted:#b5c7b9;--line:#3e5545;--primary:#9bd2ab;--primary-hover:#c1e7cb;--on-primary:#12311d;--g900:#b6dec2;--focus:#edc969;--error:#ffb1a4}:where(.refactor-site .refactor-product-body) input,:where(.refactor-site .refactor-product-body) select,:where(.refactor-site .refactor-product-body) textarea{border-color:#7d9585}:where(.refactor-site .refactor-product-body) .hero-art{background:#203629}:where(.refactor-site .refactor-product-body) .hero-art img{opacity:.88}:where(.refactor-site .refactor-product-body) .jiumi-logo{padding:3px;width:136px;height:46px}:where(.refactor-site .refactor-product-body) .btn-outline:hover{background:#2c4434}}
@media(max-width:1199px){.refactor-site .refactor-product-body{--gutter:28px}:where(.refactor-site .refactor-product-body) .header-inner{gap:16px}:where(.refactor-site .refactor-product-body) .brand strong{font-size:20px}:where(.refactor-site .refactor-product-body) .site-nav{gap:14px}:where(.refactor-site .refactor-product-body) .header-platform{padding-left:14px}:where(.refactor-site .refactor-product-body) .header-platform .platform-entry{font-size:12px}:where(.refactor-site .refactor-product-body) .header-platform .external-hint{font-size:10px}:where(.refactor-site .refactor-product-body) .hero-grid{gap:30px}:where(.refactor-site .refactor-product-body) .hero h1{font-size:35px}:where(.refactor-site .refactor-product-body) .contact-layout{grid-template-columns:minmax(0,1fr) 270px;gap:28px}:where(.refactor-site .refactor-product-body) .flow-diagram{padding:22px}:where(.refactor-site .refactor-product-body) .business-directory{gap:28px}}
@media(max-width:1023px){:where(.refactor-site .refactor-product-body) .header-inner{flex-wrap:wrap;min-height:86px;gap:12px;padding-top:16px;padding-bottom:16px}:where(.refactor-site .refactor-product-body) .brand{margin-right:auto}:where(.refactor-site .refactor-product-body) .menu-toggle{display:block;padding:9px 16px;min-height:44px;background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius);color:var(--primary)}:where(.refactor-site .refactor-product-body) .site-nav{display:none;order:4;flex-basis:100%;margin:0}:where(.refactor-site .refactor-product-body) .site-nav.is-open{display:flex;flex-wrap:wrap}:where(.refactor-site .refactor-product-body) .header-platform{border:0;padding:0}:where(.refactor-site .refactor-product-body) .header-platform .platform-entry{font-size:14px}:where(.refactor-site .refactor-product-body) .header-platform .external-hint{font-size:11px}:where(.refactor-site .refactor-product-body) .hero-grid{gap:26px}:where(.refactor-site .refactor-product-body) .hero h1{font-size:30px}:where(.refactor-site .refactor-product-body) .hero-copy p{font-size:17px}:where(.refactor-site .refactor-product-body) .hero-art img{aspect-ratio:1.1}:where(.refactor-site .refactor-product-body) .system-overview{gap:28px;grid-template-columns:1fr 1.1fr}:where(.refactor-site .refactor-product-body) .flow-streams{gap:10px}:where(.refactor-site .refactor-product-body) .contact-layout{grid-template-columns:1fr}:where(.refactor-site .refactor-product-body) .contact-aside{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}:where(.refactor-site .refactor-product-body) .contact-aside hr{display:none}:where(.refactor-site .refactor-product-body) .contact-aside h2,:where(.refactor-site .refactor-product-body) .contact-aside details{grid-column:1/-1}:where(.refactor-site .refactor-product-body) .service-list>div{grid-template-columns:220px 1fr;gap:24px}:where(.refactor-site .refactor-product-body) .business-directory{grid-template-columns:1.3fr 1fr}:where(.refactor-site .refactor-product-body) .directory-group:last-child{grid-column:1/-1}:where(.refactor-site .refactor-product-body) .footer-grid{gap:30px}:where(.refactor-site .refactor-product-body) .marketing-card{padding:24px}:where(.refactor-site .refactor-product-body) .screenshot-layout{gap:28px}}
@media(max-width:767px){.refactor-site .refactor-product-body{--gutter:20px;--display-xl:38px;--h1:31px;--h2:26px;--h3:19px;--lead:18px;--body:16px;--muted-text:14px;--caption:12px}.refactor-site .refactor-product-body{scroll-padding-top:126px}:where(.refactor-site .refactor-product-body) .header-inner{gap:10px;min-height:112px;padding-top:12px;padding-bottom:10px}:where(.refactor-site .refactor-product-body) .brand strong{font-size:21px}:where(.refactor-site .refactor-product-body) .brand span{font-size:12px}:where(.refactor-site .refactor-product-body) .header-platform{flex-basis:100%}:where(.refactor-site .refactor-product-body) .header-platform .platform-entry{flex-direction:row;gap:8px;align-items:center;min-height:28px;font-size:13px}:where(.refactor-site .refactor-product-body) .site-nav{order:4;gap:4px 18px;padding:8px 0}:where(.refactor-site .refactor-product-body) .nv{font-size:15px}:where(.refactor-site .refactor-product-body) .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:30px;padding-bottom:24px;min-height:0}:where(.refactor-site .refactor-product-body) .hero-copy{padding:0}:where(.refactor-site .refactor-product-body) .hero h1{font-size:clamp(26px,6.8vw,36px);line-height:1.5}:where(.refactor-site .refactor-product-body) .hero-copy p{margin-top:18px;line-height:1.8}:where(.refactor-site .refactor-product-body) .hero-copy .actions{margin-top:22px}:where(.refactor-site .refactor-product-body) .hero-art img{aspect-ratio:1.7;max-height:280px}:where(.refactor-site .refactor-product-body) .hero-art figcaption{font-size:11px;bottom:8px;left:8px;right:8px;padding:6px 8px}:where(.refactor-site .refactor-product-body) .section{padding:40px 0}:where(.refactor-site .refactor-product-body) .sec-head{margin-bottom:24px}:where(.refactor-site .refactor-product-body) h1{font-size:31px}:where(.refactor-site .refactor-product-body) h2{font-size:26px}:where(.refactor-site .refactor-product-body) h3{font-size:22px}:where(.refactor-site .refactor-product-body) .lead{font-size:18px}:where(.refactor-site .refactor-product-body) .marketing-grid,:where(.refactor-site .refactor-product-body) .system-overview,:where(.refactor-site .refactor-product-body) .audience-paths,:where(.refactor-site .refactor-product-body) .business-directory,:where(.refactor-site .refactor-product-body) .local-pair,:where(.refactor-site .refactor-product-body) .intro-split,:where(.refactor-site .refactor-product-body) .prep-layout,:where(.refactor-site .refactor-product-body) .capability-grid,:where(.refactor-site .refactor-product-body) .screenshot-layout{grid-template-columns:1fr;gap:26px}:where(.refactor-site .refactor-product-body) .marketing-card{padding:24px}:where(.refactor-site .refactor-product-body) .marketing-card p{min-height:0}:where(.refactor-site .refactor-product-body) .marketing-card h3{font-size:24px}:where(.refactor-site .refactor-product-body) .inline-list{font-size:14px;gap:6px 10px}:where(.refactor-site .refactor-product-body) .inline-list li+li{padding-left:10px}:where(.refactor-site .refactor-product-body) .card-actions{gap:8px}:where(.refactor-site .refactor-product-body) .card-actions .text-link{font-size:15px;white-space:nowrap}:where(.refactor-site .refactor-product-body) .audience-paths{margin-top:28px;padding-top:24px}:where(.refactor-site .refactor-product-body) .audience-paths article+article{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:24px}:where(.refactor-site .refactor-product-body) .flow-diagram{padding:22px 16px}:where(.refactor-site .refactor-product-body) .flow-title{font-size:19px}:where(.refactor-site .refactor-product-body) .flow-streams{grid-template-columns:1fr;margin-top:20px}:where(.refactor-site .refactor-product-body) .flow-streams>div{display:flex;align-items:center;text-align:left;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line)}:where(.refactor-site .refactor-product-body) .flow-streams h3{font-size:19px;white-space:nowrap}:where(.refactor-site .refactor-product-body) .flow-streams p{margin-top:0}:where(.refactor-site .refactor-product-body) .directory-group:last-child{grid-column:auto}:where(.refactor-site .refactor-product-body) .directory-group li{margin-top:12px}:where(.refactor-site .refactor-product-body) .directory-group .text-link{font-size:17px}:where(.refactor-site .refactor-product-body) .close-inner{display:block}:where(.refactor-site .refactor-product-body) .close-inner .actions{margin-top:22px}:where(.refactor-site .refactor-product-body) .contact-close{padding:32px 0}:where(.refactor-site .refactor-product-body) .page-head{padding:24px 0 32px}:where(.refactor-site .refactor-product-body) .page-head p{font-size:17px}:where(.refactor-site .refactor-product-body) .service-list>div,:where(.refactor-site .refactor-product-body) .cooperation-list>div{display:block;padding:24px 0}:where(.refactor-site .refactor-product-body) .service-list dt,:where(.refactor-site .refactor-product-body) .cooperation-list dt{font-size:22px}:where(.refactor-site .refactor-product-body) .service-list dd,:where(.refactor-site .refactor-product-body) .cooperation-list dd{margin-top:12px}:where(.refactor-site .refactor-product-body) .note-box{padding:20px}:where(.refactor-site .refactor-product-body) .service-feature{display:block}:where(.refactor-site .refactor-product-body) .service-feature .btn{margin-top:22px}:where(.refactor-site .refactor-product-body) .activity-item summary{align-items:flex-start;flex-wrap:wrap;gap:4px 14px}:where(.refactor-site .refactor-product-body) .activity-item summary time{flex-basis:100%}:where(.refactor-site .refactor-product-body) .contact-layout{gap:30px}:where(.refactor-site .refactor-product-body) .contact-aside{display:block;padding:24px}:where(.refactor-site .refactor-product-body) .contact-aside h3{margin:24px 0 12px}:where(.refactor-site .refactor-product-body) .form-card{padding:22px 18px}:where(.refactor-site .refactor-product-body) .frow{grid-template-columns:1fr}:where(.refactor-site .refactor-product-body) .fitem.full{grid-column:auto}:where(.refactor-site .refactor-product-body) .tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}:where(.refactor-site .refactor-product-body) .tabs button{padding:10px}:where(.refactor-site .refactor-product-body) .submit-row .btn{padding:12px 14px;font-size:15px;max-width:100%}:where(.refactor-site .refactor-product-body) .footer-grid{grid-template-columns:1fr;gap:28px}:where(.refactor-site .refactor-product-body) .footer-bottom{gap:16px}:where(.refactor-site .refactor-product-body) .mobile-actions{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 20px max(12px,env(safe-area-inset-bottom))}:where(.refactor-site .refactor-product-body) .mobile-actions .btn{padding:10px;font-size:15px}:where(.refactor-site .refactor-product-body) [data-page=contact] .mobile-actions{display:none}:where(.refactor-site .refactor-product-body) [data-page=contact]{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){:where(.refactor-site .refactor-product-body) *{transition:none!important;scroll-behavior:auto!important}}
/* Reuse the established crop: only the illustration on the right of the source is shown. */
:where(.refactor-site .refactor-product-body) .hero-art{aspect-ratio:1.42}:where(.refactor-site .refactor-product-body) .hero-art img{position:absolute;right:0;top:0;width:220%;max-width:none;height:100%;aspect-ratio:auto;object-fit:cover;object-position:right center}
@media(max-width:1023px) and (min-width:768px){:where(.refactor-site .refactor-product-body) .hero-art{aspect-ratio:1.1}}
@media(max-width:767px){:where(.refactor-site .refactor-product-body) .hero-art{aspect-ratio:1.7}:where(.refactor-site .refactor-product-body) .hero-art img{height:auto;max-height:none;top:50%;transform:translateY(-50%)}}
:where(.refactor-site .refactor-product-body) .intro-split>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
@media(max-width:767px){.refactor-site .refactor-product-body{scroll-padding-bottom:96px}:where(.refactor-site .refactor-product-body) .header-platform .platform-entry{min-height:36px}:where(.refactor-site .refactor-product-body) a,:where(.refactor-site .refactor-product-body) button,:where(.refactor-site .refactor-product-body) input,:where(.refactor-site .refactor-product-body) select,:where(.refactor-site .refactor-product-body) textarea{scroll-margin-bottom:100px}}

/* 2026-09-14: supplied Logo, green/gold photo-led composition.
   AI生成占位图，待替换真实素材. Source and prompts: ai/README.md. */
:where(.refactor-site .refactor-product-body) .brand{display:flex;align-items:center;gap:12px}
:where(.refactor-site .refactor-product-body) .brand-logo{width:60px;height:60px;object-fit:contain;flex-shrink:0;background:#fffdf5;border-radius:4px;padding:3px}
:where(.refactor-site .refactor-product-body) .brand-copy{min-width:0}
:where(.refactor-site .refactor-product-body) .header-inner{gap:20px}
:where(.refactor-site .refactor-product-body) .site-nav{gap:22px}
:where(.refactor-site .refactor-product-body) .nv[aria-current]:after{top:0;bottom:auto;width:24px;right:auto;background:var(--gold2)}
:where(.refactor-site .refactor-product-body) .platform-entry{flex-direction:row;align-items:center;gap:14px;min-height:48px}
:where(.refactor-site .refactor-product-body) .platform-arrow{font-size:22px;line-height:1;flex-shrink:0;color:var(--gold)}
:where(.refactor-site .refactor-product-body) .header-platform .platform-entry{font-size:14px;white-space:nowrap}
:where(.refactor-site .refactor-product-body) .footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}
:where(.refactor-site .refactor-product-body) .footer-brand img{background:#fffdf5;border-radius:4px;flex-shrink:0}
:where(.refactor-site .refactor-product-body) .footer-brand h2{margin:0}
:where(.refactor-site .refactor-product-body) [data-page=home] .site-header{background:#102b20eb;border-color:#ffffff29}
:where(.refactor-site .refactor-product-body) [data-page=home] .brand strong,:where(.refactor-site .refactor-product-body) [data-page=home] .nv,:where(.refactor-site .refactor-product-body) [data-page=home] .platform-entry{color:#fffdf5}
:where(.refactor-site .refactor-product-body) [data-page=home] .brand span{color:#d2dfd3}
:where(.refactor-site .refactor-product-body) [data-page=home] .header-platform{border-color:#ffffff38}
:where(.refactor-site .refactor-product-body) [data-page=home] .platform-arrow{color:#e5bc68}
:where(.refactor-site .refactor-product-body) [data-page=home] .nv:hover{color:#e5bc68}
:where(.refactor-site .refactor-product-body) .hero{position:relative;isolation:isolate;background:#102b20;margin-top:-101px}
:where(.refactor-site .refactor-product-body) .hero-grid{display:flex;align-items:center;min-height:800px;padding-top:190px;padding-bottom:100px}
:where(.refactor-site .refactor-product-body) .hero-copy{position:relative;z-index:2;max-width:720px;padding:0}
:where(.refactor-site .refactor-product-body) .hero-copy h1{font-size:clamp(44px,4.4vw,68px);line-height:1.35;color:#fffdf5;letter-spacing:-.025em}
:where(.refactor-site .refactor-product-body) .hero-copy h1 span{color:#e5bc68}
:where(.refactor-site .refactor-product-body) .hero-copy p{font-size:19px;line-height:1.9;max-width:490px;margin-top:28px;color:#ecf2ec}
:where(.refactor-site .refactor-product-body) .hero-copy .actions{margin-top:36px;gap:16px}
:where(.refactor-site .refactor-product-body) .hero-copy .btn{padding:15px 30px;min-height:56px}
:where(.refactor-site .refactor-product-body) .hero-copy .btn-green{background:#e5bc68;color:#153b2b}
:where(.refactor-site .refactor-product-body) .hero-copy .btn-green:hover{background:#f1cf89}
:where(.refactor-site .refactor-product-body) .hero-copy .btn-outline{background:#143c2baa;color:#fffdf5;border-color:#c1d4c4}
:where(.refactor-site .refactor-product-body) .hero-copy .btn-outline:hover{background:#1c4d37}
:where(.refactor-site .refactor-product-body) .hero-art{position:absolute;inset:0;z-index:-1;border-radius:0;aspect-ratio:auto;background:#102b20}
:where(.refactor-site .refactor-product-body) .hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,28,18,.88) 0%,rgba(6,28,18,.64) 36%,rgba(6,28,18,.10) 75%),linear-gradient(0deg,rgba(6,28,18,.4),transparent 38%)}
:where(.refactor-site .refactor-product-body) .hero-art img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center;transform:none;opacity:1}
:where(.refactor-site .refactor-product-body) .hero-art figcaption{z-index:1;left:auto;right:max(40px,calc((100vw - 1280px)/2));bottom:24px;max-width:calc(100% - 40px);margin:0;padding:6px 12px;background:#0e2d21e8;color:#e4eae0;font-size:12px}
:where(.refactor-site .refactor-product-body) .marketing-grid{gap:24px}
:where(.refactor-site .refactor-product-body) .visual-card{padding:0;overflow:hidden;display:flex;flex-direction:column;border:0;border-radius:0;background:transparent}
:where(.refactor-site .refactor-product-body) .card-media{position:relative;margin:0}
:where(.refactor-site .refactor-product-body) .card-media img{width:100%;height:240px;object-fit:cover}
:where(.refactor-site .refactor-product-body) .card-media figcaption{position:absolute;left:12px;bottom:12px;margin:0;padding:4px 8px;color:#fffdf5;background:#102b20eb;font-size:11px}
:where(.refactor-site .refactor-product-body) .marketing-body{display:flex;flex-direction:column;flex:1;padding:24px 0 0}
:where(.refactor-site .refactor-product-body) .marketing-body h3{font-size:25px}
:where(.refactor-site .refactor-product-body) .marketing-body p{min-height:0}
:where(.refactor-site .refactor-product-body) .marketing-body .card-actions{margin-top:auto}
:where(.refactor-site .refactor-product-body) .marketing-body .inline-list{margin:18px 0 22px}
:where(.refactor-site .refactor-product-body) .editorial-media{min-width:0;margin:0}
:where(.refactor-site .refactor-product-body) .editorial-media img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:var(--radius)}
:where(.refactor-site .refactor-product-body) .editorial-media figcaption{margin-top:8px;font-size:12px}
:where(.refactor-site .refactor-product-body) .editorial-split{display:grid;grid-template-columns:1fr 1.15fr;gap:52px;align-items:center}
:where(.refactor-site .refactor-product-body) .editorial-split>div{min-width:0}
:where(.refactor-site .refactor-product-body) .editorial-split .note-box{margin-top:24px}
:where(.refactor-site .refactor-product-body) .local-pair{gap:36px}
:where(.refactor-site .refactor-product-body) .local-pair .editorial-media{margin-bottom:24px}
:where(.refactor-site .refactor-product-body) .industry-intro{margin-bottom:24px}
:where(.refactor-site .refactor-product-body) ::selection{background:#d9bd79;color:#102b20}
@media(min-width:1500px){:where(.refactor-site .refactor-product-body) .hero-grid{min-height:850px}}
@media(min-width:1200px){:where(.refactor-site .refactor-product-body) .marketing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}:where(.refactor-site .refactor-product-body) .card-media img{height:210px}:where(.refactor-site .refactor-product-body) .marketing-body h3{font-size:23px}:where(.refactor-site .refactor-product-body) .marketing-body p{font-size:15px;min-height:79px}:where(.refactor-site .refactor-product-body) .marketing-body .inline-list{display:block;font-size:14px;min-height:75px}:where(.refactor-site .refactor-product-body) .marketing-body .inline-list li+li{padding-left:0;border:0}:where(.refactor-site .refactor-product-body) .card-actions .text-link{font-size:14px}}
@media(max-width:1199px){:where(.refactor-site .refactor-product-body) .brand-logo{width:48px;height:48px}:where(.refactor-site .refactor-product-body) .header-inner{gap:16px}:where(.refactor-site .refactor-product-body) .site-nav{gap:14px}:where(.refactor-site .refactor-product-body) .brand strong{font-size:19px}:where(.refactor-site .refactor-product-body) .header-platform{padding-left:14px}:where(.refactor-site .refactor-product-body) .header-platform .platform-entry{font-size:12px;gap:8px}:where(.refactor-site .refactor-product-body) .hero-grid{min-height:740px}:where(.refactor-site .refactor-product-body) .editorial-split{gap:32px}}
@media(max-width:1023px){:where(.refactor-site .refactor-product-body) .hero{margin-top:-94px}:where(.refactor-site .refactor-product-body) .hero-grid{padding-top:176px;min-height:740px}:where(.refactor-site .refactor-product-body) .hero h1{font-size:48px}:where(.refactor-site .refactor-product-body) .header-platform .platform-entry{font-size:14px}:where(.refactor-site .refactor-product-body) .editorial-split{gap:28px}:where(.refactor-site .refactor-product-body) [data-page=home] .menu-toggle{color:#fffdf5;border-color:#9bb49f;background:#163b2b}:where(.refactor-site .refactor-product-body) [data-page=home] .site-nav.is-open{background:#102b20}:where(.refactor-site .refactor-product-body) .site-header:has(.site-nav.is-open)+.demo-error+main .hero{margin-top:0}:where(.refactor-site .refactor-product-body) .site-header:has(.site-nav.is-open)+.demo-error+main .hero-grid{padding-top:70px}}
@media(max-width:767px){:where(.refactor-site .refactor-product-body) .brand-logo{width:44px;height:44px}:where(.refactor-site .refactor-product-body) .brand{gap:8px}:where(.refactor-site .refactor-product-body) .brand strong{font-size:18px}:where(.refactor-site .refactor-product-body) .brand span{font-size:11px}:where(.refactor-site .refactor-product-body) .header-inner{gap:8px}:where(.refactor-site .refactor-product-body) .menu-toggle{padding:8px 12px}:where(.refactor-site .refactor-product-body) .header-platform .platform-entry{min-height:36px;font-size:13px;gap:12px}:where(.refactor-site .refactor-product-body) .hero{margin-top:-122px}:where(.refactor-site .refactor-product-body) .hero-grid{display:flex;min-height:740px;padding-top:200px;padding-bottom:100px;justify-content:center;gap:0}:where(.refactor-site .refactor-product-body) .hero-copy{width:100%}:where(.refactor-site .refactor-product-body) .hero h1{font-size:clamp(34px,8.9vw,46px);line-height:1.42}:where(.refactor-site .refactor-product-body) .hero-copy p{font-size:17px;margin-top:24px;max-width:440px}:where(.refactor-site .refactor-product-body) .hero-copy .actions{margin-top:28px}:where(.refactor-site .refactor-product-body) .hero-copy .btn{padding:12px 24px;min-height:52px}:where(.refactor-site .refactor-product-body) .hero-art img{height:100%;object-position:62% center}:where(.refactor-site .refactor-product-body) .hero-art:after{background:linear-gradient(90deg,rgba(6,28,18,.88),rgba(6,28,18,.28)),linear-gradient(0deg,rgba(6,28,18,.48),transparent 55%)}:where(.refactor-site .refactor-product-body) .hero-art figcaption{left:20px;right:auto;bottom:24px;font-size:11px;padding:6px 8px}:where(.refactor-site .refactor-product-body) .marketing-grid{grid-template-columns:1fr;gap:36px}:where(.refactor-site .refactor-product-body) .card-media img{height:auto;aspect-ratio:1.6}:where(.refactor-site .refactor-product-body) .marketing-body{padding-top:20px}:where(.refactor-site .refactor-product-body) .editorial-split{grid-template-columns:1fr;gap:28px}:where(.refactor-site .refactor-product-body) .local-pair{gap:36px}:where(.refactor-site .refactor-product-body) .footer-brand h2{font-size:21px}}
@media(max-width:359px){:where(.refactor-site .refactor-product-body) .brand strong{font-size:16px}:where(.refactor-site .refactor-product-body) .brand-logo{width:36px;height:36px}:where(.refactor-site .refactor-product-body) .brand span{font-size:11px}:where(.refactor-site .refactor-product-body) .header-inner{gap:6px}:where(.refactor-site .refactor-product-body) .menu-toggle{padding:8px}:where(.refactor-site .refactor-product-body) .hero-copy .btn{padding:12px 20px}}

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

:where(.refactor-site .refactor-product-body) .honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
:where(.refactor-site .refactor-product-body) [data-content]{white-space:pre-wrap;overflow-wrap:anywhere}:where(.refactor-site .refactor-product-body) .activity-detail{overflow-wrap:anywhere}

/* 2026-09-15: compact navigation and consistent public-page content rhythm. */
.refactor-site .refactor-product-body{--card-copy-size:16px;--card-copy-leading:1.8;--card-heading-size:23px;--card-heading-leading:1.45}
:where(.refactor-site .refactor-product-body) .header-inner{min-height:78px;padding-top:10px;padding-bottom:10px}
:where(.refactor-site .refactor-product-body) .brand-logo{width:48px;height:48px}
:where(.refactor-site .refactor-product-body) .brand strong{font-size:21px;line-height:1.4}:where(.refactor-site .refactor-product-body) .brand span{font-size:12px;margin-top:3px}
:where(.refactor-site .refactor-product-body) .site-header .menu-toggle{min-height:44px;padding:7px 14px}
.refactor-site .refactor-product-body{scroll-padding-top:100px}:where(.refactor-site .refactor-product-body) .section{scroll-margin-top:94px}
:where(.refactor-site .refactor-product-body) .hero-copy{max-width:720px}:where(.refactor-site .refactor-product-body) .hero-copy h1{line-height:1.4;text-wrap:balance}:where(.refactor-site .refactor-product-body) .hero-copy p{max-width:580px;line-height:1.8}
:where(.refactor-site .refactor-product-body) :is(.marketing-body,.trust-grid,.info-grid,.park-pillars,.audience-paths,.local-card-body) h3{font-size:var(--card-heading-size);line-height:var(--card-heading-leading)}
:where(.refactor-site .refactor-product-body) :is(.marketing-body,.trust-grid,.info-grid,.park-pillars,.audience-paths,.local-card-body) p{font-size:var(--card-copy-size);line-height:var(--card-copy-leading)}
:where(.refactor-site .refactor-product-body) :is(.trust-grid,.info-grid,.park-pillars) h3{margin-bottom:12px}
:where(.refactor-site .refactor-product-body) :is(.trust-grid,.info-grid,.park-pillars) p+p{margin-top:12px}
:where(.refactor-site .refactor-product-body) .marketing-body{gap:20px}:where(.refactor-site .refactor-product-body) .marketing-body .card-detail{padding-top:20px}:where(.refactor-site .refactor-product-body) .marketing-body .service-prep p{font-size:14px;line-height:1.75}
:where(.refactor-site .refactor-product-body) .business-directory{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
:where(.refactor-site .refactor-product-body) .business-directory .directory-group{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;padding:28px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
:where(.refactor-site .refactor-product-body) .directory-group h3{padding:8px 0 0;border:0;font-size:var(--card-heading-size);line-height:var(--card-heading-leading)}
:where(.refactor-site .refactor-product-body) .directory-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
:where(.refactor-site .refactor-product-body) .directory-group li{margin:0;min-width:0}:where(.refactor-site .refactor-product-body) .directory-group .text-link{font-size:18px;line-height:1.5;min-height:40px;padding:4px 0}
:where(.refactor-site .refactor-product-body) .directory-group p{font-size:var(--card-copy-size);line-height:var(--card-copy-leading);margin-top:4px}
:where(.refactor-site .refactor-product-body) .local-pair{gap:0 32px}:where(.refactor-site .refactor-product-body) .local-pair>article{display:grid;grid-template-rows:subgrid;grid-row:span 5;padding:0}
:where(.refactor-site .refactor-product-body) .local-pair .editorial-media{margin:0}:where(.refactor-site .refactor-product-body) .local-pair .editorial-media figcaption{margin:10px 26px 0;line-height:1.65}
:where(.refactor-site .refactor-product-body) .local-card-body{display:grid;grid-template-rows:subgrid;grid-row:span 4;padding:22px 26px 26px;row-gap:0}
:where(.refactor-site .refactor-product-body) .local-card-body h3{margin:0;padding-bottom:12px}:where(.refactor-site .refactor-product-body) .local-card-body p{margin:0}
:where(.refactor-site .refactor-product-body) .local-card-body .note{margin:0;padding-top:14px;font-size:14px;line-height:1.75}
:where(.refactor-site .refactor-product-body) .local-card-body>.text-link{align-self:end;justify-self:start;margin-top:18px;line-height:1.5}
:where(.refactor-site .refactor-product-body) .footer-bottom .reading-toggle{font-size:14px;min-height:44px}:where(.refactor-site .refactor-product-body) .footer-bottom{align-items:center}
@media(max-width:1199px){:where(.refactor-site .refactor-product-body) .header-inner{gap:14px}:where(.refactor-site .refactor-product-body) .site-nav{gap:16px}:where(.refactor-site .refactor-product-body) .brand strong{font-size:20px}}
@media(max-width:1023px){:where(.refactor-site .refactor-product-body) .header-inner{min-height:74px;gap:8px 16px;padding-top:10px;padding-bottom:10px}:where(.refactor-site .refactor-product-body) .brand-logo{width:44px;height:44px}:where(.refactor-site .refactor-product-body) .business-directory .directory-group{grid-template-columns:150px minmax(0,1fr);gap:24px}:where(.refactor-site .refactor-product-body) .local-pair{gap:0 24px}:where(.refactor-site .refactor-product-body) .local-card-body{padding:20px}:where(.refactor-site .refactor-product-body) .local-pair .editorial-media figcaption{margin-left:20px;margin-right:20px}}
@media(max-width:767px){:where(.refactor-site .refactor-product-body) .header-inner{min-height:0;padding-top:9px;padding-bottom:9px;gap:4px 12px}:where(.refactor-site .refactor-product-body) .brand strong{font-size:18px}:where(.refactor-site .refactor-product-body) .brand-logo{width:38px;height:38px}:where(.refactor-site .refactor-product-body) .header-platform{padding-left:0}:where(.refactor-site .refactor-product-body) .header-platform .platform-entry{min-height:32px}:where(.refactor-site .refactor-product-body) .site-nav{padding-top:8px;padding-bottom:4px}:where(.refactor-site .refactor-product-body) .hero-copy h1{font-size:clamp(28px,7.5vw,38px)}:where(.refactor-site .refactor-product-body) .hero-copy{max-width:100%}:where(.refactor-site .refactor-product-body) .hero-copy p{font-size:17px}:where(.refactor-site .refactor-product-body) .business-directory .directory-group{grid-template-columns:1fr;gap:14px;padding:24px 0}:where(.refactor-site .refactor-product-body) .directory-group h3{padding:0}:where(.refactor-site .refactor-product-body) .directory-group ul{gap:16px 24px}:where(.refactor-site .refactor-product-body) .directory-group .text-link{font-size:17px}:where(.refactor-site .refactor-product-body) .directory-group p{font-size:15px}:where(.refactor-site .refactor-product-body) .local-pair{grid-template-columns:1fr;gap:24px}:where(.refactor-site .refactor-product-body) .local-pair>article{row-gap:0}:where(.refactor-site .refactor-product-body) .local-card-body{row-gap:0;padding:20px}:where(.refactor-site .refactor-product-body) .footer-bottom{gap:8px 20px}:where(.refactor-site .refactor-product-body) .footer-bottom>span{flex-basis:100%}.refactor-site .refactor-product-body{scroll-padding-top:120px}:where(.refactor-site .refactor-product-body) .section{scroll-margin-top:112px}}
@media(max-width:479px){:where(.refactor-site .refactor-product-body) .directory-group ul{grid-template-columns:1fr;gap:12px}:where(.refactor-site .refactor-product-body) .brand strong{font-size:17px}:where(.refactor-site .refactor-product-body) .brand span{font-size:11px}:where(.refactor-site .refactor-product-body) .hero-copy .btn{padding:12px 16px;font-size:15px}}

/* Secondary-page footer layout. Homepage rules are scoped below. */
:where(.refactor-site .refactor-product-body) [data-page]:not([data-page="home"]) .footer-grid{grid-template-columns:1.25fr .9fr .72fr 1fr;gap:36px}
@media(max-width:1023px){:where(.refactor-site .refactor-product-body) [data-page]:not([data-page="home"]) .footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:767px){:where(.refactor-site .refactor-product-body) [data-page]:not([data-page="home"]) .footer-grid{grid-template-columns:1fr;gap:28px}}

/* Homepage content revision: scoped to the five requested areas. */
:where(.refactor-site .refactor-product-body) [data-page="home"] .home-jiumi-summary{max-width:78ch;font-size:20px;line-height:1.95;color:var(--muted)}
:where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .local-pair{gap:24px}
:where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .local-pair>article{display:grid;grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto;grid-row:auto;gap:20px;align-items:start;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:4px}
:where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .editorial-media{margin:0;grid-column:1}
:where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .editorial-media img{width:160px;height:160px;aspect-ratio:1;object-fit:cover}
:where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .editorial-media figcaption{left:6px;bottom:6px;max-width:calc(100% - 12px);padding:4px 6px;font-size:10px;margin:0}
:where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .local-card-body{display:block;grid-row:auto;padding:0;min-width:0}
:where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .local-card-body h3{font-size:20px;padding-bottom:8px}
:where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .local-card-body p{font-size:14px;line-height:1.8}
:where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .local-card-body .note{padding-top:8px;font-size:12px}
:where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .local-card-body>.text-link{margin-top:8px;font-size:14px}
:where(.refactor-site .refactor-product-body) [data-page="home"] .footer-grid{grid-template-columns:1.25fr 1fr .8fr .8fr;gap:36px}
:where(.refactor-site .refactor-product-body) [data-page="home"] .footer-grid h3{font-weight:700}
@media(max-width:1023px){
  :where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .local-pair{grid-template-columns:1fr}
  :where(.refactor-site .refactor-product-body) [data-page="home"] .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
  :where(.refactor-site .refactor-product-body) [data-page="home"] .home-jiumi-summary{font-size:17px;line-height:1.9}
  :where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .local-pair>article{grid-template-columns:100px minmax(0,1fr);padding:16px;gap:14px}
  :where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .editorial-media img{width:100px;height:120px;aspect-ratio:auto}
  :where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .editorial-media figcaption{font-size:9px;left:4px;bottom:4px;padding:3px 4px;max-width:calc(100% - 8px)}
  :where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection .local-card-body h3{font-size:18px}
  :where(.refactor-site .refactor-product-body) [data-page="home"] .footer-grid{gap:28px 20px}
  :where(.refactor-site .refactor-product-body) [data-page="home"] .footer-grid>div:first-child{grid-column:1/-1}
}
/* Keep the established section backgrounds independent of their confirmed order. */
:where(.refactor-site .refactor-product-body) [data-page="home"] :is(#priority-services,#business-directory,#home-activities,#regional-services){background:var(--surface)}
:where(.refactor-site .refactor-product-body) [data-page="home"] :is(#jiumi-system,#local-selection){background:var(--page)}
/* Keep the continuous carousel; only its three service cards use this compact copy layout. */
:where(.refactor-site .refactor-product-body) [data-page="home"] #regional-services .regional-card-body{min-height:290px;gap:16px}
:where(.refactor-site .refactor-product-body) [data-page="home"] #regional-services .regional-card-body h3{min-height:0}
:where(.refactor-site .refactor-product-body) [data-page="home"] #regional-services .regional-card-body>p{font-size:16px;line-height:1.9;color:var(--muted)}
:where(.refactor-site .refactor-product-body) [data-page="home"] #regional-services .regional-card-body>a{margin-top:auto;align-self:flex-start;gap:12px}
@media(max-width:767px){:where(.refactor-site .refactor-product-body) [data-page="home"] #regional-services .regional-card-body{min-height:320px}}

/* Public portal: green/gold service information, restrained density. */
.refactor-site .refactor-product-body {
  --card-heading-size: 21px;
  --card-copy-leading: 1.8;
  --gov-green: #164d38;
  --gov-gold: #a37d2c;
}
.refactor-site .refactor-product-body {
  font-family:
    "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "PingFang SC",
    sans-serif;
}
:where(.refactor-site .refactor-product-body) .site-header {
  box-shadow: 0 2px 12px #164d3806;
}
:where(.refactor-site .refactor-product-body) .site-nav {
  gap: 26px;
}
:where(.refactor-site .refactor-product-body) .nv {
  padding: 16px 0 13px;
}
:where(.refactor-site .refactor-product-body) .nv[aria-current]:after {
  top: auto;
  bottom: 3px;
  left: 0;
  right: 0;
  width: auto;
  height: 3px;
  background: var(--gov-gold);
}
:where(.refactor-site .refactor-product-body) .nv:hover {
  color: var(--g800);
}
:where(.refactor-site .refactor-product-body) .page-head {
  padding: 34px 0 38px;
  background: #edf2ed;
  border-bottom: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .page-head h1 {
  font-size: 40px;
  line-height: 1.4;
  margin: 14px 0;
}
:where(.refactor-site .refactor-product-body) .page-head p {
  max-width: 800px;
  font-size: 18px;
  line-height: 1.8;
}
:where(.refactor-site .refactor-product-body) .crumb {
  font-size: 13px;
}
:where(.refactor-site .refactor-product-body) .section {
  padding-top: 52px;
  padding-bottom: 52px;
}
:where(.refactor-site .refactor-product-body) .sec-head {
  margin-bottom: 26px;
}
:where(.refactor-site .refactor-product-body) .sec-head h2 {
  font-size: 30px;
  line-height: 1.45;
  position: relative;
  padding-left: 18px;
}
:where(.refactor-site .refactor-product-body) .sec-head h2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.23em;
  width: 4px;
  height: 1em;
  background: var(--gov-gold);
}
:where(.refactor-site .refactor-product-body) .line-icon {
  width: 28px;
  height: 28px;
  flex: none;
  display: block;
}
:where(.refactor-site .refactor-product-body) .icon-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  flex: none;
  border: 1px solid #c9d7cd;
  background: #f1f5ef;
  color: var(--gov-green);
  border-radius: 3px;
}
:where(.refactor-site .refactor-product-body) .visual-heading {
  display: flex;
  align-items: center;
  gap: 13px;
}
:where(.refactor-site .refactor-product-body) .visual-heading > span:last-child {
  min-width: 0;
}
:where(.refactor-site .refactor-product-body) .trust-grid .visual-heading,
:where(.refactor-site .refactor-product-body) .info-grid .visual-heading,
:where(.refactor-site .refactor-product-body) .park-pillars .visual-heading {
  align-items: flex-start;
  flex-direction: column;
  gap: 18px;
}
:where(.refactor-site .refactor-product-body) :is(.info-grid, .trust-grid, .park-pillars) {
  gap: 22px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
:where(.refactor-site .refactor-product-body) :is(.info-grid, .trust-grid, .park-pillars) > article {
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 3px;
  transition:
    transform 0.2s,
    box-shadow 0.2s,
    border-color 0.2s;
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) :is(.info-grid, .trust-grid, .park-pillars) > article:hover {
  transform: translateY(-3px);
  box-shadow: 0 9px 22px #164d380d;
  border-color: #a6beb0;
}
:where(.refactor-site .refactor-product-body) :is(.info-grid, .trust-grid, .park-pillars) > article p {
  font-size: 15px;
  line-height: 1.9;
}
:where(.refactor-site .refactor-product-body) .service-guide {
  padding-top: 26px;
  padding-bottom: 28px;
}
:where(.refactor-site .refactor-product-body) .guide-label {
  display: flex;
  align-items: baseline;
  gap: 20px;
  margin-bottom: 16px;
}
:where(.refactor-site .refactor-product-body) .guide-label > span {
  font-weight: 700;
  color: var(--gov-green);
  font-size: 15px;
}
:where(.refactor-site .refactor-product-body) .guide-label p {
  font-size: 13px;
  color: var(--muted);
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .guide-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) .guide-grid a {
  padding: 23px 22px;
  display: grid;
  grid-template-columns: 32px 1fr 14px;
  gap: 8px 12px;
  align-items: center;
  text-decoration: none;
  border-right: 1px solid var(--line);
  transition:
    background 0.18s,
    color 0.18s;
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .guide-grid a:last-child {
  border-right: 0;
}
:where(.refactor-site .refactor-product-body) .guide-grid a > .line-icon {
  grid-row: span 2;
  color: var(--gov-gold);
}
:where(.refactor-site .refactor-product-body) .guide-grid strong {
  font-size: 17px;
  line-height: 1.5;
}
:where(.refactor-site .refactor-product-body) .guide-grid a > span {
  font-size: 13px;
  color: var(--muted);
  grid-column: 2;
}
:where(.refactor-site .refactor-product-body) .guide-grid b {
  grid-column: 3;
  grid-row: 1;
  font-weight: 400;
}
:where(.refactor-site .refactor-product-body) .guide-grid a:hover {
  background: #edf3ed;
}
:where(.refactor-site .refactor-product-body) .guide-grid a:active {
  background: var(--gov-green);
  color: white;
}
:where(.refactor-site .refactor-product-body) .guide-grid a:active > span {
  color: #e1ebe4;
}
:where(.refactor-site .refactor-product-body) [data-page="overseas"] .guide-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
:where(.refactor-site .refactor-product-body) [data-page="park"] .guide-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(.refactor-site .refactor-product-body) .service-diagram {
  margin: 26px 0;
  border: 1px solid #c6d6cd;
  background: #edf3ee;
  padding: 28px;
  min-width: 0;
}
:where(.refactor-site .refactor-product-body) .service-diagram figcaption {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  margin: 0 0 26px;
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .service-diagram figcaption strong {
  font-size: 21px;
  line-height: 1.5;
}
:where(.refactor-site .refactor-product-body) .service-diagram figcaption span {
  font-size: 13px;
  color: #536b5b;
}
:where(.refactor-site .refactor-product-body) .diagram-network {
  display: flex;
  align-items: stretch;
  gap: 38px;
}
:where(.refactor-site .refactor-product-body) .diagram-center {
  position: relative;
  flex: 0 0 205px;
  display: flex;
  gap: 13px;
  align-items: center;
  justify-content: center;
  background: var(--gov-green);
  color: #fff;
  padding: 23px 15px;
}
:where(.refactor-site .refactor-product-body) .diagram-center:after {
  content: "→";
  position: absolute;
  right: -29px;
  color: var(--gov-gold);
  font-size: 23px;
}
:where(.refactor-site .refactor-product-body) .diagram-nodes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  flex: 1;
  min-width: 0;
}
:where(.refactor-site .refactor-product-body) .diagram-nodes > div {
  background: #f9fbf8;
  border: 1px solid #cbd8ce;
  padding: 19px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--gov-green);
  font-size: 15px;
}
:where(.refactor-site .refactor-product-body) .diagram-nodes .line-icon {
  color: var(--gov-gold);
  width: 24px;
  height: 24px;
}
:where(.refactor-site .refactor-product-body) .destination-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
:where(.refactor-site .refactor-product-body) .destination-grid > div {
  display: block;
  border: 1px solid var(--line);
  padding: 24px;
  background: var(--surface);
  border-radius: 3px;
}
:where(.refactor-site .refactor-product-body) .destination-grid dt {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 18px;
}
:where(.refactor-site .refactor-product-body) .destination-grid dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.9;
}
:where(.refactor-site .refactor-product-body) .destination-grid .visual-heading {
  align-items: flex-start;
  flex-direction: column;
}
:where(.refactor-site .refactor-product-body) .service-journey {
  gap: 20px;
}
:where(.refactor-site .refactor-product-body) .service-journey li {
  padding: 23px;
  border: 1px solid var(--line);
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) .service-journey .visual-heading {
  display: block;
}
:where(.refactor-site .refactor-product-body) .service-journey .icon-tile {
  display: none;
}
:where(.refactor-site .refactor-product-body) .service-journey h3 {
  font-size: 19px;
}
:where(.refactor-site .refactor-product-body) .service-journey p {
  font-size: 15px;
  line-height: 1.8;
}
:where(.refactor-site .refactor-product-body) .marketing-grid {
  gap: 26px;
}
:where(.refactor-site .refactor-product-body) .marketing-card {
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
:where(.refactor-site .refactor-product-body) .marketing-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px #164d3814;
}
:where(.refactor-site .refactor-product-body) .marketing-body {
  padding: 24px;
  gap: 16px;
}
:where(.refactor-site .refactor-product-body) .marketing-body h3 {
  font-size: 23px;
}
:where(.refactor-site .refactor-product-body) .marketing-body .icon-tile {
  width: 40px;
  height: 40px;
}
:where(.refactor-site .refactor-product-body) .marketing-body .icon-tile .line-icon {
  width: 24px;
  height: 24px;
}
:where(.refactor-site .refactor-product-body) .marketing-body p {
  font-size: 15px;
  line-height: 1.85;
}
:where(.refactor-site .refactor-product-body) .editorial-media,
:where(.refactor-site .refactor-product-body) .marketing-media {
  background: #eff2ef;
  border: 1px solid var(--line);
  overflow: hidden;
}
:where(.refactor-site .refactor-product-body) .editorial-media img,
:where(.refactor-site .refactor-product-body) .marketing-media img {
  object-fit: cover;
  aspect-ratio: 3/2;
  width: 100%;
  height: auto;
}
:where(.refactor-site .refactor-product-body) .editorial-media figcaption,
:where(.refactor-site .refactor-product-body) .marketing-media figcaption {
  font-size: 12px;
  line-height: 1.6;
  color: var(--muted);
  padding: 8px 12px;
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) .park-prose p {
  font-size: 16px;
  line-height: 1.9;
  margin: 14px 0;
}
:where(.refactor-site .refactor-product-body) .park-prose {
  white-space: normal;
}
:where(.refactor-site .refactor-product-body) .park-prose p {
  white-space: pre-wrap;
}
:where(.refactor-site .refactor-product-body) .diagram-park {
  margin-top: 28px;
}
:where(.refactor-site .refactor-product-body) .note-box {
  border-left: 1px solid var(--gov-gold);
  border-radius: 0;
  padding: 20px 24px;
}
:where(.refactor-site .refactor-product-body) .note-box h3 {
  font-size: 19px;
}
:where(.refactor-site .refactor-product-body) .note-box .icon-tile {
  width: 36px;
  height: 36px;
}
:where(.refactor-site .refactor-product-body) .note-box .line-icon {
  width: 22px;
  height: 22px;
}
:where(.refactor-site .refactor-product-body) .tabs#form-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  border: 0;
  padding: 0;
  margin: 22px 0;
}
:where(.refactor-site .refactor-product-body) .tabs#form-tabs button {
  position: relative;
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 6px 12px;
  text-align: left;
  background: var(--surface);
  border: 1px solid var(--line);
  padding: 20px;
  border-radius: 3px;
  transition:
    box-shadow 0.2s,
    background 0.2s,
    transform 0.2s;
  white-space: normal;
}
:where(.refactor-site .refactor-product-body) .tabs#form-tabs .line-icon {
  grid-row: span 2;
  color: var(--gov-gold);
}
:where(.refactor-site .refactor-product-body) .tabs#form-tabs strong {
  font-size: 18px;
  color: var(--gov-green);
  line-height: 1.5;
}
:where(.refactor-site .refactor-product-body) .tabs#form-tabs span {
  font-size: 13px;
  font-weight: 400;
  color: var(--muted);
  line-height: 1.7;
}
:where(.refactor-site .refactor-product-body) .tabs#form-tabs button[aria-selected="true"] {
  border-color: var(--gov-green);
  background: #edf4ec;
  box-shadow: inset 0 -3px var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .tabs#form-tabs button:hover {
  transform: translateY(-2px);
  border-color: var(--gov-green);
  box-shadow: 0 6px 14px #164d3812;
}
:where(.refactor-site .refactor-product-body) .form-card {
  padding: 28px;
}
:where(.refactor-site .refactor-product-body) .form-card > .visual-heading .icon-tile {
  display: none;
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] .contact-layout {
  grid-template-columns: minmax(0, 1fr);
  max-width: 1080px;
  gap: 0;
}
:where(.refactor-site .refactor-product-body) [data-activities] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
:where(.refactor-site .refactor-product-body) .activity-item {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 3px;
  overflow: hidden;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
:where(.refactor-site .refactor-product-body) .activity-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px #164d3812;
}
:where(.refactor-site .refactor-product-body) .activity-item summary {
  display: block;
  list-style: none;
  padding: 0;
}
:where(.refactor-site .refactor-product-body) .activity-item summary::-webkit-details-marker {
  display: none;
}
:where(.refactor-site .refactor-product-body) .activity-art {
  min-height: 168px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-content: center;
  gap: 18px;
  padding: 26px 30px;
  background: #e8efe7;
  color: var(--gov-green);
  border-bottom: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .activity-art > .line-icon {
  width: 45px;
  height: 45px;
  grid-row: span 2;
  color: var(--gov-gold);
}
:where(.refactor-site .refactor-product-body) .activity-art > span {
  font-size: 25px;
  font-weight: 600;
}
:where(.refactor-site .refactor-product-body) .activity-art time {
  grid-column: 1;
  font-size: 15px;
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) .activity-title {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:where(.refactor-site .refactor-product-body) .activity-title strong {
  font-size: 21px;
  line-height: 1.5;
}
:where(.refactor-site .refactor-product-body) .activity-title > span {
  font-size: 14px;
  color: var(--muted);
  font-weight: 400;
}
:where(.refactor-site .refactor-product-body) .activity-title .activity-more {
  border-top: 1px solid var(--line);
  padding-top: 16px;
  margin-top: 5px;
  color: var(--gov-green);
  display: flex;
  justify-content: space-between;
}
:where(.refactor-site .refactor-product-body) .activity-detail {
  padding: 0 24px 24px;
  border-top: 1px solid var(--line);
  font-size: 15px;
  line-height: 1.8;
}
:where(.refactor-site .refactor-product-body) .activity-item summary:after {
  display: none;
}
:where(.refactor-site .refactor-product-body) .site-footer {
  background: #edf2ec;
  border-top: 3px solid var(--gov-green);
  color: var(--ink);
}
:where(.refactor-site .refactor-product-body) .footer-grid {
  padding-top: 36px;
  padding-bottom: 30px;
}
:where(.refactor-site .refactor-product-body) .footer-bottom {
  border-color: #c7d4c9;
}
:where(.refactor-site .refactor-product-body) .site-footer .text-link {
  text-decoration: none;
}
:where(.refactor-site .refactor-product-body) .directory-group h3 .icon-tile {
  display: none;
}
:where(.refactor-site .refactor-product-body) .company-facts .visual-heading .icon-tile {
  display: none;
}
:where(.refactor-site .refactor-product-body) .local-card-body h3 {
  font-size: 23px;
}
:where(.refactor-site .refactor-product-body) .local-card-body h3 .icon-tile {
  display: none;
}
:where(.refactor-site .refactor-product-body) .reading-mode .guide-grid strong,
:where(.refactor-site .refactor-product-body) .reading-mode .tabs#form-tabs strong {
  font-size: 22px;
}
:where(.refactor-site .refactor-product-body) .reading-mode .guide-grid a > span,
:where(.refactor-site .refactor-product-body) .reading-mode .tabs#form-tabs span {
  font-size: 17px;
}
@media (min-width: 1600px) {
  :where(.refactor-site .refactor-product-body) .wrap {
    max-width: 1440px;
  }
  :where(.refactor-site .refactor-product-body) .page-head h1 {
    font-size: 44px;
  }
}
@media (max-width: 1199px) {
  :where(.refactor-site .refactor-product-body) .guide-grid a {
    grid-template-columns: 28px 1fr;
    padding: 20px 16px;
    gap: 8px;
  }
  :where(.refactor-site .refactor-product-body) .guide-grid b {
    display: none;
  }
  :where(.refactor-site .refactor-product-body) .guide-grid strong {
    font-size: 16px;
  }
  :where(.refactor-site .refactor-product-body) .diagram-network {
    gap: 30px;
  }
  :where(.refactor-site .refactor-product-body) .diagram-center {
    flex-basis: 175px;
  }
  :where(.refactor-site .refactor-product-body) .diagram-nodes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(.refactor-site .refactor-product-body) .diagram-center:after {
    right: -24px;
  }
  :where(.refactor-site .refactor-product-body) .destination-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(.refactor-site .refactor-product-body) .tabs#form-tabs button {
    padding: 16px;
  }
}
@media (max-width: 1023px) {
  :where(.refactor-site .refactor-product-body) .site-nav {
    gap: 22px;
  }
  :where(.refactor-site .refactor-product-body) .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  :where(.refactor-site .refactor-product-body) .guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(.refactor-site .refactor-product-body) .guide-grid a {
    padding: 20px;
    border-bottom: 1px solid var(--line);
  }
  :where(.refactor-site .refactor-product-body) .guide-grid a:nth-child(2) {
    border-right: 0;
  }
  :where(.refactor-site .refactor-product-body) .guide-grid a:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
  :where(.refactor-site .refactor-product-body) .service-diagram figcaption {
    display: block;
  }
  :where(.refactor-site .refactor-product-body) .service-diagram figcaption span {
    display: block;
    margin-top: 8px;
  }
  :where(.refactor-site .refactor-product-body) .info-grid,
  :where(.refactor-site .refactor-product-body) .trust-grid,
  :where(.refactor-site .refactor-product-body) .park-pillars {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(.refactor-site .refactor-product-body) .info-grid > article:last-child:nth-child(odd),
  :where(.refactor-site .refactor-product-body) .trust-grid > article:last-child:nth-child(odd),
  :where(.refactor-site .refactor-product-body) .park-pillars > article:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
  :where(.refactor-site .refactor-product-body) .info-grid > article:last-child:nth-child(odd) .visual-heading,
  :where(.refactor-site .refactor-product-body) .trust-grid > article:last-child:nth-child(odd) .visual-heading,
  :where(.refactor-site .refactor-product-body) .park-pillars > article:last-child:nth-child(odd) .visual-heading {
    flex-direction: row;
    align-items: center;
  }
  :where(.refactor-site .refactor-product-body) .contact-layout {
    grid-template-columns: 1fr;
  }
  :where(.refactor-site .refactor-product-body) .page-head h1 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  :where(.refactor-site .refactor-product-body) .site-nav {
    gap: 8px 22px;
  }
  :where(.refactor-site .refactor-product-body) .nv {
    padding: 10px 0 12px;
  }
  :where(.refactor-site .refactor-product-body) .page-head {
    padding: 24px 0 28px;
  }
  :where(.refactor-site .refactor-product-body) .page-head h1 {
    font-size: 30px;
    margin: 10px 0;
  }
  :where(.refactor-site .refactor-product-body) .page-head p {
    font-size: 16px;
  }
  :where(.refactor-site .refactor-product-body) .section {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  :where(.refactor-site .refactor-product-body) .sec-head h2 {
    font-size: 26px;
  }
  :where(.refactor-site .refactor-product-body) .guide-label {
    display: block;
  }
  :where(.refactor-site .refactor-product-body) .guide-label p {
    margin-top: 6px;
  }
  :where(.refactor-site .refactor-product-body) .guide-grid a {
    padding: 17px 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  :where(.refactor-site .refactor-product-body) .guide-grid .line-icon {
    width: 26px;
    height: 26px;
  }
  :where(.refactor-site .refactor-product-body) .guide-grid a > span {
    font-size: 12px;
  }
  :where(.refactor-site .refactor-product-body) .guide-grid strong {
    font-size: 16px;
  }
  :where(.refactor-site .refactor-product-body) :is([data-page="overseas"], [data-page="park"]) .guide-grid {
    grid-template-columns: 1fr;
  }
  :where(.refactor-site .refactor-product-body) :is([data-page="overseas"], [data-page="park"]) .guide-grid a {
    display: grid;
    grid-template-columns: 32px 1fr;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  :where(.refactor-site .refactor-product-body) :is([data-page="overseas"], [data-page="park"]) .guide-grid a:last-child {
    border-bottom: 0;
  }
  :where(.refactor-site .refactor-product-body) .info-grid,
  :where(.refactor-site .refactor-product-body) .trust-grid,
  :where(.refactor-site .refactor-product-body) .park-pillars,
  :where(.refactor-site .refactor-product-body) .destination-grid {
    grid-template-columns: 1fr;
  }
  :where(.refactor-site .refactor-product-body) .info-grid .visual-heading,
  :where(.refactor-site .refactor-product-body) .trust-grid .visual-heading,
  :where(.refactor-site .refactor-product-body) .park-pillars .visual-heading {
    flex-direction: row;
    align-items: center;
  }
  :where(.refactor-site .refactor-product-body) .info-grid > article,
  :where(.refactor-site .refactor-product-body) .trust-grid > article,
  :where(.refactor-site .refactor-product-body) .park-pillars > article {
    padding: 22px;
  }
  :where(.refactor-site .refactor-product-body) .service-diagram {
    padding: 20px;
  }
  :where(.refactor-site .refactor-product-body) .service-diagram figcaption strong {
    font-size: 19px;
  }
  :where(.refactor-site .refactor-product-body) .diagram-network {
    display: block;
  }
  :where(.refactor-site .refactor-product-body) .diagram-center {
    margin-bottom: 26px;
    padding: 16px;
  }
  :where(.refactor-site .refactor-product-body) .diagram-center:after {
    content: "↓";
    right: 50%;
    top: 100%;
    line-height: 26px;
    font-size: 20px;
  }
  :where(.refactor-site .refactor-product-body) .diagram-nodes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(.refactor-site .refactor-product-body) .diagram-nodes > div {
    font-size: 14px;
    padding: 14px 8px;
    gap: 8px;
  }
  :where(.refactor-site .refactor-product-body) .diagram-nodes .line-icon {
    width: 22px;
    height: 22px;
  }
  :where(.refactor-site .refactor-product-body) .diagram-park .diagram-nodes > div {
    flex-direction: column;
  }
  :where(.refactor-site .refactor-product-body) .service-journey li {
    padding: 20px;
  }
  :where(.refactor-site .refactor-product-body) .destination-grid .visual-heading {
    flex-direction: row;
    align-items: center;
  }
  :where(.refactor-site .refactor-product-body) .marketing-body {
    padding: 20px;
  }
  :where(.refactor-site .refactor-product-body) .marketing-body h3 {
    font-size: 22px;
  }
  :where(.refactor-site .refactor-product-body) .tabs#form-tabs {
    gap: 10px;
  }
  :where(.refactor-site .refactor-product-body) .tabs#form-tabs button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
  }
  :where(.refactor-site .refactor-product-body) .tabs#form-tabs strong {
    font-size: 17px;
  }
  :where(.refactor-site .refactor-product-body) .form-card {
    padding: 20px;
  }
  :where(.refactor-site .refactor-product-body) [data-activities] {
    grid-template-columns: 1fr;
  }
  :where(.refactor-site .refactor-product-body) .activity-art {
    min-height: 150px;
    padding: 22px;
  }
  :where(.refactor-site .refactor-product-body) .activity-title {
    padding: 20px;
  }
  :where(.refactor-site .refactor-product-body) .activity-title strong {
    font-size: 20px;
  }
  :where(.refactor-site .refactor-product-body) .local-card-body h3 {
    font-size: 22px;
  }
  :where(.refactor-site .refactor-product-body) .service-guide {
    padding-top: 20px;
    padding-bottom: 16px;
  }
  :where(.refactor-site .refactor-product-body) .image-lightbox {
    padding: 50px 10px 12px;
  }
  :where(.refactor-site .refactor-product-body) .image-preview-hint {
    font-size: 11px;
  }
  :where(.refactor-site .refactor-product-body) .service-diagram .diagram-center strong {
    font-size: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.refactor-site .refactor-product-body) .marketing-card,
  :where(.refactor-site .refactor-product-body) .image-preview-trigger > img,
  :where(.refactor-site .refactor-product-body) .activity-item,
  :where(.refactor-site .refactor-product-body) .tabs#form-tabs button,
  :where(.refactor-site .refactor-product-body) .info-grid > article,
  :where(.refactor-site .refactor-product-body) .trust-grid > article,
  :where(.refactor-site .refactor-product-body) .park-pillars > article {
    transition: none;
    transform: none !important;
  }
}
@media (prefers-color-scheme: dark) {
  :where(.refactor-site .refactor-product-body) .page-head,
  :where(.refactor-site .refactor-product-body) .site-footer,
  :where(.refactor-site .refactor-product-body) .service-diagram,
  :where(.refactor-site .refactor-product-body) .activity-art {
    background: #1c3528;
    color: #e1ebe2;
  }
  :where(.refactor-site .refactor-product-body) .guide-grid a,
  :where(.refactor-site .refactor-product-body) .diagram-nodes > div {
    color: #c4ddc7;
  }
  :where(.refactor-site .refactor-product-body) .icon-tile {
    background: #203b2b;
    color: #d0e2d0;
  }
  :where(.refactor-site .refactor-product-body) .diagram-nodes > div {
    background: #203b2b;
  }
  :where(.refactor-site .refactor-product-body) .service-diagram figcaption,
  :where(.refactor-site .refactor-product-body) .activity-title .activity-more,
  :where(.refactor-site .refactor-product-body) .tabs#form-tabs strong,
  :where(.refactor-site .refactor-product-body) .guide-label > span {
    color: #c4ddc7;
  }
  :where(.refactor-site .refactor-product-body) .service-diagram figcaption span {
    color: #b4c3b7;
  }
  :where(.refactor-site .refactor-product-body) .tabs#form-tabs button[aria-selected="true"] {
    background: #264631;
  }
  :where(.refactor-site .refactor-product-body) .guide-grid a:hover {
    background: #264631;
  }
}

/* Homepage service carousel: continuous, draggable, and aligned to the existing card language. */
:where(.refactor-site .refactor-product-body) .service-carousel {
  position: relative;
  min-width: 0;
}
:where(.refactor-site .refactor-product-body) .service-carousel-viewport {
  display: flex;
  align-items: stretch;
  gap: 24px;
  overflow-x: auto;
  padding: 6px 2px 22px;
  cursor: grab;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  touch-action: pan-y;
}
:where(.refactor-site .refactor-product-body) .service-carousel-viewport::-webkit-scrollbar {
  display: none;
}
:where(.refactor-site .refactor-product-body) .service-carousel-viewport.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}
:where(.refactor-site .refactor-product-body) .service-carousel-card {
  flex: 0 0 calc((100% - 48px) / 3);
  min-width: 0;
  user-select: none;
}
:where(.refactor-site .refactor-product-body) .service-carousel-card.visual-card {
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) .service-carousel-card .card-media {
  flex: 0 0 auto;
}
:where(.refactor-site .refactor-product-body) .service-carousel-card .card-media img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.65;
  object-fit: cover;
  pointer-events: none;
}
:where(.refactor-site .refactor-product-body) .service-carousel-card .marketing-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  padding: 24px 26px 28px;
}
:where(.refactor-site .refactor-product-body) .service-carousel-card .marketing-body h3 {
  min-height: 2.8em;
  font-size: 24px;
  line-height: 1.4;
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .service-carousel-card .service-audience {
  min-height: 3.7em;
  font-size: 15px;
  line-height: 1.8;
  color: var(--muted);
  font-weight: 400;
}
:where(.refactor-site .refactor-product-body) .service-carousel-card .card-detail {
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .service-carousel-card .card-detail h4 {
  margin: 0 0 10px;
  font-size: 15px;
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .service-carousel-card .card-detail p {
  font-size: 15px;
  line-height: 1.85;
}
:where(.refactor-site .refactor-product-body) .service-carousel-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 2px;
}
:where(.refactor-site .refactor-product-body) .service-carousel-dots,
:where(.refactor-site .refactor-product-body) .service-carousel-arrows {
  display: flex;
  align-items: center;
}
:where(.refactor-site .refactor-product-body) .service-carousel-dots {
  gap: 2px;
}
:where(.refactor-site .refactor-product-body) .service-carousel-dots button {
  position: relative;
  width: 24px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
}
:where(.refactor-site .refactor-product-body) .service-carousel-dots button:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: #bec9c0;
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, background 0.2s ease;
}
:where(.refactor-site .refactor-product-body) .service-carousel-dots button.is-active:before {
  width: 20px;
  background: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .service-carousel-arrows {
  gap: 10px;
}
:where(.refactor-site .refactor-product-body) .service-carousel-arrows button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--surface);
  color: var(--gov-green);
  font-size: 20px;
  line-height: 1;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
:where(.refactor-site .refactor-product-body) .service-carousel-arrows button:hover {
  border-color: var(--gov-green);
  background: var(--gov-green);
  color: #fff;
}

/* JIUMI three-stream summary: icon first, one business line, no preparation row. */
:where(.refactor-site .refactor-product-body) .trade-streams {
  gap: 0;
}
:where(.refactor-site .refactor-product-body) .trade-flow .trade-streams > article {
  padding: 4px 32px 8px;
}
:where(.refactor-site .refactor-product-body) .trade-flow .trade-streams > article:first-child {
  padding-left: 32px;
}
:where(.refactor-site .refactor-product-body) .trade-flow .trade-streams > article:last-child {
  padding-right: 32px;
}
:where(.refactor-site .refactor-product-body) .trade-stream-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  margin-bottom: 16px;
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .trade-stream-icon svg {
  width: 48px;
  height: 48px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:where(.refactor-site .refactor-product-body) .trade-streams h4 {
  margin: 0 0 10px;
}
:where(.refactor-site .refactor-product-body) .trade-lead {
  min-height: 3.6em;
  margin: 0 0 18px;
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) .trade-business {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) .trade-business strong {
  color: var(--ink);
  font-weight: 700;
}

@media (max-width: 1199px) {
  :where(.refactor-site .refactor-product-body) .service-carousel-card {
    flex-basis: calc((100% - 24px) / 2);
  }
}
@media (max-width: 767px) {
  :where(.refactor-site .refactor-product-body) .service-carousel-viewport {
    gap: 16px;
    padding-bottom: 18px;
  }
  :where(.refactor-site .refactor-product-body) .service-carousel-card {
    flex-basis: 100%;
  }
  :where(.refactor-site .refactor-product-body) .service-carousel-card .marketing-body {
    padding: 22px 22px 24px;
  }
  :where(.refactor-site .refactor-product-body) .service-carousel-card .marketing-body h3,
  :where(.refactor-site .refactor-product-body) .service-carousel-card .service-audience {
    min-height: 0;
  }
  :where(.refactor-site .refactor-product-body) .service-carousel-controls {
    margin-top: 0;
  }
  :where(.refactor-site .refactor-product-body) .trade-flow .trade-streams > article,
  :where(.refactor-site .refactor-product-body) .trade-flow .trade-streams > article:first-child,
  :where(.refactor-site .refactor-product-body) .trade-flow .trade-streams > article:last-child {
    padding: 22px 0;
  }
  :where(.refactor-site .refactor-product-body) .trade-flow .trade-streams > article:first-child {
    padding-top: 0;
  }
  :where(.refactor-site .refactor-product-body) .trade-stream-icon {
    margin-bottom: 12px;
  }
  :where(.refactor-site .refactor-product-body) .trade-lead {
    min-height: 0;
    margin-bottom: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.refactor-site .refactor-product-body) .service-carousel-card,
  :where(.refactor-site .refactor-product-body) .service-carousel-dots button:before,
  :where(.refactor-site .refactor-product-body) .service-carousel-arrows button {
    transition: none;
  }
}
/* Final alignment after desktop and mobile inspection. */
:where(.refactor-site .refactor-product-body) .service-guide + .section {
  padding-top: 30px;
}
:where(.refactor-site .refactor-product-body) #hongkong .destination-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
:where(.refactor-site .refactor-product-body) #hongkong .destination-grid > div {
  grid-column: span 2;
}
:where(.refactor-site .refactor-product-body) #hongkong .destination-grid > div:nth-last-child(-n + 2) {
  grid-column: span 3;
}
:where(.refactor-site .refactor-product-body) #malaysia .destination-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(.refactor-site .refactor-product-body) .activity-item:only-child {
  grid-column: 1/-1;
}
:where(.refactor-site .refactor-product-body) .activity-item:only-child summary {
  display: grid;
  grid-template-columns: minmax(250px, 1fr) 2fr;
  align-items: stretch;
}
:where(.refactor-site .refactor-product-body) .activity-item:only-child .activity-art {
  border-bottom: 0;
  border-right: 1px solid var(--line);
  height: 100%;
}
:where(.refactor-site .refactor-product-body) .activity-item:only-child .activity-title {
  justify-content: center;
}
:where(.refactor-site .refactor-product-body) .activity-item:only-child .activity-title strong {
  font-size: 24px;
}
:where(.refactor-site .refactor-product-body) .activity-item .activity-art {
  grid-template-columns: 1fr auto;
}
:where(.refactor-site .refactor-product-body) .activity-art > .line-icon {
  grid-column: 2;
  grid-row: 1 / span 2;
}
:where(.refactor-site .refactor-product-body) .activity-art > span {
  grid-column: 1;
  grid-row: 1;
}
:where(.refactor-site .refactor-product-body) .activity-art > time {
  grid-row: 2;
}
:where(.refactor-site .refactor-product-body) .activity-item[open] .activity-more b {
  transform: rotate(90deg);
}
:where(.refactor-site .refactor-product-body) ::selection {
  background: #d8e7d5;
  color: #103e29;
}
:where(.refactor-site .refactor-product-body) input,
:where(.refactor-site .refactor-product-body) textarea {
  caret-color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) a {
  text-underline-offset: 5px;
}
:where(.refactor-site .refactor-product-body) button:focus-visible,
:where(.refactor-site .refactor-product-body) a:focus-visible {
  outline: 2px solid var(--gov-gold);
  outline-offset: 4px;
}
@media (max-width: 1023px) {
  :where(.refactor-site .refactor-product-body) #hongkong .destination-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(.refactor-site .refactor-product-body) #hongkong .destination-grid > div {
    grid-column: auto;
  }
  :where(.refactor-site .refactor-product-body) #hongkong .destination-grid > div:nth-last-child(-n + 2) {
    grid-column: auto;
  }
  :where(.refactor-site .refactor-product-body) #hongkong .destination-grid > div:last-child {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  :where(.refactor-site .refactor-product-body) #hongkong .destination-grid,
  :where(.refactor-site .refactor-product-body) #malaysia .destination-grid {
    grid-template-columns: 1fr;
  }
  :where(.refactor-site .refactor-product-body) #hongkong .destination-grid > div:last-child {
    grid-column: auto;
  }
  :where(.refactor-site .refactor-product-body) .activity-item:only-child summary {
    display: block;
  }
  :where(.refactor-site .refactor-product-body) .activity-item:only-child .activity-art {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  :where(.refactor-site .refactor-product-body) .activity-item:only-child .activity-title strong {
    font-size: 20px;
  }
  :where(.refactor-site .refactor-product-body) .service-guide + .section {
    padding-top: 20px;
  }
}
/* Shared card rhythm: 24px padding/gutters; 12px related text; 20px subsections. */
.refactor-site .refactor-product-body {
  --card-pad: 24px;
  --card-gap: 24px;
  --copy-gap: 12px;
  --content-gap: 20px;
}
:where(.refactor-site .refactor-product-body) .visual-heading {
  display: block;
}
:where(.refactor-site .refactor-product-body) .icon-tile {
  display: none;
}
:where(.refactor-site .refactor-product-body) :is(
  .marketing-grid,
  .info-grid,
  .trust-grid,
  .park-pillars,
  .destination-grid,
  .local-pair
) {
  column-gap: var(--card-gap);
  row-gap: var(--card-gap);
}
:where(.refactor-site .refactor-product-body) :is(.info-grid, .trust-grid, .park-pillars) > article, :where(.refactor-site .refactor-product-body) .destination-grid > div {
  padding: var(--card-pad);
}
:where(.refactor-site .refactor-product-body) :is(.info-grid, .trust-grid, .park-pillars) h3, :where(.refactor-site .refactor-product-body) .destination-grid dt {
  margin: 0 0 var(--copy-gap);
}
:where(.refactor-site .refactor-product-body) :is(.info-grid, .trust-grid, .park-pillars) p + p {
  margin-top: var(--copy-gap);
}
:where(.refactor-site .refactor-product-body) .marketing-body {
  padding: var(--card-pad);
  gap: var(--content-gap);
}
:where(.refactor-site .refactor-product-body) .marketing-body h3 {
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .marketing-body .card-detail {
  padding-top: var(--content-gap);
}
:where(.refactor-site .refactor-product-body) .marketing-body h4 {
  margin: 0 0 var(--copy-gap);
}
:where(.refactor-site .refactor-product-body) .marketing-body .service-prep {
  padding: 16px;
  margin-top: auto;
}
:where(.refactor-site .refactor-product-body) .local-card-body {
  padding: var(--card-pad);
}
:where(.refactor-site .refactor-product-body) .local-card-body h3 {
  padding-bottom: var(--copy-gap);
}
:where(.refactor-site .refactor-product-body) .local-card-body .note {
  padding-top: var(--copy-gap);
}
:where(.refactor-site .refactor-product-body) .local-card-body > .text-link {
  margin-top: var(--content-gap);
}
:where(.refactor-site .refactor-product-body) .card-media,
:where(.refactor-site .refactor-product-body) .editorial-media:has(img[src^="/assets/ai/"]) {
  position: relative;
  margin: 0;
  background: #edf1ec;
  overflow: hidden;
}
:where(.refactor-site .refactor-product-body) .card-media img,
:where(.refactor-site .refactor-product-body) .editorial-media:has(img[src^="/assets/ai/"]) img {
  display: block;
  width: 100%;
  object-fit: cover;
}
:where(.refactor-site .refactor-product-body) .card-media img {
  aspect-ratio: 2.2;
  height: auto;
}
:where(.refactor-site .refactor-product-body) .local-pair .editorial-media img {
  aspect-ratio: 1.75;
}
:where(.refactor-site .refactor-product-body) .card-media figcaption,
:where(.refactor-site .refactor-product-body) .editorial-media:has(img[src^="/assets/ai/"]) figcaption,
:where(.refactor-site .refactor-product-body) .local-pair .editorial-media figcaption {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: auto;
  margin: 0;
  padding: 5px 9px;
  background: #123c2ceb;
  color: #fffdf5;
  border: 0;
  font-size: 12px;
  line-height: 1.6;
  width: max-content;
  max-width: calc(100% - 24px);
}
:where(.refactor-site .refactor-product-body) [data-activities] {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--card-gap);
}
:where(.refactor-site .refactor-product-body) .activity-item {
  border: 1px solid var(--line);
  border-radius: 3px;
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) .activity-item summary,
:where(.refactor-site .refactor-product-body) .activity-item:only-child summary {
  display: grid;
  grid-template-columns: 125px minmax(0, 1fr) auto;
  gap: var(--card-gap);
  padding: var(--card-pad);
  align-items: center;
  outline-offset: -3px;
}
:where(.refactor-site .refactor-product-body) .activity-date {
  font-size: 15px;
  font-weight: 500;
  color: var(--gov-green);
  font-variant-numeric: tabular-nums;
  border-right: 1px solid var(--line);
  padding-right: var(--card-gap);
}
:where(.refactor-site .refactor-product-body) .activity-item .activity-title,
:where(.refactor-site .refactor-product-body) .activity-item:only-child .activity-title {
  padding: 0;
  display: flex;
  gap: 8px;
  flex-direction: column;
}
:where(.refactor-site .refactor-product-body) .activity-item .activity-title strong,
:where(.refactor-site .refactor-product-body) .activity-item:only-child .activity-title strong {
  font-size: 21px;
  line-height: 1.5;
}
:where(.refactor-site .refactor-product-body) .activity-item .activity-title > span {
  font-size: 14px;
  line-height: 1.7;
}
:where(.refactor-site .refactor-product-body) .activity-item .activity-more {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--gov-green);
  font-size: 14px;
  white-space: nowrap;
  font-weight: 500;
}
:where(.refactor-site .refactor-product-body) .activity-more b {
  font-size: 20px;
  line-height: 1;
}
:where(.refactor-site .refactor-product-body) .activity-item .when-open {
  display: none;
}
:where(.refactor-site .refactor-product-body) .activity-item[open] .when-open {
  display: inline;
}
:where(.refactor-site .refactor-product-body) .activity-item[open] .when-closed {
  display: none;
}
:where(.refactor-site .refactor-product-body) .activity-item[open] .activity-more b {
  transform: rotate(180deg);
}
:where(.refactor-site .refactor-product-body) .activity-item .activity-detail {
  padding: var(--card-pad);
  border-top: 1px solid var(--line);
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .activity-status {
  font-size: 14px;
  color: var(--muted);
  margin: 0 0 var(--content-gap);
}
:where(.refactor-site .refactor-product-body) .activity-copy {
  max-width: 78ch;
}
:where(.refactor-site .refactor-product-body) .activity-copy p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .activity-copy p + p {
  margin-top: var(--copy-gap);
}
:where(.refactor-site .refactor-product-body) .platform-story {
  grid-template-columns: 1fr;
  gap: var(--card-gap);
}
:where(.refactor-site .refactor-product-body) .platform-story > div:last-child:not(.trade-flow) {
  max-width: 900px;
}
:where(.refactor-site .refactor-product-body) .platform-story h3 {
  margin: 0 0 var(--copy-gap);
}
:where(.refactor-site .refactor-product-body) .trade-flow {
  border: 1px solid var(--line);
  background: var(--surface);
  padding: var(--card-pad);
}
:where(.refactor-site .refactor-product-body) .trade-flow-head {
  border-bottom: 1px solid var(--line);
  padding-bottom: var(--content-gap);
  margin-bottom: var(--card-gap);
}
:where(.refactor-site .refactor-product-body) .trade-flow-head p {
  max-width: 36em;
  margin: 0 auto;
  text-align: center;
  font-size: var(--portal-copy-size);
  color: var(--muted);
  line-height: 1.8;
}
:where(.refactor-site .refactor-product-body) .trade-streams {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--card-gap);
}
:where(.refactor-site .refactor-product-body) .trade-streams article {
  min-width: 0;
  padding: 0 var(--card-gap) 0 0;
  border-right: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .trade-streams article:last-child {
  border-right: 0;
  padding-right: 0;
}
:where(.refactor-site .refactor-product-body) .trade-streams h4 {
  font-size: 23px;
  color: var(--gov-green);
  margin: 0 0 var(--copy-gap);
}
:where(.refactor-site .refactor-product-body) .trade-lead {
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 var(--content-gap);
  min-height: 3.6em;
}
:where(.refactor-site .refactor-product-body) .trade-streams dl {
  display: grid;
  gap: 16px;
}
:where(.refactor-site .refactor-product-body) .trade-streams dl > div {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
}
:where(.refactor-site .refactor-product-body) .trade-streams dt {
  font-size: 14px;
  line-height: 1.8;
  color: var(--muted);
  font-weight: 400;
}
:where(.refactor-site .refactor-product-body) .trade-streams dd {
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .trade-flow + .lead {
  margin-top: var(--card-gap);
  font-size: 17px;
  line-height: 1.8;
}
:where(.refactor-site .refactor-product-body) .trade-flow ~ p + p {
  margin-top: var(--copy-gap);
}
@media (max-width: 1023px) {
  :where(.refactor-site .refactor-product-body) .trade-streams dl > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  :where(.refactor-site .refactor-product-body) .trade-lead {
    min-height: 5.4em;
  }
}
@media (max-width: 767px) {
  .refactor-site .refactor-product-body {
    --card-pad: 20px;
    --card-gap: 20px;
    --content-gap: 16px;
  }
  :where(.refactor-site .refactor-product-body) .card-media img {
    aspect-ratio: 1.75;
  }
  :where(.refactor-site .refactor-product-body) .activity-item summary,
  :where(.refactor-site .refactor-product-body) .activity-item:only-child summary {
    grid-template-columns: 1fr auto;
    gap: 12px var(--card-gap);
    align-items: start;
  }
  :where(.refactor-site .refactor-product-body) .activity-date {
    grid-column: 1/-1;
    border: 0;
    padding: 0;
  }
  :where(.refactor-site .refactor-product-body) .activity-item .activity-title strong,
  :where(.refactor-site .refactor-product-body) .activity-item:only-child .activity-title strong {
    font-size: 19px;
  }
  :where(.refactor-site .refactor-product-body) .activity-item .activity-more {
    align-self: center;
  }
  :where(.refactor-site .refactor-product-body) .trade-streams {
    grid-template-columns: 1fr;
  }
  :where(.refactor-site .refactor-product-body) .trade-streams article {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 0 0 var(--card-gap);
  }
  :where(.refactor-site .refactor-product-body) .trade-streams article:last-child {
    border: 0;
    padding: 0;
  }
  :where(.refactor-site .refactor-product-body) .trade-lead {
    min-height: 0;
  }
  :where(.refactor-site .refactor-product-body) .trade-streams dl > div {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 12px;
  }
  :where(.refactor-site .refactor-product-body) .trade-streams h4 {
    font-size: 21px;
  }
  :where(.refactor-site .refactor-product-body) .trade-flow-compact .trade-streams {
    grid-template-columns: 1fr;
  }
}
@media (prefers-color-scheme: dark) {
  :where(.refactor-site .refactor-product-body) .trade-streams h4,
  :where(.refactor-site .refactor-product-body) .activity-date,
  :where(.refactor-site .refactor-product-body) .activity-item .activity-more {
    color: var(--primary);
  }
}
:where(.refactor-site .refactor-product-body) .local-pair > article {
  row-gap: 0;
}
:where(.refactor-site .refactor-product-body) .local-card-body {
  row-gap: 0;
}
:where(.refactor-site .refactor-product-body) .trade-lead {
  min-height: 0;
}

/* 2026-09-15 differentiated business-section layouts. */
:where(.refactor-site .refactor-product-body) .scene-figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: var(--soft);
  border: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .scene-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(.refactor-site .refactor-product-body) .scene-figure figcaption,
:where(.refactor-site .refactor-product-body) .showcase-panel figure figcaption {
  position: absolute;
  left: 14px;
  bottom: 14px;
  margin: 0;
  padding: 5px 9px;
  background: #123c2ceb;
  color: #fffdf5;
  font-size: 12px;
  line-height: 1.6;
}
:where(.refactor-site .refactor-product-body) .section-banner {
  height: clamp(240px, 25vw, 360px);
  margin-bottom: 32px;
}
:where(.refactor-site .refactor-product-body) .section-banner img {
  object-position: center 52%;
}
:where(.refactor-site .refactor-product-body) .section-anchor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-top: 32px;
  padding: 24px 28px;
  background: var(--gov-green);
  color: #fff;
}
:where(.refactor-site .refactor-product-body) .section-anchor > div {
  display: grid;
  gap: 6px;
}
:where(.refactor-site .refactor-product-body) .section-anchor strong {
  font-size: 20px;
}
:where(.refactor-site .refactor-product-body) .section-anchor span {
  font-size: 14px;
  color: #dbe9df;
}
:where(.refactor-site .refactor-product-body) .section-anchor > a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
  color: #fff;
  font-weight: 650;
  border-bottom: 1px solid #b7c8bd;
  white-space: nowrap;
}
:where(.refactor-site .refactor-product-body) .section-anchor > a > span {
  color: #d9b65e;
  font-size: 20px;
}

:where(.refactor-site .refactor-product-body) .regional-split {
  display: grid;
  grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr);
  gap: 48px;
  align-items: stretch;
}
:where(.refactor-site .refactor-product-body) .regional-split-reverse {
  grid-template-columns: minmax(0, 1.22fr) minmax(300px, 0.78fr);
}
:where(.refactor-site .refactor-product-body) .regional-split-reverse > .regional-image {
  grid-column: 2;
  grid-row: 1;
}
:where(.refactor-site .refactor-product-body) .regional-split-reverse > .regional-content {
  grid-column: 1;
  grid-row: 1;
}
:where(.refactor-site .refactor-product-body) .regional-image {
  min-height: 620px;
}
:where(.refactor-site .refactor-product-body) .regional-image img {
  object-position: center;
}
:where(.refactor-site .refactor-product-body) .regional-content {
  align-self: center;
}
:where(.refactor-site .refactor-product-body) .regional-content > .lead {
  font-size: 19px;
  line-height: 1.8;
  margin: 0 0 24px;
}
:where(.refactor-site .refactor-product-body) .process-band {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .process-band li {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 24px;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .process-band h3 {
  font-size: 18px;
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .process-band p {
  font-size: 15px;
  line-height: 1.8;
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .regional-content .note-box {
  margin-top: 24px;
}
:where(.refactor-site .refactor-product-body) .regional-list {
  margin: 0;
  border-top: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .regional-list > div {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 24px;
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .regional-list dt {
  font-size: 18px;
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .regional-list dd {
  font-size: 15px;
  line-height: 1.85;
  margin: 0;
}

:where(.refactor-site .refactor-product-body) .tabbed-showcase {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  min-height: 590px;
  border: 1px solid var(--line);
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) .tabbed-showcase.no-image {
  min-height: 0;
}
:where(.refactor-site .refactor-product-body) .showcase-tabs {
  display: flex;
  flex-direction: column;
  background: #eef3ee;
  border-right: 1px solid var(--line);
  padding: 20px 0;
}
:where(.refactor-site .refactor-product-body) .showcase-tabs button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 62px;
  padding: 14px 22px;
  border: 0;
  border-left: 3px solid transparent;
  background: transparent;
  text-align: left;
  color: var(--muted);
  font: inherit;
  cursor: pointer;
}
:where(.refactor-site .refactor-product-body) .showcase-tabs button span {
  font-size: 17px;
  font-weight: 600;
}
:where(.refactor-site .refactor-product-body) .showcase-tabs button b {
  font-size: 20px;
  font-weight: 400;
  color: var(--gov-gold);
  opacity: 0;
}
:where(.refactor-site .refactor-product-body) .showcase-tabs button:hover {
  background: #e4ece4;
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .showcase-tabs button[aria-selected="true"] {
  background: var(--surface);
  border-left-color: var(--gov-green);
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .showcase-tabs button[aria-selected="true"] b {
  opacity: 1;
}
:where(.refactor-site .refactor-product-body) .showcase-panel {
  display: grid;
  grid-template-rows: minmax(280px, 1.08fr) auto;
  min-width: 0;
}
:where(.refactor-site .refactor-product-body) .showcase-panel.no-image {
  grid-template-rows: auto;
}
:where(.refactor-site .refactor-product-body) .showcase-panel > figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: var(--soft);
}
:where(.refactor-site .refactor-product-body) .showcase-panel > figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(.refactor-site .refactor-product-body) .showcase-copy {
  padding: 28px 32px;
}
:where(.refactor-site .refactor-product-body) .showcase-copy h3 {
  font-size: 27px;
  color: var(--gov-green);
  margin: 0 0 10px;
}
:where(.refactor-site .refactor-product-body) .showcase-copy > .lead {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 22px;
}
:where(.refactor-site .refactor-product-body) .showcase-copy dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin: 0;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .showcase-copy dl > div {
  display: grid;
  gap: 8px;
}
:where(.refactor-site .refactor-product-body) .showcase-copy dt {
  font-size: 14px;
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .showcase-copy dd {
  font-size: 15px;
  line-height: 1.8;
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .showcase-panel:focus {
  outline: none;
}
:where(.refactor-site .refactor-product-body) .showcase-panel:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: -4px;
}

:where(.refactor-site .refactor-product-body) .scene-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 30px;
}
:where(.refactor-site .refactor-product-body) .scene-strip .scene-figure {
  height: 260px;
}
:where(.refactor-site .refactor-product-body) .scene-strip .scene-figure:nth-child(2) {
  margin-top: 0;
}
:where(.refactor-site .refactor-product-body) .scene-strip .scene-figure:nth-child(3) {
  height: 260px;
}
:where(.refactor-site .refactor-product-body) .scene-captions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 14px;
}
:where(.refactor-site .refactor-product-body) .scene-captions > div {
  padding: 18px 4px 0;
  border-top: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .scene-captions > div:nth-child(2) {
  margin-top: 0;
}
:where(.refactor-site .refactor-product-body) .scene-captions h3 {
  font-size: 19px;
  color: var(--gov-green);
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}
:where(.refactor-site .refactor-product-body) .caption-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .scene-captions p {
  font-size: 15px;
  line-height: 1.8;
  margin: 0;
}

:where(.refactor-site .refactor-product-body) .asym-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  grid-auto-rows: auto;
  gap: 18px;
  margin-top: 28px;
}
:where(.refactor-site .refactor-product-body) .asym-grid .asym-image {
  grid-row: span 2;
  min-height: 390px;
}
:where(.refactor-site .refactor-product-body) .asym-grid article,
:where(.refactor-site .refactor-product-body) .asym-services > div {
  position: relative;
  padding: 24px 24px 24px 26px;
  background: var(--surface);
  border: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .asym-grid article:before,
:where(.refactor-site .refactor-product-body) .asym-services > div:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) .asym-grid article h3,
:where(.refactor-site .refactor-product-body) .asym-services dt {
  font-size: 20px;
  color: var(--gov-green);
  margin: 0 0 10px;
}
:where(.refactor-site .refactor-product-body) .asym-grid article p,
:where(.refactor-site .refactor-product-body) .asym-services dd {
  font-size: 15px;
  line-height: 1.85;
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .government-grid .asym-primary {
  grid-column: 2;
}
:where(.refactor-site .refactor-product-body) .government-grid .asym-secondary {
  grid-column: span 1;
}
:where(.refactor-site .refactor-product-body) .government-grid .asym-secondary:last-child {
  grid-column: 1/-1;
  background: #eef3ed;
}
:where(.refactor-site .refactor-product-body) .hongkong-grid {
  grid-template-columns: 0.9fr 1.1fr;
  align-items: stretch;
}
:where(.refactor-site .refactor-product-body) .hongkong-grid .asym-image {
  grid-row: auto;
  min-height: 330px;
}
:where(.refactor-site .refactor-product-body) .asym-services {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .asym-services .asym-primary {
  grid-column: 1/-1;
}
:where(.refactor-site .refactor-product-body) .asym-services .asym-wide {
  grid-column: 1/-1;
  background: #eef3ed;
}

:where(.refactor-site .refactor-product-body) .park-overview-copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  align-items: stretch;
  padding: 8px 0 30px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 30px;
}
:where(.refactor-site .refactor-product-body) .park-overview-module {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 12px 42px 4px 0;
  overflow-wrap: anywhere;
}
:where(.refactor-site .refactor-product-body) .park-overview-module + .park-overview-module {
  padding-right: 0;
  padding-left: 42px;
  border-left: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .park-overview-module h3 {
  font-size: 20px;
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .park-overview-module > .lead {
  font-size: 18px;
  line-height: 1.8;
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .park-overview-module .park-prose,
:where(.refactor-site .refactor-product-body) .park-overview-module .park-prose p,
:where(.refactor-site .refactor-product-body) .park-overview-module > p {
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .park-overview-reception {
  background: transparent;
}
:where(.refactor-site .refactor-product-body) .park-overview-reception > p {
  font-size: 16px;
  line-height: 1.9;
}
:where(.refactor-site .refactor-product-body) .scene-strip-park {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
:where(.refactor-site .refactor-product-body) .park-service-index {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  :where(.refactor-site .refactor-product-body) .regional-split,
  :where(.refactor-site .refactor-product-body) .regional-split-reverse {
    grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.25fr);
    gap: 28px;
  }
  :where(.refactor-site .refactor-product-body) .regional-image {
    min-height: 560px;
  }
  :where(.refactor-site .refactor-product-body) .regional-list > div {
    grid-template-columns: 170px 1fr;
  }
  :where(.refactor-site .refactor-product-body) .tabbed-showcase {
    grid-template-columns: 210px minmax(0, 1fr);
  }
  :where(.refactor-site .refactor-product-body) .showcase-copy {
    padding: 24px;
  }
  :where(.refactor-site .refactor-product-body) .scene-strip .scene-figure {
    height: 220px;
  }
  :where(.refactor-site .refactor-product-body) .scene-strip .scene-figure:nth-child(3) {
    height: 220px;
  }
  :where(.refactor-site .refactor-product-body) .asym-grid,
  :where(.refactor-site .refactor-product-body) .hongkong-grid {
    grid-template-columns: 1fr;
  }
  :where(.refactor-site .refactor-product-body) .asym-grid .asym-image {
    grid-row: auto;
    min-height: 320px;
  }
  :where(.refactor-site .refactor-product-body) .government-grid .asym-primary,
  :where(.refactor-site .refactor-product-body) .government-grid .asym-secondary,
  :where(.refactor-site .refactor-product-body) .government-grid .asym-secondary:last-child {
    grid-column: auto;
  }
  :where(.refactor-site .refactor-product-body) .hongkong-grid .asym-image {
    min-height: 320px;
  }
  :where(.refactor-site .refactor-product-body) .park-overview-copy {
    grid-template-columns: 1fr;
    gap: 0;
  }
  :where(.refactor-site .refactor-product-body) .park-overview-module {
    padding: 8px 0 22px;
  }
  :where(.refactor-site .refactor-product-body) .park-overview-module + .park-overview-module {
    padding: 22px 0 4px;
    border-left: 0;
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 767px) {
  :where(.refactor-site .refactor-product-body) .section-banner {
    height: 220px;
    margin-bottom: 24px;
  }
  :where(.refactor-site .refactor-product-body) .section-anchor {
    display: grid;
    padding: 22px;
  }
  :where(.refactor-site .refactor-product-body) .regional-split,
  :where(.refactor-site .refactor-product-body) .regional-split-reverse {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  :where(.refactor-site .refactor-product-body) .regional-split-reverse > .regional-image,
  :where(.refactor-site .refactor-product-body) .regional-split-reverse > .regional-content {
    grid-column: auto;
    grid-row: auto;
  }
  :where(.refactor-site .refactor-product-body) .regional-image {
    height: 340px;
    min-height: 0;
  }
  :where(.refactor-site .refactor-product-body) .process-band li,
  :where(.refactor-site .refactor-product-body) .regional-list > div {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 16px 0;
  }
  :where(.refactor-site .refactor-product-body) .tabbed-showcase {
    display: block;
    min-height: 0;
  }
  :where(.refactor-site .refactor-product-body) .showcase-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 0;
  }
  :where(.refactor-site .refactor-product-body) .showcase-tabs button {
    min-height: 58px;
    padding: 12px 14px;
    border-left: 0;
    border-bottom: 2px solid transparent;
  }
  :where(.refactor-site .refactor-product-body) .showcase-tabs button[aria-selected="true"] {
    border-left: 0;
    border-bottom-color: var(--gov-green);
  }
  :where(.refactor-site .refactor-product-body) .showcase-tabs button span {
    font-size: 15px;
  }
  :where(.refactor-site .refactor-product-body) .showcase-panel {
    grid-template-rows: 220px auto;
  }
  :where(.refactor-site .refactor-product-body) .showcase-copy {
    padding: 20px;
  }
  :where(.refactor-site .refactor-product-body) .showcase-copy h3 {
    font-size: 23px;
  }
  :where(.refactor-site .refactor-product-body) .showcase-copy dl {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  :where(.refactor-site .refactor-product-body) .scene-strip,
  :where(.refactor-site .refactor-product-body) .scene-strip-park {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  :where(.refactor-site .refactor-product-body) .scene-strip .scene-figure,
  :where(.refactor-site .refactor-product-body) .scene-strip .scene-figure:nth-child(3) {
    height: 220px;
  }
  :where(.refactor-site .refactor-product-body) .scene-strip .scene-figure:nth-child(2) {
    margin-top: 0;
  }
  :where(.refactor-site .refactor-product-body) .scene-captions,
  :where(.refactor-site .refactor-product-body) .park-service-index {
    grid-template-columns: 1fr;
    gap: 0;
  }
  :where(.refactor-site .refactor-product-body) .scene-captions > div,
  :where(.refactor-site .refactor-product-body) .scene-captions > div:nth-child(2) {
    margin-top: 0;
    padding: 18px 0;
  }
  :where(.refactor-site .refactor-product-body) .asym-services {
    grid-template-columns: 1fr;
  }
  :where(.refactor-site .refactor-product-body) .asym-services .asym-primary,
  :where(.refactor-site .refactor-product-body) .asym-services .asym-wide {
    grid-column: auto;
  }
  :where(.refactor-site .refactor-product-body) .asym-grid article,
  :where(.refactor-site .refactor-product-body) .asym-services > div {
    padding: 20px;
  }
  :where(.refactor-site .refactor-product-body) .park-overview-copy {
    margin-bottom: 20px;
  }
}
@media (prefers-color-scheme: dark) {
  :where(.refactor-site .refactor-product-body) .showcase-tabs {
    background: #20362a;
  }
  :where(.refactor-site .refactor-product-body) .showcase-tabs button:hover {
    background: #294333;
  }
  :where(.refactor-site .refactor-product-body) .showcase-tabs button[aria-selected="true"],
  :where(.refactor-site .refactor-product-body) .showcase-panel,
  :where(.refactor-site .refactor-product-body) .trade-flow,
  :where(.refactor-site .refactor-product-body) .asym-grid article,
  :where(.refactor-site .refactor-product-body) .asym-services > div {
    background: var(--surface);
  }
  :where(.refactor-site .refactor-product-body) .government-grid .asym-secondary:last-child,
  :where(.refactor-site .refactor-product-body) .asym-services .asym-wide {
    background: #20362a;
  }
  :where(.refactor-site .refactor-product-body) .scene-figure figcaption,
  :where(.refactor-site .refactor-product-body) .showcase-panel figure figcaption {
    background: #102b20f2;
  }
}

/* ===== 海外落地服务：静态三卡（替代轮播） ===== */
:where(.refactor-site .refactor-product-body) .service-carousel-viewport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;padding:6px 0 0;cursor:default;touch-action:auto;scrollbar-width:auto}
:where(.refactor-site .refactor-product-body) .service-carousel-controls{display:none}
:where(.refactor-site .refactor-product-body) .service-carousel-card .marketing-body h3{min-height:0}
:where(.refactor-site .refactor-product-body) .service-carousel-card .svc-tagline{font-size:14px;line-height:1.7;color:var(--muted)}
:where(.refactor-site .refactor-product-body) .service-carousel-card .svc-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:auto 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
:where(.refactor-site .refactor-product-body) .service-carousel-card .svc-chips li{font-size:12.5px;line-height:1.4;color:var(--primary);background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:4px 12px}
@media(max-width:960px){:where(.refactor-site .refactor-product-body) .service-carousel-viewport{grid-template-columns:1fr}}

/* 首页样式作用域：通过 [data-page="home"] 限定本节规则，
   不影响后台与其他前台页面；各相邻区块采用不同版式，避免重复卡片网格。 */
:where(.refactor-site .refactor-product-body) [data-page="home"] {
  --section-gap: 56px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .section {
  padding-block: var(--section-gap);
}
:where(.refactor-site .refactor-product-body) .section-heading-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}
:where(.refactor-site .refactor-product-body) .section-heading-row .sec-head {
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .section-heading-row > a {
  flex-shrink: 0;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] #jiumi-system {
  background: var(--page);
}
:where(.refactor-site .refactor-product-body) .jiumi-editorial {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  margin-bottom: 32px;
  align-items: center;
}
:where(.refactor-site .refactor-product-body) .jiumi-purpose h3 {
  color: var(--g900);
  font-size: clamp(46px, 4.2vw, 60px);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.01em;
}
:where(.refactor-site .refactor-product-body) .jiumi-purpose > p {
  margin: 22px 0 0;
  max-width: 32em;
  font-size: 19px;
  line-height: 1.7;
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) .jiumi-scope {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
:where(.refactor-site .refactor-product-body) .jiumi-scope > div {
  display: grid;
  grid-template-columns: 9em minmax(0, 1fr);
  gap: 20px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 18px;
}
:where(.refactor-site .refactor-product-body) .jiumi-scope dt {
  font-size: 18px;
  font-weight: 700;
  color: var(--g900);
}
:where(.refactor-site .refactor-product-body) .jiumi-scope dd {
  font-size: 16px;
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) .jiumi-platform-note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  padding: 40px 44px;
  background: var(--primary-deep);
  color: var(--on-primary);
  align-items: center;
}
:where(.refactor-site .refactor-product-body) .jiumi-platform-note > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:where(.refactor-site .refactor-product-body) .jiumi-platform-note h3 {
  color: var(--on-primary);
  font-size: 23px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .jiumi-platform-note p {
  color: #e0eee4;
  font-size: 16px;
  line-height: 1.8;
  margin-top: 0;
  max-width: 48em;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .jiumi-platform-note .jiumi-evidence {
  color: #cfe4d5;
  font-size: 14px;
  margin-top: 4px;
}
:where(.refactor-site .refactor-product-body) .jiumi-platform-links {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
}
:where(.refactor-site .refactor-product-body) .jiumi-platform-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 22px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 8px;
  color: var(--on-primary);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
:where(.refactor-site .refactor-product-body) .jiumi-platform-links a:hover {
  background: var(--surface);
  color: var(--primary-deep);
  border-color: var(--on-primary);
}
:where(.refactor-site .refactor-product-body) .jiumi-platform-links a:focus-visible {
  outline: 2px solid #f1d08c;
  outline-offset: 2px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] #business-directory {
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) .service-index {
  border-top: 1px solid var(--line);
  scroll-margin-top: 120px;
}
:where(.refactor-site .refactor-product-body) .service-index-group {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 36px;
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .service-group-label {
  color: var(--muted);
  font-size: 18px;
  padding-top: 2px;
}
:where(.refactor-site .refactor-product-body) .service-index-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
}
:where(.refactor-site .refactor-product-body) .service-index-items article {
  min-width: 0;
}
:where(.refactor-site .refactor-product-body) .service-index h3 {
  font-size: 22px;
  margin-bottom: 8px;
}
:where(.refactor-site .refactor-product-body) .service-entry {
  color: var(--g900);
  display: block;
  min-height: 100%;
  padding: 4px 0 8px;
}
:where(.refactor-site .refactor-product-body) .service-entry h3 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  min-height: 44px;
}
:where(.refactor-site .refactor-product-body) .service-entry:hover h3 {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 6px;
}
:where(.refactor-site .refactor-product-body) .service-index h3 span {
  font-size: 20px;
  color: var(--muted);
  font-weight: 400;
}
:where(.refactor-site .refactor-product-body) .service-index p {
  font-size: 15px;
  line-height: 1.8;
}
:where(.refactor-site .refactor-product-body) .service-consult {
  font-size: 14px;
  margin-top: 8px;
}
:where(.refactor-site .refactor-product-body) .park-followups {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}
:where(.refactor-site .refactor-product-body) .service-kicker {
  margin-bottom: 8px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
}
:where(.refactor-site .refactor-product-body) .partner-ecosystem {
  display: grid;
  grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.3fr);
  gap: 48px;
  margin-top: 48px;
  padding: 32px 0;
  border-block: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .partner-ecosystem > div h3 {
  font-size: clamp(26px, 3vw, 40px);
  margin-bottom: 14px;
}
:where(.refactor-site .refactor-product-body) .partner-ecosystem > div > p:last-child {
  max-width: 30em;
}
:where(.refactor-site .refactor-product-body) .partner-ecosystem dl {
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .partner-ecosystem dl > div {
  display: grid;
  grid-template-columns: minmax(210px, 0.8fr) minmax(0, 1fr);
  gap: 24px;
  padding: 15px 0;
  border-bottom: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .partner-ecosystem dl > div:last-child {
  border-bottom: 0;
}
:where(.refactor-site .refactor-product-body) .partner-ecosystem dt {
  font-weight: 700;
  color: var(--g900);
}
:where(.refactor-site .refactor-product-body) .partner-ecosystem dt span {
  display: inline-block;
  min-width: 3em;
  color: var(--gold);
  font-size: 12px;
  letter-spacing: 0.12em;
}
:where(.refactor-site .refactor-product-body) .partner-ecosystem dd {
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) .service-index-tail {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 16px;
}
:where(.refactor-site .refactor-product-body) .service-index-tail p {
  font-size: 15px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] #local-selection {
  background: var(--soft);
}
:where(.refactor-site .refactor-product-body) .product-empty {
  text-align: center;
  padding: 32px;
  background: var(--surface);
  border: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .product-empty h3 {
  font-size: 23px;
  color: var(--g900);
}
:where(.refactor-site .refactor-product-body) .product-empty > p {
  margin: 14px auto 20px;
  max-width: 44em;
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) .product-empty > .note {
  margin: 16px auto 0;
  font-size: 14px;
}
:where(.refactor-site .refactor-product-body) .product-empty .actions {
  justify-content: center;
}
:where(.refactor-site .refactor-product-body) .product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  gap: 24px;
  padding: 0;
}
:where(.refactor-site .refactor-product-body) .product-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -8px 0 28px;
}
:where(.refactor-site .refactor-product-body) .product-filters a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 7px 14px;
  border: 1px solid var(--line);
  color: var(--g800);
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) .product-filters a[aria-current="page"] {
  background: var(--g800);
  color: var(--on-primary);
  border-color: var(--g800);
}
:where(.refactor-site .refactor-product-body) .product-grid li {
  min-width: 0;
}
:where(.refactor-site .refactor-product-body) .product-card {
  display: block;
  background: var(--surface);
  height: 100%;
}
:where(.refactor-site .refactor-product-body) .product-card > img,
:where(.refactor-site .refactor-product-body) .product-card > .product-image-pending {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: var(--page);
}
:where(.refactor-site .refactor-product-body) .product-card > div:not(.product-image-pending) {
  padding: 18px 20px;
}
:where(.refactor-site .refactor-product-body) .product-card .product-category {
  font-size: 14px;
  color: var(--muted);
  margin-bottom: 8px;
}
:where(.refactor-site .refactor-product-body) .product-card h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
:where(.refactor-site .refactor-product-body) .product-card p {
  font-size: 15px;
  overflow-wrap: anywhere;
}
:where(.refactor-site .refactor-product-body) .product-card .text-link {
  margin-top: 12px;
  font-size: 14px;
}
:where(.refactor-site .refactor-product-body) .product-card:hover h3 {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 5px;
}
:where(.refactor-site .refactor-product-body) .product-image-pending {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  background: var(--soft);
  padding: 24px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] #home-park {
  background: var(--page);
}
:where(.refactor-site .refactor-product-body) .home-park-split {
  display: grid;
  grid-template-columns: 0.82fr 1fr;
  align-items: center;
  gap: 56px;
}
:where(.refactor-site .refactor-product-body) .home-park-image {
  position: relative;
  margin: 0;
  overflow: hidden;
}
:where(.refactor-site .refactor-product-body) .home-park-image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
:where(.refactor-site .refactor-product-body) .home-park-image figcaption {
  position: absolute;
  left: 12px;
  bottom: 12px;
  background: var(--primary-deep);
  color: var(--on-primary);
  padding: 4px 10px;
  font-size: 12px;
}
:where(.refactor-site .refactor-product-body) .home-park .sec-head {
  margin-bottom: 18px;
}
:where(.refactor-site .refactor-product-body) .park-service-links {
  list-style: none;
  padding: 0;
  margin: 20px 0 12px;
}
:where(.refactor-site .refactor-product-body) .park-service-links li {
  border-bottom: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .park-service-links a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  gap: 20px;
  padding-block: 8px;
  color: var(--g900);
}
:where(.refactor-site .refactor-product-body) .park-service-links a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
:where(.refactor-site .refactor-product-body) .home-park .note {
  margin-top: 8px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] #home-activities {
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) .home-contact {
  background: var(--soft);
  padding-block: 32px;
}
:where(.refactor-site .refactor-product-body) .home-contact h2 {
  font-size: 25px;
}
:where(.refactor-site .refactor-product-body) .home-contact p {
  max-width: 42em;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .footer-grid h3,
:where(.refactor-site .refactor-product-body) .refactor-product-body .footer-grid h3 {
  font-weight: 750;
}
:where(.refactor-site .refactor-product-body) .refactor-product-body .product-list-section {
  background: var(--page);
}
:where(.refactor-site .refactor-product-body) .refactor-product-body .selection-preparation {
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) .selection-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  border-block: 1px solid var(--line);
  padding-block: 24px;
  margin-bottom: 18px;
}
:where(.refactor-site .refactor-product-body) .selection-details dt {
  font-size: 20px;
  font-weight: 650;
  margin-bottom: 12px;
}
:where(.refactor-site .refactor-product-body) .selection-details dd {
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) .product-detail-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
:where(.refactor-site .refactor-product-body) .product-detail-image > img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
:where(.refactor-site .refactor-product-body) .product-detail-image .product-image-pending {
  aspect-ratio: 4 / 3;
}
:where(.refactor-site .refactor-product-body) .product-detail-copy h2 {
  font-size: 26px;
}
:where(.refactor-site .refactor-product-body) .product-detail-copy p {
  overflow-wrap: anywhere;
}
:where(.refactor-site .refactor-product-body) .product-detail-copy .btn {
  margin-top: 24px;
}
:where(.refactor-site .refactor-product-body) .product-detail-copy .note {
  margin-top: 16px;
}
:where(.refactor-site .refactor-product-body) .product-specs {
  margin: 20px 0;
}
:where(.refactor-site .refactor-product-body) .product-specs > div {
  display: grid;
  grid-template-columns: 8em minmax(0, 1fr);
  gap: 20px;
  border-bottom: 1px solid var(--line);
  padding: 12px 0;
}
:where(.refactor-site .refactor-product-body) .product-specs dt {
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) .product-specs dd {
  overflow-wrap: anywhere;
}
:where(.refactor-site .refactor-product-body) .product-back {
  padding-bottom: 40px;
}
@media (max-width: 1023px) {
  :where(.refactor-site .refactor-product-body) .jiumi-editorial {
    gap: 32px;
  }
  :where(.refactor-site .refactor-product-body) .jiumi-scope > div {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  :where(.refactor-site .refactor-product-body) .service-index-group {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 24px;
  }
  :where(.refactor-site .refactor-product-body) .service-index-items {
    gap: 28px;
  }
  :where(.refactor-site .refactor-product-body) .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(.refactor-site .refactor-product-body) .home-park-split {
    gap: 32px;
    grid-template-columns: 1fr 1fr;
  }
  :where(.refactor-site .refactor-product-body) .jiumi-platform-note {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  :where(.refactor-site .refactor-product-body) .jiumi-platform-links {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px 32px;
  }
  :where(.refactor-site .refactor-product-body) .home-contact .close-inner {
    display: block;
  }
  :where(.refactor-site .refactor-product-body) .home-contact .actions {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  :where(.refactor-site .refactor-product-body) [data-page="home"] {
    --section-gap: 36px;
  }
  :where(.refactor-site .refactor-product-body) .section-heading-row {
    align-items: start;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
  }
  :where(.refactor-site .refactor-product-body) .section-heading-row > a {
    flex-shrink: 1;
  }
  :where(.refactor-site .refactor-product-body) .jiumi-editorial {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 24px;
  }
  :where(.refactor-site .refactor-product-body) .desktop-break {
    display: none;
  }
  :where(.refactor-site .refactor-product-body) .jiumi-purpose h3 {
    font-size: 34px;
  }
  :where(.refactor-site .refactor-product-body) .jiumi-scope {
    gap: 16px;
  }
  :where(.refactor-site .refactor-product-body) .jiumi-scope > div {
    grid-template-columns: 1fr;
    gap: 6px;
    padding-bottom: 14px;
  }
  :where(.refactor-site .refactor-product-body) .jiumi-platform-note {
    padding: 24px 20px;
    gap: 16px;
  }
  :where(.refactor-site .refactor-product-body) .jiumi-platform-note h3 {
    font-size: 21px;
  }
  :where(.refactor-site .refactor-product-body) .jiumi-platform-links {
    flex-direction: column;
    gap: 4px;
  }
  :where(.refactor-site .refactor-product-body) .service-index-group {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px 0;
  }
  :where(.refactor-site .refactor-product-body) .service-index-items {
    gap: 20px;
  }
  :where(.refactor-site .refactor-product-body) .service-index h3 {
    font-size: 20px;
  }
  :where(.refactor-site .refactor-product-body) .service-entry h3 {
    align-items: start;
  }
  :where(.refactor-site .refactor-product-body) .service-index-tail {
    flex-wrap: wrap;
    gap: 0 16px;
  }
  :where(.refactor-site .refactor-product-body) .product-empty {
    padding: 28px 20px;
  }
  :where(.refactor-site .refactor-product-body) .product-empty h3 {
    font-size: 21px;
  }
  :where(.refactor-site .refactor-product-body) .product-grid {
    gap: 20px;
  }
  :where(.refactor-site .refactor-product-body) .product-card > div:not(.product-image-pending) {
    padding: 16px;
  }
  :where(.refactor-site .refactor-product-body) .home-park-split {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  :where(.refactor-site .refactor-product-body) .home-park-image img {
    aspect-ratio: 16 / 9;
  }
  :where(.refactor-site .refactor-product-body) .home-contact h2 {
    font-size: 23px;
  }
  :where(.refactor-site .refactor-product-body) .selection-details {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  :where(.refactor-site .refactor-product-body) .product-detail-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  :where(.refactor-site .refactor-product-body) .product-detail-image {
    max-width: 100%;
  }
  :where(.refactor-site .refactor-product-body) .partner-ecosystem {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 36px;
  }
  :where(.refactor-site .refactor-product-body) .partner-ecosystem dl > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
@media (max-width: 479px) {
  :where(.refactor-site .refactor-product-body) .service-index-items,
  :where(.refactor-site .refactor-product-body) .product-grid {
    grid-template-columns: 1fr;
  }
  :where(.refactor-site .refactor-product-body) .service-index-items {
    gap: 16px;
  }
  :where(.refactor-site .refactor-product-body) .product-card {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    align-items: start;
  }
  :where(.refactor-site .refactor-product-body) .product-card > img,
  :where(.refactor-site .refactor-product-body) .product-card > .product-image-pending {
    aspect-ratio: 1;
  }
  :where(.refactor-site .refactor-product-body) .product-card .product-image-pending {
    padding: 12px;
    font-size: 13px;
  }
  :where(.refactor-site .refactor-product-body) .product-card > div:not(.product-image-pending) {
    padding: 0 0 0 16px;
  }
  :where(.refactor-site .refactor-product-body) .product-card h3 {
    font-size: 18px;
  }
  :where(.refactor-site .refactor-product-body) .product-card .product-category {
    margin-bottom: 6px;
  }
  :where(.refactor-site .refactor-product-body) .product-card .text-link {
    margin-top: 4px;
  }
}

/* 首页选品：单排浏览；完整产品目录保留原来的网格。 */
:where(.refactor-site .refactor-product-body) .home-product-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: -12px 0 12px;
}
:where(.refactor-site .refactor-product-body) .home-product-controls > span {
  margin-right: 8px;
  color: var(--muted);
  font-size: 13px;
}
:where(.refactor-site .refactor-product-body) .home-product-controls button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--primary);
  background: var(--surface);
  cursor: pointer;
}
:where(.refactor-site .refactor-product-body) .home-product-controls button:hover:not(:disabled) {
  color: white;
  background: var(--primary);
  border-color: var(--primary);
}
:where(.refactor-site .refactor-product-body) .home-product-controls button:disabled {
  opacity: 0.35;
  cursor: default;
}
:where(.refactor-site .refactor-product-body) .home-product-controls button:focus-visible,
:where(.refactor-site .refactor-product-body) .home-product-viewport:focus-visible {
  outline: 2px solid var(--gold2, #c9a227);
  outline-offset: 3px;
}
:where(.refactor-site .refactor-product-body) .home-product-viewport {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: var(--g700) var(--soft);
  padding-bottom: 12px;
}
:where(.refactor-site .refactor-product-body) .home-product-track.product-grid {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 48px) / 4);
  gap: 16px;
  margin: 0;
}
:where(.refactor-site .refactor-product-body) .home-product-track > li {
  scroll-snap-align: start;
}
:where(.refactor-site .refactor-product-body) .home-product-track .product-card {
  display: flex;
  flex-direction: column;
}
:where(.refactor-site .refactor-product-body) .home-product-track .product-card > img,
:where(.refactor-site .refactor-product-body) .home-product-track .product-card > .product-image-pending {
  height: 160px;
  aspect-ratio: auto;
  object-fit: contain;
}
:where(.refactor-site .refactor-product-body) .home-product-track .product-card > div:not(.product-image-pending) {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 12px 16px 14px;
}
:where(.refactor-site .refactor-product-body) .home-product-track .product-card .product-category {
  font-size: 13px;
  margin: 0 0 4px;
}
:where(.refactor-site .refactor-product-body) .home-product-track .product-card h3 {
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 8px;
}
:where(.refactor-site .refactor-product-body) .home-product-track .product-card .product-summary {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.65;
  margin: 0 0 10px;
}
:where(.refactor-site .refactor-product-body) .home-product-track .product-card .text-link {
  margin-top: auto;
  font-size: 13px;
}
@media (max-width: 1023px) {
  :where(.refactor-site .refactor-product-body) .home-product-track.product-grid {
    grid-auto-columns: calc((100% - 32px) / 3);
  }
}
@media (max-width: 767px) {
  :where(.refactor-site .refactor-product-body) .home-product-track.product-grid {
    grid-auto-columns: min(80%, 280px);
    gap: 12px;
  }
  :where(.refactor-site .refactor-product-body) .home-product-controls {
    margin-top: -4px;
  }
  :where(.refactor-site .refactor-product-body) .home-product-controls button {
    width: 40px;
    height: 40px;
  }
  :where(.refactor-site .refactor-product-body) .home-product-track .product-card > img,
  :where(.refactor-site .refactor-product-body) .home-product-track .product-card > .product-image-pending {
    height: 144px;
  }
}

:where(.refactor-site .refactor-product-body) .jiumi-purpose .jiumi-sunshine {
  color: #d77817;
}

:where(.refactor-site .refactor-product-body) .jiumi-highlights {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
}
:where(.refactor-site .refactor-product-body) .jiumi-highlights li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  font-size: 17px;
  line-height: 1.6;
}
:where(.refactor-site .refactor-product-body) .jiumi-highlights li:first-child {
  padding-top: 0;
}
:where(.refactor-site .refactor-product-body) .jiumi-highlight-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  color: var(--primary, #166534);
}
:where(.refactor-site .refactor-product-body) .jiumi-highlight-icon svg {
  width: 24px;
  height: 24px;
}
:where(.refactor-site .refactor-product-body) .jiumi-highlight-text {
  flex: 1;
  min-width: 0;
}

:where(.refactor-site .refactor-product-body) .home-service-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-block: 8px 0;
}
:where(.refactor-site .refactor-product-body) .home-service-grid article {
  min-width: 0;
  display: flex;
  border-bottom: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) .home-service-grid .service-entry {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  width: 100%;
  padding: 24px 4px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transition: background 0.15s;
  cursor: pointer;
}
:where(.refactor-site .refactor-product-body) .home-service-grid .service-entry:hover {
  background: rgba(22, 101, 52, 0.04);
}
:where(.refactor-site .refactor-product-body) .service-entry-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #eaf2ec;
  color: var(--primary, #166534);
}
:where(.refactor-site .refactor-product-body) .service-entry-icon svg {
  width: 22px;
  height: 22px;
}
:where(.refactor-site .refactor-product-body) .service-entry-body {
  flex: 1;
  min-width: 0;
}
:where(.refactor-site .refactor-product-body) .home-service-grid .service-entry h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--g900);
  margin: 0 0 8px;
  display: block;
  min-height: 0;
  line-height: 1.4;
}
:where(.refactor-site .refactor-product-body) .home-service-grid .service-entry p {
  /* Directory descriptions use the remaining row, not the article measure. */
  max-width: none;
  font-size: 14px;
  line-height: 1.75;
  color: var(--muted);
  margin: 0;
  overflow-wrap: anywhere;
}
:where(.refactor-site .refactor-product-body) .service-entry-more {
  flex-shrink: 0;
  align-self: center;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary, #166534);
  white-space: nowrap;
  padding-left: 16px;
}
:where(.refactor-site .refactor-product-body) .home-service-grid .service-entry:hover .service-entry-more {
  text-decoration: underline;
  text-underline-offset: 3px;
}
:where(.refactor-site .refactor-product-body) .industry-breakdown {
  display: grid;
  gap: 14px;
  margin-top: 4px;
}
:where(.refactor-site .refactor-product-body) .industry-group {
  display: grid;
  gap: 4px;
}
:where(.refactor-site .refactor-product-body) .industry-group strong {
  font-size: 14px;
  color: var(--gov-green, #166534);
  font-weight: 600;
}
:where(.refactor-site .refactor-product-body) .industry-group span {
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) .home-ai-link {
  display: inline-block;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.8;
}
@media (max-width: 1023px) {
  :where(.refactor-site .refactor-product-body) .home-service-grid {
    gap: 14px;
  }
}
@media (max-width: 640px) {
  :where(.refactor-site .refactor-product-body) .home-service-grid {
    gap: 12px;
  }
  :where(.refactor-site .refactor-product-body) .home-service-grid .service-entry {
    padding: 18px;
    gap: 14px;
  }
  :where(.refactor-site .refactor-product-body) .service-entry-more {
    display: none;
  }
}

:where(.refactor-site .refactor-product-body) .home-localization {
  background: var(--page);
}
:where(.refactor-site .refactor-product-body) .localization-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 8px;
}
:where(.refactor-site .refactor-product-body) .localization-card {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
}
:where(.refactor-site .refactor-product-body) .localization-tag {
  display: block;
  font-size: 13px;
  color: var(--muted);
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}
:where(.refactor-site .refactor-product-body) .localization-card h3 {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 700;
  color: var(--g900);
}
@media (max-width: 900px) {
  :where(.refactor-site .refactor-product-body) .localization-list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* ============================================================
   首页字号规范
   通过 [data-page="home"] 作用域覆盖全局 body 字号，
   不影响后台与其他前台页面。
   移动端断点 767px，下钻一档避免溢出。
   ============================================================ */
:where(.refactor-site .refactor-product-body) [data-page="home"] {
  font-size: 17px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .section {
  font-size: 17px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .sec-head h2 {
  font-size: 32px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .sec-head p {
  font-size: 17px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .jiumi-purpose h3 {
  font-size: clamp(50px, 4.6vw, 64px);
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .jiumi-purpose > p {
  font-size: 20px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .jiumi-highlights li {
  font-size: 18px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .jiumi-platform-note h3 {
  font-size: 25px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .jiumi-platform-note p {
  font-size: 17px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .jiumi-platform-note .jiumi-evidence {
  font-size: 15px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .home-service-grid .service-entry h3 {
  font-size: 19px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .home-service-grid .service-entry p,
:where(.refactor-site .refactor-product-body) [data-page="home"] .industry-group span,
:where(.refactor-site .refactor-product-body) [data-page="home"] .industry-group strong {
  font-size: 15.5px;
  line-height: 1.8;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .localization-card h3 {
  font-size: 19px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .localization-card p {
  font-size: 16.5px;
  line-height: 1.8;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .lead {
  font-size: 21px;
}
@media (max-width: 767px) {
  :where(.refactor-site .refactor-product-body) [data-page="home"] {
    font-size: 16px;
  }
  :where(.refactor-site .refactor-product-body) [data-page="home"] .sec-head h2 {
    font-size: 28px;
  }
  :where(.refactor-site .refactor-product-body) [data-page="home"] .jiumi-purpose h3 {
    font-size: 36px;
  }
  :where(.refactor-site .refactor-product-body) [data-page="home"] .jiumi-purpose > p {
    font-size: 18px;
  }
  :where(.refactor-site .refactor-product-body) [data-page="home"] .jiumi-highlights li {
    font-size: 17px;
  }
}

/* Secondary pages inherit their type and rhythm from the homepage baseline.
   The semantic values live in portal-reading.css, which is loaded last. */
:where(.refactor-site .refactor-product-body) :is(
  [data-page="services"],
  [data-page="jiumi"],
  [data-page="overseas"],
  [data-page="park"],
  [data-page="contact"]
) {
  font-size: var(--portal-copy-size);
}
:where(.refactor-site .refactor-product-body) :is(
  [data-page="services"],
  [data-page="jiumi"],
  [data-page="overseas"],
  [data-page="park"],
  [data-page="contact"]
) :is(.section, .section p, .asym-primary p, .regional-content p, .park-prose, .company-intro p) {
  font-size: var(--portal-copy-size);
  line-height: var(--leading-copy);
}
:where(.refactor-site .refactor-product-body) :is(
  [data-page="services"],
  [data-page="jiumi"],
  [data-page="overseas"],
  [data-page="park"],
  [data-page="contact"]
) .sec-head h2 {
  font-size: var(--portal-section-title-size);
}
:where(.refactor-site .refactor-product-body) :is(
  [data-page="services"],
  [data-page="jiumi"],
  [data-page="overseas"],
  [data-page="park"],
  [data-page="contact"]
) .lead {
  font-size: var(--portal-lead-size);
}
:where(.refactor-site .refactor-product-body) :is(
  [data-page="services"],
  [data-page="jiumi"],
  [data-page="overseas"],
  [data-page="park"],
  [data-page="contact"]
) :is(.note-box p, .note, .figure-note, figcaption) {
  font-size: var(--portal-meta-size);
  line-height: var(--leading-meta);
}
/* 二级页卡片圆角统一为 12px，与首页卡片基线一致 */
:where(.refactor-site .refactor-product-body) [data-page="services"] .asym-secondary,
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .asym-secondary,
:where(.refactor-site .refactor-product-body) [data-page="overseas"] .asym-secondary,
:where(.refactor-site .refactor-product-body) [data-page="park"] .asym-secondary,
:where(.refactor-site .refactor-product-body) [data-page="services"] .note-box,
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .note-box,
:where(.refactor-site .refactor-product-body) [data-page="overseas"] .note-box,
:where(.refactor-site .refactor-product-body) [data-page="park"] .note-box,
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .trust-grid article,
:where(.refactor-site .refactor-product-body) [data-page="park"] .park-overview-module,
:where(.refactor-site .refactor-product-body) [data-page="park"] .scene-captions article {
  border-radius: 12px;
}
/* 九米页：六类平台能力去图后，右侧文案放大并铺满 */
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .showcase-copy {
  padding: 48px 56px;
  align-self: center;
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .showcase-copy h3 {
  font-size: var(--portal-card-title-size);
  margin-bottom: var(--gap-title-copy);
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .showcase-copy > .lead {
  font-size: var(--portal-lead-size);
  line-height: var(--leading-copy);
  margin-bottom: var(--gap-submodule);
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .showcase-copy dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 48px;
  margin-top: 8px;
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .showcase-copy dl dt {
  font-size: var(--portal-meta-size);
  margin-bottom: var(--gap-title-copy);
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .showcase-copy dl dd {
  font-size: var(--portal-copy-size);
  line-height: var(--leading-copy);
}
@media (max-width: 900px) {
  :where(.refactor-site .refactor-product-body) [data-page="jiumi"] .showcase-copy {
    padding: 28px 24px;
  }
  :where(.refactor-site .refactor-product-body) [data-page="jiumi"] .showcase-copy dl {
    grid-template-columns: 1fr;
  }
}

/* /services 区域与园区合作：左图，右列三张白卡竖排；移动端图在上、卡在下 */
:where(.refactor-site .refactor-product-body) [data-page="services"] .government-grid {
  grid-template-columns: 1fr 1fr;
  align-items: start;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] .government-grid .asym-image {
  grid-row: 1 / span 3;
  grid-column: 1;
  min-height: 0;
  aspect-ratio: auto;
  height: 100%;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] .government-grid .asym-primary,
:where(.refactor-site .refactor-product-body) [data-page="services"] .government-grid .asym-secondary {
  grid-column: 2;
  background: var(--surface);
}
@media (max-width: 900px) {
  :where(.refactor-site .refactor-product-body) [data-page="services"] .government-grid {
    grid-template-columns: 1fr;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] .government-grid .asym-image {
    grid-row: auto;
    grid-column: auto;
    aspect-ratio: 16 / 10;
    height: auto;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] .government-grid .asym-primary,
  :where(.refactor-site .refactor-product-body) [data-page="services"] .government-grid .asym-secondary {
    grid-column: auto;
  }
}

/* /overseas 香港、马来西亚：收紧配图高度，避免图比文字还高 */
/* /overseas 与 /services 配图：让图填满所在列高度，与文字列等高，object-fit 裁剪 */
:where(.refactor-site .refactor-product-body) [data-page="overseas"] .hongkong-grid .asym-image,
:where(.refactor-site .refactor-product-body) [data-page="overseas"] .regional-split .regional-image,
:where(.refactor-site .refactor-product-body) [data-page="services"] .regional-split .regional-image {
  align-self: stretch;
  min-height: 0;
  aspect-ratio: auto;
}
:where(.refactor-site .refactor-product-body) [data-page="overseas"] .hongkong-grid .asym-image img,
:where(.refactor-site .refactor-product-body) [data-page="overseas"] .regional-split .regional-image img,
:where(.refactor-site .refactor-product-body) [data-page="services"] .regional-split .regional-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
:where(.refactor-site .refactor-product-body) [data-page="overseas"] .hongkong-grid .asym-image img,
:where(.refactor-site .refactor-product-body) [data-page="overseas"] .regional-split .regional-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* /services 产业带：左图右横线清单（参考马来西亚版式），紧凑不撑高 */
:where(.refactor-site .refactor-product-body) [data-page="services"] #industry .process-band {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #industry .process-band li {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 24px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #industry .process-band li:last-child {
  border-bottom: 0;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #industry .process-band h3 {
  margin: 0;
  font-size: var(--portal-card-title-size);
  line-height: var(--leading-heading);
  color: var(--gov-green);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #industry .process-band p {
  margin: 0;
  font-size: var(--portal-copy-size);
  line-height: var(--leading-copy);
}
@media (max-width: 900px) {
  :where(.refactor-site .refactor-product-body) [data-page="services"] #industry .process-band li {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

/* /overseas 香港：lead 与下方清单之间拉开间距，避免首条横线紧贴 */
:where(.refactor-site .refactor-product-body) [data-page="overseas"] #hongkong .lead {
  margin-bottom: 24px;
}

/* 产品卡片"查看产品详情"去掉下划线 */
:where(.refactor-site .refactor-product-body) .product-detail-link { text-decoration: none; }

/* === 首页轻量优化（英文小标签 / 编号 / pill / 箭头） === */
:where(.refactor-site .refactor-product-body) .eyebrow {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--muted, #6b7280);
}
:where(.refactor-site .refactor-product-body) .hero-rule {
  display: block;
  width: 60px;
  height: 3px;
  margin: 18px 0 0;
  border-radius: 2px;
  background: var(--primary, #166534);
}
:where(.refactor-site .refactor-product-body) .hero-cta-note {
  margin: 14px 0 0;
  font-size: 13px;
  color: var(--muted, #6b7280);
}
:where(.refactor-site .refactor-product-body) .jiumi-num {
  min-width: 28px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  font-variant-numeric: tabular-nums;
  color: var(--primary, #166534);
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .svc-num {
  min-width: 30px;
  padding-top: 5px;
  font-size: 14px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--primary, #166534);
}
:where(.refactor-site .refactor-product-body) .pill-list {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
:where(.refactor-site .refactor-product-body) .pill-list li {
  padding: 5px 12px;
  border: 1px solid var(--line, #e4e3dd);
  border-radius: 999px;
  background: var(--soft, #f4f3ee);
  font-size: 13px;
  line-height: 1.5;
  color: var(--g900, #1a1b1c);
}
:where(.refactor-site .refactor-product-body) .pill-list li::before {
  display: none;
}
:where(.refactor-site .refactor-product-body) .link-arrow {
  margin-left: 8px;
  font-weight: 600;
  transition: transform 0.15s ease;
}
:where(.refactor-site .refactor-product-body) a:hover .link-arrow {
  transform: translateX(2px);
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .home-park-image figcaption {
  left: auto;
  right: 12px;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .home-park .note {
  font-size: 13px;
  color: var(--muted, #6b7280);
}

/* Public-page reading baseline: match the Jiumi practice-case statement.
   Loaded after page styles; admin typography remains independent. */
.refactor-site .refactor-product-body {
  --portal-copy-size: 18px;
}

:where(.refactor-site .refactor-product-body) [data-page] {
  --body: var(--portal-copy-size);
  --card-copy-size: var(--portal-copy-size);

  /* Reading rhythm is independent of the legacy --space-* scale. */
  --leading-page-title: 1.3;
  --leading-heading: 1.4;
  --leading-copy: 1.8;
  --leading-meta: 1.6;
  --gap-heading-subtitle: 12px;
  --gap-heading-content: 24px;
  --gap-title-copy: 8px;
  --gap-paragraph: 16px;
  --gap-list-item-y: 16px;
  --gap-copy-actions: 24px;
  --card-padding: 24px;
  --gap-submodule: 32px;
  --section-padding-y: 40px;
}

/* The homepage is the source of truth. These aliases apply only to the five
   public secondary pages and leave both home and admin untouched. */
:where(.refactor-site .refactor-product-body) :is(
  [data-page="services"],
  [data-page="overseas"],
  [data-page="park"],
  [data-page="contact"],
  [data-page="jiumi"]
) {
  --portal-page-title-size: clamp(36px, 3.4vw, 50px);
  --portal-section-title-size: 32px;
  --portal-card-title-size: 19px;
  --portal-lead-size: var(--portal-copy-size);
  --portal-meta-size: 15px;
  --portal-button-size: 16px;
  --portal-button-height: 48px;
  --portal-button-padding-y: 10px;
  --portal-button-padding-x: 20px;
}

:where(.refactor-site .refactor-product-body) [data-page]
  #app
  :is(
    p:not(.eyebrow),
    dd,
    li,
    figcaption,
    .industry-group span,
    .industry-group strong,
    .jiumi-highlight-text,
    .activity-title > span,
    .activity-detail,
    .park-prose
  ),
    :where(.refactor-site .refactor-product-body) [data-page] .site-footer :is(p, a, button, .footer-bottom > span) {
  font-size: var(--portal-copy-size);
  line-height: var(--leading-copy);
}

/* Brand compositions, forms and special panels keep their own rhythm.
   :where() keeps these exclusions from increasing selector specificity. */
:where(.refactor-site .refactor-product-body) [data-page] #app .page-head h1,
:where(.refactor-site .refactor-product-body) [data-page]:not([data-page="home"]) #app .hero-copy h1 {
  line-height: var(--leading-page-title);
}

:where(.refactor-site .refactor-product-body) [data-page]
  #app
  :is(h2, h3, dt):not(
    :where(
      .hero *,
      .home-jiumi *,
      .note-box *,
      .form-card *,
      .contact-aside *,
      .company-facts *,
      .service-diagram *,
      .flow-diagram *,
      .showcase-panel *
    )
  ) {
  line-height: var(--leading-heading);
}

:where(.refactor-site .refactor-product-body) [data-page]
  #app
  :is(figcaption, time, p.note, .note, .figure-note):not(
    :where(
      .hero *,
      .home-jiumi *,
      .note-box *,
      .form-card *,
      .contact-aside *,
      .company-facts *,
      .service-diagram *,
      .flow-diagram *,
      .showcase-panel *
    )
  ) {
  line-height: var(--leading-meta);
}

:where(.refactor-site .refactor-product-body) [data-page]
  #app
  p
  + p:not(
    :where(
      .hero *,
      .home-jiumi *,
      .note-box *,
      .form-card *,
      .contact-aside *,
      .company-facts *,
      .service-diagram *,
      .flow-diagram *,
      .showcase-panel *,
      .industry-breakdown > p
    )
  ) {
  margin-top: var(--gap-paragraph);
}

:where(.refactor-site .refactor-product-body) [data-page]
  #app
  :is(.sec-head, .section-heading-row):not(:where(.home-jiumi *)) {
  margin-bottom: var(--gap-heading-content);
}
:where(.refactor-site .refactor-product-body) [data-page] #app .section-heading-row > .sec-head {
  margin-bottom: 0;
}
:where(.refactor-site .refactor-product-body) [data-page]
  #app
  .sec-head
  > :is(p, .lead):not(:where(.eyebrow, .home-jiumi *)) {
  margin-top: var(--gap-heading-subtitle);
}

/* True content cards only; never use .section article as a catch-all. */
:where(.refactor-site .refactor-product-body) [data-page]
  #app
  :is(
    .marketing-card,
    .info-grid > article,
    .local-card-body,
    .localization-card
  ) {
  padding: var(--card-padding);
}
:where(.refactor-site .refactor-product-body) [data-page]
  #app
  :is(
    .marketing-card,
    .info-grid > article,
    .local-card-body,
    .localization-card,
    .service-entry,
    .service-entry-body
  )
  > :is(h2, h3, dt) {
  margin-bottom: 0;
  padding-bottom: 0;
}
:where(.refactor-site .refactor-product-body) [data-page]
  #app
  :is(
    .marketing-card,
    .info-grid > article,
    .local-card-body,
    .localization-card,
    .service-entry,
    .service-entry-body
  )
  > :is(h2, h3, dt)
  + :is(p, dd, .industry-breakdown) {
  margin-top: var(--gap-title-copy);
}

/* A directory row owns its vertical padding; its wrapper adds no item padding.
   Existing horizontal padding and all grid/flex gaps remain independent. */
:where(.refactor-site .refactor-product-body) [data-page] #app :is(.home-service-grid .service-entry, .regional-list > div) {
  padding-block: var(--gap-list-item-y);
}
/* Legacy grouped service modules use the larger role, not item + module space. */
:where(.refactor-site .refactor-product-body) [data-page] #app :is(.service-index-group, .cooperation-list > div) {
  padding-block: var(--gap-submodule);
}
:where(.refactor-site .refactor-product-body) [data-page]
  #app
  .section
  .actions:not(
    :where(
      .hero *,
      .home-jiumi *,
      .note-box *,
      .form-card *,
      .contact-aside *,
      .company-facts *,
      .service-diagram *,
      .flow-diagram *,
      .showcase-panel *
    )
  ) {
  margin-top: var(--gap-copy-actions);
}

/* Navigable viewing entries share one treatment across public pages. */
:where(.refactor-site .refactor-product-body) [data-page] .portal-view-link {
  color: var(--gov-green, var(--primary));
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
:where(.refactor-site .refactor-product-body) [data-page] .portal-view-link:hover {
  color: var(--g900);
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .park-service-links a:hover {
  text-decoration: none;
}

/* Secondary-page service guide uses the same card-title and helper levels as home. */
:where(.refactor-site .refactor-product-body) :is([data-page="services"], [data-page="overseas"], [data-page="park"])
  #app
  .service-guide
  .guide-label {
  gap: var(--gap-paragraph);
  margin-bottom: var(--gap-heading-content);
}
:where(.refactor-site .refactor-product-body) :is([data-page="services"], [data-page="overseas"], [data-page="park"])
  #app
  .service-guide
  .guide-label
  > span {
  font-size: var(--portal-card-title-size);
  font-weight: 700;
  line-height: var(--leading-heading);
}
:where(.refactor-site .refactor-product-body) :is([data-page="services"], [data-page="overseas"], [data-page="park"])
  #app
  .service-guide
  .guide-label
  > p {
  font-size: var(--portal-meta-size);
  line-height: var(--leading-meta);
}

/* Canonical secondary-page hierarchy mirrors the current homepage. */
:where(.refactor-site .refactor-product-body) :is(
    [data-page="services"],
    [data-page="overseas"],
    [data-page="park"],
    [data-page="contact"],
    [data-page="jiumi"]
  )
  #app
  .page-head {
  padding-block: var(--section-padding-y);
}
:where(.refactor-site .refactor-product-body) :is(
    [data-page="services"],
    [data-page="overseas"],
    [data-page="park"],
    [data-page="contact"],
    [data-page="jiumi"]
  )
  #app
  .page-head
  h1 {
  margin: 0;
  font-size: var(--portal-page-title-size);
  font-weight: 650;
  line-height: 1.4;
}
:where(.refactor-site .refactor-product-body) :is(
    [data-page="services"],
    [data-page="overseas"],
    [data-page="park"],
    [data-page="contact"],
    [data-page="jiumi"]
  )
  #app
  .page-head
  p {
  margin-top: var(--gap-heading-subtitle);
  font-size: var(--portal-copy-size);
  line-height: var(--leading-copy);
}
:where(.refactor-site .refactor-product-body) :is(
    [data-page="services"],
    [data-page="overseas"],
    [data-page="park"],
    [data-page="contact"],
    [data-page="jiumi"]
  )
  #app
  h2 {
  margin-block: 0;
  font-size: var(--portal-section-title-size);
  font-weight: 650;
  line-height: var(--leading-heading);
}
:where(.refactor-site .refactor-product-body) :is(
    [data-page="services"],
    [data-page="overseas"],
    [data-page="park"],
    [data-page="contact"],
    [data-page="jiumi"]
  )
  #app
  :is(h3, h4) {
  margin-block: 0;
  font-size: var(--portal-card-title-size);
  font-weight: 700;
  line-height: var(--leading-heading);
}
:where(.refactor-site .refactor-product-body) :is(
    [data-page="services"],
    [data-page="overseas"],
    [data-page="park"],
    [data-page="contact"],
    [data-page="jiumi"]
  )
  #app
  :is(h2, h3, h4)
  + :is(p, .lead) {
  margin-top: var(--gap-title-copy);
}
:where(.refactor-site .refactor-product-body) :is(
    [data-page="services"],
    [data-page="overseas"],
    [data-page="park"],
    [data-page="contact"],
    [data-page="jiumi"]
  )
  #app
  :is(
    .service-list dt,
    .capability-grid dt,
    .cooperation-list dt,
    .destination-grid dt,
    .regional-list dt,
    .asym-services dt,
    .partner-ecosystem dt,
    .guide-grid strong,
    .activity-title strong
  ) {
  font-size: var(--portal-card-title-size);
  font-weight: 700;
  line-height: var(--leading-heading);
}
:where(.refactor-site .refactor-product-body) :is(
    [data-page="services"],
    [data-page="overseas"],
    [data-page="park"],
    [data-page="contact"],
    [data-page="jiumi"]
  )
  :is(.site-header, #app)
  .btn {
  min-height: var(--portal-button-height);
  padding: var(--portal-button-padding-y) var(--portal-button-padding-x);
  font-size: var(--portal-button-size);
  line-height: 1.5;
}

/* /contact only: a compact selection-to-form task flow. */
:where(.refactor-site .refactor-product-body) [data-page="contact"] {
  --contact-choice-title-size: 28px;
  --contact-tab-title-size: 20px;
  --contact-form-title-size: 30px;
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-choice {
  margin-bottom: var(--gap-heading-content);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-choice h2 {
  margin: 0;
  font-size: var(--contact-choice-title-size);
  font-weight: 700;
  line-height: var(--leading-heading);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-choice p {
  max-width: 42em;
  margin-top: var(--gap-heading-subtitle);
  font-size: var(--portal-copy-size);
  line-height: var(--leading-copy);
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .tabs#form-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap-heading-subtitle);
  margin: 0 0 var(--gap-heading-content);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .tabs#form-tabs button {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: var(--gap-heading-subtitle);
  row-gap: 4px;
  align-content: center;
  min-height: 96px;
  padding: var(--gap-paragraph) var(--gap-copy-actions);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: none;
  color: var(--ink);
  text-align: left;
  transform: none;
  transition:
    background var(--transition-fast),
    border-color var(--transition-fast),
    color var(--transition-fast);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .tabs#form-tabs .line-icon {
  grid-row: 1 / span 2;
  align-self: start;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .tabs#form-tabs strong {
  font-size: var(--contact-tab-title-size);
  font-weight: 700;
  line-height: var(--leading-heading);
  color: var(--ink);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .tabs#form-tabs span {
  max-width: 34em;
  font-size: 16px;
  font-weight: 400;
  line-height: var(--leading-meta);
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .tabs#form-tabs button:hover {
  border-color: var(--primary);
  background: var(--soft);
  box-shadow: none;
  transform: none;
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .tabs#form-tabs button[aria-selected="true"] {
  border-color: var(--primary);
  background: var(--soft);
  box-shadow: none;
}
:where(.refactor-site .refactor-product-body) [data-page="contact"]
  #app
  .tabs#form-tabs
  button[aria-selected="true"]
  :is(.line-icon, strong) {
  color: var(--primary);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .tabs#form-tabs button[aria-selected="true"] span {
  color: var(--ink);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-card {
  padding: var(--card-padding);
  border-color: var(--line);
  border-radius: var(--radius-md);
  box-shadow: none;
  scroll-margin-top: calc(100px + var(--gap-heading-content));
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-card > h3 {
  margin: 0;
  font-size: var(--contact-form-title-size);
  font-weight: 700;
  line-height: 1.3;
  color: var(--ink);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-card > .note {
  margin: var(--gap-title-copy) 0 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-card > form {
  margin-top: var(--space-3);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-card > form > .frow {
  row-gap: var(--gap-paragraph);
  column-gap: var(--gap-copy-actions);
  margin-top: 0;
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-card .fitem label {
  margin-bottom: var(--gap-title-copy);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--ink);
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-card .fitem label i {
  margin-left: 4px;
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-card :is(input, select, textarea) {
  min-height: 48px;
  padding: 10px var(--gap-heading-subtitle);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-sm);
  font-size: 16px;
  line-height: 1.5;
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-card textarea {
  min-height: 112px;
}
:where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-card .submit-row {
  gap: 0;
  margin-top: var(--gap-copy-actions);
}

/* Home-only card heading; the catalogue and carousel behavior stay independent. */
:where(.refactor-site .refactor-product-body) [data-page="home"] #app .home-product-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-title-copy);
  margin-bottom: var(--gap-title-copy);
}
:where(.refactor-site .refactor-product-body) [data-page="home"] #app .home-product-heading h3 {
  flex: 1;
  min-width: 0;
  margin: 0;
}
:where(.refactor-site .refactor-product-body) [data-page="home"] #app .home-product-tag {
  flex: 0 0 auto;
  max-width: 48%;
  padding: 2px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--soft);
  color: var(--primary);
  font-size: 12px;
  font-weight: 500;
  line-height: var(--leading-meta);
  overflow-wrap: anywhere;
}

/* /services only: customs capability hierarchy and readable AI service blocks. */
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-heading {
  max-width: 68em;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-heading .lead {
  max-width: 62em;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-capabilities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: calc(var(--gap-submodule) + var(--gap-paragraph));
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-capabilities li {
  display: grid;
  grid-template-columns: var(--card-padding) minmax(0, 1fr);
  column-gap: var(--gap-title-copy);
  align-content: start;
  padding-block: var(--card-padding);
  border-top: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-capability-number {
  color: var(--gold);
  font-size: var(--portal-meta-size);
  font-weight: 700;
  line-height: var(--leading-heading);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-capabilities h3 {
  font-size: var(--portal-card-title-size);
  font-weight: 700;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-capabilities p {
  grid-column: 2;
  margin-top: var(--gap-title-copy);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-service-chain {
  margin-top: var(--gap-title-copy);
  padding-block: var(--card-padding);
  border-block: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-service-chain h3 {
  font-size: var(--portal-card-title-size);
  font-weight: 700;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-steps {
  display: flex;
  align-items: stretch;
  margin: var(--gap-heading-subtitle) 0 0;
  padding: 0;
  list-style: none;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-steps li {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  align-items: center;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-node {
  display: grid;
  min-width: 0;
  min-height: calc(var(--card-padding) * 3);
  flex: 1 1 auto;
  place-content: center;
  padding: var(--gap-paragraph);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
  text-align: center;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-node > strong {
  color: var(--g900);
  font-size: var(--portal-card-title-size);
  font-weight: 700;
  line-height: var(--leading-heading);
  text-wrap: pretty;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-arrow {
  position: relative;
  width: var(--gap-heading-content);
  height: 1px;
  flex: 0 0 var(--gap-heading-content);
  margin-inline: var(--gap-title-copy);
  background: var(--primary);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-arrow::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: var(--gap-title-copy);
  height: var(--gap-title-copy);
  border-top: 1px solid var(--primary);
  border-right: 1px solid var(--primary);
  content: "";
  transform: translateY(-50%) rotate(45deg);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-note {
  max-width: 76em;
  margin-top: var(--gap-paragraph);
  font-size: var(--portal-meta-size);
  line-height: var(--leading-meta);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-detail-link {
  margin-top: var(--gap-heading-content);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .ai-service-intro {
  display: grid;
  max-width: 44em;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .ai-service-intro > * {
  margin: 0;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .ai-service-intro > p + p {
  margin-top: var(--gap-paragraph);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .scene-captions {
  margin-top: var(--gap-heading-content);
  gap: var(--gap-submodule);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .scene-captions > div {
  padding: var(--gap-heading-content) 0 0;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .scene-captions h3 {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-title-copy);
  margin-bottom: var(--gap-title-copy);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .scene-captions p {
  line-height: var(--leading-copy);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .partner-ecosystem {
  grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.85fr);
  gap: calc(var(--gap-submodule) + var(--gap-paragraph));
  margin-top: calc(var(--gap-submodule) + var(--gap-paragraph));
  padding-block: var(--gap-submodule);
  align-items: start;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .partner-ecosystem h3 {
  font-size: clamp(30px, 2.4vw, 34px);
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: var(--gap-heading-subtitle);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .partner-ecosystem > div > p:last-child {
  max-width: 24em;
  color: var(--muted);
  font-size: var(--portal-copy-size);
  line-height: 1.9;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .partner-ecosystem dl > div {
  grid-template-columns: minmax(220px, 1fr) minmax(0, 1fr);
  gap: var(--gap-heading-content);
  padding-block: var(--gap-list-item-y);
  align-items: baseline;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .partner-ecosystem dt {
  display: grid;
  grid-template-columns: var(--card-padding) minmax(0, 1fr);
  gap: var(--gap-title-copy);
  font-size: var(--portal-card-title-size);
  font-weight: 600;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .partner-ecosystem dt span {
  min-width: 0;
  font-weight: 400;
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .partner-ecosystem dd {
  font-size: var(--portal-copy-size);
  margin: 0;
}
@media (max-width: 1100px) {
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--gap-heading-content);
    row-gap: calc(var(--gap-submodule) + var(--gap-paragraph));
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-steps li {
    position: relative;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"]
    #customs
    .customs-chain-steps
    li:nth-child(3)
    .customs-chain-arrow {
    position: absolute;
    top: calc(100% + var(--gap-title-copy));
    left: 50%;
    width: 1px;
    height: var(--gap-submodule);
    margin: 0;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"]
    #customs
    .customs-chain-steps
    li:nth-child(3)
    .customs-chain-arrow::after {
    top: auto;
    right: 50%;
    bottom: 0;
    transform: translateX(50%) rotate(135deg);
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-steps li:nth-child(4) {
    grid-column: 3;
    grid-row: 2;
    flex-direction: row-reverse;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"]
    #customs
    .customs-chain-steps
    li:nth-child(4)
    .customs-chain-arrow {
    transform: rotate(180deg);
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-steps li:nth-child(5) {
    grid-column: 2;
    grid-row: 2;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .partner-ecosystem {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--gap-heading-content);
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .partner-ecosystem h3 {
    font-size: clamp(28px, 4vw, 32px);
  }
}
@media (max-width: 1023px) {
  :where(.refactor-site .refactor-product-body) :is(
    [data-page="services"],
    [data-page="overseas"],
    [data-page="park"],
    [data-page="contact"],
    [data-page="jiumi"]
  ) {
    --portal-page-title-size: 42px;
  }
}
@media (max-width: 767px) {
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-capabilities {
    grid-template-columns: minmax(0, 1fr);
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-capabilities li {
    grid-template-columns: var(--card-padding) minmax(0, 1fr);
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-service-chain {
    margin-top: 0;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-steps {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-steps li,
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-steps li:nth-child(4),
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-steps li:nth-child(5) {
    grid-column: auto;
    grid-row: auto;
    flex-direction: column;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-node {
    width: 100%;
    min-height: 0;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-arrow,
  :where(.refactor-site .refactor-product-body) [data-page="services"]
    #customs
    .customs-chain-steps
    li:nth-child(3)
    .customs-chain-arrow,
  :where(.refactor-site .refactor-product-body) [data-page="services"]
    #customs
    .customs-chain-steps
    li:nth-child(4)
    .customs-chain-arrow {
    position: relative;
    top: auto;
    left: auto;
    width: 1px;
    height: var(--gap-submodule);
    flex-basis: var(--gap-submodule);
    margin: var(--gap-title-copy) 0;
    transform: none;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #customs .customs-chain-arrow::after,
  :where(.refactor-site .refactor-product-body) [data-page="services"]
    #customs
    .customs-chain-steps
    li:nth-child(3)
    .customs-chain-arrow::after {
    top: auto;
    right: 50%;
    bottom: 0;
    transform: translateX(50%) rotate(135deg);
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .scene-captions {
    grid-template-columns: minmax(0, 1fr);
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .partner-ecosystem dl > div {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--gap-title-copy);
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #ai-services .partner-ecosystem dd {
    padding-left: calc(var(--card-padding) + var(--gap-title-copy));
  }
}

/* Keep the accessibility control effective despite page-level overrides. */
:where(.refactor-site .refactor-product-body) body.reading-mode {
  --portal-copy-size: 20px;
}

/* Use the available screen width, with a reading margin at either edge. */
:where(.refactor-site .refactor-product-body) [data-page] .wrap {
  max-width: 2160px;
  padding-inline: clamp(24px, 4vw, 96px);
}

:where(.refactor-site .refactor-product-body) [data-page="home"] {
  --section-gap: var(--section-padding-y);
}
:where(.refactor-site .refactor-product-body) [data-page] .section {
  padding-block: var(--section-padding-y);
}
:where(.refactor-site .refactor-product-body) [data-page="home"] .hero-grid {
  padding-block: 40px;
  min-height: 440px;
}

/* The test environment footer uses two readable text rows. */
:where(.refactor-site .refactor-product-body) [data-page] .site-footer {
  padding: 24px 0 12px;
}
:where(.refactor-site .refactor-product-body) [data-page] .site-footer .footer-grid {
  padding-block: 0;
}
:where(.refactor-site .refactor-product-body) [data-page] .site-footer :is(p, a, button) {
  line-height: 1.6;
}
:where(.refactor-site .refactor-product-body) [data-page] .footer-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  padding-top: 12px;
}
:where(.refactor-site .refactor-product-body) [data-page] .site-footer .footer-bottom > span {
  grid-column: 1;
  justify-self: start;
  font-size: var(--portal-meta-size, 15px);
  line-height: 1.45;
}
@media (min-width: 1280px) {
  :where(.refactor-site .refactor-product-body) [data-page] .site-footer .footer-bottom > span:first-child {
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  :where(.refactor-site .refactor-product-body) [data-page] {
    --gap-heading-subtitle: 8px;
    --gap-heading-content: 20px;
    --gap-title-copy: 8px;
    --gap-paragraph: 12px;
    --gap-list-item-y: 12px;
    --gap-copy-actions: 20px;
    --card-padding: 20px;
    --gap-submodule: 24px;
    --section-padding-y: 32px;
  }
  :where(.refactor-site .refactor-product-body) :is(
    [data-page="services"],
    [data-page="overseas"],
    [data-page="park"],
    [data-page="contact"],
    [data-page="jiumi"]
  ) {
    --portal-page-title-size: clamp(28px, 7.5vw, 38px);
    --portal-section-title-size: 28px;
    --portal-card-title-size: 19px;
    --portal-meta-size: 14px;
  }
  :where(.refactor-site .refactor-product-body) [data-page="contact"] {
    --contact-choice-title-size: 24px;
    --contact-tab-title-size: 19px;
    --contact-form-title-size: 26px;
  }
  :where(.refactor-site .refactor-product-body) [data-page="contact"] #app .tabs#form-tabs {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--gap-paragraph);
    margin-bottom: var(--gap-heading-content);
  }
  :where(.refactor-site .refactor-product-body) [data-page="contact"] #app .tabs#form-tabs button {
    min-height: 88px;
    padding: var(--gap-paragraph) var(--gap-paragraph);
  }
  :where(.refactor-site .refactor-product-body) [data-page="contact"] #app .tabs#form-tabs .line-icon {
    width: 26px;
    height: 26px;
  }
  :where(.refactor-site .refactor-product-body) [data-page="contact"] #app .form-card > form > .frow {
    column-gap: 0;
  }
  :where(.refactor-site .refactor-product-body) [data-page] .footer-bottom {
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
    gap: 4px;
  }
  :where(.refactor-site .refactor-product-body) [data-page] .footer-bottom > :is(span, a) {
    grid-column: 1;
    justify-self: center;
  }
  :where(.refactor-site .refactor-product-body) [data-page] .site-footer .footer-bottom > span {
    font-size: 14px;
  }
  .refactor-site .refactor-product-body {
    --portal-copy-size: 17px;
  }
  :where(.refactor-site .refactor-product-body) [data-page] .wrap {
    padding-inline: 20px;
  }
  :where(.refactor-site .refactor-product-body) [data-page="home"] .hero-grid {
    padding-block: 32px;
    min-height: 0;
  }
}

/* Services marketing: four overview cards with native hash destinations. */
:where(.refactor-site .refactor-product-body) [data-page="services"] #marketing .marketing-services-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: var(--gap-submodule);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #marketing .marketing-services-list > article {
  min-width: 0;
  padding: var(--gap-submodule) var(--card-padding);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  scroll-margin-top: var(--gap-heading-content);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #marketing .marketing-services-list h3 {
  display: flex;
  align-items: baseline;
  gap: var(--gap-paragraph);
  color: var(--ink);
  font-size: clamp(24px, 2vw, 28px);
  font-weight: 700;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #app #marketing .marketing-service-intro {
  margin-top: var(--gap-paragraph);
  max-width: 34em;
  font-size: var(--portal-copy-size);
  color: var(--muted);
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #marketing .marketing-service-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-title-copy);
  margin: var(--gap-heading-subtitle) 0 0;
  padding: 0;
}
:where(.refactor-site .refactor-product-body) [data-page="services"] #app #marketing .marketing-service-tags > span {
  padding: var(--space-1) var(--space-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  font-size: var(--portal-meta-size);
  line-height: var(--leading-meta);
  color: var(--muted);
}
@media (max-width: 1279px) {
  :where(.refactor-site .refactor-product-body) [data-page="services"] #marketing .marketing-services-list {
    gap: var(--gap-heading-content);
  }
}
@media (max-width: 767px) {
  :where(.refactor-site .refactor-product-body) [data-page="services"] #marketing .marketing-services-list {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
  }
  :where(.refactor-site .refactor-product-body) [data-page="services"] #marketing .marketing-services-list > article {
    scroll-margin-top: calc(var(--section-padding-y) * 2);
  }
}

/* Jiumi's capabilities are an overview, independent of marketing tabs. */
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  list-style: none;
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities > li {
  display: grid;
  min-height: 100%;
  min-width: 0;
  align-content: start;
  padding: var(--card-padding);
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities > li:not(:nth-child(3n)) {
  border-right: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities > li:nth-child(n + 4) {
  border-top: 1px solid var(--line);
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] .capability-number {
  display: block;
  margin-bottom: var(--gap-title-copy);
  color: var(--gold);
  font-size: var(--portal-meta-size);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] #app .jiumi-capabilities h3 {
  margin: 0;
  color: var(--ink);
  font-size: var(--portal-card-title-size);
  line-height: var(--leading-heading);
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] #app .jiumi-capabilities .capability-value {
  margin-top: var(--gap-title-copy);
  font-weight: 500;
}
:where(.refactor-site .refactor-product-body) [data-page="jiumi"] #app .jiumi-capabilities .capability-detail {
  margin-top: var(--gap-title-copy);
  color: var(--muted);
}
@media (max-width: 1279px) {
  :where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities > li:not(:nth-child(3n)) {
    border-right: 0;
  }
  :where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities > li:nth-child(n + 4) {
    border-top: 0;
  }
  :where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities > li:nth-child(odd) {
    border-right: 1px solid var(--line);
  }
  :where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities > li:nth-child(n + 3) {
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 767px) {
  :where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
  }
  :where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities > li:nth-child(odd) {
    border-right: 0;
  }
  :where(.refactor-site .refactor-product-body) [data-page="jiumi"] .jiumi-capabilities > li:nth-child(n + 2) {
    border-top: 1px solid var(--line);
  }
}