@scope (.longgang-site) to (#migration-content) {
/* Longgang portal shared visual standards. */

:scope {
  --brand-navy: #18316a;
  --brand-blue: #2678be;
  --brand-mint: #57bca4;
  --surface-page: #f7fafc;
  --surface-card: #fff;
  --surface-soft: #edf4f9;
  --border-color: #dce6ee;
  --text-primary: #344b61;
  --text-muted: #566c80;
  --page-gutter: 40px;
  --section-gap: 80px;
  --heading-gap: 28px;
  --card-gap: 24px;
  --card-padding: 28px;
  --radius-card: 10px;
  --font-display-size: clamp(38px, 4vw, 56px);
  --font-section-size: var(--type-h2);
  --font-card-size: 20px;
  background: var(--surface-page);
  color: var(--text-primary);
  font-family: var(--font-sans);
  line-height: 1.75;
}
:scope :is(h1,h2,h3,p) { margin-top: 0; }
:scope :is(h1,h2,h3) { font-family: var(--font-sans); letter-spacing: 0; }
:scope :is(a,button,input) { -webkit-tap-highlight-color: transparent; }
:scope :is(a,button,input):focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 4px; }
:scope ::selection { background: #d3eee7; color: var(--brand-navy); }
:scope .wrap {
  width: min(var(--content), calc(100% - var(--page-gutter) * 2));
  max-width: var(--content);
  margin-inline: auto;
  padding: 0 !important;
}

:scope main { background: var(--surface-page); }
:scope main > :is(.portal-services,.portal-news,.portal-events,.portal-related) {
  background: transparent !important;
  padding: var(--section-gap) 0 0 !important;
  margin: 0;
}
:scope main > .portal-services { padding-top: 32px !important; }
:scope :is(.sec-head,.events-head) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: 0 0 var(--heading-gap) !important;
}
:scope :is(.sec-title,.portal-services .sec-title) {
  font-family: var(--font-sans);
  color: var(--brand-navy);
  font-size: var(--font-section-size) !important;
  font-weight: var(--weight-heading);
  line-height: var(--leading-title);
  margin: 0 !important;
}
:scope .sec-tag { display: none; }
:scope .sec-more { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--brand-blue); border-radius: 4px; }
:scope .sec-more svg { width: 18px; height: 18px; }

