.xai-page{background:var(--paper)}
.xai-hero{height:calc(100vh - 76px);min-height:660px;max-height:820px;position:relative;overflow:hidden;background:#ddd}
.xai-hero>img,.xai-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xai-hero-shade{background:linear-gradient(90deg,rgba(246,244,239,.99) 0%,rgba(246,244,239,.94) 38%,rgba(246,244,239,.28) 64%,rgba(24,24,22,.08) 100%)}
.xai-hero-content{position:relative;z-index:1;max-width:var(--max);margin:auto;padding:12vh 24px 0}
.xai-hero h1{max-width:720px;margin:0;font-family:serif;font-size:clamp(52px,5.7vw,84px);line-height:1.08}
.xai-hero-content>p:not(.eyebrow){max-width:610px;margin:28px 0;font-size:17px;line-height:1.9;color:#373631}
.xai-actions{display:flex;align-items:center;gap:28px}
.xai-definition{max-width:var(--max);margin:auto;padding:90px 24px;display:grid;grid-template-columns:.55fr 1fr .8fr;gap:7%;align-items:start;border-bottom:1px solid var(--ink)}
.xai-definition h2,.xai-section-heading h2{margin:0;font-family:serif;font-size:clamp(36px,4vw,54px);line-height:1.2}
.xai-definition div>p{margin-top:25px;color:var(--muted);line-height:1.95}
.xai-definition blockquote{margin:0;padding:24px 0;border-top:2px solid var(--red);border-bottom:1px solid var(--line);font-family:serif;font-size:24px;line-height:1.7}
.xai-role-map{max-width:var(--max);margin:auto;padding:100px 24px 110px}
.xai-section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;margin-bottom:45px}
.xai-section-heading .eyebrow{grid-column:1/-1}
.xai-section-heading>p{align-self:end;color:var(--muted)}
.xai-role-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--line)}
.xai-role-grid article{min-height:385px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.xai-role-grid article.featured{background:var(--red);color:#fff}
.xai-role-grid article:last-child{grid-column:1/-1;min-height:320px}
.xai-role-grid span{color:var(--red);font-size:10px;font-weight:800;letter-spacing:2px}.xai-role-grid .featured span{color:#f1cccc}
.xai-role-grid h3{margin:56px 0 15px;font-family:serif;font-size:32px}
.xai-role-grid p{max-width:620px;color:var(--muted);font-size:14px}.xai-role-grid .featured p{color:rgba(255,255,255,.78)}
.xai-role-grid ul{margin:24px 0;padding:0;list-style:none;border-top:1px solid currentColor}
.xai-role-grid li{padding:8px 0;border-bottom:1px solid currentColor;font-size:12px;opacity:.82}
.xai-role-grid em{display:block;margin-top:25px;color:var(--red);font-size:11px;font-style:normal;font-weight:800}.xai-role-grid .featured em{color:#fff}
.xai-delivery{padding:100px max(24px,calc((100vw - var(--max))/2)) 110px;background:var(--ink);color:#fff}
.xai-section-heading.light>p{color:#aaa}.xai-section-heading.light .eyebrow{color:#d4a2a2}
.delivery-levels{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #555}
.delivery-levels article{min-height:280px;padding:30px;border-right:1px solid #444}.delivery-levels article:last-child{border-right:0}
.delivery-levels span{color:#d3a1a1;font-family:serif}.delivery-levels h3{margin:54px 0 12px;font-family:serif;font-size:29px}.delivery-levels p{color:#bbb;font-size:13px}.delivery-levels small{display:block;margin-top:25px;padding-top:14px;border-top:1px solid #444;color:#ddd}
.transfer-flow{margin-top:45px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #4b4b47}
.transfer-flow span{padding:18px 10px;border-right:1px solid #4b4b47;text-align:center;font-size:11px;color:#d5d5d0}.transfer-flow span:last-child{border-right:0}
.xai-contact{margin:0}
@media(max-width:900px){.xai-hero{height:auto;min-height:720px}.xai-hero>img{object-position:66% center}.xai-hero-shade{background:linear-gradient(180deg,rgba(246,244,239,.98) 0%,rgba(246,244,239,.91) 62%,rgba(246,244,239,.28) 100%)}.xai-hero-content{padding-top:10vh}.xai-definition,.xai-section-heading{grid-template-columns:1fr;gap:28px}.xai-definition{padding-top:65px;padding-bottom:65px}.xai-definition>.eyebrow{grid-column:1/-1}.xai-role-grid{grid-template-columns:1fr}.xai-role-grid article:last-child{grid-column:auto}.delivery-levels{grid-template-columns:1fr}.delivery-levels article{min-height:auto;border-right:0;border-bottom:1px solid #444}.transfer-flow{grid-template-columns:repeat(3,1fr)}.transfer-flow span{border-bottom:1px solid #4b4b47}}
@media(max-width:680px){.xai-hero h1{font-size:46px}.xai-hero-content>p:not(.eyebrow){font-size:14px}.xai-actions{align-items:flex-start;flex-direction:column;gap:16px}.xai-definition blockquote{font-size:20px}.xai-role-map,.xai-delivery{padding-top:70px;padding-bottom:75px}.xai-role-grid article{min-height:auto;padding:26px}.xai-role-grid h3{margin-top:36px}.transfer-flow{grid-template-columns:1fr}.transfer-flow span{border-right:0}}


/* XAI EDITORIAL REFINEMENT 2026-06-22 */
.xai-hero h1{max-width:660px;font-size:clamp(50px,5.2vw,76px)}
.xai-bridge{max-width:var(--max);margin:-44px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:2}
.xai-bridge article{min-height:220px;padding:28px 30px;position:relative}
.xai-bridge span{position:absolute;right:24px;top:20px;font-family:serif;font-size:42px;opacity:.17}
.xai-bridge small{font-size:10px;font-weight:800;letter-spacing:2px}
.xai-bridge h2{margin:48px 0 6px;font-family:serif;font-size:27px}
.xai-bridge p{margin:0;font-size:12px;line-height:1.8;opacity:.76}
.bridge-x{background:#eee2d6;color:#513b31}
.bridge-ai{background:#dfe8e3;color:#29413f}
.bridge-result{background:#262725;color:#fff}
.xai-definition{padding-top:82px;padding-bottom:86px;grid-template-columns:1.05fr 1.15fr .8fr;gap:6%;align-items:stretch}
.xai-definition-title{padding-left:22px;border-left:4px solid var(--red)}
.xai-definition-title h2{font-size:clamp(35px,3.5vw,49px)}
.xai-definition-body{padding:4px 0}
.xai-definition-body p{margin:0;color:#494740;font-size:15px;line-height:2}
.xai-definition-body p+p{margin-top:16px}
.xai-definition blockquote{padding:24px;background:#ead8cf;border:0;border-top:4px solid var(--red);font-size:20px}
.xai-definition blockquote small{display:block;margin-bottom:20px;color:var(--red);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:10px;font-weight:800;letter-spacing:2px}
.xai-role-grid{grid-template-columns:repeat(12,1fr);gap:14px;border:0;background:transparent}
.xai-role-grid article{min-height:390px;border:0;padding:34px 36px;box-shadow:0 9px 28px rgba(28,26,23,.07)}
.xai-role-grid article:last-child{grid-column:1/-1;min-height:315px}
.xai-role-grid article:nth-child(1){grid-column:span 5;background:#242523;color:#fff}
.xai-role-grid article:nth-child(2){grid-column:span 7;background:#a52a2a;color:#fff}
.xai-role-grid article:nth-child(3){grid-column:span 6;background:#dfe9e5;color:#213936}
.xai-role-grid article:nth-child(4){grid-column:span 6;background:#eee3d2;color:#4c3928}
.xai-role-grid article:nth-child(5){background:#dde3e8;color:#293740}
.xai-role-grid article:nth-child(1) span,.xai-role-grid article:nth-child(2) span{color:#efd2d0}
.xai-role-grid article:nth-child(1) p,.xai-role-grid article:nth-child(2) p{color:rgba(255,255,255,.78)}
.xai-role-grid article:nth-child(1) em,.xai-role-grid article:nth-child(2) em{color:#fff}
.xai-role-grid article:nth-child(3) span,.xai-role-grid article:nth-child(3) em{color:#315e58}
.xai-role-grid article:nth-child(4) span,.xai-role-grid article:nth-child(4) em{color:#8a6137}
.xai-role-grid article:nth-child(5) span,.xai-role-grid article:nth-child(5) em{color:#496579}
.xai-role-grid article.featured{background:#242523;color:#fff}
@media(max-width:900px){
  .xai-bridge{margin:-28px auto 0;grid-template-columns:1fr}
  .xai-bridge article{min-height:auto;padding:24px}
  .xai-bridge h2{margin-top:28px}
  .xai-definition{grid-template-columns:1fr}
  .xai-definition-title,.xai-definition-body,.xai-definition blockquote{min-height:auto}
  .xai-role-grid{grid-template-columns:1fr}
  .xai-role-grid article:nth-child(n){grid-column:1;min-height:auto}
}
@media(max-width:680px){
  .xai-hero h1{font-size:44px}
  .xai-bridge{padding:0 18px}
  .xai-definition{padding-top:64px}
}


/* XAI TYPE AND GRID CORRECTION 2026-06-30 */
.xai-hero h1{max-width:680px;font-size:clamp(48px,4.3vw,68px);line-height:1.08}
.xai-hero-content>p:not(.eyebrow){max-width:580px;font-size:15px;line-height:1.82}
.xai-section-heading h2{font-size:clamp(34px,3.4vw,46px)}
.xai-definition-title h2{font-size:clamp(32px,3vw,42px)}
.xai-definition-body p{font-size:14px;line-height:1.9}
.xai-definition blockquote{font-size:17px;line-height:1.75}
.xai-bridge h2{font-size:24px}
.xai-bridge p{font-size:11px}
.xai-role-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.xai-role-grid article{grid-column:span 2!important;min-width:0;min-height:360px;padding:30px 28px}
.xai-role-grid article:nth-child(4){grid-column:2 / span 2!important}
.xai-role-grid article:nth-child(5){grid-column:4 / span 2!important;min-height:360px}
.xai-role-grid h3{margin:44px 0 14px;font-size:27px;line-height:1.25}
.xai-role-grid p{font-size:13px;line-height:1.8}
.xai-role-grid li{font-size:11px;line-height:1.65}
.xai-role-grid em{font-size:10px;line-height:1.7}
.delivery-levels h3{font-size:25px}
.delivery-levels p{font-size:12px}
@media(min-width:1121px){
  .site-nav{font-size:16px}
  .site-nav .nav-cta{font-size:16px}
}
@media(max-width:1000px){
  .xai-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xai-role-grid article:nth-child(n){grid-column:auto!important}
  .xai-role-grid article:nth-child(5){grid-column:1 / -1!important}
}
@media(max-width:680px){
  .xai-hero h1{font-size:40px}
  .xai-hero-content>p:not(.eyebrow){font-size:13px}
  .xai-role-grid{grid-template-columns:1fr}
  .xai-role-grid article:nth-child(n){grid-column:1!important;min-height:auto}
  .xai-role-grid h3{font-size:25px}
}