.client-case-model { --ic-bg:#040d20; --ic-panel:#091a33; --ic-panel-raised:#102a4b; --ic-blue:#428fff; --ic-cyan:#80c6ff; --ic-text:#edf4ff; --ic-muted:#a5bad5; --ic-line:#254464; background:var(--ic-bg); color:var(--ic-text); font-family:inherit; border-radius:16px; overflow:hidden; }
    .client-case-model * { box-sizing:border-box; }
    .client-case-model [hidden] { display:none!important; }
    .client-case-model button { font:inherit; color:inherit; }
    .client-case-model button:focus-visible, .client-case-model a:focus-visible { outline:2px solid var(--ic-cyan); outline-offset:4px; }
    .client-case-model .ic-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 32px; border-bottom:1px solid var(--ic-line); }
    .client-case-model .ic-brand { color:var(--ic-text); font-size:18px; font-style:italic; font-weight:700; letter-spacing:-.5px; }
    .client-case-model .ic-brand span { color:var(--ic-blue); }
    .client-case-model .ic-crumb { color:var(--ic-muted); font-size:12px; }
    .client-case-model .ic-hero { padding:35px 32px 30px; display:grid; grid-template-columns:1fr auto; gap:28px; align-items:end; background:radial-gradient(ellipse at 90% 0%,#103a7055,transparent 65%); }
    .client-case-model .ic-kicker { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:14px; color:var(--ic-cyan); font-size:12px; letter-spacing:2px; }
    .client-case-model .ic-kicker strong { letter-spacing:1px; color:var(--ic-text); font-size:16px; }
    .client-case-model h1 { font-size:clamp(26px,3.7vw,38px); line-height:1.35; letter-spacing:-1px; margin:0; font-weight:600; }
    .client-case-model .ic-meta { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; font-size:12px; color:var(--ic-muted); }
    .client-case-model .ic-meta span+span::before { content:"·"; padding-right:10px; }
    .client-case-model .ic-since { border-left:1px solid var(--ic-line); padding-left:25px; }
    .client-case-model .ic-since b { display:block; font-size:27px; font-weight:500; white-space:nowrap; }
    .client-case-model .ic-since small { display:block; color:var(--ic-muted); font-size:12px; margin-top:7px; }
    .client-case-model .ic-content { padding:0 32px 14px; }
    .client-case-model .ic-chapter { padding:52px 0; scroll-margin-top:110px; }
    .client-case-model .ic-chapter+.ic-chapter { border-top:1px solid var(--ic-line); }
    .client-case-model .ic-chapter-label { display:flex; align-items:center; gap:12px; margin-bottom:20px; font-size:13px; color:var(--ic-cyan); letter-spacing:.08em; }
    .client-case-model .ic-chapter-label>span { display:grid; place-items:center; width:34px; height:34px; border:1px solid #35679d; border-radius:6px; background:#0c2a4b; font-size:14px; font-variant-numeric:tabular-nums; }
    .client-case-model .ic-heading { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:24px; }
    .client-case-model h2 { font-size:21px; font-weight:500; margin:0; line-height:1.4; }
    .client-case-model .ic-caption { font-size:12px; color:var(--ic-muted); }
    .client-case-model .ic-roof { background:linear-gradient(100deg,#0d4c9e,#1767bf); text-align:center; padding:18px 12px; border-radius:7px; font-size:18px; letter-spacing:2px; }
    .client-case-model .ic-connector { height:22px; position:relative; color:#567a9d; }
    .client-case-model .ic-connector::before { content:""; position:absolute; left:50%; top:1px; height:18px; width:1px; background:currentColor; }
    .client-case-model .ic-connector::after { content:""; position:absolute; left:calc(50% - 3px); top:2px; width:6px; height:6px; border-left:1px solid currentColor; border-top:1px solid currentColor; transform:rotate(45deg); }
    .client-case-model .ic-layer { display:grid; grid-template-columns:96px 1fr; gap:16px; align-items:stretch; }
    .client-case-model .ic-layer-label { border-left:2px solid var(--ic-line); padding:9px 0 9px 13px; display:flex; flex-direction:column; justify-content:center; gap:5px; color:var(--ic-muted); font-size:12px; }
    .client-case-model .ic-layer-label b { font-size:14px; color:var(--ic-text); font-weight:500; }
    .client-case-model .ic-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .client-case-model .ic-platform { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .client-case-model .ic-node { min-height:69px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border-radius:7px; background:var(--ic-panel); border:1px solid var(--ic-line); padding:12px 9px; transition:background .18s,border-color .18s; }
    .client-case-model .ic-node:hover { background:var(--ic-panel-raised); }
    .client-case-model .ic-node[aria-pressed="true"] { background:#123e70; border-color:var(--ic-blue); }
    .client-case-model .ic-node strong { font-size:15px; font-weight:500; }
    .client-case-model .ic-node small { font-size:11px; color:var(--ic-muted); }
    .client-case-model .ic-core { grid-column:1/-1; background:#0c2b52; min-height:74px; }
    .client-case-model .ic-core strong { color:var(--ic-cyan); }
    .client-case-model .ic-execution { display:grid; grid-template-columns:repeat(4,1fr); background:#0b2443; border-radius:7px; padding:15px 8px; gap:5px; }
    .client-case-model .ic-execution span { text-align:center; font-size:13px; position:relative; }
    .client-case-model .ic-execution span+span::before { content:"→"; color:var(--ic-cyan); position:absolute; left:-7px; }
    .client-case-model .ic-detail { margin-top:22px; border-top:1px solid var(--ic-line); padding-top:18px; }
    .client-case-model .ic-detail-title { color:var(--ic-cyan); font-size:12px; margin-bottom:12px; }
    .client-case-model .ic-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
    .client-case-model .ic-detail-grid small { display:block; color:var(--ic-muted); font-size:11px; margin-bottom:7px; }
    .client-case-model .ic-detail-grid p { margin:0; font-size:13px; line-height:1.7; }
    .client-case-model .ic-compare-head, .client-case-model .ic-compare-row { display:grid; grid-template-columns:1fr 52px 1fr; align-items:stretch; }
    .client-case-model .ic-compare-head { margin-bottom:12px; color:var(--ic-muted); font-size:12px; }
    .client-case-model .ic-compare-head div { padding:0 18px; }
    .client-case-model .ic-compare-head div:last-child { grid-column:3; color:var(--ic-cyan); }
    .client-case-model .ic-compare-row { margin-bottom:14px; }
    .client-case-model .ic-before, .client-case-model .ic-after { padding:24px 18px; border-radius:8px; }
    .client-case-model .ic-before { background:#151f32; border-left:2px solid #6f829c; }
    .client-case-model .ic-after { background:#0c2d54; border-left:2px solid var(--ic-blue); }
    .client-case-model .ic-compare-row b { display:block; font-size:17px; font-weight:500; margin-bottom:10px; }
    .client-case-model .ic-compare-row small { color:var(--ic-muted); font-size:12px; }
    .client-case-model .ic-arrow { display:flex; align-items:center; justify-content:center; color:var(--ic-cyan); font-size:22px; }
    .client-case-model .ic-comparison-base { display:flex; justify-content:center; align-items:center; gap:15px; margin-top:26px; padding:20px; border-top:1px solid var(--ic-line); border-bottom:1px solid var(--ic-line); font-size:14px; }
    .client-case-model .ic-comparison-base span { color:var(--ic-cyan); }
    .client-case-model .ic-owners { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:29px; }
    .client-case-model .ic-owner { background:var(--ic-panel); padding:21px 14px; text-align:center; border-radius:7px; }
    .client-case-model .ic-owner b { display:block; color:var(--ic-cyan); font-size:16px; font-weight:500; margin-bottom:7px; }
    .client-case-model .ic-owner small { font-size:12px; color:var(--ic-muted); }
    .client-case-model .ic-loop { position:relative; padding:10px 25px; }
    .client-case-model .ic-loop::before { content:""; position:absolute; left:6px; right:6px; top:45px; bottom:45px; border:1px solid var(--ic-line); border-radius:35px; }
    .client-case-model .ic-loop-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:34px; row-gap:58px; position:relative; }
    .client-case-model .ic-step { position:relative; padding:17px 10px; min-height:89px; background:#0c294d; border:1px solid var(--ic-line); border-radius:7px; text-align:left; }
    .client-case-model .ic-step em { font-size:12px; font-style:normal; color:var(--ic-cyan); display:block; margin-bottom:8px; }
    .client-case-model .ic-step b { font-size:15px; font-weight:500; }
    .client-case-model .ic-step[aria-pressed="true"] { border-color:var(--ic-blue); background:#164b83; }
    .client-case-model .ic-step::after { position:absolute; font-size:21px; color:var(--ic-cyan); }
    .client-case-model .ic-step:nth-child(1)::after, .client-case-model .ic-step:nth-child(2)::after { content:"→"; right:-28px; top:30px; }
    .client-case-model .ic-step:nth-child(3)::after { content:"↓"; bottom:-41px; left:46%; }
    .client-case-model .ic-step:nth-child(4) { grid-column:3; grid-row:2; }
    .client-case-model .ic-step:nth-child(5) { grid-column:2; grid-row:2; }
    .client-case-model .ic-step:nth-child(6) { grid-column:1; grid-row:2; }
    .client-case-model .ic-step:nth-child(4)::after, .client-case-model .ic-step:nth-child(5)::after { content:"←"; left:-28px; top:30px; }
    .client-case-model .ic-step:nth-child(6)::after { content:"↑"; top:-43px; left:46%; }
    .client-case-model .ic-loop-caption { margin:25px 0 0; display:flex; gap:15px; padding:18px 0; border-top:1px solid var(--ic-line); align-items:center; }
    .client-case-model .ic-loop-caption b { color:var(--ic-cyan); font-size:13px; font-weight:500; white-space:nowrap; }
    .client-case-model .ic-loop-caption p { font-size:13px; line-height:1.7; margin:0; }
    .client-case-model .ic-capabilities { display:flex; flex-wrap:wrap; gap:9px; margin-top:13px; }
    .client-case-model .ic-capabilities span { background:var(--ic-panel); color:var(--ic-muted); padding:8px 12px; border-radius:5px; font-size:12px; }
    .client-case-model .ic-chart-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
    .client-case-model .ic-chart-title { display:flex; justify-content:space-between; gap:10px; align-items:center; font-size:14px; }
    .client-case-model .ic-chart-title small { font-size:11px; color:var(--ic-muted); }
    .client-case-model .ic-chart-metric { margin:18px 0 4px; font-size:34px; letter-spacing:-1px; font-weight:500; }
    .client-case-model .ic-chart-metric span { font-size:13px; margin-left:7px; color:var(--ic-muted); letter-spacing:0; }
    .client-case-model .ic-chart-ratio { color:var(--ic-cyan); font-size:12px; }
    .client-case-model .ic-chart { width:100%; height:230px; display:block; margin-top:14px; }
    .client-case-model .ic-chart text { font-family:inherit; fill:var(--ic-muted); font-size:11px; }
    .client-case-model .ic-chart text.ic-value { fill:var(--ic-text); }
    .client-case-model .ic-source { margin-top:20px; padding-top:16px; border-top:1px solid var(--ic-line); font-size:11px; line-height:1.8; color:var(--ic-muted); }
    .client-case-model .ic-source a { color:var(--ic-cyan); }
    .client-case-model .ic-business-shift { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; padding-top:25px; margin-top:15px; }
    .client-case-model .ic-business-shift div { font-size:13px; color:var(--ic-text); border-top:1px solid var(--ic-line); padding-top:14px; }
    .client-case-model .ic-business-shift small { display:block; color:var(--ic-muted); font-size:11px; margin-bottom:9px; }
    .client-case-model .ic-client-id { display:flex; align-items:center; gap:16px; margin-bottom:28px; }
    .client-case-model .ic-client-monogram { width:58px; height:58px; border-radius:50%; background:#104275; display:flex; align-items:center; justify-content:center; color:var(--ic-cyan); font-size:23px; }
    .client-case-model .ic-client-id b { font-size:20px; font-weight:500; display:block; }
    .client-case-model .ic-client-id small { font-size:12px; color:var(--ic-muted); display:block; margin-top:5px; }
    .client-case-model .ic-client-quotes { display:grid; gap:18px; }
    .client-case-model .ic-client-quote { padding:24px; border:1px solid var(--ic-line); border-left:2px solid var(--ic-blue); border-radius:7px; background:var(--ic-panel); }
    .client-case-model .ic-client-quote h3 { margin:0 0 16px; color:var(--ic-cyan); font-size:14px; font-weight:500; }
    .client-case-model .ic-quote { padding:0; margin:0; display:flex; align-items:center; gap:14px; }
    .client-case-model .ic-quote-mark { align-self:flex-start; font-size:50px; line-height:1; color:var(--ic-blue); }
    .client-case-model .ic-quote p { margin:0; font-size:clamp(18px,2.2vw,24px); line-height:1.7; font-weight:400; }
    .client-case-model .ic-bottom { border-top:1px solid var(--ic-line); display:flex; justify-content:space-between; align-items:center; gap:16px; padding:19px 32px; font-size:12px; color:var(--ic-muted); }
    .client-case-model .ic-bottom b { color:var(--ic-cyan); font-weight:500; }
    @media(max-width:700px) {
      .client-case-model .ic-top { padding:17px 20px; }
      .client-case-model .ic-hero { padding:26px 20px; }
      .client-case-model .ic-content { padding:0 20px; }
      .client-case-model .ic-chapter { padding:36px 0; scroll-margin-top:95px; }
      .client-case-model .ic-since { display:none; }
      .client-case-model .ic-layer { grid-template-columns:71px 1fr; gap:10px; }
      .client-case-model .ic-platform { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .client-case-model .ic-node strong { font-size:14px; }
      .client-case-model .ic-heading { align-items:flex-start; }
      .client-case-model .ic-heading .ic-caption { max-width:105px; text-align:right; line-height:1.7; }
      .client-case-model .ic-chart-grid { grid-template-columns:1fr; gap:29px; }
      .client-case-model .ic-chart-grid>div+div { padding-top:25px; border-top:1px solid var(--ic-line); }
      .client-case-model .ic-chart { height:230px; }
      .client-case-model .ic-detail-grid { gap:14px; }
      .client-case-model .ic-detail-grid p { font-size:12px; }
      .client-case-model .ic-bottom { padding:18px 20px; }
    }
    @media(max-width:450px) {
      .client-case-model .ic-crumb { display:none; }
      .client-case-model .ic-top { padding-bottom:13px; }
      .client-case-model .ic-hero { display:block; }
      .client-case-model h1 { font-size:26px; }
      .client-case-model h2 { font-size:18px; }
      .client-case-model .ic-heading { margin-bottom:18px; }
      .client-case-model .ic-heading .ic-caption { display:none; }
      .client-case-model .ic-roof { font-size:15px; letter-spacing:0; }
      .client-case-model .ic-layer { grid-template-columns:1fr; gap:9px; }
      .client-case-model .ic-layer-label { flex-direction:row; justify-content:flex-start; align-items:center; gap:8px; padding:0 0 0 9px; }
      .client-case-model .ic-layer-label b { font-size:13px; }
      .client-case-model .ic-layer-label span { font-size:11px; }
      .client-case-model .ic-execution { grid-template-columns:repeat(2,1fr); gap:12px; }
      .client-case-model .ic-execution span+span::before { display:none; }
      .client-case-model .ic-detail-grid { grid-template-columns:1fr; gap:13px; }
      .client-case-model .ic-detail-grid>div { display:grid; grid-template-columns:66px 1fr; gap:9px; }
      .client-case-model .ic-detail-grid small { margin:3px 0 0; }
      .client-case-model .ic-compare-head, .client-case-model .ic-compare-row { grid-template-columns:1fr 26px 1fr; }
      .client-case-model .ic-before, .client-case-model .ic-after { padding:17px 12px; }
      .client-case-model .ic-compare-row b { font-size:14px; }
      .client-case-model .ic-compare-row small { font-size:11px; line-height:1.7; display:block; }
      .client-case-model .ic-arrow { font-size:18px; }
      .client-case-model .ic-compare-head div { padding:0 6px; font-size:11px; }
      .client-case-model .ic-comparison-base { flex-direction:column; gap:7px; text-align:center; }
      .client-case-model .ic-owners { gap:6px; }
      .client-case-model .ic-owner { padding:15px 7px; }
      .client-case-model .ic-owner b { font-size:13px; line-height:1.6; }
      .client-case-model .ic-owner small { font-size:11px; line-height:1.6; }
      .client-case-model .ic-loop { padding:6px 10px; }
      .client-case-model .ic-loop-grid { column-gap:21px; row-gap:40px; }
      .client-case-model .ic-step { min-height:83px; padding:13px 7px; }
      .client-case-model .ic-step b { font-size:13px; }
      .client-case-model .ic-step::after { font-size:17px; }
      .client-case-model .ic-step:nth-child(1)::after, .client-case-model .ic-step:nth-child(2)::after { right:-20px; }
      .client-case-model .ic-step:nth-child(3)::after { bottom:-31px; }
      .client-case-model .ic-step:nth-child(4)::after, .client-case-model .ic-step:nth-child(5)::after { left:-20px; }
      .client-case-model .ic-step:nth-child(6)::after { top:-31px; }
      .client-case-model .ic-loop-caption { display:block; }
      .client-case-model .ic-loop-caption b { display:block; margin-bottom:8px; }
      .client-case-model .ic-business-shift { grid-template-columns:1fr; gap:16px; }
      .client-case-model .ic-client-quote { padding:20px 16px; }
      .client-case-model .ic-quote-mark { font-size:50px; }
      .client-case-model .ic-quote { gap:8px; }
      .client-case-model .ic-quote p { font-size:20px; }
      .client-case-model .ic-bottom { flex-wrap:wrap; }
    }
    @media(prefers-reduced-motion:reduce) { .client-case-model * { transition:none!important; } }
  
/* Shared layout for the Inovance and SUPCON case pages. */
.transformation-case-page { padding:calc(var(--header, 88px) + 36px) 0 64px; }
.client-case-model { border:1px solid #17324f; border-radius:14px; }
.client-case-model .ic-top { justify-content:flex-start; gap:12px; color:var(--ic-muted); font-size:13px; }
.client-case-model .ic-top a, .client-case-model .ic-bottom a { color:var(--ic-cyan); text-decoration:none; }
.client-case-model .ic-top a:hover, .client-case-model .ic-bottom a:hover { text-decoration:underline; }
.client-case-model .ic-client-logo { width:130px; height:26px; object-fit:contain; filter:brightness(0) invert(1); opacity:.85; }
.client-case-model .ic-kicker { letter-spacing:1px; }
.client-case-model .ic-hero { padding-top:36px; padding-bottom:30px; }
.client-case-model button { cursor:pointer; letter-spacing:normal; }
.client-case-model .ic-node, .client-case-model .ic-step { text-transform:none; }
.client-case-model .ic-client-monogram { flex-shrink:0; }
.client-case-model .ic-chart { overflow:visible; }
.client-case-model .case-testimonial { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:38px; align-items:center; }
.client-case-model .case-person { min-width:0; margin:0; align-self:center; }
.client-case-model .case-person-art { display:flex; align-items:flex-end; justify-content:center; padding:18px 12px 0; background:radial-gradient(ellipse at 50% 75%,#16548b55,transparent 68%); border-bottom:1px solid #315d89; }
.client-case-model .case-person-art img { display:block; width:100%; max-width:340px; height:auto; max-height:470px; object-fit:contain; object-position:center bottom; }
.client-case-model .case-person figcaption { padding:22px 0 0; text-align:center; }
.client-case-model .case-person figcaption b { display:block; color:var(--ic-text); font-size:24px; font-weight:500; }
.client-case-model .case-person figcaption span { display:block; margin-top:7px; color:var(--ic-muted); font-size:13px; }
.client-case-model .case-testimonial .ic-client-quotes { min-width:0; gap:14px; }
.client-case-model .case-testimonial .ic-quote-intro { margin:0 0 2px; color:var(--ic-cyan); font-size:18px; line-height:1.8; }
.client-case-model .case-testimonial .ic-client-quote { padding:22px; }
.client-case-model .case-testimonial .ic-client-quote h3 { margin-bottom:12px; }
.client-case-model .case-testimonial .ic-quote p { color:var(--ic-text); font-size:clamp(17px,1.5vw,21px); line-height:1.85; }
@media(max-width:800px) {
 .client-case-model .case-testimonial { grid-template-columns:minmax(0,1fr); gap:30px; }
 .client-case-model .case-person { width:min(100%,290px); justify-self:center; }
 .client-case-model .case-person-art img { max-height:340px; width:auto; max-width:100%; }
 .client-case-model .case-person figcaption { padding-top:18px; }
}
@media(max-width:450px) {
 .client-case-model .case-testimonial .ic-client-quote { padding:20px 16px; }
 .client-case-model .case-testimonial .ic-quote p { font-size:18px; }
 .client-case-model .case-person { max-width:250px; }
 .client-case-model .case-person-art img { max-height:300px; }
}
.partnership-card .partnership-case-link { display:inline-flex; align-items:center; gap:12px; align-self:flex-start; margin-top:24px; color:#a7d4ff; border-bottom:1px solid #557da5; padding-bottom:7px; font-size:14px; }
.partnership-card .partnership-case-link:hover { color:#fff; border-color:#d5eaff; }
@media(max-width:700px){
 .transformation-case-page { padding-top:calc(var(--header, 76px) + 18px); padding-bottom:40px; }
 .client-case-model .ic-top { flex-wrap:wrap; gap:9px; font-size:12px; }
 .client-case-model .ic-since { display:block; border:0; padding-left:0; margin-top:16px; }
 .client-case-model .ic-since b { font-size:20px; }
 .client-case-model .ic-since small { display:none; }
 .client-case-model .ic-hero { display:block; padding:26px 20px; }
}
@media(max-width:450px){
 .transformation-case-page>.wrap { width:calc(100% - 24px); }
 .client-case-model .ic-client-logo { width:112px; height:23px; }
 .client-case-model .ic-content { padding:0 16px; }
}