/* Explanatory diagrams extend the existing light audio palette. */
.content-insight{color:var(--light-ink,#19212e);padding-block:76px;max-width:1440px}
.content-insight__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,88px);align-items:center;max-width:1180px;margin-inline:auto}
.content-insight__copy,.insight-visual{min-width:0}
.content-insight h2{font-family:Radial,Inter,Arial,sans-serif;font-size:clamp(30px,3.2vw,46px);line-height:1.12;letter-spacing:-.035em;font-weight:900;margin:0 0 26px;overflow-wrap:anywhere}
.content-insight__copy>p{font-size:17px;line-height:1.7;color:var(--light-copy,#485365);margin:0 0 18px}
.content-insight__copy>p:last-child{margin-bottom:0}
.insight-visual{margin:0;padding:32px;border-radius:24px;background:#f2f7f8;border:1px solid #dce7e9;position:relative;overflow:hidden}
.insight-visual__heading{font-weight:700;font-size:16px;line-height:1.4;color:#006e69;margin:0 0 26px}
.insight-diagram{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.insight-node{margin:0;position:relative;display:flex;gap:16px;align-items:flex-start;min-width:0;padding:18px;background:#fff;border:1px solid #dce4e9;border-radius:12px}
.insight-node>div{min-width:0}
.insight-node strong{display:block;font-size:18px;font-weight:700;line-height:1.3;color:#19212e;overflow-wrap:anywhere}
.insight-node span:not(.insight-node__index){display:block;font-size:15px;line-height:1.55;color:#485365;margin-top:7px;overflow-wrap:anywhere}
.insight-node__index{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:700;line-height:24px;flex-shrink:0;color:#006e69}
.insight-visual figcaption{font-size:14px;line-height:1.55;color:#586476;margin-top:22px;padding-top:17px;border-top:1px solid #d3dfe3}
.insight-visual--flow .insight-diagram{gap:24px}
.insight-visual--flow .insight-node:not(:last-child):after{content:'';position:absolute;left:30px;bottom:-20px;width:8px;height:8px;border-right:2px solid #006e69;border-bottom:2px solid #006e69;transform:rotate(45deg)}
.insight-visual--flow .insight-node:last-child{border-color:#87bab4;background:#edf8f5}
.content-insight--timeline .content-insight__inner{display:block}
.content-insight--timeline .content-insight__copy{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;margin-bottom:36px}
.content-insight--timeline h2{grid-row:span 3;max-width:490px}
.insight-visual--timeline{border:0;border-radius:0;padding:30px 0;background:transparent}
.insight-visual--timeline .insight-diagram{grid-template-columns:repeat(var(--steps,3),minmax(0,1fr));gap:0;border-top:2px solid #5524ba}
.insight-visual--timeline .insight-diagram:has(>li:nth-child(4)){--steps:4}
.insight-visual--timeline .insight-node{border:0;background:transparent;border-radius:0;display:block;padding:28px 28px 0 0}
.insight-visual--timeline .insight-node:before{content:'';width:12px;height:12px;border:3px solid #5524ba;background:#fff;border-radius:50%;position:absolute;left:0;top:-7px}
.insight-visual--timeline .insight-node__index{display:block;color:#5524ba;margin-bottom:12px}
.insight-visual--timeline .insight-visual__heading{color:#5524ba}
.content-insight--compare .content-insight__inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.content-insight--compare .content-insight__copy{order:2}
.insight-visual--compare{background:#f5f1fc;border-color:#e1d9ef;padding:30px 24px}
.insight-visual--compare .insight-visual__heading{color:#5524ba}
.insight-visual--compare .insight-diagram{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.insight-visual--compare .insight-node{display:block;padding:0;border:0;border-radius:0;background:transparent}
.insight-visual--compare .insight-node+li{border-left:1px solid #d6c9e7;padding-left:20px}
.insight-visual--compare .insight-node__index{display:block;font-size:44px;line-height:1;color:#5524ba;margin-bottom:28px;letter-spacing:-.06em}
.insight-visual--compare strong{font-size:21px}
.insight-visual--compare .insight-node span:not(.insight-node__index){margin-top:14px}
.content-insight--matrix .content-insight__inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.insight-visual--matrix{background:#fff;border-color:#dbe2eb;border-radius:0 26px 26px 26px}
.insight-visual--matrix .insight-diagram{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dce4e9;border:1px solid #dce4e9}
.insight-visual--matrix .insight-node{display:block;border:0;border-radius:0;background:#f4f8fa;padding:22px}
.insight-visual--matrix .insight-node:nth-child(2),.insight-visual--matrix .insight-node:nth-child(3){background:#fff}
.insight-visual--matrix .insight-node__index{display:block;margin-bottom:17px}
.content-insight--layers .content-insight__copy{order:2}
.insight-visual--layers{border:0;background:linear-gradient(145deg,#edf7f4,#f1edfb);padding:32px 26px}
.insight-visual--layers .insight-node{border-left:4px solid #006e69;border-radius:3px 13px 13px 3px;box-shadow:0 8px 18px #23304708}
.insight-visual--layers .insight-node:nth-child(2){margin-left:18px;border-left-color:#5524ba}
.insight-visual--layers .insight-node:nth-child(3){margin-left:36px;border-left-color:#68768e}
.content-insight--check .content-insight__inner{padding:40px;border-top:1px solid #dce2e9;border-bottom:1px solid #dce2e9;gap:52px}
.insight-visual--check{padding:0;background:transparent;border:0;border-radius:0}
.insight-visual--check .insight-diagram{gap:0}
.insight-visual--check .insight-node{padding:22px 0;border:0;border-radius:0;background:transparent;border-bottom:1px solid #dce2e9}
.insight-visual--check .insight-node:first-child{padding-top:0}
.insight-visual--check .insight-node__index{border:1px solid #87bab4;border-radius:50%;width:29px;height:29px;text-align:center;line-height:27px}
/* Elements remain visible without JS. Motion is a one-shot enhancement only. */
@media(prefers-reduced-motion:no-preference){
 .content-insight.is-entering .content-insight__copy{animation:insight-copy .6s cubic-bezier(.2,.7,.2,1) both}
 .content-insight--flow.is-entering .insight-node{animation:insight-travel .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--node-order)*90ms)}
 .content-insight--timeline.is-entering .insight-diagram{animation:insight-mask .9s cubic-bezier(.22,.61,.36,1) both}
 .content-insight--compare.is-entering .insight-node{animation:insight-focus .75s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--node-order)*120ms)}
 .content-insight--matrix.is-entering .insight-node{animation:insight-focus .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--node-order)*70ms)}
 .content-insight--layers.is-entering .insight-node{animation:insight-stack .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--node-order)*100ms)}
 .content-insight--check.is-entering .insight-node{animation:insight-travel .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--node-order)*80ms)}
}
@keyframes insight-copy{from{opacity:.3}to{opacity:1}}
@keyframes insight-travel{from{opacity:.25;transform:translateX(-16px)}to{opacity:1;transform:none}}
@keyframes insight-mask{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes insight-focus{from{opacity:.2;transform:scale(.97)}to{opacity:1;transform:none}}
@keyframes insight-stack{from{opacity:.25;transform:translateY(14px) rotate(-1deg)}to{opacity:1;transform:none}}
@media(max-width:1023px){.content-insight{padding-block:54px}.content-insight__inner{gap:28px}.insight-visual{padding:24px}.insight-node{padding:16px}.content-insight--check .content-insight__inner{padding:28px 0;gap:28px}.insight-visual--check,.insight-visual--timeline{padding:0}.insight-visual--matrix .insight-node{padding:17px}.insight-node strong{font-size:17px}.insight-visual--compare .insight-node__index{font-size:36px}}
@media(max-width:767px){.content-insight{padding-block:36px}.content-insight__inner,.content-insight--compare .content-insight__inner,.content-insight--matrix .content-insight__inner{grid-template-columns:minmax(0,1fr);gap:28px}.content-insight--compare .content-insight__copy,.content-insight--layers .content-insight__copy{order:0}.content-insight h2{font-size:32px;margin-bottom:20px}.content-insight__copy>p{font-size:16px}.content-insight--timeline .content-insight__copy{display:block;margin-bottom:28px}.insight-visual--timeline .insight-diagram{grid-template-columns:1fr;border-top:0;border-left:2px solid #5524ba;margin-left:7px;gap:26px}.insight-visual--timeline .insight-node{padding:0 0 0 25px}.insight-visual--timeline .insight-node:before{left:-7px;top:5px}.insight-visual--timeline .insight-node__index{margin-bottom:6px}.insight-visual--matrix{padding:22px 18px}.content-insight--check .content-insight__inner{padding:28px 0}.insight-visual--timeline .insight-visual__heading{margin-bottom:28px}}
@media(max-width:389px){.content-insight h2{font-size:29px}.insight-visual{padding:22px 18px}.insight-visual--check,.insight-visual--timeline{padding:0}.insight-visual--matrix .insight-diagram,.insight-visual--compare .insight-diagram{grid-template-columns:1fr}.insight-visual--compare .insight-node+li{border-left:0;border-top:1px solid #d6c9e7;padding:22px 0 0}.insight-visual--compare .insight-node__index{margin-bottom:12px}.insight-visual--layers .insight-node:nth-child(2){margin-left:8px}.insight-visual--layers .insight-node:nth-child(3){margin-left:16px}.insight-node{gap:12px}.insight-node strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.content-insight *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}