/* AI assistance section — open gray surface, native artwork, real mode tabs. */
.color-ai{background:#F4F4F5;color:var(--ink,#1A1A1A)}
.color-ai>.section{padding-block:64px 27px}
.dx-ai-layout{display:grid;grid-template-columns:minmax(0,.405fr) minmax(0,.595fr);gap:36px;align-items:center}
.dx-ai-copy{min-width:0;padding-bottom:18px}
.dx-ai-copy h2{font-size:clamp(48px,5.45vw,98px);line-height:1.03;letter-spacing:-.052em}
.dx-ai-copy h2 span{color:var(--accent,#D90429)}
.dx-ai-intro{font-size:clamp(18px,1.6vw,27px);line-height:1.42;letter-spacing:-.018em;margin-top:35px;max-width:650px}
.dx-ai-reassurance{font-size:clamp(15px,1.2vw,21px);line-height:1.5;color:var(--muted,#64646D);margin-top:31px}
.dx-ai-frame{min-width:0;border:1px solid #BEBEC7;border-radius:4px;overflow:hidden;background:transparent}
.dx-ai-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #BEBEC7;padding-inline:16px}
.dx-ai-tabs button{position:relative;background:transparent;padding:18px 12px;min-height:57px;color:var(--ink,#1A1A1A);font-size:clamp(15px,1.14vw,20px);line-height:1.2}
.dx-ai-tabs button::after{position:absolute;content:'';inset:auto 0 -1px;height:3px;background:transparent}
.dx-ai-tabs button[aria-selected=true]{color:var(--accent,#D90429);font-weight:700}
.dx-ai-tabs button[aria-selected=true]::after{background:var(--accent,#D90429)}
.dx-ai-tabs button:focus-visible{outline-offset:-6px;z-index:1}
.dx-ai-panel{padding:30px 36px 25px;min-height:400px;outline-offset:-5px}
.dx-ai-diagram{display:block;width:100%;height:auto;stroke:none;fill:none;overflow:visible}
.dx-ai-diagram [hidden]{display:none!important}
.dx-ai-state-copy{margin-top:22px;min-height:136px}
.dx-ai-state-copy h3{font-size:clamp(21px,1.65vw,29px);line-height:1.2;letter-spacing:-.026em}
.dx-ai-state-copy>p:not(.dx-ai-connections):not(.dx-ai-state-note){font-size:clamp(16px,1.17vw,21px);line-height:1.4;color:#45454D;margin-top:10px;letter-spacing:-.01em}
.dx-ai-state-copy .dx-ai-connections{padding-top:16px;border-top:1px solid #CBCBD3;margin-top:20px;color:#64646D;font-size:clamp(14px,1.02vw,18px);line-height:1.6}
.dx-ai-state-copy .dx-ai-state-note{font-size:12px;line-height:1.5;color:var(--muted,#64646D);margin-top:10px}
.dx-ai-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:39px;gap:34px}
.dx-ai-controls article{display:flex;align-items:flex-start;gap:27px;min-width:0;padding-left:40px;border-left:1px solid #BEBEC7}
.dx-ai-controls article:first-child{border-left:0;padding-left:7px}
.dx-ai-controls article>div{min-width:0}
.dx-ai-control-icon{flex:0 0 60px;width:60px;height:60px;fill:none;stroke:#1A1A1A;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dx-ai-controls h3{font-size:clamp(19px,1.33vw,24px);line-height:1.25;letter-spacing:-.027em}
.dx-ai-controls p{font-size:clamp(16px,1.14vw,20px);line-height:1.42;color:var(--muted,#64646D);margin-top:7px;max-width:375px}
.dx-ai-configuration{position:relative;margin-top:24px;padding-top:14px;color:#64646D;font-size:12px;line-height:1.5}
.dx-ai-configuration::before{content:'';position:absolute;top:0;left:0;width:43px;height:1px;background:#9999A3}
.dx-ai-wire{animation:dx-ai-data-flow 4s linear infinite}
.dx-ai-wire-return{animation-delay:-2s}
.art-paused .dx-ai-wire,.dx-ai-diagram.art-offscreen .dx-ai-wire{animation-play-state:paused}
@keyframes dx-ai-data-flow{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}
@media(min-width:1650px){.dx-ai-panel{min-height:448px}.dx-ai-state-copy{min-height:159px}}
@media(max-width:1250px){.dx-ai-layout{gap:34px;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)}.dx-ai-copy h2{font-size:clamp(45px,5.3vw,67px)}.dx-ai-intro{font-size:20px;margin-top:28px}.dx-ai-reassurance{font-size:15px;margin-top:22px}.dx-ai-panel{padding:26px 24px 22px;min-height:378px}.dx-ai-state-copy{min-height:151px}.dx-ai-controls{gap:24px}.dx-ai-controls article{padding-left:24px;gap:17px}.dx-ai-control-icon{width:46px;height:46px;flex-basis:46px}.dx-ai-controls h3{font-size:18px}.dx-ai-controls p{font-size:15px}}
@media(max-width:1000px){.dx-ai-layout{grid-template-columns:minmax(0,1fr);gap:32px}.dx-ai-copy{padding:0}.dx-ai-copy h2{font-size:clamp(46px,6.5vw,66px)}.dx-ai-intro{max-width:700px;font-size:21px;margin-top:24px}.dx-ai-reassurance{margin-top:16px;font-size:16px}.dx-ai-panel{padding:28px 30px 24px;min-height:0}.dx-ai-state-copy{min-height:0}.dx-ai-state-copy h3{font-size:25px}.dx-ai-state-copy>p:not(.dx-ai-connections):not(.dx-ai-state-note){font-size:18px}.dx-ai-state-copy .dx-ai-connections{font-size:15px}.dx-ai-controls{grid-template-columns:minmax(0,1fr);gap:23px;margin-top:30px}.dx-ai-controls article,.dx-ai-controls article:first-child{border:0;padding:0;gap:22px}.dx-ai-controls p{max-width:none;font-size:16px}.dx-ai-controls h3{font-size:20px}.dx-ai-control-icon{width:50px;height:50px;flex-basis:50px}}
@media(max-width:650px){.color-ai>.section{padding-block:46px 25px}.dx-ai-layout{gap:25px}.dx-ai-copy h2{font-size:clamp(38px,11.2vw,56px)}.dx-ai-intro{font-size:18px;line-height:1.5;margin-top:23px}.dx-ai-reassurance{font-size:14px;line-height:1.5;margin-top:18px}.dx-ai-tabs{padding-inline:6px}.dx-ai-tabs button{padding:15px 5px;min-height:51px;font-size:14px}.dx-ai-panel{padding:21px 13px 20px}.dx-ai-diagram{view-transition-name:none}.dx-ai-state-copy{margin-top:19px}.dx-ai-state-copy h3{font-size:22px;line-height:1.2}.dx-ai-state-copy>p:not(.dx-ai-connections):not(.dx-ai-state-note){font-size:15px;line-height:1.5}.dx-ai-state-copy .dx-ai-connections{font-size:13px;line-height:1.7;padding-top:13px;margin-top:16px}.dx-ai-state-copy .dx-ai-state-note{font-size:12px}.dx-ai-controls{gap:25px;margin-top:29px}.dx-ai-controls article{gap:17px}.dx-ai-control-icon{width:43px;height:43px;flex-basis:43px}.dx-ai-controls h3{font-size:18px}.dx-ai-controls p{font-size:15px}.dx-ai-configuration{font-size:11px;line-height:1.6;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.dx-ai-wire{animation:none!important;stroke-dasharray:none}}

/* A stacked native diagram preserves readable labels on narrow screens. */
.dx-ai-narrow{display:none}
@media(max-width:650px){.dx-ai-wide{display:none}.dx-ai-narrow{display:block;max-width:330px;margin-inline:auto}}