:scope .portal-brand-bar { background: #fff; border-bottom: 1px solid var(--border-color); }
:scope .portal-header-top { height: 84px; gap: 24px; }
:scope .portal-brand-bar .brand { gap: 20px; min-width: 0; }
:scope .portal-brand-bar .brand-logo { width: auto; height: 46px; object-fit: contain; }
:scope .brand-name { font-size: 21px; font-weight: 650; color: var(--brand-navy); line-height: 1.4; }
:scope .brand-sub { display: none; }
:scope .portal-nav-sticky { background: var(--brand-blue); box-shadow: none; }
:scope .portal-nav-sticky-inner { height: 52px; }
:scope .portal-nav li a { height: 52px; margin: 0; font-size: 15px; font-weight: 500; border-radius: 0; }
:scope .portal-nav li a.active { background: #216da9 !important; }
:scope .portal-nav li a.active::after { height: 3px; width: 28px; background: var(--brand-mint); }
:scope .portal-nav li a:not(.active):hover { background: #216da9 !important; }
:scope :is(.btn,.lg-service-links a) { min-height: 44px; padding: 10px 18px; border-radius: 6px; font-size: 14px; font-weight: 500; line-height: 1.5; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; }
:scope .portal-brand-bar .btn-primary,
:scope .main-nav-panel .btn-primary { height: 44px; border-radius: 6px; padding-inline: 18px; background: var(--brand-blue); color: #fff; }
:scope .btn-primary:hover { background: #216da9; }
:scope :is(button:disabled,.btn[aria-disabled=true]) { cursor: default; opacity: .55; }

:scope .portal-hero { height: auto; min-height: 540px; background: var(--surface-page); display: flex; align-items: center; }
:scope .portal-hero-inner { padding: 100px 0 108px !important; }
:scope .portal-hero-bg { background: var(--surface-page); }
:scope .portal-hero-bg img {
  object-position: center center;
  opacity: .9;
  filter: none;
  transform: none;
  mask-image: linear-gradient(to bottom, #000 0%, #000 70%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 70%, transparent 100%);
}
:scope .portal-hero-bg::before { display: none; }
:scope .portal-hero-bg::after {
  background: linear-gradient(90deg, rgba(247,250,252,.94), rgba(247,250,252,.38) 48%, rgba(247,250,252,0) 75%);
  mask-image: none;
  -webkit-mask-image: none;
}
:scope .portal-hero-title { font-family: var(--font-sans); font-size: var(--font-display-size) !important; line-height: 1.28; font-weight: 650; max-width: 800px; margin: 0; }
:scope .portal-hero-title .gold { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.4; color: var(--brand-blue); margin-top: 16px; }
:scope .portal-hero-sub { max-width: 620px; font-size: 16px !important; line-height: 1.8 !important; margin: 24px 0 0 !important; color: var(--text-muted); }

:scope #core-services .lg-accordion { gap: var(--card-gap) !important; grid-template-columns: 1.65fr 1fr 1fr !important; }
:scope #core-services .lg-accordion[data-active="1"] { grid-template-columns: 1fr 1.65fr 1fr !important; }
:scope #core-services .lg-accordion[data-active="2"] { grid-template-columns: 1fr 1fr 1.65fr !important; }
:scope #core-services .lg-accordion-card .service-card { height: 312px !important; border-radius: var(--radius-card); box-shadow: none; }
:scope #core-services .lg-accordion-card .service-card > img,
:scope #core-services .lg-accordion-card.is-expanded .service-card > img { transform: none; filter: saturate(.7); }
:scope .lg-accordion-card .sc-overlay { background: linear-gradient(180deg, rgba(30,85,130,.25) 0%, #205f94 100%) !important; }
:scope .lg-service-toggle { padding: var(--card-padding); }
:scope .lg-service-heading { font-size: 22px; line-height: 1.4; font-weight: 600; }
:scope .is-expanded .lg-service-toggle { padding-bottom: 164px; }
:scope .lg-service-indicator { width: 28px; height: 28px; }
:scope .lg-service-panel { left: var(--card-padding); right: var(--card-padding); bottom: var(--card-padding); }
:scope .lg-service-panel p { font-size: 14px; line-height: 1.7; margin-bottom: 20px; color: #fff; }
:scope .lg-service-links { gap: 10px; }
:scope .lg-service-links a { padding-inline: 12px; background: #fff; color: #205f94; border-color: #fff; font-size: 13px; }
:scope .lg-service-links a + a { background: #205f94; color: #fff; border-color: #c8dceb; }
:scope .lg-service-links a:hover { background: #e6f0f7; color: #18316a; }
:scope .lg-service-toggle:focus-visible { outline-color: #fff; }

:scope .na-home-grid { grid-template-columns: 1fr 1.08fr; gap: var(--card-gap); }
:scope .na-feature { display: flex; flex-direction: column; min-height: 0; border-radius: var(--radius-card); background: #fff; color: var(--brand-navy); border: 1px solid var(--border-color); }
:scope .na-feature::after { display: none; }
:scope .lg-news-image { display: grid; place-items: center; padding: 24px; min-height: 220px; flex: 1; background: var(--surface-soft); color: var(--text-muted); font-size: 14px; }
:scope .na-feature-copy { position: static; padding: var(--card-padding); }
:scope .na-feature-copy h3 { color: var(--brand-navy); font-size: 22px; font-weight: 600; line-height: 1.5; margin: 0 0 10px; }
:scope .na-feature-copy p { display: block; color: var(--text-primary); font-size: 15px; line-height: 1.75; margin: 0 0 16px; }
:scope .na-feature-copy span { color: var(--text-muted); font-size: 13px; }
:scope .na-home-list { border: 1px solid var(--border-color); border-radius: var(--radius-card); padding: 0 var(--card-padding); }
:scope .na-home-list .na-row { flex: 1; min-height: 108px; padding: 18px 0; gap: 16px; }
:scope .na-row + .na-row { border-color: var(--border-color); }
:scope .na-row-copy { width: auto; flex: 1; min-width: 0; }
:scope .na-meta { position: static; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
:scope .na-tag { position: static; float: none; display: inline-flex; font-size: 12px; line-height: 1.5; padding: 3px 8px; color: #24689c; background: #edf4f9; border: 1px solid #d7e5ef; border-radius: 4px; font-weight: 500; }
:scope .na-meta > span:not(.na-tag) { font-size: 13px; color: var(--text-muted); font-variant-numeric: tabular-nums; }
:scope .na-home-list .na-row h3 { margin: 10px 0 4px; padding: 0; font-size: 17px; line-height: 1.5; font-weight: 600; color: var(--brand-navy); }
:scope .na-row p { font-size: 14px; line-height: 1.7; color: var(--text-muted); margin: 0; }
:scope .na-row > svg { flex: none; width: 18px; height: 18px; color: var(--brand-blue); }
:scope .na-row:hover h3 { color: var(--brand-blue); }

:scope .events-title-row { margin-top: 8px; }
:scope .events-sub { font-size: 14px; line-height: 1.7; color: var(--text-muted); margin: 0; }
:scope .event-grid { display: block; }
:scope .lg-events-empty { display: flex; align-items: center; gap: 24px; min-height: 140px; padding: var(--card-padding); border: 1px solid var(--border-color); background: #fff; border-radius: var(--radius-card); }
:scope .lg-empty-icon { width: 56px; height: 56px; display: grid; place-items: center; flex: none; border-radius: 10px; background: var(--surface-soft); color: var(--brand-blue); }
:scope .lg-events-empty h3 { font-size: var(--font-card-size); font-weight: 600; line-height: 1.5; margin: 0 0 8px; color: var(--brand-navy); }
:scope .lg-events-empty p { margin: 0; color: var(--text-muted); font-size: 15px; line-height: 1.75; }
:scope .pending-label { font-size: 12px; line-height: 1.5; padding: 4px 8px; border: 1px solid var(--border-color); color: var(--text-muted); background: #f7fafc; border-radius: 4px; white-space: nowrap; }

:scope .partner-source { color: var(--text-muted); font-size: 13px; line-height: 1.7; margin: -12px 0 24px; }
:scope .rel-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 20px; border: none; }
:scope .rel-tab { padding: 10px 16px; min-height: 44px; border: 1px solid var(--border-color); background: #fff; color: var(--text-primary); font-size: 14px; font-weight: 500; border-radius: 6px; }
:scope .rel-tab.on { background: #e8f1f8; color: #215f91; border-color: #adcce3; }
:scope .rel-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
:scope .partner-card { border: 1px solid var(--border-color); border-radius: 8px; box-shadow: none; transform: none; }
:scope .partner-card:hover { transform: none; box-shadow: none; border-color: #8cb9da; }
:scope .partner-logo-area { height: 100px; min-height: 100px; background: #fff; padding: 22px; }
:scope .partner-logo-area img { width: 100%; height: 100%; object-fit: contain; }
:scope .partner-name { padding: 10px 12px; min-height: 60px; background: #fff; border-top: 1px solid var(--border-color); font-size: 13px; line-height: 1.55; font-weight: 500; color: var(--text-primary); }

:scope .portal-footer { margin-top: var(--section-gap); background: #edf4f9; border-top: 1px solid #d7e5ef; color: var(--text-primary); }
:scope .footer-grid { width: min(1200px, calc(100% - var(--page-gutter)*2)); max-width: var(--content); margin-inline: auto; padding: 44px 0 36px; gap: 36px; grid-template-columns: 1.55fr .8fr .8fr 1.2fr; align-items: start; }
:scope .footer-brand-logo { height: auto; width: 150px; max-width: 100%; margin: 0 0 16px; object-fit: contain; }
:scope .footer-brand h3 { font-size: 16px; line-height: 1.5; font-weight: 600; margin: 0 0 8px; }
:scope .footer-brand p { color: var(--text-muted); font-size: 13px; line-height: 1.8; margin: 0; }
:scope .footer-col .ft { font-size: 15px; font-weight: 600; line-height: 1.5; margin: 0 0 16px; color: var(--brand-navy); }
:scope .footer-col li { margin: 0 0 8px; }
:scope .footer-col li a { display: inline-flex; align-items: center; min-height: 30px; color: var(--text-muted); font-size: 13px; line-height: 1.6; }
:scope .footer-contact p { margin: 0 0 10px; font-size: 13px; line-height: 1.8; color: var(--text-muted); }
:scope .footer-bottom { background: transparent; border-top: 1px solid #d7e5ef; padding: 16px var(--page-gutter); font-size: 12px; line-height: 1.8; color: var(--text-muted); }
@media(max-width:1100px) {
  :scope { --page-gutter: 32px; --section-gap: 72px; --card-padding: 24px; }
  :scope .brand-name { font-size: 19px; }
  :scope .portal-brand-bar .brand-logo { height: 42px; }
  :scope .portal-brand-bar .brand { gap: 16px; }
  :scope .lg-service-heading { font-size: 20px; }
  :scope .lg-service-links { flex-direction: column; align-items: start; }
  :scope .lg-service-links a { min-height: 40px; }
  :scope .is-expanded .lg-service-toggle { padding-bottom: 194px; }
  :scope .na-home-grid { grid-template-columns: 1fr 1fr; }
  :scope .na-home-list { padding-inline: 20px; }
  :scope .na-home-list .na-row h3 { font-size: 16px; }
  :scope .footer-grid { grid-template-columns: 1.3fr 1fr; gap: 32px 48px; }
}
@media(max-width:900px) {
  :scope { --section-gap: 64px; --heading-gap: 24px; --card-gap: 20px; }
  :scope .portal-nav { display: none; }
  :scope .portal-nav-mobile { display: flex; height: 52px; align-items: center; justify-content: space-between; }
  :scope .portal-nav-sticky-inner { height: 52px; }
  :scope .main-nav-panel.open { display: block; }
  :scope .main-nav-panel { background: #fff; }
  :scope .main-nav-panel ul { list-style: none; padding: 8px 0; margin: 0; }
  :scope .main-nav-panel a { color: var(--brand-navy); min-height: 44px; padding: 10px var(--page-gutter); display: flex; align-items: center; font-size: 15px; }
  :scope .main-nav-panel a.active { color: var(--brand-blue); background: #edf4f9; }
  :scope .collapse-cta { display: none; }
  :scope .portal-hero { min-height: 460px; }
  :scope .na-home-grid { grid-template-columns: 1fr; }
  :scope .lg-news-image { min-height: 240px; }
  :scope .na-home-list .na-row { min-height: 108px; }
  :scope .lg-service-heading { font-size: 19px; }
  :scope .lg-service-indicator { width: 24px; height: 24px; }
  :scope .rel-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media(max-width:767px) {
  :scope { --page-gutter: 20px; --section-gap: 56px; --heading-gap: 24px; --card-gap: 12px; --card-padding: 24px; --font-section-size: var(--type-h2); }
  :scope .portal-header-top { min-height: 128px; height: auto; padding-block: 18px !important; display: flex; flex-wrap: wrap; gap: 16px; }
  :scope .portal-brand-bar .brand { width: 100%; gap: 14px; }
  :scope .portal-brand-bar .brand-logo { width: auto !important; height: 36px !important; }
  :scope .portal-brand-bar .brand-name { font-size: 17px !important; white-space: normal; }
  :scope .header-right { width: 100%; }
  :scope .header-right .btn-primary { width: 100%; }
  :scope .portal-hero { min-height: 400px; }
  :scope .portal-hero-inner { padding: 72px 0 88px !important; }
  :scope .portal-hero-title { font-size: 34px !important; line-height: 1.35; }
  :scope .portal-hero-title .gold { font-size: 26px; margin-top: 14px; }
  :scope .portal-hero-sub { font-size: 15px !important; margin-top: 20px !important; }
  :scope main > .portal-services { padding-top: 16px !important; }
  :scope #core-services .lg-accordion,
  :scope #core-services .lg-accordion[data-active] { grid-template-columns: 1fr !important; }
  :scope #core-services .lg-accordion-card .service-card { height: 96px !important; }
  :scope #core-services .lg-accordion-card.is-expanded .service-card { height: 272px !important; }
  :scope .lg-service-heading { font-size: 21px; }
  :scope .lg-service-toggle { padding: 24px; }
  :scope .is-expanded .lg-service-toggle { padding-bottom: 186px; }
  :scope .lg-service-panel { bottom: 24px; left: 24px; right: 24px; }
  :scope .lg-service-links { flex-direction: row; align-items: stretch; gap: 8px; }
  :scope .lg-service-links a { min-height: 44px; font-size: 12px; padding-inline: 10px; }
  :scope .lg-news-image { min-height: 190px; }
  :scope .na-feature-copy h3 { font-size: 20px; }
  :scope .na-home-list { padding-inline: 20px; }
  :scope .na-meta { gap: 8px; }
  :scope .lg-events-empty { align-items: flex-start; gap: 16px; padding: 24px; min-height: 0; }
  :scope .lg-empty-icon { width: 44px; height: 44px; }
  :scope .lg-events-empty h3 { font-size: 18px; }
  :scope .lg-events-empty p { font-size: 14px; }
  :scope .pending-label { font-size: 12px; }
  :scope .partner-source { margin-top: -8px; font-size: 12px; }
  :scope .rel-tabs { flex-wrap: wrap; gap: 8px; }
  :scope .rel-tab { font-size: 13px; min-height: 44px; padding: 10px 12px; }
  :scope .rel-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  :scope .partner-logo-area { height: 88px; min-height: 88px; padding: 16px; }
  :scope .partner-name { min-height: 62px; padding: 10px; font-size: 12px; }
  :scope .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 24px; padding: 32px 0; }
  :scope .footer-brand,:scope .footer-contact { grid-column: 1 / -1; }
  :scope .footer-col li a { min-height: 44px; }
  :scope .footer-brand-logo { width: 140px; }
  :scope .footer-col .ft { margin-bottom: 10px; }
  :scope .footer-bottom { text-align: left; }
}
@media(prefers-reduced-motion:reduce) {
  :scope *, :scope *::before, :scope *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

:scope :is(.sec-head,.events-head) { flex-direction: row; text-align: left; }
:scope .na-feature { aspect-ratio: auto !important; height: auto !important; }
:scope .na-feature-copy { flex: none; }
:scope .na-row-copy { display: block; }
@media(max-width:900px) {
  :scope .menu-toggle { display: flex; width: 44px; height: 44px; color: #fff; border: 1px solid #ffffffa3; border-radius: 6px; }
  :scope .menu-toggle i { background: #fff; }
  :scope .portal-nav-mobile-current { color: #fff; }
}
@media(max-width:767px) {
  :scope .na-feature .lg-news-image { flex: none; min-height: 0; aspect-ratio: 16/9; }
}

:scope .home-hero-digital { position: relative; isolation: isolate; overflow: hidden; background: var(--surface-page); }
:scope .home-hero-backdrop { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
:scope .home-hero-backdrop img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center center; }
:scope .home-hero-backdrop::after { content: ""; position: absolute; inset: auto 0 0; height: 120px; background: linear-gradient(to bottom, rgba(247,250,252,0), var(--surface-page)); }
:scope .home-hero-grid { position: relative; min-height: clamp(540px,41vw,680px); display: flex; align-items: center; padding-block: 100px !important; }
:scope .home-hero-copy { max-width: 560px; padding-bottom: 32px; }
:scope .home-hero-copy h1 { color: var(--brand-navy); font-size: clamp(38px,3.6vw,52px); font-weight: 650; line-height: 1.32; margin: 0; text-wrap: balance; }
:scope .home-hero-description { color: var(--text-muted); font-size: 16px; line-height: 1.85; margin: 20px 0 0; max-width: 29em; }
:scope .home-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
:scope .home-hero-primary { background: var(--brand-blue); color: #fff; border: 1px solid var(--brand-blue); }
:scope .home-hero-primary:hover { background: #216da9; color: #fff; }
:scope .home-hero-secondary { background: #fff; border: 1px solid #a9c5da; color: #215f91; }
:scope .home-hero-secondary:hover { border-color: var(--brand-blue); background: #edf4f9; }
@media(max-width:1100px) {
  :scope .home-hero-grid { min-height: 510px; padding-block: 80px !important; }
  :scope .home-hero-copy { max-width: 460px; }
  :scope .home-hero-copy h1 { font-size: 42px; }
  :scope .home-hero-description { font-size: 15px; }
  :scope .home-hero-backdrop img { object-position: 54% center; }
}
@media(max-width:900px) {
  :scope .home-hero-grid { min-height: 490px; padding-block: 72px !important; align-items: flex-start; }
  :scope .home-hero-copy { max-width: 400px; padding-bottom: 0; }
  :scope .home-hero-copy h1 { font-size: 36px; }
  :scope .home-hero-backdrop img { object-position: 42% center; }
}
@media(max-width:767px) {
  :scope .home-hero-grid { min-height: 0; padding-block: 44px 0 !important; display: block; }
  :scope .home-hero-copy { max-width: none; }
  :scope .home-hero-copy h1 { font-size: 34px; line-height: 1.35; }
  :scope .home-hero-description { margin-top: 16px; font-size: 15px; max-width: 24em; }
  :scope .home-hero-actions { margin-top: 24px; gap: 12px; }
  :scope .home-hero-actions .btn { min-height: 44px; font-size: 14px; padding-inline: 16px; }
  :scope .home-hero-digital { display: flex; flex-direction: column; }
  :scope .home-hero-grid { order: 0; }
  :scope .home-hero-backdrop { position: relative; inset: auto; order: 1; z-index: 0; width: 100%; height: 250px; margin-top: 20px; }
  :scope .home-hero-backdrop img { object-position: right center; }
  :scope .home-hero-backdrop::after { height: 60px; }
  :scope .home-hero-backdrop::before { content: ""; position: absolute; inset: 0 0 auto; height: 40px; background: linear-gradient(to bottom, var(--surface-page), rgba(247,250,252,0)); }
}


:scope .home-hero-copy { max-width: 500px; padding-bottom: 20px; }
:scope .home-hero-eyebrow { font-size: 13px; line-height: 1.7; font-weight: 500; color: #435d74; margin: 0 0 22px; letter-spacing: .03em; }
:scope .home-hero-copy h1 { font-size: clamp(44px,4.2vw,60px); font-weight: 650; line-height: 1.16; letter-spacing: -.025em; margin: 0; max-width: 8em; }
:scope .home-hero-copy h1 > span { display: block; white-space: nowrap; }
:scope .home-hero-description { max-width: 29em; font-size: 15px; line-height: 1.85; margin: 24px 0 0; }
:scope .home-hero-actions { margin-top: 28px; gap: 12px; }
@media(max-width:1100px) {
  :scope .home-hero-copy { max-width: 440px; }
  :scope .home-hero-copy h1 { font-size: 52px; }
}
@media(max-width:900px) {
  :scope .home-hero-copy { max-width: 390px; padding-bottom: 0; }
  :scope .home-hero-eyebrow { font-size: 12px; margin-bottom: 18px; }
  :scope .home-hero-copy h1 { font-size: 46px; }
  :scope .home-hero-description { max-width: 24em; }
}
@media(max-width:767px) {
  :scope .home-hero-copy { max-width: 100%; }
  :scope .home-hero-eyebrow { font-size: 12px; margin-bottom: 18px; letter-spacing: .01em; }
  :scope .home-hero-copy h1 { font-size: clamp(36px,10.5vw,42px); line-height: 1.2; }
  :scope .home-hero-description { font-size: 14px; margin-top: 20px; max-width: 23em; }
  :scope .home-hero-actions { margin-top: 24px; }
}

:scope {
  --site-section-space: 64px;
  --site-h1: clamp(32px,3.2vw,42px);
  --site-h2: clamp(24px,2.2vw,30px);
  --site-h3: 20px;
  --site-radius: var(--radius-card);
  --site-border: var(--border-color);
}
:scope main { min-width: 0; }
:scope main > section { min-width: 0; }
:scope .sp-sec { padding: var(--site-section-space) 0 !important; background: transparent; }
:scope .sp-hero,
:scope .ops-hero,
:scope.page-about .about-hero { position: relative; min-height: 300px; display: flex; align-items: center; background-color: var(--surface-page); overflow: hidden; border: none; }
:scope .sp-hero-bg,
:scope .ops-hero-bg { position: absolute; inset: 0; pointer-events: none; }
:scope .sp-hero-bg img,
:scope .ops-hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: right center; opacity: .55; filter: none; }
:scope .sp-hero::after,
:scope .ops-hero::after,
:scope.page-about .about-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 100px; background: linear-gradient(0deg,var(--surface-page),rgba(247,250,252,0)); pointer-events: none; }
:scope .sp-hero > .wrap,
:scope .ops-hero > .wrap,
:scope.page-about .about-hero__inner { position: relative; z-index: 1; width: min(1200px,calc(100% - var(--page-gutter)*2)); min-height: 300px; display: flex; align-items: center; }
:scope .sp-hero-inner,
:scope .ops-hero-inner,
:scope.page-about .about-hero__copy { padding: 56px 0 !important; max-width: 760px; }
:scope :is(.sp-hero-title,.ops-hero-title),
:scope.page-about .about-hero h1 { font-family: var(--font-sans); font-size: var(--site-h1) !important; font-weight: 650; line-height: 1.35; letter-spacing: 0; margin: 0; color: var(--brand-navy); }
:scope .sp-hero-lead,
:scope .ops-hero-lead,
:scope.page-about .about-hero__intro { max-width: 44em; font-family: var(--font-sans); font-size: 16px; line-height: 1.85; color: var(--text-muted); margin: 18px 0 0; }
:scope .ops-hero-title br { display: none; }
:scope .ops-hero-title { max-width: 26em; }

:scope .ops-hero-title .ops-hero-qualifier { display: block; font-size: 15px; color: var(--text-muted); font-weight: 400; margin-top: 12px; line-height: 1.7; }
:scope :is(.ops-eyebrow,.sp-eyebrow,.about-hero__eyebrow) { display: none; }
:scope .ops-editorial-section { background: transparent !important; padding: 56px 0; border: none; }
:scope .ops-editorial-section + .ops-editorial-section > .wrap { border-top: 1px solid var(--site-border); padding-top: 56px !important; }
:scope .business-intro-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; align-items: center; }
:scope .business-intro-copy { min-width: 0; }
:scope .business-intro-title { font-family: var(--font-sans); font-size: var(--site-h2); font-weight: 600; line-height: 1.45; color: var(--brand-navy); margin: 0 0 16px; }
:scope .ops-editorial-lead { font-size: 15px; font-weight: 500; color: var(--text-muted); margin: 0 0 10px; line-height: 1.75; }
:scope .business-intro-body { font-size: 15px; color: var(--text-muted); line-height: 1.85; margin: 0; max-width: 38em; }
:scope .business-text-link { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; color: var(--brand-blue); margin-top: 22px; font-size: 14px; font-weight: 500; }
:scope .ops-editorial-aside { display: none; }
:scope .ops-editorial-visual { min-width: 0; margin: 0; padding: 12px; border: 1px solid var(--site-border); border-radius: var(--site-radius); background: #fff; }
:scope .ops-editorial-image { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: contain; border-radius: 4px; }
:scope .ops-image-note { font-size: 12px; color: var(--text-muted); line-height: 1.7; margin-top: 10px; text-align: right; }
:scope .lg-platform-entry { padding: 28px; background: #edf4f9; border: 1px solid var(--site-border); border-radius: var(--site-radius); }
:scope .lg-platform-entry h2 { font-family: var(--font-sans); font-size: var(--site-h2); font-weight: 600; line-height: 1.4; color: var(--brand-navy); margin: 0 0 12px; }
:scope .lg-platform-entry p { font-size: 15px; line-height: 1.85; color: var(--text-muted); margin: 0; }
:scope .lg-placeholder { padding: 28px; border: 1px solid var(--site-border); border-radius: var(--site-radius); color: var(--text-muted); background: #fff; font-size: 15px; line-height: 1.85; }
:scope .lg-placeholder h2 { font-family: var(--font-sans); font-size: 22px; line-height: 1.45; margin: 0 0 12px; font-weight: 600; }
:scope .lg-placeholder p { margin: 0; }
:scope .lg-placeholder.large { min-height: 220px; margin: 0; }
:scope .lg-service-info { gap: 24px; margin-top: 24px; }
:scope .lg-service-info .lg-placeholder { margin-top: 0; min-height: 150px; }
:scope .lg-contact-layout { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 48px; align-items: start; }
:scope .lg-contact-layout > div { min-width: 0; }
:scope .lg-contact-layout .sec-title { font-size: 26px !important; line-height: 1.5; }
:scope .lg-contact-list { margin: 24px 0 0; }
:scope .lg-contact-list div { align-items: center; gap: 20px; padding: 16px 0; font-size: 15px; line-height: 1.7; }
:scope .lg-contact-list dt { width: 90px; flex: none; color: var(--text-muted); }
:scope .lg-contact-list dd { color: var(--text-primary); }
:scope .lg-filter { gap: 16px; margin: 0 0 24px; }
:scope .lg-filter > div { display: flex; flex-wrap: wrap; gap: 8px; }
:scope .lg-filter button { min-height: 44px; padding: 10px 16px; border: 1px solid var(--site-border); border-radius: 6px; background: #fff; color: var(--text-primary); font: inherit; font-size: 14px; cursor: pointer; }
:scope .lg-filter button[aria-pressed=true] { background: var(--brand-blue); color: #fff; border-color: var(--brand-blue); }
:scope .lg-filter input { min-height: 44px; padding: 10px 14px; border: 1px solid #b9cddb; border-radius: 6px; background: #fff; color: var(--text-primary); font-family: var(--font-sans); font-size: 14px; width: 260px; max-width: 100%; }
:scope .lg-filter input::placeholder { color: var(--text-muted); }
:scope.page-news main > .na-home { padding-top: 40px !important; }
:scope.page-news .na-feature { min-width: 0; width: 100%; }
:scope.page-news #news-content { margin-top: 28px; padding: 24px 28px; }
:scope.page-news #news-content h2 { font-size: 20px; }
:scope .activity-detail-note { font-size: 14px; line-height: 1.8; color: var(--text-muted); margin-top: 20px; }
:scope.page-events main > .portal-events { padding-top: 40px !important; }
:scope.page-events .month-switch { display: none; }

:scope.page-about .about-hero { background-position: right center; background-size: cover; }
:scope.page-about .about-hero::before { background: rgba(247,250,252,.52); z-index: 0; }
:scope.page-about .about-hero__name { font-family: var(--font-sans); font-size: 18px; line-height: 1.65; font-weight: 500; color: var(--text-primary); margin: 16px 0 0; }
:scope.page-about .about-media { padding-top: 48px !important; gap: 24px; }
:scope.page-about .about-media__video,
:scope.page-about .about-media__brochure { height: 280px; border: 1px solid var(--site-border); background: #fff; border-radius: var(--site-radius); }
:scope.page-about .about-media__video-placeholder { background: #edf4f9; }
:scope.page-about .about-media__play { width: auto; height: auto; border: none; color: var(--brand-blue); padding: 0; }
:scope.page-about .about-media__video-caption { color: var(--text-primary); text-shadow: none; font-size: 16px; font-weight: 500; left: 24px; right: 24px; bottom: 22px; line-height: 1.6; }
:scope.page-about .about-media__video-caption small { color: var(--text-muted); font-size: 12px; }
:scope.page-about .about-media__brochure { padding: 28px; gap: 20px; }
:scope.page-about .about-media__brochure-copy { max-width: 65%; }
:scope.page-about .about-media__brochure-copy > span:first-child { font-size: 12px; color: var(--text-muted); font-weight: 400; }
:scope.page-about .about-media__brochure h2 { font-family: var(--font-sans); font-size: 25px; line-height: 1.4; font-weight: 600; color: var(--brand-navy); margin: 12px 0; }
:scope.page-about .about-media__brochure p { font-size: 14px; line-height: 1.8; color: var(--text-muted); margin: 0; }
:scope.page-about .about-media__pending { background: #f7fafc; color: var(--text-muted); border: 1px solid var(--site-border); padding: 5px 8px; font-size: 12px; line-height: 1.6; font-weight: 400; border-radius: 4px; margin-top: 20px; }
:scope.page-about .about-media__cover-placeholder { transform: none; box-shadow: none; height: 160px; width: 28%; border: 1px solid #c7d8e6; border-radius: 4px; background: linear-gradient(0deg,#e9f2f8 0 25%,#fff 25%); }
:scope.page-about .about-intro { background: transparent; padding: 32px 0 0; text-align: left; }
:scope.page-about .about-intro p { max-width: none; margin: 0; color: var(--text-muted); font-size: 15px; line-height: 1.85; }
:scope.page-about .about-address { background: transparent; padding: 48px 0 0; }
:scope.page-about .about-address .lg-placeholder { margin-top: 24px; min-height: 180px; }
@media(max-width:1100px) {
  :scope .business-intro-row { gap: 32px; }
  :scope .business-intro-title { font-size: 26px; }
  :scope .lg-contact-layout { gap: 32px; }
}
@media(max-width:900px) {
  :scope { --site-section-space: 48px; }
  :scope .sp-hero,:scope .ops-hero,:scope.page-about .about-hero { min-height: 260px; }
  :scope .sp-hero > .wrap,:scope .ops-hero > .wrap,:scope.page-about .about-hero__inner { min-height: 260px; }
  :scope .business-intro-row { grid-template-columns: 1fr 1fr; gap: 28px; }
  :scope .ops-editorial-section { padding: 40px 0; }
  :scope .ops-editorial-section + .ops-editorial-section > .wrap { padding-top: 40px !important; }
  :scope.page-about .about-media { grid-template-columns: 1fr; }
  :scope .lg-service-info { gap: 16px; }
}
@media(max-width:767px) {
  :scope { --site-section-space: 40px; --site-h1: 32px; --site-h2: 26px; }
  :scope .sp-hero,:scope .ops-hero,:scope.page-about .about-hero { min-height: 240px; }
  :scope .sp-hero > .wrap,:scope .ops-hero > .wrap,:scope.page-about .about-hero__inner { min-height: 240px; }
  :scope .sp-hero-inner,:scope .ops-hero-inner,:scope.page-about .about-hero__copy { padding: 40px 0 !important; }
  :scope .sp-hero-lead,:scope .ops-hero-lead,:scope.page-about .about-hero__intro { font-size: 15px; margin-top: 14px; }
  :scope .business-intro-row { grid-template-columns: minmax(0,1fr); gap: 24px; }
  :scope .business-intro-title { font-size: 25px; }
  :scope .ops-editorial-visual { padding: 10px; }
  :scope .lg-platform-entry { align-items: flex-start; flex-direction: column; padding: 24px; }
  :scope .lg-service-info { grid-template-columns: minmax(0,1fr) !important; }
  :scope .lg-service-info .lg-placeholder { min-height: 0; padding: 24px; }
  :scope .lg-contact-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  :scope .lg-contact-layout .sec-title { font-size: 22px !important; }
  :scope .lg-placeholder.large { min-height: 180px; }
  :scope .lg-filter input { width: 100%; }
  :scope .lg-filter button { font-size: 13px; padding: 10px 12px; }
  :scope.page-about .about-media { padding-top: 32px !important; }
  :scope.page-about .about-media__video,:scope.page-about .about-media__brochure { height: 240px; }
  :scope.page-about .about-media__video-caption { flex-direction: column; align-items: flex-start; gap: 4px; font-size: 15px; }
  :scope.page-about .about-media__brochure { padding: 24px; }
  :scope.page-about .about-media__brochure h2 { font-size: 22px; }
  :scope.page-about .about-hero__name { font-size: 16px; }
  :scope.page-about .about-address { padding-top: 40px; }
}


:scope .na-home .sec-head { flex-direction: row; align-items: center; text-align: left; }
:scope:not(.page-home) main { padding-bottom: var(--site-section-space); }
:scope:not(.page-home) main > section:last-child { padding-bottom: 0 !important; }
:scope:not(.page-home) .portal-footer { margin-top: 0; }
:scope.page-about main { background: var(--surface-page); }
:scope .ops-editorial-section { padding: 0 0 32px !important; }
:scope .ops-editorial-section + .ops-editorial-section > .wrap { padding-top: 32px !important; }
:scope .ops-editorial-image { max-height: 320px; }
/* Delivery title roles: content headings are separate from content status. */
:scope{






  --weight-heading:600;
}
:scope main h1:not(#home-hero-title){font-size:var(--type-h1)!important;line-height:1.35;font-weight:650}
:scope main h2,:scope .sec-title{font-size:var(--type-h2)!important;line-height:1.4;font-weight:var(--weight-heading);color:var(--brand-navy)}
:scope main h3,:scope .lg-service-heading{font-size:var(--type-h3)!important;line-height:1.45;font-weight:var(--weight-heading)}
:scope .na-row h3{font-size:var(--type-list)!important;line-height:1.55}
:scope .lg-card-heading{margin:0}
:scope .content-empty{padding:28px;border:1px solid var(--border-color);border-radius:var(--radius-card);background:var(--surface-card);color:var(--text-muted)}
:scope .empty-title{font-size:17px;line-height:1.6;font-weight:500;color:var(--text-primary);margin:0 0 8px}
:scope .content-empty>p:not(.empty-title){font-size:var(--type-body);line-height:1.8;margin:0}
:scope .content-state-note{font-size:var(--type-meta);line-height:1.8;color:var(--text-muted);margin:20px 0 0}
:scope .lg-events-empty .empty-title{margin:0 0 8px;color:var(--text-primary);font-size:17px;font-weight:500}
:scope .lg-placeholder>h3{margin:0 0 12px;color:var(--brand-navy)}
:scope .ops-services-section{padding:48px 0 0}
:scope .ops-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
:scope .ops-service-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-card);padding:28px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
:scope .ops-service-card h3{margin:0 0 16px;color:var(--brand-navy)}
:scope .ops-service-card p{font-size:var(--type-body);line-height:1.85;color:var(--text-muted);margin:0 0 16px}
:scope .ops-service-card .business-text-link{margin-top:auto;min-height:44px}
:scope .about-media__video-caption h3{margin:0;color:var(--brand-navy)}
:scope .about-media__brochure-copy h3{margin:0 0 12px;color:var(--brand-navy)}
:scope .about-media__brochure-copy .pending-label{margin-top:16px}
:scope .portal-header-top .btn-primary:after{content:"→";font-size:18px;line-height:1}
:scope .portal-nav-mobile-current{font-size:14px;color:white}
:scope #core-services .lg-accordion-card .service-card>img{filter:none;object-position:center 42%}
:scope .lg-accordion-card .sc-overlay{background:linear-gradient(180deg,rgba(24,49,106,.02) 0%,rgba(24,49,106,.1) 28%,rgba(24,49,106,.9) 100%)!important}
:scope .lg-service-toggle{padding:28px}
:scope .is-expanded .lg-service-toggle{padding-bottom:168px}
:scope .lg-service-panel{left:28px;right:28px;bottom:28px}
:scope .lg-service-panel p{font-size:14px;font-weight:400;color:white;margin:0 0 18px;line-height:1.7}
:scope .lg-service-links a{min-height:44px;background:white;color:var(--brand-navy);border:1px solid #fff}
:scope .lg-service-links a+a{background:transparent;color:#fff;border-color:#ffffffa3}
:scope .lg-service-links a:hover{background:#edf4f9;color:var(--brand-navy)}
:scope .lg-service-toggle:focus-visible{outline:3px solid white;outline-offset:-5px;border-radius:10px}
:scope .sp-hero,:scope .ops-hero,:scope.page-about .about-hero{background:var(--surface-page);border-bottom:1px solid var(--border-color)}
:scope .sp-hero::after,:scope .ops-hero::after,:scope.page-about .about-hero::after,:scope.page-about .about-hero::before{display:none}
@media(max-width:900px){:scope .ops-services-grid{gap:20px}:scope .is-expanded .lg-service-toggle{padding-bottom:194px}}
@media(max-width:767px){
 :scope{--type-meta:12px}
 :scope .ops-services-grid{grid-template-columns:1fr;gap:16px}
 :scope .ops-services-section{padding-top:32px}
 :scope .ops-service-card,:scope .content-empty{padding:24px}
 :scope .lg-service-toggle{padding:24px}
 :scope .is-expanded .lg-service-toggle{padding-bottom:186px}
 :scope .lg-service-panel{left:24px;right:24px;bottom:24px}
 :scope .lg-service-heading{font-size:20px!important}
 :scope .about-media__brochure-copy{max-width:72%}
}

/* Digital trade artwork v2: preserve the generated compositions at each card size. */
:scope .home-hero-digital .home-hero-backdrop img{object-position:center center}
:scope .home-hero-digital .home-hero-backdrop::after{height:100px}
:scope #core-services .lg-accordion-card .service-card{height:420px!important;background:#092b57}
:scope #core-services .lg-accordion-card .service-card>img{height:100%;object-fit:cover;object-position:center top;filter:none;transition:opacity .25s ease}
:scope #core-services .lg-accordion-card.is-expanded .service-card>img{height:72%;object-fit:contain;object-position:center top;mask-image:linear-gradient(#000 80%,transparent 100%)}
:scope .lg-accordion-card .sc-overlay{background:linear-gradient(180deg,transparent 35%,rgba(9,43,87,.12) 54%,rgba(9,43,87,.8) 100%)!important}
:scope .is-expanded .lg-service-toggle{padding-bottom:156px}
:scope .lg-service-panel p{margin-bottom:14px}
@media(max-width:1100px) and (min-width:901px){
 :scope .lg-service-toggle{padding:22px}
 :scope .lg-service-heading{font-size:21px!important}
 :scope .is-expanded .lg-service-toggle{padding-bottom:174px}
 :scope .lg-service-panel{left:22px;right:22px;bottom:24px}
}
@media(max-width:900px){
 :scope .home-hero-digital{display:flex;flex-direction:column}
 :scope .home-hero-digital .home-hero-grid{order:0;min-height:0;padding-block:48px 0!important;display:block;width:100%}
 :scope .home-hero-digital .home-hero-copy{max-width:500px;padding-bottom:0}
 :scope .home-hero-digital .home-hero-backdrop{position:relative;inset:auto;order:1;z-index:0;width:100%;height:320px;margin-top:16px}
 :scope .home-hero-digital .home-hero-backdrop img{object-position:right center}
 :scope .home-hero-digital .home-hero-backdrop::before{content:"";position:absolute;inset:0 0 auto;height:36px;background:linear-gradient(var(--surface-page),transparent)}
 :scope #core-services .lg-accordion,:scope #core-services .lg-accordion[data-active]{grid-template-columns:1fr!important;gap:16px!important}
 :scope #core-services .lg-accordion-card .service-card{height:96px!important}
 :scope #core-services .lg-accordion-card.is-expanded .service-card{height:360px!important}
 :scope #core-services .lg-accordion-card:not(.is-expanded) .service-card>img{width:170px;right:28px;left:auto;object-position:center 25%;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 85%,transparent)}
 :scope #core-services .lg-accordion-card.is-expanded .service-card>img{height:67%;width:100%;object-fit:contain;object-position:center top}
 :scope .is-expanded .lg-service-toggle{padding-bottom:150px}
 :scope .lg-service-panel{bottom:24px}
 :scope .lg-service-links{flex-wrap:wrap}
}
@media(max-width:480px){
 :scope .home-hero-digital .home-hero-grid{padding-top:36px!important}
 :scope .home-hero-digital .home-hero-backdrop{height:240px;margin-top:12px}
 :scope .home-hero-digital .home-hero-backdrop img{object-position:90% center}
 :scope #core-services .lg-accordion-card.is-expanded .service-card{height:370px!important}
 :scope #core-services .lg-accordion-card.is-expanded .service-card>img{height:59%}
 :scope .is-expanded .lg-service-toggle{padding-bottom:170px}
 :scope .lg-service-panel p{margin-bottom:12px}
}

/* Image-led service entries. Scope stays inside the homepage service module. */
:scope #core-services .wrap{max-width:1248px}
:scope #core-services .service-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
:scope #core-services .service-image-card{position:relative;isolation:isolate;min-width:0;height:340px;overflow:hidden;border-radius:14px;background:#e6f0f8}
:scope #core-services .service-image-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:transform 600ms cubic-bezier(.22,1,.36,1)}
:scope #core-services .service-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,37,69,.2),transparent 35%),linear-gradient(180deg,transparent 38%,rgba(12,37,69,.24) 58%,rgba(12,37,69,.85) 83%,#122d50 100%);transition:background-color 350ms ease}
:scope #core-services .is-expanded .service-image-shade{background-color:rgba(12,37,69,.54)}
:scope #core-services .is-expanded .service-image-art{transform:scale(1.035)}
:scope #core-services .service-image-number{position:absolute;top:22px;left:24px;color:#fff;font-size:20px;line-height:1.4;font-weight:600;z-index:1;transition:color 350ms ease}
:scope #core-services .is-expanded .service-image-number{color:white}
:scope #core-services .service-image-toggle{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;z-index:2;cursor:pointer;border-radius:inherit;color:#fff}
:scope #core-services .service-image-toggle:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}
:scope #core-services .service-image-indicator{position:absolute;top:18px;right:20px;width:36px;height:36px;display:grid;place-items:center;color:inherit;transition:color 350ms ease}
:scope #core-services .service-image-indicator svg{width:22px;height:22px}
:scope #core-services .is-expanded .service-image-toggle{color:white}
:scope #core-services .service-image-content{position:absolute;left:24px;right:24px;bottom:24px;color:white;z-index:3;pointer-events:none}
:scope #core-services .service-image-content h3{margin:0;color:white;font-size:24px!important;line-height:1.4}
:scope #core-services .service-image-summary{margin:8px 0 0;color:#fff;font-size:14px;line-height:1.7}
:scope #core-services .service-image-panel{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows 420ms cubic-bezier(.22,1,.36,1),opacity 250ms ease,visibility 0s linear 420ms}
:scope #core-services .is-expanded .service-image-panel{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows 420ms cubic-bezier(.22,1,.36,1),opacity 300ms ease 100ms,visibility 0s}
:scope #core-services .service-image-panel ul{overflow:hidden;min-height:0;margin:0;padding:0;list-style:none}
:scope #core-services .service-image-panel li:first-child{margin-top:14px}
:scope #core-services .service-image-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 0;border-top:1px solid #ffffff42;color:white;font-size:14px;line-height:1.5;pointer-events:auto;text-decoration:none}
:scope #core-services .service-image-panel a:hover{text-decoration:underline;text-underline-offset:4px}
:scope #core-services .service-image-panel a:focus-visible{outline:2px solid white;outline-offset:-2px}
:scope #core-services .service-image-panel svg{flex:none}
@media(max-width:900px){:scope #core-services .service-image-grid{gap:16px}:scope #core-services .service-image-card{height:360px}:scope #core-services .service-image-content{left:18px;right:18px;bottom:22px}:scope #core-services .service-image-content h3{font-size:21px!important}:scope #core-services .service-image-panel a{font-size:13px}}
@media(max-width:600px){:scope #core-services .service-image-grid{grid-template-columns:1fr;gap:16px}:scope #core-services .service-image-card{height:340px}:scope #core-services .service-image-art{object-position:center 40%}:scope #core-services .service-image-content{left:24px;right:24px;bottom:24px}:scope #core-services .service-image-content h3{font-size:24px!important}:scope #core-services .service-image-panel a{font-size:14px;min-height:44px}}
@media(prefers-reduced-motion:reduce){:scope #core-services .service-image-card *{transition:none!important}}

/* Comprehensive platform page: reuses the portal's heading, color and spacing tokens. */
:scope .lp-service{--lp-gap:var(--section-gap)}
:scope .lp-service p{font-size:var(--type-body);line-height:1.75;color:var(--text-muted)}
:scope .lp-service-hero{background:linear-gradient(110deg,#edf4f9,var(--surface-page) 75%)}
:scope .lp-service-hero-grid{min-height:370px;display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding-block:40px!important}
:scope .lp-service-hero h1{margin:0 0 20px;color:var(--brand-navy)}
:scope .lp-service-hero-copy>p{max-width:34em;margin:0 0 28px}
:scope .lp-service-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
:scope .lp-entry-status{display:inline-flex;align-items:center;gap:9px;color:var(--text-muted);font-size:13px;line-height:1.6}
:scope .lp-entry-status>span{width:7px;height:7px;border-radius:50%;background:var(--brand-blue)}
:scope .lp-service .business-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--brand-blue);font-size:14px;min-height:44px}
:scope .lp-service-map{max-width:440px;width:100%;justify-self:end;color:var(--brand-navy)}
:scope .lp-map-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-inline:20px}
:scope .lp-map-row>span{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 12px;background:rgba(255,255,255,.85);border:1px solid var(--border-color);border-radius:10px;font-size:14px}
:scope .lp-map-row svg{color:var(--brand-blue);flex:none}
:scope .lp-map-connector{height:23px;width:1px;margin:auto;background:var(--brand-mint)}
:scope .lp-map-hub{padding:20px 28px;display:flex;gap:20px;align-items:center;justify-content:center;background:var(--brand-navy);border-radius:12px;color:white}
:scope .lp-map-hub>svg{color:var(--brand-mint)}
:scope .lp-map-hub strong{display:block;font-size:20px;font-weight:600}
:scope .lp-map-hub small{display:block;color:#dce8f5;font-size:12px;margin-top:4px}
:scope .lp-service .lp-section{padding-top:var(--lp-gap);scroll-margin-top:100px}
:scope .lp-section-head{margin-bottom:28px}
:scope .lp-section-head h2{margin:0 0 12px}
:scope .lp-section-head>p{margin:0;max-width:48em}
:scope .lp-scope-note{margin:0 0 24px!important;padding:14px 18px;border:1px solid var(--border-color);border-radius:6px;font-size:13px!important;background:var(--surface-soft)}
:scope .lp-core-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
:scope .lp-core-card{display:flex;gap:24px;padding:28px;border:1px solid var(--border-color);border-radius:var(--radius-card);background:var(--surface-card)}
:scope .lp-service-icon{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--surface-soft);color:var(--brand-blue)}
:scope .lp-core-card h3{margin:0 0 12px;color:var(--brand-navy)}
:scope .lp-core-card p{margin:0 0 14px}
:scope .lp-service-meta{font-size:var(--type-meta);line-height:1.7;color:var(--text-muted)}
:scope .lp-flow-surface{border:1px solid var(--border-color);border-radius:12px;background:var(--surface-card);padding:36px 28px 24px}
:scope .lp-flow-track{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:0;gap:24px}
:scope .lp-flow-track li{position:relative;text-align:center;min-width:0}
:scope .lp-flow-track li:not(:last-child)::after{content:'';position:absolute;left:calc(50% + 37px);right:calc(-50% + 13px);top:31px;height:1px;background:#b9cddd}
:scope .lp-flow-track li:not(:last-child)::before{content:'';position:absolute;top:28px;right:-14px;width:6px;height:6px;border-top:1px solid var(--brand-blue);border-right:1px solid var(--brand-blue);transform:rotate(45deg)}
:scope .lp-flow-icon{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:var(--brand-blue);background:var(--surface-soft)}
:scope .lp-flow-track li:last-child .lp-flow-icon{background:#e6f4ef;color:var(--brand-navy)}
:scope .lp-flow-track h3{margin:0 0 8px;color:var(--brand-navy)}
:scope .lp-flow-track p{font-size:13px;margin:0}
:scope .lp-flow-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}
:scope .lp-flow-lanes>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--brand-blue);font-size:14px}
:scope .lp-flow-lanes strong{font-weight:600;color:var(--brand-navy)}
:scope .lp-flow-lanes span{flex-basis:100%;font-size:13px;color:var(--text-muted);padding-left:27px}
:scope .lp-flow-caption{font-size:12px!important;margin:24px 0 0}
:scope .lp-value-layout{display:grid;grid-template-columns:1fr 2fr;gap:64px}
:scope .lp-value-layout .lp-section-head>p{margin-bottom:20px;font-size:18px}
:scope .lp-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
:scope .lp-value-grid article{padding-top:20px;border-top:1px solid var(--border-color)}
:scope .lp-value-icon{color:var(--brand-blue);margin-bottom:14px}
:scope .lp-value-grid h3{margin:0 0 10px;color:var(--brand-navy)}
:scope .lp-value-grid p{margin:0}
:scope .lp-entry-panel{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:32px;background:var(--surface-soft);border-radius:12px;border:1px solid var(--border-color)}
:scope .lp-entry-panel h2{margin:0 0 12px}
:scope .lp-entry-panel p{margin:0;max-width:42em}
:scope .lp-entry-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:none}
:scope .lp-contact-button{display:inline-flex;align-items:center;gap:20px;min-height:44px;background:var(--brand-blue);color:white;border:1px solid var(--brand-blue);border-radius:6px;padding:10px 20px}
:scope .lp-contact-button:hover{background:var(--brand-navy);border-color:var(--brand-navy);color:white}
@media(max-width:1000px){:scope .lp-service-hero-grid{gap:36px}:scope .lp-core-card{gap:18px;padding:24px}:scope .lp-value-layout{gap:36px;grid-template-columns:1fr 2fr}:scope .lp-entry-panel{align-items:flex-start;flex-direction:column}:scope .lp-entry-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px 24px}}
@media(max-width:767px){
 :scope .lp-service-hero-grid{grid-template-columns:1fr;padding-block:36px!important;gap:28px}
 :scope .lp-service-hero-copy>p{margin-bottom:20px}
 :scope .lp-service-map{max-width:420px;justify-self:start}
 :scope .lp-map-row{gap:16px;padding-inline:8px}
 :scope .lp-map-row>span{font-size:13px;gap:8px;padding:12px 8px}
 :scope .lp-map-hub{padding:16px 20px}
 :scope .lp-section-head{margin-bottom:24px}
 :scope .lp-core-grid{grid-template-columns:1fr;gap:16px}
 :scope .lp-core-card{padding:24px;gap:18px}
 :scope .lp-service-icon{width:44px;height:44px}
 :scope .lp-flow-surface{padding:24px}
 :scope .lp-flow-track{grid-template-columns:1fr;gap:26px}
 :scope .lp-flow-track li{display:flex;text-align:left;align-items:center;gap:18px}
 :scope .lp-flow-icon{width:52px;height:52px;flex:none;margin:0}
 :scope .lp-flow-track li:not(:last-child)::after{left:26px;top:58px;bottom:-20px;right:auto;width:1px;height:auto}
 :scope .lp-flow-track li:not(:last-child)::before{left:23px;top:auto;bottom:-18px;right:auto;transform:rotate(135deg)}
 :scope .lp-flow-track h3{margin-bottom:4px}
 :scope .lp-flow-lanes{grid-template-columns:1fr;gap:16px;margin-top:28px;padding-top:20px}
 :scope .lp-flow-lanes>div{gap:8px}
 :scope .lp-flow-lanes span{flex-basis:auto;padding-left:0;font-size:12px}
 :scope .lp-value-layout{grid-template-columns:1fr;gap:8px}
 :scope .lp-value-grid{grid-template-columns:1fr;gap:24px}
 :scope .lp-value-icon{margin-bottom:10px}
 :scope .lp-entry-panel{padding:24px;gap:24px}
}

/* Shared inner-page foundation, scoped to the four editorial surfaces. */
:scope .inner-page{--inner-section-space:var(--section-gap);--inner-card-space:var(--card-gap);--inner-radius:var(--radius-card)}
:scope .inner-page p{font-size:var(--type-body);line-height:1.75;color:var(--text-muted)}
:scope .inner-page-hero{background:linear-gradient(to bottom,transparent 60%,var(--surface-page)),linear-gradient(110deg,#edf4f9,var(--surface-page) 75%)}
:scope .inner-hero-layout{min-height:232px;display:grid;align-items:center;padding-block:48px!important}
:scope .inner-hero-layout.has-visual{min-height:340px;grid-template-columns:1fr 1fr;gap:64px;padding-block:36px!important}
:scope .inner-hero-copy h1{color:var(--brand-navy);margin:0 0 18px}
:scope .inner-hero-copy p{max-width:34em;margin:0}
:scope .inner-hero-visual{min-width:0;display:flex;justify-content:flex-end}
:scope .inner-hero-visual img{width:100%;max-width:450px;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;border-radius:12px;display:block}
:scope .inner-section{padding-top:var(--inner-section-space);scroll-margin-top:100px}
:scope .inner-section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-bottom:28px}
:scope .inner-section-head h2{margin:0 0 12px}
:scope .inner-section-head p{margin:0;max-width:46em}
:scope .inner-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:10px;background:var(--surface-soft);color:var(--brand-blue)}
:scope .inner-text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px;color:var(--brand-blue)}
:scope .inner-text-link:hover{text-decoration:underline;text-underline-offset:4px}
:scope .inner-meta{font-size:var(--type-meta);line-height:1.75;color:var(--text-muted)}
:scope .inner-ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--inner-card-space)}
:scope .inner-ops-card{display:flex;align-items:stretch;gap:24px;padding:28px;border:1px solid var(--border-color);border-radius:var(--inner-radius);background:var(--surface-card);scroll-margin-top:100px}
:scope .inner-ops-card>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;flex:1}
:scope .inner-ops-card h3{margin:0 0 14px;color:var(--brand-navy)}
:scope .inner-ops-card p{margin:0 0 16px}
:scope .inner-ops-card .inner-text-link{margin-top:auto}
:scope .inner-company-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:start}
:scope .inner-company-identity>svg{color:var(--brand-blue);margin-bottom:20px}
:scope .inner-company-identity h2{margin:0 0 18px;max-width:17em;overflow-wrap:anywhere}
:scope .inner-company-copy h2{margin:0 0 20px}
:scope .inner-company-copy>p{margin:0 0 28px;max-width:38em}
:scope .inner-company-note{padding-top:24px;border-top:1px solid var(--border-color)}
:scope .inner-company-note h3{margin:0 0 12px;color:var(--brand-navy)}
:scope .inner-company-note p{margin:0 0 14px}
:scope .inner-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--inner-card-space)}
:scope .inner-resource{display:flex;align-items:center;gap:20px;padding:28px;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--inner-radius);scroll-margin-top:100px}
:scope .inner-resource>svg{color:var(--brand-blue);flex:none}
:scope .inner-resource>div{min-width:0;flex:1}
:scope .inner-resource h3{margin:0 0 8px;color:var(--brand-navy)}
:scope .inner-resource p{margin:0;font-size:14px}
:scope .inner-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--inner-card-space)}
:scope .inner-contact-group{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--inner-radius);padding:28px}
:scope .inner-contact-group h3{margin:0 0 24px;color:var(--brand-navy)}
:scope .inner-contact-group dl{margin:0}
:scope .inner-contact-group dl>div{display:flex;align-items:center;gap:18px;padding:18px 0}
:scope .inner-contact-group dl>div+div{border-top:1px solid var(--border-color)}
:scope .inner-contact-group dl>div:last-child{padding-bottom:0}
:scope .inner-contact-group dl svg{color:var(--brand-blue);flex:none}
:scope .inner-contact-group dt{font-size:13px;line-height:1.7;color:var(--text-muted);margin:0 0 5px}
:scope .inner-contact-group dd{font-size:var(--type-body);color:var(--brand-navy);margin:0}
:scope .inner-visit-note{display:flex;gap:20px;align-items:flex-start;margin-top:28px;padding:24px;background:var(--surface-soft);border:1px solid var(--border-color);border-radius:var(--inner-radius)}
:scope .inner-visit-note>svg{color:var(--brand-blue);flex:none;margin-top:3px}
:scope .inner-visit-note h3{margin:0 0 8px;color:var(--brand-navy)}
:scope .inner-visit-note p{margin:0}
@media(max-width:1000px){
 :scope .inner-hero-layout.has-visual{gap:36px}
 :scope .inner-company-layout{gap:40px}
 :scope .inner-resource{flex-wrap:wrap;padding:24px;gap:16px}
 :scope .inner-resource>.pending-label{margin-left:44px}
 :scope .inner-ops-card{padding:24px;gap:18px}
}
@media(max-width:767px){
 :scope .inner-hero-layout{min-height:0;padding-block:36px!important}
 :scope .inner-hero-layout.has-visual{grid-template-columns:1fr;gap:28px;padding-block:36px!important;min-height:0}
 :scope .inner-hero-visual img{height:auto;max-width:none;aspect-ratio:3/2;object-fit:contain}
 :scope .inner-section-head{margin-bottom:24px;align-items:flex-start}
 :scope .inner-ops-grid,:scope .inner-contact-grid,:scope .inner-resource-grid{grid-template-columns:1fr;gap:16px}
 :scope .inner-company-layout{grid-template-columns:1fr;gap:36px}
 :scope .inner-company-identity h2{overflow-wrap:normal}
 :scope .inner-company-copy>p{margin-bottom:24px}
 :scope .inner-contact-group{padding:24px}
 :scope .inner-visit-note{padding:24px;gap:16px}
 :scope .inner-resource>.pending-label{margin-left:44px}
}

:scope .inner-company-identity h2>span{display:inline-block}
@media(max-width:767px){
 :scope .inner-resource{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px 16px;align-items:start}
 :scope .inner-resource>svg{grid-column:1;grid-row:1;margin-top:4px}
 :scope .inner-resource>div{grid-column:2;grid-row:1}
 :scope .inner-resource>.pending-label{grid-column:2;grid-row:2;justify-self:start;margin:0}
}

}
.longgang-site main.migration-main{padding-bottom:0}