:root {
  --navy: #0b2b48;
  --navy-2: #123b5d;
  --blue: #0768b7;
  --blue-2: #0b7bc7;
  --ice: #eef5f9;
  --soft: #f6f8fa;
  --ink: #142b3e;
  --text: #4d6272;
  --muted: #7b8c98;
  --line: #dce5ea;
  --gold: #c89345;
  --white: #fff;
  --container: min(1280px, calc(100vw - 64px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: "Noto Sans SC", "Microsoft YaHei", var(--font-geist-sans), Arial, sans-serif; font-size: 16px; line-height: 1.75; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button,input,textarea { font: inherit; }
.za-container { width: var(--container); margin-inline: auto; }
.za-section { padding: 108px 0; }
.za-soft { background: var(--soft); }
.za-dark-section,.za-delivery-section { color: #fff; background: var(--navy); }
.za-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: var(--blue); font-size: 12px; font-weight: 700; letter-spacing: .15em; }
.za-eyebrow::before { width: 28px; height: 2px; background: currentColor; content: ""; }
.za-eyebrow.za-light { color: #9bc8e7; }

/* Header */
.za-utility { color: #c7d7e3; background: var(--navy); font-size: 12px; letter-spacing: .04em; }
.za-utility .za-container { height: 34px; display: flex; align-items: center; justify-content: space-between; }
.za-header { position: relative; z-index: 50; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.97); }
.za-header-inner { height: 82px; display: flex; align-items: center; }
.za-brand { display: inline-flex; align-items: center; gap: 13px; min-width: 196px; }
.za-brand-mark { position: relative; width: 38px; height: 38px; display: grid; place-items: center; border: 2px solid var(--blue); transform: rotate(45deg); }
.za-brand-mark::before,.za-brand-mark::after,.za-brand-mark i { position: absolute; content: ""; }
.za-brand-mark::before { width: 16px; height: 2px; background: var(--blue); transform: rotate(-45deg); }
.za-brand-mark::after { width: 2px; height: 16px; background: var(--gold); transform: rotate(-45deg); }
.za-brand-mark i { inset: 6px; border: 1px solid #8db8d5; }
.za-brand-type { display: flex; flex-direction: column; line-height: 1; }
.za-brand-type strong { color: var(--navy); font-size: 20px; letter-spacing: .14em; }
.za-brand-type small { margin-top: 6px; color: #627788; font-size: 12px; letter-spacing: .34em; }
.za-desktop-nav { height: 100%; display: flex; align-items: center; gap: clamp(24px,2.7vw,44px); margin-left: auto; }
.za-desktop-nav a { position: relative; height: 100%; display: grid; place-items: center; color: #2e4353; font-size: 15px; font-weight: 600; }
.za-desktop-nav a::after { position: absolute; right: 50%; bottom: -1px; left: 50%; height: 2px; background: var(--blue); content: ""; transition: .25s; }
.za-desktop-nav a:hover { color: var(--blue); }
.za-desktop-nav a:hover::after { right: 0; left: 0; }
.za-header-action { height: 44px; display: inline-flex; align-items: center; gap: 22px; margin-left: 44px; padding: 0 21px; color: #fff; background: var(--blue); font-size: 14px; font-weight: 700; }
.za-header-action:hover { background: var(--navy-2); }
.za-mobile-shell { display: none; margin-left: auto; }

/* Homepage hero */
.za-home-hero { overflow: hidden; background: linear-gradient(90deg,#fff 0,#fff 52%,#eef4f7 52%,#eef4f7 100%); }
.za-home-slider { position: relative; }
.za-home-slider-track { display: grid; }
.za-home-slide { grid-area: 1/1; min-width: 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(18px); transition: opacity .75s ease,transform .75s ease,visibility .75s; }
.za-home-slide.is-active { z-index: 1; opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); }
.za-home-hero-layout { min-height: 650px; display: grid; grid-template-columns: 47% 53%; align-items: stretch; }
.za-home-hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 76px 54px 76px 0; }
.za-home-hero-copy h1,.za-home-hero-copy h2 { max-width: 760px; margin: 0; color: var(--navy); font-size: clamp(48px,4.5vw,68px); font-weight: 650; line-height: 1.17; letter-spacing: -.05em; }
.za-home-hero-copy > p:not(.za-eyebrow) { max-width: 640px; margin: 25px 0 0; color: var(--text); font-size: 17px; line-height: 1.9; }
.za-home-hero-actions { display: flex; align-items: center; gap: 32px; margin-top: 34px; }
.za-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 0 24px; border: 0; cursor: pointer; font-size: 15px; font-weight: 700; }
.za-button-blue { color: #fff; background: var(--blue); }
.za-button-blue:hover { background: var(--navy); }
.za-button-gold { color: #fff; background: var(--blue); }
.za-button-light { color: var(--navy); background: #fff; }
.za-text-button { display: inline-flex; align-items: center; gap: 18px; padding-bottom: 5px; border-bottom: 1px solid #9fb0bc; color: #334c5e; font-size: 14px; font-weight: 700; }
.za-text-button span { color: var(--gold); }
.za-home-hero-scope { display: flex; align-items: center; gap: 14px; margin-top: 50px; color: var(--muted); font-size: 13px; }
.za-home-hero-scope strong { color: var(--navy); font-size: 14px; }
.za-home-hero-scope i { width: 64px; height: 1px; background: var(--line); }
.za-home-hero-visual { position: relative; min-width: 50vw; overflow: hidden; }
.za-home-hero-visual::before { position: absolute; z-index: 1; inset: 0 auto 0 0; width: 100px; background: linear-gradient(90deg,#fff,rgba(255,255,255,0)); content: ""; }
.za-home-hero-visual img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 61% center; }
.za-home-hero-visual > span { position: absolute; z-index: 2; right: 28px; bottom: 25px; padding: 8px 12px; color: #fff; background: rgba(11,43,72,.82); font-size: 11px; letter-spacing: .14em; }
.za-home-slider-controls { position: absolute; z-index: 4; right: 0; bottom: 26px; left: 0; display: flex; justify-content: flex-end; gap: 8px; padding-right: 188px; pointer-events: none; }
.za-home-slider-controls button { width: 34px; height: 24px; display: grid; place-items: center; padding: 0; border: 0; background: transparent; cursor: pointer; pointer-events: auto; }
.za-home-slider-controls button span { width: 100%; height: 2px; background: rgba(255,255,255,.5); transition: background .25s,width .25s; }
.za-home-slider-controls button.is-active span { background: #fff; }
.za-home-slider-controls button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.za-proof-band { color: #fff; background: var(--navy); }
.za-proof-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.za-proof-grid article { min-height: 132px; display: flex; align-items: center; gap: 20px; padding: 25px 28px; border-left: 1px solid rgba(255,255,255,.12); }
.za-proof-grid article:last-child { border-right: 1px solid rgba(255,255,255,.12); }
.za-proof-grid > article > span { align-self: flex-start; margin-top: 7px; color: #62addc; font-size: 12px; }
.za-proof-grid h2 { margin: 0 0 4px; font-size: 20px; font-weight: 600; }
.za-proof-grid p { margin: 0; color: #afc3d2; font-size: 14px; line-height: 1.6; }

/* Shared sections */
.za-section-heading { display: grid; grid-template-columns: 31% 69%; align-items: start; margin-bottom: 52px; }
.za-section-heading > div { max-width: 780px; }
.za-section-heading h2 { margin: 0; color: var(--navy); font-size: clamp(34px,3.1vw,48px); font-weight: 620; line-height: 1.28; letter-spacing: -.035em; }
.za-section-heading > div > p { max-width: 650px; margin: 17px 0 0; color: var(--text); font-size: 16px; line-height: 1.85; }
.za-section-heading.za-inverse h2 { color: #fff; }
.za-section-heading.za-inverse > div > p { color: #b9cad6; }
.za-section-heading.za-inverse .za-eyebrow { color: #8bc3e6; }
.za-section-more { display: flex; justify-content: flex-end; margin-top: 34px; }
.za-section-more a { display: inline-flex; gap: 20px; padding-bottom: 6px; border-bottom: 1px solid #a8bac5; color: var(--navy); font-size: 14px; font-weight: 700; }

.za-service-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.za-service-card { min-height: 294px; display: grid; grid-template-columns: 58px 1fr; gap: 22px; padding: 36px 34px 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: .25s; }
.za-service-card:hover { position: relative; z-index: 1; border-color: var(--blue); box-shadow: 0 18px 42px rgba(21,66,97,.1); transform: translateY(-3px); }
.za-service-icon { width: 52px; height: 52px; display: grid; place-items: center; color: var(--blue); background: var(--ice); }
.za-service-icon svg { width: 29px; height: 29px; }
.za-service-card small { color: #7890a0; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.za-service-card h3 { margin: 9px 0 10px; color: var(--navy); font-size: 24px; font-weight: 620; }
.za-service-card p { margin: 0; color: var(--text); font-size: 15px; line-height: 1.75; }
.za-service-card .za-card-link { grid-column: 2; align-self: end; color: var(--blue); font-size: 13px; font-weight: 700; }

.za-solution-feature { background: var(--ice); }
.za-solution-feature-layout { display: grid; grid-template-columns: 56% 44%; min-height: 570px; background: #fff; box-shadow: 0 22px 65px rgba(18,59,93,.08); }
.za-solution-feature-visual { position: relative; min-height: 520px; overflow: hidden; }
.za-solution-feature-visual img { width: 100%; height: 100%; object-fit: cover; }
.za-solution-feature-visual > span { position: absolute; left: 22px; bottom: 22px; padding: 7px 11px; color: #fff; background: rgba(11,43,72,.78); font-size: 11px; }
.za-solution-feature-copy { display: flex; flex-direction: column; justify-content: center; padding: 58px 54px; }
.za-solution-feature-copy h2 { margin: 0; color: var(--navy); font-size: clamp(32px,3vw,45px); font-weight: 620; line-height: 1.35; letter-spacing: -.03em; }
.za-solution-feature-copy > p:not(.za-eyebrow) { margin: 20px 0 24px; color: var(--text); font-size: 16px; }
.za-solution-feature-copy ul { margin: 0 0 28px; padding: 0; list-style: none; }
.za-solution-feature-copy li { display: flex; gap: 18px; padding: 12px 0; border-top: 1px solid var(--line); color: #344e61; font-size: 15px; }
.za-solution-feature-copy li span { color: var(--blue); font-size: 12px; }

.za-sectors-section { color: #fff; background: var(--navy); }
.za-sector-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.17); border-left: 1px solid rgba(255,255,255,.17); }
.za-sector-grid a { min-height: 292px; display: flex; flex-direction: column; padding: 30px 28px; border-right: 1px solid rgba(255,255,255,.17); border-bottom: 1px solid rgba(255,255,255,.17); transition: background .25s,transform .25s; }
.za-sector-grid a:hover { background: #0d6099; transform: translateY(-3px); }
.za-sector-grid span { color: #73b7e1; font-size: 12px; }
.za-sector-grid small { margin-top: 45px; color: #86a7bd; font-size: 11px; letter-spacing: .1em; }
.za-sector-grid h3 { margin: 6px 0 12px; color: #fff; font-size: 25px; font-weight: 600; }
.za-sector-grid p { margin: 0; color: #bdced9; font-size: 15px; line-height: 1.8; }
.za-sector-grid b { margin-top: auto; padding-top: 22px; color: #fff; font-size: 13px; }

.za-featured-projects { display: grid; grid-template-columns: 1.35fr .85fr; gap: 34px; }
.za-featured-project-main { overflow: hidden; background: var(--navy); }
.za-featured-project-main img { width: 100%; aspect-ratio: 16/9; display: block; object-fit: cover; }
.za-featured-project-main > div { padding: 28px 32px 32px; }
.za-featured-project-main small,.za-featured-project-side small { color: #8eb8d3; font-size: 12px; }
.za-featured-project-main h3 { margin: 9px 0; color: #fff; font-size: 28px; font-weight: 600; }
.za-featured-project-main p { margin: 0 0 17px; color: #bdced9; font-size: 15px; }
.za-featured-project-main span { color: #fff; font-size: 14px; font-weight: 700; }
.za-featured-project-side { display: grid; grid-template-rows: repeat(2,1fr); border-top: 1px solid var(--line); }
.za-featured-project-side a { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 32px 40px 32px 76px; border-bottom: 1px solid var(--line); }
.za-featured-project-side > a > span { position: absolute; top: 37px; left: 14px; color: var(--blue); font-size: 12px; }
.za-featured-project-side h3 { margin: 9px 0; color: var(--navy); font-size: 24px; font-weight: 620; }
.za-featured-project-side p { margin: 0 0 12px; color: var(--text); font-size: 15px; }
.za-featured-project-side b { color: var(--blue); font-size: 13px; }

/* Breadcrumbs and inner heroes */
.za-breadcrumbs { border-bottom: 1px solid var(--line); color: #768894; background: #fff; }
.za-breadcrumbs .za-container { min-height: 44px; display: flex; align-items: center; gap: 11px; font-size: 12px; }
.za-breadcrumb-item { display: contents; }
.za-breadcrumb-item b { color: #435a69; font-weight: 500; }
.za-breadcrumb-item i { font-style: normal; }
.za-page-hero { position: relative; overflow: hidden; background: #f7f9fa; }
.za-page-hero-inner { height: 365px; display: grid; grid-template-columns: 53% 47%; grid-template-rows: minmax(0,1fr); align-items: stretch; }
.za-page-hero-copy { position: relative; z-index: 2; max-width: 760px; display: flex; flex-direction: column; justify-content: center; padding: 66px 58px 66px 0; }
.za-page-hero h1,.za-page-hero h2 { margin: 0; color: var(--navy); font-size: clamp(42px,4.5vw,62px); font-weight: 620; line-height: 1.22; letter-spacing: -.045em; }
.za-page-hero-copy > p:last-child { max-width: 720px; margin: 19px 0 0; color: var(--text); font-size: 17px; line-height: 1.85; }
.za-page-hero-visual { position: relative; min-width: 50vw; min-height: 0; height: 100%; overflow: hidden; background: #e7f0f5; }
.za-page-hero-visual::before { position: absolute; z-index: 1; inset: 0 auto 0 0; width: 110px; background: linear-gradient(90deg,#f7f9fa,rgba(247,249,250,0)); content: ""; }
.za-page-hero-visual img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }

/* Optional floating project contact */
.za-floating-contact { position: fixed; z-index: 90; bottom: 42px; }
.za-floating-contact--right { right: 24px; }
.za-floating-contact--left { left: 24px; }
.za-floating-contact-trigger { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 19px; border: 0; color: #fff; background: var(--blue); box-shadow: 0 14px 32px rgba(11,43,72,.2); cursor: pointer; font-size: 14px; font-weight: 700; transition: background .2s,transform .2s; }
.za-floating-contact-trigger:hover,.za-floating-contact-trigger:focus-visible { background: var(--navy); transform: translateY(-2px); }
.za-floating-contact-trigger svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.za-floating-contact--pill .za-floating-contact-trigger { border-radius: 28px; }
.za-floating-contact--round .za-floating-contact-trigger { width: 60px; height: 60px; min-height: 60px; padding: 0; border-radius: 50%; }
.za-floating-contact--round .za-floating-contact-trigger span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.za-floating-contact--side { top: 46%; bottom: auto; }
.za-floating-contact--side.za-floating-contact--right { right: 0; }
.za-floating-contact--side.za-floating-contact--left { left: 0; }
.za-floating-contact--side .za-floating-contact-trigger { width: 48px; min-height: 132px; flex-direction: column; padding: 14px 10px; }
.za-floating-contact--side .za-floating-contact-trigger span { writing-mode: vertical-rl; letter-spacing: .15em; }
.za-floating-contact-panel { position: absolute; right: 0; bottom: calc(100% + 14px); width: 332px; padding: 29px; border: 1px solid var(--line); color: var(--ink); background: #fff; box-shadow: 0 22px 58px rgba(11,43,72,.2); }
.za-floating-contact--left .za-floating-contact-panel { right: auto; left: 0; }
.za-floating-contact--side .za-floating-contact-panel { right: calc(100% + 14px); bottom: auto; top: 50%; transform: translateY(-50%); }
.za-floating-contact--side.za-floating-contact--left .za-floating-contact-panel { right: auto; left: calc(100% + 14px); }
.za-floating-contact-close { position: absolute; top: 9px; right: 11px; width: 34px; height: 34px; border: 0; color: #637a8b; background: transparent; cursor: pointer; font-size: 26px; line-height: 1; }
.za-floating-contact-panel .za-eyebrow { margin-bottom: 12px; font-size: 10px; }
.za-floating-contact-panel h2 { margin: 0; color: var(--navy); font-size: 27px; line-height: 1.3; }
.za-floating-contact-panel > p:not(.za-eyebrow) { margin: 10px 0 18px; color: var(--text); font-size: 14px; line-height: 1.75; }
.za-floating-contact-qr { display: grid; justify-items: center; gap: 8px; margin: 0 0 17px; padding: 14px; background: var(--soft); }
.za-floating-contact-qr img { width: 132px; height: 132px; display: block; object-fit: contain; background: #fff; }
.za-floating-contact-qr small { color: var(--muted); font-size: 11px; }
.za-floating-contact-phone { display: flex; flex-direction: column; margin: 0 0 16px; padding: 12px 14px; border-left: 2px solid var(--blue); background: var(--ice); }
.za-floating-contact-phone small { color: var(--muted); font-size: 11px; }
.za-floating-contact-phone strong { color: var(--navy); font-size: 18px; }
.za-floating-contact-panel .za-button { width: 100%; }

/* Inner lists and grids */
.za-about-intro,.za-detail-layout,.za-article-layout,.za-case-detail-layout { display: grid; grid-template-columns: 31% 69%; gap: 0; }
.za-about-intro > div:first-child,.za-detail-layout > aside,.za-article-layout > aside,.za-case-detail-layout > aside { padding-right: 64px; }
.za-about-intro h2,.za-detail-layout aside h2 { margin: 0; color: var(--navy); font-size: 36px; line-height: 1.4; font-weight: 600; }
.za-about-copy { max-width: 800px; }
.za-about-copy > p,.za-lead-copy { margin: 0 0 22px; color: #40596a; font-size: 18px; line-height: 1.95; }
.za-signature { display: flex; align-items: center; gap: 18px; margin-top: 38px; color: var(--navy); }
.za-signature span { font-weight: 750; letter-spacing: .18em; }
.za-signature i { width: 70px; height: 1px; background: var(--gold); }
.za-signature small { color: var(--muted); }
.za-about-capability-grid,.za-industry-grid,.za-solution-method,.za-highlight-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.za-about-capability-grid article,.za-industry-grid article,.za-solution-method article,.za-highlight-grid article { min-height: 245px; padding: 32px 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.za-about-capability-grid span,.za-industry-grid span,.za-solution-method span,.za-highlight-grid span { color: var(--blue); font-size: 12px; }
.za-about-capability-grid h3,.za-industry-grid h3,.za-solution-method h3,.za-highlight-grid h3 { margin: 45px 0 10px; color: var(--navy); font-size: 22px; font-weight: 620; }
.za-about-capability-grid p,.za-industry-grid p,.za-solution-method p,.za-highlight-grid p { margin: 0; color: var(--text); font-size: 15px; }
.za-timeline { display: grid; grid-template-columns: repeat(4,1fr); }
.za-timeline article { display: grid; grid-template-columns: 52px 1fr; gap: 15px; padding: 26px 28px 26px 0; border-top: 2px solid var(--blue); }
.za-timeline article + article { padding-left: 28px; border-left: 1px solid var(--line); }
.za-timeline b { color: var(--blue); font-size: 13px; }
.za-timeline small { color: var(--muted); font-size: 11px; letter-spacing: .12em; }
.za-timeline h3 { margin: 4px 0 8px; font-size: 23px; }
.za-timeline p { margin: 0; color: var(--text); font-size: 15px; }
.za-principle-list { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.18); }
.za-principle-list span { padding: 28px 18px; border-right: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 18px; }

.za-solution-list { border-top: 1px solid var(--line); }
.za-solution-row { display: grid; grid-template-columns: 70px minmax(230px,1fr) 1.4fr 40px; gap: 22px; align-items: center; min-height: 150px; padding: 26px 20px; border-bottom: 1px solid var(--line); transition: .2s; }
.za-solution-row:hover { padding-left: 32px; background: var(--ice); }
.za-solution-row > span { color: var(--blue); font-size: 13px; }
.za-solution-row small { color: var(--muted); font-size: 11px; letter-spacing: .09em; }
.za-solution-row h2 { margin: 4px 0 0; color: var(--navy); font-size: 28px; font-weight: 620; }
.za-solution-row p { margin: 0; color: var(--text); font-size: 16px; }
.za-solution-row i { color: var(--blue); font-style: normal; font-size: 22px; }
html body.post-type-archive-solution .za-solution-list > .za-solution-row[style*="--za-solution-image"]::before { background-image: var(--za-solution-image, none) !important; }
.za-solution-side-note { margin-top: 34px; padding: 22px; border-left: 2px solid var(--blue); background: var(--ice); }
.za-solution-side-note span,.za-solution-side-note b { display: block; }
.za-solution-side-note span { margin-bottom: 8px; color: var(--muted); font-size: 12px; }
.za-solution-side-note b { margin-top: 5px; font-size: 15px; }
.za-local-figure { margin: 0 0 34px; overflow: hidden; background: var(--ice); }
.za-local-figure img { width: 100%; aspect-ratio: 16/9; display: block; object-fit: cover; }
.za-local-figure figcaption { padding: 9px 14px; color: var(--muted); font-size: 12px; }
.za-subsection-title { margin: 48px 0 18px; color: var(--navy); font-size: 28px; }
.za-pain-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.za-pain-grid article { min-height: 155px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.za-pain-grid span { color: var(--blue); font-size: 12px; }
.za-pain-grid p { margin: 26px 0 0; color: var(--text); font-size: 15px; }
.za-architecture-stack { max-width: 950px; margin-left: auto; }
.za-architecture-stack article { display: grid; grid-template-columns: 55px 1fr 40px; gap: 20px; align-items: center; padding: 24px 28px; border-bottom: 1px solid var(--line); background: #fff; }
.za-architecture-stack article:first-child { border-top: 2px solid var(--blue); }
.za-architecture-stack span { color: var(--blue); font-size: 12px; }
.za-architecture-stack h3 { margin: 0 0 4px; font-size: 21px; }
.za-architecture-stack p { margin: 0; color: var(--text); font-size: 15px; }
.za-architecture-stack i { color: var(--blue); font-style: normal; }
.za-deliverables { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(255,255,255,.16); }
.za-deliverables span { min-height: 92px; display: flex; align-items: center; padding: 20px 24px; background: var(--navy); font-size: 16px; }
.za-faq-list { max-width: 950px; margin-left: auto; border-top: 1px solid var(--line); }
.za-faq-list details { border-bottom: 1px solid var(--line); }
.za-faq-list summary { display: grid; grid-template-columns: 55px 1fr 30px; align-items: center; min-height: 78px; cursor: pointer; color: var(--navy); font-size: 18px; font-weight: 600; list-style: none; }
.za-faq-list summary span { color: var(--blue); font-size: 12px; }
.za-faq-list summary i { color: var(--blue); font-style: normal; }
.za-faq-list details > p { margin: 0; padding: 0 60px 24px 55px; color: var(--text); font-size: 16px; }
.za-related-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.za-related-grid a { min-height: 250px; display: flex; flex-direction: column; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.za-related-grid span { color: var(--blue); font-size: 12px; }
.za-related-grid h3 { margin: 32px 0 10px; color: var(--navy); font-size: 23px; }
.za-related-grid p { margin: 0; color: var(--text); font-size: 15px; }
.za-related-grid b { margin-top: auto; padding-top: 20px; color: var(--blue); font-size: 13px; }
.za-detail-internal-links { display: flex; gap: 25px; justify-content: flex-end; margin-top: 28px; color: var(--blue); font-size: 14px; font-weight: 600; }

/* Case, news, article and contact */
.za-case-intro { max-width: 900px; margin: 0 0 38px 31%; padding-left: 26px; border-left: 2px solid var(--gold); }
.za-case-intro p { margin: 0; color: var(--text); font-size: 16px; }
.za-filter-row { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 38px; }
.za-filter-row span,.za-filter-row a { padding: 8px 18px; border: 1px solid var(--line); color: #637786; font-size: 14px; }
.za-filter-row .active,.za-filter-row .is-active { color: #fff; border-color: var(--blue); background: var(--blue); }
.za-case-archive > article { display: grid; grid-template-columns: 39% 61%; min-height: 300px; border-top: 1px solid var(--line); }
.za-case-archive > article:last-child { border-bottom: 1px solid var(--line); }
.za-archive-visual { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 26px; color: #fff; background: linear-gradient(135deg,var(--navy),var(--blue)); }
.za-archive-visual::after { position: absolute; right: -60px; bottom: -90px; width: 240px; height: 240px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; content: ""; }
.za-archive-visual > span,.za-archive-visual > b { position: relative; z-index: 1; font-size: 12px; letter-spacing: .08em; }
.za-archive-visual > i { position: absolute; top: 38%; left: 44%; width: 58px; height: 58px; border: 1px solid rgba(255,255,255,.4); transform: rotate(45deg); }
.za-case-archive > article > div { display: flex; flex-direction: column; justify-content: center; padding: 44px 55px; }
.za-case-archive small { color: var(--blue); font-size: 12px; }
.za-case-archive h2 { margin: 9px 0 12px; font-size: 29px; font-weight: 620; }
.za-case-archive p { margin: 0 0 19px; color: var(--text); font-size: 16px; }
.za-case-archive > article > div > a { color: var(--blue); font-size: 14px; font-weight: 700; }
.za-case-disclaimer { padding: 14px 0; border-bottom: 1px solid #ecd9b9; background: #fff8ec; }
.za-case-disclaimer .za-container { display: flex; gap: 18px; align-items: center; }
.za-case-disclaimer strong { color: #936621; font-size: 14px; }
.za-case-disclaimer p { margin: 0; color: #705d43; font-size: 14px; }
.za-case-detail-layout aside dl { margin: 30px 0; }
.za-case-detail-layout aside dl div { padding: 13px 0; border-bottom: 1px solid var(--line); }
.za-case-detail-layout dt { color: var(--muted); font-size: 12px; }
.za-case-detail-layout dd { margin: 3px 0 0; font-size: 16px; font-weight: 600; }
.za-case-scope-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.za-case-scope-grid article { min-height: 185px; padding: 26px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.za-case-scope-grid span { color: var(--blue); font-size: 12px; }
.za-case-scope-grid h3 { margin: 22px 0 7px; font-size: 22px; }
.za-case-scope-grid p { margin: 0; color: var(--text); font-size: 15px; }
.za-outcome-list { max-width: 950px; margin-left: auto; }
.za-outcome-list article { display: grid; grid-template-columns: 70px 1fr; align-items: center; min-height: 92px; border-bottom: 1px solid var(--line); }
.za-outcome-list span { color: var(--blue); font-size: 12px; }
.za-outcome-list p { margin: 0; color: var(--ink); font-size: 17px; }

.za-news-list { border-top: 1px solid var(--line); }
.za-news-row { display: grid; grid-template-columns: 125px 110px 1fr 35px; gap: 20px; align-items: center; min-height: 132px; padding: 22px 12px; border-bottom: 1px solid var(--line); }
.za-news-row:hover h3 { color: var(--blue); }
.za-news-date,.za-news-tag { color: var(--muted); font-size: 13px; }
.za-news-tag { color: var(--blue); }
.za-news-row h3 { margin: 0 0 5px; color: var(--navy); font-size: 21px; font-weight: 620; }
.za-news-row p { margin: 0; color: var(--text); font-size: 15px; }
.za-news-arrow { color: var(--blue); font-size: 20px; }
.za-news-archive > article { display: grid; grid-template-columns: 95px 1fr; gap: 20px; padding: 42px 0; border-top: 1px solid var(--line); }
.za-news-archive > article:last-child { border-bottom: 1px solid var(--line); }
.za-news-no { color: var(--blue); font-size: 13px; }
.za-news-meta { display: flex; gap: 20px; color: var(--muted); font-size: 12px; }
.za-news-meta span { color: var(--blue); }
.za-news-archive h2 { margin: 9px 0; font-size: 28px; font-weight: 620; }
.za-news-archive p { margin: 0 0 14px; color: var(--text); font-size: 16px; }
.za-news-archive article a:last-child { color: var(--blue); font-size: 14px; font-weight: 700; }
.za-article-meta { position: sticky; top: 24px; display: grid; gap: 8px; }
.za-article-meta span { margin-top: 18px; color: var(--muted); font-size: 12px; }
.za-article-meta time,.za-article-meta b { color: var(--navy); font-size: 15px; font-weight: 600; }
.za-article-header { max-width: 920px; margin: 0 0 42px; padding: 0 0 34px; border-bottom: 1px solid var(--line); }
.za-article-header h1 { max-width: 900px; margin: 13px 0 16px; color: var(--navy); font-size: clamp(34px,4.1vw,52px); font-weight: 620; line-height: 1.32; letter-spacing: -.035em; }
.za-article-content { max-width: 820px; }
.za-article-content > section { margin-top: 44px; }
.za-article-content h2 { margin: 0 0 18px; color: var(--navy); font-size: 29px; font-weight: 620; }
.za-article-content p { margin: 0; color: #344e60; font-size: 17px; line-height: 1.95; }
.za-article-note { margin-top: 50px; padding: 24px 28px; border-left: 3px solid var(--blue); background: var(--ice); }
.za-article-note strong { color: var(--navy); }
.za-article-note p { margin-top: 6px; font-size: 15px; }

.za-contact-layout { display: grid; grid-template-columns: 1.65fr .75fr; gap: 70px; }
.za-contact-main h2 { margin: 0 0 15px; font-size: 40px; font-weight: 620; }
.za-contact-main > p:not(.za-eyebrow) { color: var(--text); }
.za-contact-form { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; margin-top: 38px; }
.za-contact-form label { display: grid; gap: 8px; color: #415867; font-size: 14px; }
.za-contact-form label.za-full { grid-column: 1/-1; }
.za-contact-form input,.za-contact-form textarea { width: 100%; padding: 14px 15px; border: 1px solid #cdd9e0; outline: none; color: var(--ink); background: #fff; }
.za-contact-form input:focus,.za-contact-form textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(7,104,183,.08); }
.za-contact-form .za-consent { display: flex; align-items: center; grid-auto-flow: column; justify-content: start; }
.za-contact-form .za-consent input { width: auto; }
.za-contact-side { background: var(--navy); }
.za-contact-side > div { padding: 26px 30px; border-bottom: 1px solid rgba(255,255,255,.12); }
.za-contact-side small { color: #8fb2ca; }
.za-contact-side a,.za-contact-side p { display: block; margin: 6px 0 0; color: #fff; font-size: 16px; }
.za-contact-side .za-contact-qr { display: grid; grid-template-columns: 1fr 152px; gap: 24px; align-items: center; padding-top: 32px; padding-bottom: 32px; }
.za-contact-qr strong { display: block; margin-top: 7px; color: #fff; font-size: 18px; font-weight: 600; }
.za-contact-qr > div > p { color: #9eb8ca; font-size: 13px; line-height: 1.7; }
.za-contact-qr figure { width: 152px; height: 152px; margin: 0; padding: 7px; background: #fff; }
.za-contact-qr figure img { width: 100%; height: 100%; display: block; object-fit: contain; }
.za-contact-qr .za-qr-admin-link { grid-column: 1/-1; color: #79bce6; font-size: 12px; }
.za-location-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; }
.za-location-grid article { padding: 32px; border: 1px solid var(--line); background: #fff; }
.za-location-grid > article > span { color: var(--blue); font-size: 12px; }
.za-location-grid h3 { margin: 20px 0; font-size: 24px; }
.za-location-grid dl div { display: grid; grid-template-columns: 90px 1fr; padding: 8px 0; }
.za-location-grid dt { color: var(--muted); font-size: 13px; }
.za-location-grid dd { margin: 0; color: var(--text); font-size: 15px; }

/* CTA and footer */
.za-cta { color: #fff; background: var(--blue); }
.za-cta-inner { min-height: 300px; display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.za-cta-inner h2 { max-width: 780px; margin: 0; font-size: clamp(32px,3.5vw,48px); line-height: 1.35; font-weight: 600; }
.za-cta-inner > div > p:last-child { margin: 15px 0 0; color: #c9e3f4; }
.za-footer { color: #d3dee6; background: #071e31; }
.za-footer-main { display: grid; grid-template-columns: 35% 65%; padding-top: 72px; padding-bottom: 65px; }
.za-footer .za-brand-mark { border-color: #72b1db; }
.za-footer .za-brand-type strong { color: #fff; }
.za-footer .za-brand-type small { color: #8aa5b8; }
.za-footer-brand p { margin: 28px 0 4px; color: #7894a7; font-size: 13px; }
.za-footer-brand h2 { margin: 0; color: #fff; font-size: 24px; font-weight: 500; }
.za-footer-links { display: grid; grid-template-columns: 1fr 1fr 1.35fr; gap: 45px; }
.za-footer-links > div { display: flex; flex-direction: column; gap: 9px; }
.za-footer-links strong { margin-bottom: 10px; color: #fff; font-size: 14px; }
.za-footer-links a,.za-footer-links span { color: #9eb1bf; font-size: 13px; }
.za-footer-contact a { color: #fff; font-size: 21px; }
.za-footer-record { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-top: 1px solid rgba(255,255,255,.1); color: #708899; font-size: 12px; }
.za-record-links { display: flex; gap: 22px; }
.za-record-links a { display: inline-flex; align-items: center; gap: 6px; }
.za-police-icon { width: 13px; height: 15px; display: inline-block; border: 1px solid #708899; border-radius: 6px 6px 8px 8px; }
.za-error-page { min-height: 65vh; display: grid; place-items: center; text-align: center; }

@media (max-width: 1080px) {
  :root { --container: min(100% - 48px, 1180px); }
  .za-desktop-nav { gap: 20px; }
  .za-header-action { margin-left: 24px; }
  .za-home-hero-layout { grid-template-columns: 52% 48%; min-height: 600px; }
  .za-home-hero-copy h1,.za-home-hero-copy h2 { font-size: 51px; }
  .za-section-heading { grid-template-columns: 27% 73%; }
  .za-service-card { padding: 30px 24px; }
  .za-solution-feature-copy { padding: 42px 36px; }
  .za-about-intro,.za-detail-layout,.za-article-layout,.za-case-detail-layout { grid-template-columns: 27% 73%; }
}

@media (max-width: 860px) {
  :root { --container: min(100% - 38px, 760px); }
  .za-utility { display: none; }
  .za-header-inner { height: 72px; }
  .za-desktop-nav,.za-header-action { display: none; }
  .za-mobile-shell { display: block; position: relative; }
  .za-mobile-shell summary { width: 44px; height: 44px; display: grid; place-content: center; gap: 7px; list-style: none; cursor: pointer; }
  .za-mobile-shell summary span { width: 24px; height: 2px; display: block; background: var(--navy); }
  .za-mobile-shell nav { position: absolute; top: 52px; right: 0; width: min(320px,calc(100vw - 38px)); padding: 12px 20px; border: 1px solid var(--line); background: #fff; box-shadow: 0 20px 45px rgba(11,43,72,.14); }
  .za-mobile-shell nav a { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
  .za-home-hero { background: #fff; }
  .za-home-hero-layout { display: flex; flex-direction: column; }
  .za-home-hero-copy { padding: 64px 0 48px; }
  .za-home-hero-copy h1,.za-home-hero-copy h2 { font-size: clamp(42px,7.5vw,57px); }
  .za-home-hero-visual { min-width: auto; height: 430px; margin: 0 calc((100vw - var(--container))/ -2); }
  .za-home-hero-visual::before { display: none; }
  .za-home-slider-controls { bottom: 20px; padding-right: 20px; }
  .za-proof-grid { grid-template-columns: repeat(2,1fr); }
  .za-proof-grid article:nth-child(3) { border-top: 1px solid rgba(255,255,255,.12); }
  .za-proof-grid article:nth-child(4) { border-top: 1px solid rgba(255,255,255,.12); }
  .za-section { padding: 82px 0; }
  .za-section-heading { grid-template-columns: 1fr; gap: 8px; }
  .za-service-grid { grid-template-columns: repeat(2,1fr); }
  .za-solution-feature-layout { grid-template-columns: 1fr; }
  .za-solution-feature-visual { min-height: 420px; }
  .za-featured-projects { grid-template-columns: 1fr; }
  .za-sector-grid { grid-template-columns: repeat(2,1fr); }
  .za-page-hero-inner { height: 330px; grid-template-columns: 54% 46%; }
  .za-page-hero-copy { padding-right: 34px; }
  .za-page-hero-visual { min-width: 50vw; }
  .za-about-intro,.za-detail-layout,.za-article-layout,.za-case-detail-layout { grid-template-columns: 1fr; gap: 42px; }
  .za-about-intro > div:first-child,.za-detail-layout > aside,.za-article-layout > aside,.za-case-detail-layout > aside { padding-right: 0; }
  .za-about-capability-grid,.za-industry-grid,.za-solution-method,.za-highlight-grid { grid-template-columns: repeat(2,1fr); }
  .za-timeline { grid-template-columns: repeat(2,1fr); gap: 30px 0; }
  .za-principle-list { grid-template-columns: repeat(2,1fr); }
  .za-solution-row { grid-template-columns: 50px 1fr 35px; }
  .za-solution-row > p { grid-column: 2/4; }
  .za-pain-grid,.za-deliverables,.za-related-grid { grid-template-columns: repeat(2,1fr); }
  .za-case-intro { margin-left: 0; }
  .za-case-archive > article { grid-template-columns: 42% 58%; }
  .za-case-archive > article > div { padding: 34px; }
  .za-contact-layout { grid-template-columns: 1fr; }
  .za-footer-main { grid-template-columns: 1fr; gap: 46px; }
}

@media (max-width: 580px) {
  :root { --container: calc(100% - 32px); }
  body { font-size: 16px; }
  .za-brand { min-width: 0; }
  .za-brand-mark { width: 34px; height: 34px; }
  .za-brand-type strong { font-size: 18px; }
  .za-home-hero-copy { padding: 48px 0 38px; }
  .za-home-hero-copy h1,.za-home-hero-copy h2 { font-size: 40px; line-height: 1.2; }
  .za-home-hero-copy > p:not(.za-eyebrow) { font-size: 16px; }
  .za-home-hero-actions { align-items: flex-start; flex-direction: column; gap: 22px; }
  .za-home-hero-scope { margin-top: 36px; }
  .za-home-hero-visual { height: 285px; }
  .za-home-slider-controls { bottom: 16px; padding-right: 12px; }
  .za-proof-grid { grid-template-columns: 1fr; }
  .za-proof-grid article { min-height: 105px; border-top: 1px solid rgba(255,255,255,.12); }
  .za-section { padding: 68px 0; }
  .za-section-heading { margin-bottom: 34px; }
  .za-section-heading h2 { font-size: 32px; }
  .za-service-grid { grid-template-columns: 1fr; }
  .za-service-card { min-height: 240px; }
  .za-solution-feature-visual { min-height: 270px; }
  .za-solution-feature-copy { padding: 36px 24px; }
  .za-solution-feature-copy h2 { font-size: 30px; }
  .za-sector-grid { grid-template-columns: 1fr; }
  .za-sector-grid a { min-height: 230px; }
  .za-featured-project-main h3 { font-size: 24px; }
  .za-featured-project-side a { padding: 28px 22px 28px 60px; }
  .za-news-row { grid-template-columns: 1fr 25px; gap: 6px 15px; padding: 24px 4px; }
  .za-news-date,.za-news-tag { grid-row: 1; }
  .za-news-row > div { grid-column: 1; }
  .za-news-arrow { grid-column: 2; grid-row: 1/3; }
  .za-page-hero-inner { height: auto; min-height: 310px; grid-template-columns: 1fr; grid-template-rows: auto 220px; }
  .za-page-hero-copy { padding: 50px 0 42px; }
  .za-page-hero h1,.za-page-hero h2 { font-size: 39px; }
  .za-article-header h1 { font-size: 34px; }
  .za-page-hero-copy > p:last-child { font-size: 16px; }
  .za-page-hero-visual { min-width: auto; height: 220px; margin: 0 calc((100vw - var(--container))/ -2); }
  .za-page-hero-visual::before { display: none; }
  .za-floating-contact { right: 16px; bottom: 18px; left: auto; }
  .za-floating-contact--side { top: auto; }
  .za-floating-contact--side .za-floating-contact-trigger,.za-floating-contact--round .za-floating-contact-trigger,.za-floating-contact-trigger { width: auto; height: 50px; min-height: 50px; flex-direction: row; padding: 0 17px; border-radius: 25px; }
  .za-floating-contact--side .za-floating-contact-trigger span { writing-mode: horizontal-tb; letter-spacing: 0; }
  .za-floating-contact--round .za-floating-contact-trigger span { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .za-floating-contact-panel,.za-floating-contact--left .za-floating-contact-panel,.za-floating-contact--side .za-floating-contact-panel,.za-floating-contact--side.za-floating-contact--left .za-floating-contact-panel { position: fixed; right: 16px; bottom: 78px; left: 16px; top: auto; width: auto; max-height: calc(100vh - 100px); overflow-y: auto; transform: none; }
  .za-about-intro h2,.za-detail-layout aside h2 { font-size: 30px; }
  .za-about-capability-grid,.za-industry-grid,.za-solution-method,.za-highlight-grid,.za-pain-grid,.za-deliverables,.za-related-grid { grid-template-columns: 1fr; }
  .za-timeline { grid-template-columns: 1fr; }
  .za-timeline article + article { padding-left: 0; border-left: 0; }
  .za-principle-list { grid-template-columns: 1fr; }
  .za-solution-row { grid-template-columns: 35px 1fr 24px; gap: 12px; padding: 24px 4px; }
  .za-solution-row h2 { font-size: 24px; }
  .za-architecture-stack article { grid-template-columns: 35px 1fr 20px; padding: 20px 14px; }
  .za-case-archive > article { grid-template-columns: 1fr; }
  .za-archive-visual { min-height: 220px; }
  .za-case-archive > article > div { padding: 28px 18px 38px; }
  .za-case-scope-grid { grid-template-columns: 1fr; }
  .za-news-archive > article { grid-template-columns: 44px 1fr; }
  .za-article-content p { font-size: 17px; }
  .za-contact-form { grid-template-columns: 1fr; }
  .za-contact-form label.za-full { grid-column: auto; }
  .za-contact-side .za-contact-qr { grid-template-columns: 1fr; }
  .za-contact-qr figure { width: 170px; height: 170px; }
  .za-location-grid { grid-template-columns: 1fr; }
  .za-cta-inner { min-height: 340px; align-items: flex-start; flex-direction: column; justify-content: center; }
  .za-footer-links { grid-template-columns: 1fr 1fr; }
  .za-footer-contact { grid-column: 1/-1; }
  .za-footer-record { align-items: flex-start; flex-direction: column; justify-content: center; padding: 18px 0; }
  .za-record-links { align-items: flex-start; flex-direction: column; gap: 8px; }
}

/* WordPress structure and editor output */
.za-skip-link,.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.za-skip-link:focus { z-index: 999; top: 8px; left: 8px; width: auto; height: auto; padding: 10px 14px; clip: auto; color: #fff; background: var(--blue); }
.za-menu { display: flex; align-items: stretch; height: 100%; gap: clamp(24px,2.7vw,44px); margin: 0; padding: 0; list-style: none; }
.za-menu > li { position: relative; display: flex; align-items: stretch; }
.za-menu .sub-menu { position: absolute; top: 100%; left: -20px; min-width: 210px; display: none; margin: 0; padding: 12px 20px; border: 1px solid var(--line); background: #fff; box-shadow: 0 18px 45px rgba(11,43,72,.12); list-style: none; }
.za-menu li:hover > .sub-menu { display: block; }
.za-menu .sub-menu a { min-height: 42px; display: flex; align-items: center; }
.za-menu-toggle { display: none; margin-left: auto; width: 44px; height: 44px; padding: 10px; border: 0; background: transparent; cursor: pointer; }
.za-menu-toggle > span:not(.screen-reader-text) { width: 24px; height: 2px; display: block; margin: 6px auto; background: var(--navy); }
.za-mobile-nav { display: none; border-top: 1px solid var(--line); background: #fff; }
.za-mobile-nav[hidden] { display: none; }
.za-mobile-nav .za-menu { width: var(--container); height: auto; display: block; margin-inline: auto; padding: 8px 0 18px; }
.za-mobile-nav .za-menu li { display: block; }
.za-mobile-nav .za-menu a { display: flex; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 15px; }

.za-value-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.za-value-grid article { min-height: 245px; padding: 32px 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.za-value-grid span { color: var(--blue); font-size: 12px; }
.za-value-grid h3 { margin: 45px 0 10px; color: var(--navy); font-size: 22px; font-weight: 620; }
.za-value-grid p { margin: 0; color: var(--text); font-size: 15px; }
.za-timeline article { display: block; }
.za-timeline article b,.za-timeline article small { display: block; }

.za-case-archive { display: grid; grid-template-columns: repeat(2,1fr); gap: 40px 30px; }
.za-case-card { overflow: hidden; border: 1px solid var(--line); background: #fff; transition: .25s; }
.za-case-card:hover { border-color: #abc6d8; box-shadow: 0 18px 42px rgba(21,66,97,.09); transform: translateY(-3px); }
.za-case-visual { position: relative; aspect-ratio: 16/9; display: block; overflow: hidden; background: linear-gradient(135deg,var(--navy),var(--blue)); }
.za-case-visual img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s; }
.za-case-card:hover .za-case-visual img { transform: scale(1.025); }
.za-case-visual > span { position: absolute; top: 18px; left: 18px; padding: 5px 8px; color: #fff; background: rgba(11,43,72,.74); font-size: 10px; letter-spacing: .1em; }
.za-case-visual > i { position: absolute; right: 20px; bottom: 20px; width: 35px; height: 35px; border: 1px solid rgba(255,255,255,.6); transform: rotate(45deg); }
.za-case-copy { padding: 26px 28px 29px; }
.za-case-copy small,.za-case-meta { color: var(--blue); font-size: 12px; }
.za-case-copy h2 { margin: 7px 0 11px; color: var(--navy); font-size: 25px; font-weight: 620; line-height: 1.45; }
.za-case-copy p { margin: 0 0 17px; color: var(--text); font-size: 15px; }
.za-case-meta { padding-top: 15px; border-top: 1px solid var(--line); color: var(--muted); }

.za-entry-content { color: #344e60; font-size: 17px; line-height: 1.95; }
.za-entry-content > *:first-child { margin-top: 0; }
.za-entry-content h2 { margin: 48px 0 17px; color: var(--navy); font-size: 29px; font-weight: 620; line-height: 1.45; }
.za-entry-content h3 { margin: 34px 0 12px; color: var(--navy); font-size: 23px; font-weight: 620; }
.za-entry-content p,.za-entry-content li { font-size: 17px; line-height: 1.95; }
.za-entry-content a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.za-entry-content img { max-width: 100%; height: auto; }
.za-entry-content figure { max-width: 100%; margin: 34px 0; }
.za-entry-content figcaption { margin-top: 8px; color: var(--muted); font-size: 12px; text-align: center; }
.za-entry-narrow { max-width: 860px; }
.za-single-layout { display: grid; grid-template-columns: 28% 72%; gap: 0; }
.za-single-layout > aside { padding-right: 60px; }
.za-single-cover { margin: 0 0 35px; overflow: hidden; }
.za-single-cover img { width: 100%; max-height: 620px; display: block; object-fit: cover; }
.za-project-info { margin: 24px 0 32px; }
.za-project-info > div { padding: 13px 0; border-bottom: 1px solid var(--line); }
.za-project-info dt { color: var(--muted); font-size: 12px; }
.za-project-info dd { margin: 3px 0 0; color: var(--navy); font-size: 15px; font-weight: 600; }
.za-local-figure { margin: 30px 0; overflow: hidden; background: var(--ice); }
.za-local-figure img { width: 100%; aspect-ratio: 16/9; display: block; object-fit: cover; }
.za-related-links { margin-top: 42px; padding: 24px 28px; border-left: 3px solid var(--blue); background: var(--ice); }
.za-related-links h2 { margin-top: 0; font-size: 23px; }
.za-related-links p { margin: 0; font-size: 15px; }

.za-contact-form .is-full { grid-column: 1/-1; }
.za-honeypot { position: absolute!important; left: -9999px!important; }
.za-form-message { margin: 18px 0; padding: 12px 15px; border-left: 3px solid var(--blue); background: var(--ice); font-size: 14px; }
.za-form-message.is-error { border-color: #b64b44; background: #fff2f1; }
.za-form-message.is-success { border-color: #43855a; background: #f0faf3; }
.za-generic-list article { padding: 32px 0; border-top: 1px solid var(--line); }
.za-generic-list time { color: var(--muted); font-size: 12px; }
.za-generic-list h2 { margin: 8px 0; font-size: 26px; }
.za-generic-list p { margin: 0; color: var(--text); font-size: 16px; }
.za-empty { padding: 60px 20px; border: 1px solid var(--line); text-align: center; }
.za-empty > span { color: var(--blue); font-size: 30px; }
.za-empty h2 { margin: 8px 0; font-size: 27px; }
.za-empty p { margin: 0 0 22px; color: var(--text); }
.za-error-page { min-height: 60vh; display: grid; place-items: center; padding: 90px 0; text-align: center; }
.za-error-page > .za-container > span { color: var(--blue); font-size: 78px; font-weight: 300; }
.za-error-page h1 { margin: 0; font-size: 40px; }
.za-error-page p { margin: 10px 0 24px; color: var(--text); }
.nav-links { display: flex; gap: 8px; justify-content: center; margin-top: 45px; }
.nav-links a,.nav-links span { min-width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line); font-size: 14px; }
.nav-links .current { color: #fff; border-color: var(--blue); background: var(--blue); }

/* V3.7 smart-imported article content */
.za-entry-content .za-smart-article { max-width: 900px; margin: 0; }
.za-smart-article > .za-smart-lead:first-child,.za-smart-article .za-smart-lead { margin: 0 0 32px; padding: 22px 26px; border-left: 4px solid var(--gold); background: var(--ice); color: var(--navy); font-size: 19px; line-height: 1.85; }
.za-smart-article h2 { position: relative; padding-top: 8px; }
.za-smart-article h2::before { width: 32px; height: 3px; display: block; margin-bottom: 13px; background: var(--blue); content: ""; }
.za-smart-article p { margin: 0 0 20px; }
.za-smart-article ul,.za-smart-article ol { margin: 0 0 28px; padding-left: 1.45em; }
.za-smart-article li { margin: 7px 0; padding-left: 4px; }
.za-smart-article li::marker { color: var(--blue); }
.za-smart-article blockquote { margin: 30px 0; padding: 21px 25px; border-left: 4px solid var(--gold); background: #f7fafc; color: var(--navy); }
.za-smart-article blockquote p:last-child { margin-bottom: 0; }
.za-smart-article figure.wp-block-image { width: 100%; margin: 34px 0; }
.za-smart-article figure.wp-block-image img { width: 100%; max-width: 100%; height: auto; display: block; object-fit: contain; }
.za-smart-article .wp-block-table { max-width: 100%; overflow-x: auto; }
.za-smart-article table { width: 100%; border-collapse: collapse; font-size: 15px; }
.za-smart-article th,.za-smart-article td { min-width: 120px; padding: 12px 14px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.za-smart-article th { color: var(--navy); background: var(--ice); font-weight: 620; }
.za-smart-article .zonganx-import-image-placeholder { padding: 24px; border: 1px dashed #94b8cf; background: #f4f9fc; color: var(--muted); text-align: center; }
.za-smart-article--source h2 { padding-top: 0; }
.za-smart-article--source h2::before { display: none; }
.za-smart-article--source li::marker { color: currentColor; }
.za-smart-article--source figure.wp-block-image img { width: auto; max-width: 100%; height: auto; object-fit: contain; }
.za-smart-article--source table { font-size: inherit; }

@media (max-width: 860px) {
  .za-menu-toggle { display: block; }
  .za-mobile-nav.is-open { display: block; }
  .za-value-grid { grid-template-columns: repeat(2,1fr); }
  .za-case-archive { grid-template-columns: 1fr; }
  .za-single-layout { grid-template-columns: 1fr; gap: 38px; }
  .za-single-layout > aside { padding-right: 0; }
}

@media (max-width: 580px) {
  .za-value-grid { grid-template-columns: 1fr; }
  .za-case-copy { padding: 23px 20px 25px; }
  .za-case-copy h2 { font-size: 23px; }
  .za-entry-content,.za-entry-content p,.za-entry-content li { font-size: 17px; }
  .za-entry-content h2 { font-size: 27px; }
	.za-smart-article > .za-smart-lead:first-child,.za-smart-article .za-smart-lead { padding: 18px 19px; font-size: 18px; }
	.za-smart-article th,.za-smart-article td { padding: 10px 11px; font-size: 14px; }
  .za-contact-form .is-full { grid-column: auto; }
}
/* ZONGAN_MOBILE_HARDENING 2026-08-10
 * Site-wide mobile layout safeguards. Desktop rules remain unchanged.
 */
@media (max-width: 600px) {
	html {
		overflow-x: clip;
	}

	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	.za-container {
		width: calc(100% - 32px);
		max-width: 100%;
	}

	.za-site-main,
	.za-header-inner,
	.za-home-hero-layout,
	.za-page-hero-inner,
	.za-page-hero-copy,
	.za-section-heading,
	.za-detail-layout,
	.za-article-layout,
	.za-case-detail-layout,
	.za-single-layout,
	.za-single-layout > *,
	.za-entry-content,
	.za-entry-content > *,
	.za-smart-article,
	.za-enterprise-solution,
	.za-enterprise-solution > * {
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
	}

	.za-entry-content,
	.za-smart-article,
	.za-enterprise-solution {
		width: 100%;
	}

	.za-entry-content *,
	.za-smart-article * {
		box-sizing: border-box;
	}

	.za-entry-content h1,
	.za-entry-content h2,
	.za-entry-content h3,
	.za-entry-content h4,
	.za-entry-content p,
	.za-entry-content li,
	.za-entry-content span,
	.za-entry-content strong,
	.za-entry-content a,
	.za-entry-content figcaption {
		max-width: 100%;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.za-entry-content img,
	.za-entry-content svg,
	.za-entry-content video,
	.za-entry-content iframe {
		max-width: 100%;
		height: auto;
	}

	.za-entry-content [style*="overflow-x"],
	.za-smart-article .wp-block-table {
		max-width: 100%;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		-webkit-overflow-scrolling: touch;
	}

	.za-entry-content pre,
	.za-entry-content code {
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	/* Restore the intended four-area card grid on solution archives. */
	body.post-type-archive-solution .za-solution-row {
		grid-template:
			"visual visual visual" 188px
			"index heading arrow" auto
			"desc desc desc" auto
			"meta meta meta" auto /
			50px minmax(0, 1fr) 36px;
		gap: 0 12px;
		width: 100%;
		max-width: 100%;
	}

	body.post-type-archive-solution .za-solution-row > span {
		grid-area: index;
		width: 40px;
		height: 40px;
		margin: 22px 0 0 20px;
	}

	body.post-type-archive-solution .za-solution-row > div {
		grid-area: heading;
		min-width: 0;
		margin-top: 21px;
	}

	body.post-type-archive-solution .za-solution-row small {
		max-width: 100%;
	}

	body.post-type-archive-solution .za-solution-row h2 {
		font-size: 24px;
		line-height: 1.32;
		overflow-wrap: anywhere;
	}

	body.post-type-archive-solution .za-solution-row > p {
		grid-area: desc;
		grid-column: 1 / -1;
		width: auto;
		min-width: 0;
		margin: 17px 20px 0;
		font-size: 15px;
		line-height: 1.75;
		overflow-wrap: anywhere;
	}

	body.post-type-archive-solution .za-solution-row > i {
		grid-area: arrow;
		width: 32px;
		height: 32px;
		margin: 20px 18px 0 0;
	}

	body.post-type-archive-solution .za-solution-row::after {
		grid-area: meta;
		margin: 20px 20px 23px;
		padding-top: 16px;
		overflow-wrap: anywhere;
	}

	.za-section {
		padding: 56px 0;
	}

	.za-floating-contact--side .za-floating-contact-trigger,
	.za-floating-contact--round .za-floating-contact-trigger,
	.za-floating-contact-trigger {
		min-height: 48px;
		height: 48px;
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (max-width: 380px) {
	:root {
		--container: calc(100% - 24px);
	}

	.za-container {
		width: calc(100% - 24px);
	}

	.za-home-hero-copy h1,
	.za-home-hero-copy h2,
	.za-page-hero h1,
	.za-page-hero h2 {
		font-size: 34px;
	}

	.za-section-heading h2,
	.za-article-header h1 {
		font-size: 30px;
	}

	body.post-type-archive-solution .za-solution-row {
		grid-template-columns: 44px minmax(0, 1fr) 32px;
		gap: 0 9px;
	}

	body.post-type-archive-solution .za-solution-row > span {
		width: 36px;
		height: 36px;
		margin-left: 14px;
	}

	body.post-type-archive-solution .za-solution-row > p,
	body.post-type-archive-solution .za-solution-row::after {
		margin-right: 15px;
		margin-left: 15px;
	}

	body.post-type-archive-solution .za-solution-row > i {
		width: 30px;
		height: 30px;
		margin-right: 12px;
	}
}
/* ZONGAN_MOBILE_LANDSCAPE_HARDENING 2026-08-10 */
@media (max-width: 860px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	.za-site-main,
	.za-detail-layout,
	.za-article-layout,
	.za-case-detail-layout,
	.za-single-layout,
	.za-single-layout > *,
	.za-entry-content,
	.za-entry-content > *,
	.za-smart-article,
	.za-enterprise-solution,
	.za-enterprise-solution > *,
	.za-solution-list,
	.za-solution-row,
	.za-solution-row > * {
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
	}

	.za-entry-content,
	.za-smart-article,
	.za-enterprise-solution {
		width: 100%;
	}

	.za-entry-content h1,
	.za-entry-content h2,
	.za-entry-content h3,
	.za-entry-content h4,
	.za-entry-content p,
	.za-entry-content li,
	.za-entry-content figcaption {
		overflow-wrap: anywhere;
	}

	.za-entry-content [style*="overflow-x"],
	.za-smart-article .wp-block-table {
		max-width: 100%;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		-webkit-overflow-scrolling: touch;
	}
}
/* ZONGAN_SOLUTION_MOBILE_FLEX 2026-08-10
 * Replace the fragile named-grid card layout on phones.
 */
@media (max-width: 600px) {
	body.post-type-archive-solution .za-solution-row {
		display: flex !important;
		flex-wrap: wrap;
		align-items: flex-start;
		grid-template: none !important;
		gap: 0;
		width: 100%;
		max-width: 100%;
	}

	body.post-type-archive-solution .za-solution-row::before {
		order: 0;
		flex: 0 0 100%;
		width: 100%;
		height: 188px;
		margin: 0;
	}

	body.post-type-archive-solution .za-solution-row > span {
		order: 1;
		flex: 0 0 40px;
		width: 40px;
		height: 40px;
		margin: 22px 0 0 20px;
	}

	body.post-type-archive-solution .za-solution-row > div {
		order: 1;
		flex: 1 1 0;
		width: auto;
		min-width: 0;
		margin: 21px 0 0 12px;
	}

	body.post-type-archive-solution .za-solution-row > i {
		order: 1;
		flex: 0 0 32px;
		width: 32px;
		height: 32px;
		margin: 20px 18px 0 12px;
	}

	body.post-type-archive-solution .za-solution-row > p {
		order: 2;
		grid-area: auto !important;
		grid-column: auto !important;
		flex: 0 0 calc(100% - 40px);
		display: block !important;
		width: calc(100% - 40px) !important;
		max-width: calc(100% - 40px) !important;
		min-width: 0 !important;
		margin: 18px 20px 0 !important;
		font-size: 15px;
		line-height: 1.75;
		white-space: normal !important;
		writing-mode: horizontal-tb !important;
		word-break: normal !important;
		overflow-wrap: anywhere;
	}

	body.post-type-archive-solution .za-solution-row::after {
		order: 3;
		grid-area: auto !important;
		flex: 0 0 calc(100% - 40px);
		display: block;
		width: calc(100% - 40px);
		max-width: calc(100% - 40px);
		margin: 20px 20px 23px;
		padding-top: 16px;
		white-space: normal;
		overflow-wrap: anywhere;
	}
}

@media (max-width: 380px) {
	body.post-type-archive-solution .za-solution-row > span {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
		margin-left: 15px;
	}

	body.post-type-archive-solution .za-solution-row > div {
		margin-left: 9px;
	}

	body.post-type-archive-solution .za-solution-row > i {
		flex-basis: 30px;
		width: 30px;
		height: 30px;
		margin-right: 12px;
		margin-left: 8px;
	}

	body.post-type-archive-solution .za-solution-row > p,
	body.post-type-archive-solution .za-solution-row::after {
		flex-basis: calc(100% - 30px);
		width: calc(100% - 30px) !important;
		max-width: calc(100% - 30px) !important;
		margin-right: 15px !important;
		margin-left: 15px !important;
	}
}
/* ZONGAN_SOLUTION_MOBILE_TITLE_FIRST 2026-08-10
 * Phone card order: title -> visual -> description -> capability tags.
 */
@media (max-width: 600px) {
	body.post-type-archive-solution .za-solution-row {
		display: flex !important;
		flex-flow: row wrap;
		align-content: flex-start;
		align-items: flex-start;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	body.post-type-archive-solution .za-solution-row > span {
		order: 0 !important;
		position: static !important;
		display: grid !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body.post-type-archive-solution .za-solution-row > div {
		order: 0 !important;
		position: static !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body.post-type-archive-solution .za-solution-row > i {
		order: 0 !important;
		position: static !important;
		display: grid !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body.post-type-archive-solution .za-solution-row::before {
		order: 1 !important;
		position: static !important;
		flex: 0 0 100%;
		display: block !important;
		width: 100% !important;
		height: 188px !important;
		margin: 20px 0 0 !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body.post-type-archive-solution .za-solution-row > p {
		order: 2 !important;
		position: static !important;
		display: block !important;
		flex: 0 0 calc(100% - 40px) !important;
		width: calc(100% - 40px) !important;
		max-width: calc(100% - 40px) !important;
		height: auto !important;
		margin: 20px 20px 0 !important;
		visibility: visible !important;
		opacity: 1 !important;
		white-space: normal !important;
		writing-mode: horizontal-tb !important;
	}

	body.post-type-archive-solution .za-solution-row::after {
		order: 3 !important;
		position: static !important;
		display: block !important;
		flex: 0 0 calc(100% - 40px) !important;
		width: calc(100% - 40px) !important;
		max-width: calc(100% - 40px) !important;
		height: auto !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

@media (max-width: 380px) {
	body.post-type-archive-solution .za-solution-row > p,
	body.post-type-archive-solution .za-solution-row::after {
		flex-basis: calc(100% - 30px) !important;
		width: calc(100% - 30px) !important;
		max-width: calc(100% - 30px) !important;
	}
}