/* Editable native WordPress groups form the Builder's explanatory graphics. */
.sigma-builder-graphic {
  --graphic-ink:#e6f3f4; --graphic-muted:#a5c2cb; --graphic-accent:#8ae1d5;
  position:relative; isolation:isolate; min-width:0; margin:0; padding:23px;
  overflow:hidden; border:1px solid #345464; border-radius:5px; color:var(--graphic-ink);
  background:radial-gradient(ellipse at 84% 14%,#1e4e5a 0,transparent 62%),#112f3d;
}
.sigma-builder-graphic::before {
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.3;
  background-image:radial-gradient(#65969c .65px,transparent .65px); background-size:18px 18px;
  mask-image:linear-gradient(140deg,transparent,#000);
}
.sigma-block-content .sigma-builder-graphic p { margin:0; color:var(--graphic-ink); line-height:1.35; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__eyebrow { color:var(--graphic-accent); font:600 9px/1.5 Inter,sans-serif; letter-spacing:.13em; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__label { font:500 15px/1.3 'Space Grotesk',sans-serif; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__sub { color:var(--graphic-muted); font-size:10px; line-height:1.5; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__note { margin-top:20px; padding-top:12px; border-top:1px solid #355663; color:var(--graphic-muted); font-size:10px; }
.sigma-block-content .sigma-feature--visual > .sigma-builder-graphic { margin:-28px -28px 24px; border:0; border-radius:0; min-height:320px; }
.sigma-builder-graphic__gaze-scene { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:center; min-height:177px; }
.sigma-builder-graphic__gaze-scene::before { content:''; position:absolute; top:48%; left:16%; right:16%; height:1px; background:#497680; }
.sigma-builder-graphic__gaze-scene::after {
  content:''; position:absolute; left:50%; top:calc(48% - 5px); width:10px; height:10px; border-radius:50%;
  background:#99eadb; box-shadow:0 0 0 6px #8ae1d522,0 0 20px #8ae1d580; transform:translateX(-50%);
}
.sigma-builder-graphic__eye,.sigma-builder-graphic__aoi,.sigma-builder-graphic__action { position:relative; text-align:center; padding-top:77px; }
.sigma-builder-graphic__eye::before {
  content:''; position:absolute; width:45px; height:28px; border:1.5px solid #8cc8d0; border-radius:65% 0;
  transform:rotate(45deg); top:27px; left:calc(50% - 23px); background:#153e4b;
}
.sigma-builder-graphic__eye::after { content:''; position:absolute; width:14px; height:14px; border:4px solid #90d6ce; border-radius:50%; top:35px; left:calc(50% - 7px); background:#112f3d; }
.sigma-builder-graphic__aoi::before { content:''; position:absolute; top:11px; left:calc(50% - 34px); width:68px; height:58px; border:1px dashed #98d3d2; border-radius:10px; background:#8ae1d512; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__aoi .sigma-builder-graphic__label { color:#a1ecdf; }
.sigma-builder-graphic__dwell { position:relative; padding-top:9px; }
.sigma-builder-graphic__dwell::before { content:''; position:absolute; left:18%; right:18%; top:3px; height:2px; border-radius:3px; background:#a1ecdf; transform-origin:left; }
.sigma-builder-graphic__action::before { content:''; position:absolute; top:18px; left:calc(50% - 32px); width:64px; height:44px; border:1px solid #d4dda0; border-radius:4px; background:#d4dda025; box-shadow:0 0 25px #c5d99215; }
.sigma-builder-graphic__action::after {
  content:''; position:absolute; top:32px; left:calc(50% - 8px); width:16px; height:16px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff8cf 0 18%,#e0e9b4 28%,#91c8a6 100%);
  box-shadow:0 0 13px #e0e9b455;
}
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__action .sigma-builder-graphic__label { color:#e0e9b4; }
.sigma-block-content .sigma-builder-graphic__methods { display:flex; gap:6px; flex-wrap:wrap; margin-top:15px; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__method { border:1px solid #426672; padding:5px 8px; border-radius:3px; color:#b8d3d8; font-size:10px; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__method:first-child { color:#153d44; background:#9de0d5; border-color:#9de0d5; }
.sigma-block-content .sigma-builder-graphic__chart {
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; align-items:end; margin-top:18px;
  background:repeating-linear-gradient(to top,transparent 0,transparent 35px,#628a931f 35px,#628a931f 36px);
}
.sigma-builder-graphic__point { --level:80px; min-width:0; display:flex; flex-direction:column; align-items:stretch; justify-content:end; height:126px; }
.sigma-builder-graphic__point:nth-child(2),.sigma-builder-graphic__point:nth-child(4) { --level:60px; }
.sigma-builder-graphic__point:nth-child(3),.sigma-builder-graphic__point:nth-child(5) { --level:40px; }
.sigma-builder-graphic__point:nth-child(6) { --level:20px; }
.sigma-builder-graphic__bar { height:var(--level); position:relative; display:flex; justify-content:center; align-items:start; padding-top:7px; background:linear-gradient(#8ad8ca,#3a7d7a); border:1px solid #90e3d2; border-bottom:0; border-radius:3px 3px 0 0; }
.sigma-builder-graphic__point:nth-child(4) .sigma-builder-graphic__bar { background:linear-gradient(#e0ca98,#8a7e59); border-color:#e0ca98; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__level { color:#102f38; font:600 11px/1 Inter,sans-serif; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__response { color:#bed4d8; font:400 9px/1.3 Inter,sans-serif; text-align:center; padding-top:8px; min-height:21px; }
.sigma-block-content .sigma-builder-graphic__flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; position:relative; margin-top:28px; }
.sigma-builder-graphic__node { position:relative; min-width:0; padding-top:65px; }
.sigma-builder-graphic__node::before { content:''; position:absolute; top:0; left:0; width:42px; height:37px; background:linear-gradient(to bottom,#b2d7d333 0 8px,transparent 8px),#224956; border:1px solid #82b7be; border-radius:5px; }
.sigma-builder-graphic__node:not(:last-child)::after { content:'→'; position:absolute; top:9px; right:4px; color:#86bfc5; font:300 22px/1 Inter,sans-serif; }
.sigma-builder-graphic__node--2::before { border-color:#d5c896; background:linear-gradient(to bottom,#d5c89633 0 8px,transparent 8px),#38474a; }
.sigma-builder-graphic__node--3::before { border-color:#8be2c8; background:linear-gradient(to bottom,#8be2c833 0 8px,transparent 8px),#224b49; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__step { color:#8ac8cf; font-size:8px; font-weight:700; letter-spacing:.09em; margin-bottom:8px; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__node .sigma-builder-graphic__label { font-size:13px; min-height:35px; }
.sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__node .sigma-builder-graphic__sub { margin-top:6px; }
.sigma-block-content .sigma-builder-graphic--wide { margin-top:30px; padding:28px; }
.sigma-block-content .sigma-builder-graphic--wide + .sigma-visual-row { margin-top:28px; }
.sigma-builder-graphic--wide .sigma-builder-graphic__flow { gap:40px; margin-top:22px; }
.sigma-builder-graphic--wide .sigma-builder-graphic__node { padding:0 0 0 66px; }
.sigma-builder-graphic--wide .sigma-builder-graphic__node::before { top:7px; }
.sigma-builder-graphic--wide .sigma-builder-graphic__node:not(:last-child)::after { right:-24px; top:23px; }
.sigma-block-content .sigma-builder-graphic--wide .sigma-builder-graphic__node .sigma-builder-graphic__label { font-size:19px; min-height:0; }
.sigma-block-content .sigma-builder-graphic--wide .sigma-builder-graphic__sub { font-size:12px; }
.sigma-builder-graphic__replay { display:inline-flex; align-items:center; min-height:36px; margin-top:13px; padding:7px 10px; color:#bee0e3; background:transparent; border:1px solid #517985; border-radius:3px; cursor:pointer; font:500 10px/1.4 Inter,sans-serif; }
.sigma-builder-graphic__replay:hover { background:#294f5c; color:#eefafa; }
.sigma-builder-graphic__replay:focus-visible { outline:2px solid #a1ecdf; outline-offset:3px; }
.sigma-builder-graphic__replay[hidden] { display:none; }
.sigma-builder-graphic.is-running .sigma-builder-graphic__gaze-scene::after { animation:sigma-gaze-arrival 4s ease both; }
.sigma-builder-graphic.is-running .sigma-builder-graphic__dwell::before { animation:sigma-gaze-dwell 4s linear both; }
.sigma-builder-graphic.is-running .sigma-builder-graphic__action::before { animation:sigma-gaze-action 4s ease both; }
.sigma-builder-graphic.is-running .sigma-builder-graphic__action::after { animation:sigma-gaze-stimulus 4s cubic-bezier(.2,.8,.2,1) both; }
.sigma-builder-graphic.is-running .sigma-builder-graphic__node::before { animation:sigma-flow-phase 4s ease both; }
.sigma-builder-graphic.is-running .sigma-builder-graphic__node--2::before { animation-name:sigma-flow-middle; }
.sigma-builder-graphic.is-running .sigma-builder-graphic__node--3::before { animation-name:sigma-flow-return; }
@keyframes sigma-gaze-arrival { 0%,8% { left:16%; opacity:0; } 14% { opacity:1; } 35%,100% { left:50%; opacity:1; } }
@keyframes sigma-gaze-dwell { 0%,35% { transform:scaleX(0); } 72%,100% { transform:scaleX(1); } }
@keyframes sigma-gaze-action { 0%,72% { opacity:.3; box-shadow:none; transform:translateY(4px) scale(.94); } 81% { opacity:1; transform:translateY(-2px) scale(1.04); } 88%,100% { opacity:1; transform:translateY(0) scale(1); box-shadow:0 0 25px #dae49a55; } }
@keyframes sigma-gaze-stimulus {
  0%,72% { opacity:0; transform:translate(-16px,6px) scale(.25); }
  79% { opacity:1; transform:translate(-16px,0) scale(1); }
  89% { opacity:1; transform:translate(16px,-2px) scale(1); }
  96% { opacity:1; transform:translate(-4px,0) scale(1); }
  100% { opacity:1; transform:translate(0,0) scale(1); }
}
@keyframes sigma-flow-phase { 0%,29% { box-shadow:0 0 0 5px #93d9d522,0 0 26px #93d9d533; } 36%,100% { box-shadow:none; } }
@keyframes sigma-flow-middle { 0%,28% { box-shadow:none; } 37%,63% { box-shadow:0 0 0 5px #d5c89622,0 0 26px #d5c89633; } 71%,100% { box-shadow:none; } }
@keyframes sigma-flow-return { 0%,63% { box-shadow:none; } 72%,100% { box-shadow:0 0 0 5px #8be2c822,0 0 26px #8be2c833; } }
@media (max-width:760px) { .sigma-builder-graphic--wide .sigma-builder-graphic__flow { gap:20px; } .sigma-builder-graphic--wide .sigma-builder-graphic__node { padding:60px 0 0; } .sigma-builder-graphic--wide .sigma-builder-graphic__node:not(:last-child)::after { right:-10px; top:15px; } .sigma-block-content .sigma-builder-graphic--wide .sigma-builder-graphic__node .sigma-builder-graphic__label { font-size:14px; } }
@media (max-width:620px) { .sigma-block-content .sigma-feature--visual > .sigma-builder-graphic { margin:-24px -24px 20px; } .sigma-builder-graphic { padding:21px; } .sigma-builder-graphic__flow { gap:14px; } .sigma-block-content .sigma-builder-graphic .sigma-builder-graphic__node .sigma-builder-graphic__label { font-size:12px; } .sigma-block-content .sigma-builder-graphic--wide .sigma-builder-graphic__sub { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { .sigma-builder-graphic.is-running *,.sigma-builder-graphic.is-running *::before,.sigma-builder-graphic.is-running *::after { animation:none!important; } }

/* Concrete illustrated tasks: native blocks provide every editable label. */
.sigma-builder-graphic--sequence { --sequence-duration:12s; display:flex; flex-direction:column; }
.sigma-builder-graphic--desktop.sigma-builder-graphic--sequence { --sequence-duration:10s; }
.sigma-builder-graphic--sequence .sigma-builder-graphic__methods { margin-top:10px; }
.sigma-block-content .sigma-builder-graphic--sequence .sigma-builder-graphic__note { margin-top:8px; padding-top:8px; font-size:9px; line-height:1.4; }
.sigma-builder-graphic--sequence .sigma-builder-graphic__replay { align-self:flex-start; flex-shrink:0; min-height:30px; margin-top:7px; padding:5px 9px; }
.sigma-illustration-a11y { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.sigma-builder-graphic--sequence .sigma-adaptive-scene { display:grid; grid-template-columns:1.1fr 1fr; gap:16px; align-items:center; flex:1; min-height:128px; margin-top:12px; }
.sigma-adaptive-display { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; align-self:stretch; padding:10px; border:1px solid #c3d8dc; border-radius:7px; background:#edf2f3; }
.sigma-block-content .sigma-builder-graphic .sigma-adaptive-display__caption { color:#59747c; font-size:8px; margin-bottom:8px; }
.sigma-adaptive-stimulus { position:relative; width:112px; max-width:100%; aspect-ratio:1; border-radius:50%; background:#e0e5e7; }
.sigma-adaptive-stimulus::before { content:''; position:absolute; inset:0; border-radius:50%; opacity:.6; background:repeating-linear-gradient(105deg,#163542 0 5px,#f7fafb 5px 10px); mask-image:radial-gradient(ellipse,#000 22%,transparent 70%); }
.sigma-adaptive-readouts { position:relative; align-self:stretch; min-width:0; }
.sigma-adaptive-phase { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; visibility:hidden; opacity:0; }
.sigma-adaptive-phase.sigma-sequence-phase--2 { visibility:visible; opacity:1; }
.sigma-block-content .sigma-builder-graphic .sigma-adaptive-trial { color:#9fc6cc; font-size:8px; font-weight:600; letter-spacing:.08em; margin-bottom:6px; }
.sigma-block-content .sigma-builder-graphic .sigma-adaptive-level { font:600 32px/1 'Space Grotesk',sans-serif; color:#eef9fa; }
.sigma-block-content .sigma-builder-graphic .sigma-adaptive-measure { color:#aac9ce; font-size:9px; margin-top:4px; }
.sigma-block-content .sigma-builder-graphic .sigma-adaptive-response { font-size:10px; line-height:1.4; margin-top:12px; color:#a3e5d9; }
.sigma-block-content .sigma-builder-graphic .sigma-adaptive-response--incorrect { color:#f2c18f; }
.sigma-adaptive-response--correct::before { content:'✓ '; }
.sigma-adaptive-response--incorrect::before { content:'× '; }
.sigma-builder-graphic--sequence .sigma-adaptive-history { display:flex; gap:5px; margin-top:10px; }
.sigma-block-content .sigma-builder-graphic .sigma-adaptive-history__point { flex:1; padding:4px 0; text-align:center; font-size:8px; color:#a9c7cf; border:1px solid #52747d; border-radius:3px; }
.sigma-builder-graphic--adaptive.is-running .sigma-adaptive-stimulus::before { animation:sigma-adaptive-contrast var(--sequence-duration) linear both; }
.sigma-builder-graphic--adaptive.is-running .sigma-adaptive-phase { animation-duration:var(--sequence-duration); animation-timing-function:steps(1,end); animation-fill-mode:both; }
.sigma-builder-graphic--adaptive.is-running .sigma-adaptive-history__point { animation-duration:var(--sequence-duration); animation-timing-function:steps(1,end); animation-fill-mode:both; }
@keyframes sigma-adaptive-contrast {
  0%,14% { opacity:.8; } 18%,31% { opacity:.6; } 35%,48% { opacity:.4; }
  52%,64% { opacity:.6; } 68%,81% { opacity:.4; } 85%,100% { opacity:.2; }
}
.sigma-builder-graphic--sequence .sigma-desktop-phases { display:flex; gap:6px; margin-top:12px; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-phase { flex:1; min-width:0; text-align:center; padding:5px 2px; border:1px solid #52747d; border-radius:3px; font-size:8px; white-space:nowrap; color:#a7c6cd; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-phase--2 { color:#133d43; border-color:#99ddd2; background:#99ddd2; }
.sigma-builder-graphic--sequence .sigma-desktop-scene { position:relative; flex:1; min-height:130px; margin-top:12px; overflow:hidden; border:1px solid #b1ccd2; border-radius:7px; background:#edf2f3; }
.sigma-desktop-study { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#294958; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-study__label { position:absolute; top:12px; left:12px; color:#6d8790; font-size:8px; letter-spacing:.08em; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-study__fixation { color:#327e86; font-size:34px; line-height:1; margin-bottom:10px; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-study__start,.sigma-block-content .sigma-builder-graphic .sigma-desktop-study__return { position:absolute; bottom:13px; color:#345963; font-size:9px; text-align:center; }
.sigma-desktop-study__return { visibility:hidden; }
.sigma-desktop-application { position:absolute; inset:0; background:#edf2f3; box-shadow:0 5px 15px #143f4329; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-application__bar { height:25px; padding:7px 10px 5px 40px; border-bottom:1px solid #cbdcdf; color:#59747c; font-size:8px; background:#dce8eb; }
.sigma-desktop-application__bar::before { content:''; position:absolute; top:10px; left:12px; width:4px; height:4px; border-radius:50%; background:#8bb0b7; box-shadow:8px 0 #8bb0b7,16px 0 #8bb0b7; }
.sigma-desktop-application__body { padding:12px 18px; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-application__title { color:#304e59; font:500 12px/1.3 'Space Grotesk',sans-serif; text-align:center; margin-bottom:12px; }
.sigma-desktop-options { display:flex; gap:10px; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-option { display:flex; flex:1; align-items:center; justify-content:center; height:42px; border:1px solid #b6cdd1; border-radius:4px; color:#45636e; font:500 17px/1 'Space Grotesk',sans-serif; background:#f8fbfc; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-option--2 { color:#195c60; border-color:#74beb6; background:#cce9e3; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-cursor { position:absolute; left:51%; top:84px; width:17px; height:22px; font-size:0; line-height:0; filter:drop-shadow(0 1px 2px #183b4440); }
.sigma-desktop-cursor::before { content:''; display:block; width:17px; height:22px; background:#214954; clip-path:polygon(0 0,0 86%,28% 63%,48% 100%,64% 92%,46% 55%,83% 53%); }
.sigma-builder-graphic--sequence .sigma-desktop-recording { display:flex; align-items:center; gap:9px; min-height:22px; margin-top:10px; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-recording__badge { position:relative; flex-shrink:0; padding-left:10px; color:#f3c0b1; font-size:8px; letter-spacing:.04em; }
.sigma-desktop-recording__badge::before { content:''; position:absolute; top:3px; left:0; width:5px; height:5px; border-radius:50%; background:#f2a18b; }
.sigma-desktop-frames { position:relative; flex:1; display:flex; gap:3px; height:19px; }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-frame { flex:1; min-width:0; font-size:0; line-height:0; border:1px solid #5c828d; border-radius:2px; background:#75cbb32b; }
.sigma-desktop-frames::after { content:''; position:absolute; left:0; top:0; bottom:0; width:100%; border-radius:2px; background:#8de0ca60; mask-image:repeating-linear-gradient(90deg,#000 0 calc(12.5% - 3px),transparent calc(12.5% - 3px) 12.5%); }
.sigma-block-content .sigma-builder-graphic .sigma-desktop-recording__label { color:#a6c7cc; font-size:8px; white-space:nowrap; }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-application { animation:sigma-desktop-task var(--sequence-duration) ease both; }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-cursor { animation:sigma-desktop-pointer var(--sequence-duration) ease both; }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-option--2 { animation:sigma-desktop-selection var(--sequence-duration) ease both; }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-study__fixation { animation:sigma-desktop-fixation var(--sequence-duration) ease both; }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-study__start { animation:sigma-desktop-start var(--sequence-duration) steps(1,end) both; }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-study__return { animation:sigma-desktop-return var(--sequence-duration) steps(1,end) both; }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-recording__badge { animation:sigma-desktop-recording var(--sequence-duration) steps(1,end) both; }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-frames::after { animation:sigma-desktop-frames var(--sequence-duration) linear both; }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-phase { animation-duration:var(--sequence-duration); animation-timing-function:steps(1,end); animation-fill-mode:both; }
.sigma-builder-graphic--sequence.is-paused *,.sigma-builder-graphic--sequence.is-paused *::before,.sigma-builder-graphic--sequence.is-paused *::after { animation-play-state:paused!important; }
@keyframes sigma-desktop-task { 0%,14% { opacity:0; transform:translateY(12px) scale(.97); } 23%,71% { opacity:1; transform:translateY(0) scale(1); } 79%,100% { opacity:0; transform:translateY(-12px) scale(.97); } }
@keyframes sigma-desktop-pointer { 0%,27% { opacity:0; left:79%; top:80%; transform:scale(1); } 32% { opacity:1; left:79%; top:80%; } 48%,51% { opacity:1; left:51%; top:84px; transform:scale(1); } 55% { opacity:1; left:51%; top:84px; transform:scale(.8); } 59%,71% { opacity:1; left:51%; top:84px; transform:scale(1); } 78%,100% { opacity:0; left:51%; top:84px; } }
@keyframes sigma-desktop-selection { 0%,51% { color:#45636e; border-color:#b6cdd1; background:#f8fbfc; } 58%,100% { color:#195c60; border-color:#74beb6; background:#b7e5d8; } }
@keyframes sigma-desktop-fixation { 0%,75% { opacity:1; transform:scale(1); } 81% { opacity:.4; transform:scale(.75); } 90%,100% { opacity:1; transform:scale(1); } }
@keyframes sigma-desktop-start { 0%,75% { visibility:visible; } 76%,100% { visibility:hidden; } }
@keyframes sigma-desktop-return { 0%,75% { visibility:hidden; } 76%,100% { visibility:visible; } }
@keyframes sigma-desktop-recording { 0%,19% { visibility:hidden; } 20%,75% { visibility:visible; } 76%,100% { visibility:hidden; } }
@keyframes sigma-desktop-frames { 0%,20% { width:0; } 76%,100% { width:100%; } }

/* Keep all animation texts accessible for editing in the block editor. */
.editor-styles-wrapper .sigma-adaptive-readouts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.editor-styles-wrapper .sigma-adaptive-phase { position:relative; visibility:visible; opacity:1; }
.editor-styles-wrapper .sigma-adaptive-scene { grid-template-columns:1fr; }
.editor-styles-wrapper .sigma-desktop-scene { min-height:180px; }

/* The six capability cards share one media height and one title reservation.
   Keep this front-end layout separate from the editor's stacked image blocks. */
.page-id-522 #capabilities .sigma-grid--3 { --builder-media-height:360px; --builder-title-height:48px; grid-auto-rows:1fr; }
.page-id-522 #capabilities .sigma-feature--visual { display:flex; flex-direction:column; min-width:0; }
.page-id-522 #capabilities .sigma-feature--visual > :is(.sigma-builder-graphic,.sigma-aoi-demo,.sigma-editorial-image,.sigma-adaptive-video) {
  height:var(--builder-media-height); min-height:0; flex:0 0 var(--builder-media-height);
}
.page-id-522 #capabilities .sigma-feature--visual > h3 { min-height:var(--builder-title-height); flex-shrink:0; line-height:24px; margin:0 0 16px; }
.page-id-522 #capabilities .sigma-feature--visual > .sigma-card__link { margin-top:auto; padding-top:24px; }
.page-id-522 #capabilities .sigma-feature--visual > .sigma-builder-graphic { display:flex; flex-direction:column; }
.page-id-522 #capabilities .sigma-builder-graphic > :is(.sigma-builder-graphic__gaze-scene,.sigma-builder-graphic__flow,.sigma-builder-graphic__chart) { flex:1; min-height:0; }
.page-id-522 #capabilities .sigma-builder-graphic__flow { align-items:center; }
.page-id-522 #capabilities .sigma-feature--visual > .sigma-editorial-image,
.page-id-522 #capabilities .sigma-aoi-demo.is-enhanced { display:grid; grid-template-rows:minmax(0,1fr) 52px; }
.page-id-522 #capabilities .sigma-feature--visual > .sigma-editorial-image > a,
.page-id-522 #capabilities .sigma-aoi-demo.is-enhanced > .sigma-editorial-image { min-height:0; height:100%; }
.page-id-522 #capabilities .sigma-feature--visual .sigma-editorial-image img { width:100%; height:100%; min-height:0; aspect-ratio:auto; object-fit:contain; }
.page-id-522 #capabilities .sigma-feature--visual > .sigma-editorial-image figcaption { display:flex; align-items:center; justify-content:center; padding:8px 14px; text-align:center; }
.page-id-522 #capabilities .sigma-aoi-demo__controls { min-height:52px; }
.page-id-522 #capabilities .sigma-feature--visual > .sigma-adaptive-video { margin:-28px -28px 24px; scroll-margin-top:112px; background:#e8eff3; }
.page-id-522 #capabilities .sigma-adaptive-video > .sigma-product-frame { display:grid; grid-template-rows:minmax(0,1fr) 52px; width:100%; height:100%; max-width:none; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; }
.page-id-522 #capabilities .sigma-adaptive-video .sigma-video-stage { min-height:0; }
.page-id-522 #capabilities .sigma-adaptive-video video { width:100%; height:100%; min-height:0; aspect-ratio:auto; object-fit:contain; border-radius:0; background:#e8eff3; }
.page-id-522 #capabilities .sigma-adaptive-video figcaption { display:flex; align-items:center; justify-content:center; margin:0; padding:8px 12px; text-align:center; font-size:10px; line-height:1.5; background:#17313f; color:#c8d8e1; }
@media (max-width:1100px) {
  .page-id-522 #capabilities .sigma-grid--3 { --builder-media-height:400px; --builder-title-height:72px; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .page-id-522 #capabilities .sigma-grid--3 { --builder-title-height:48px; grid-template-columns:minmax(0,1fr); }
  .page-id-522 #capabilities .sigma-feature--visual > .sigma-adaptive-video { margin:-24px -24px 20px; }
}

/* Synchronized labels and highlights use the same single-pass timeline. */
.sigma-builder-graphic--adaptive.is-running .sigma-sequence-phase--1 { animation-name:sigma-adaptive-phase-1; }
.sigma-builder-graphic--adaptive.is-running .sigma-adaptive-history__point--1 { animation-name:sigma-adaptive-marker-1; }
@keyframes sigma-adaptive-phase-1 { 0.000% { visibility:visible; opacity:1; } 16.666% { visibility:visible; opacity:1; } 16.667% { visibility:hidden; opacity:0; } 100.000% { visibility:hidden; opacity:0; } }
@keyframes sigma-adaptive-marker-1 { 0.000% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } 16.666% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } 16.667% { color:#a9c7cf; border-color:#52747d; background:transparent; } 100.000% { color:#a9c7cf; border-color:#52747d; background:transparent; } }
.sigma-builder-graphic--adaptive.is-running .sigma-sequence-phase--2 { animation-name:sigma-adaptive-phase-2; }
.sigma-builder-graphic--adaptive.is-running .sigma-adaptive-history__point--2 { animation-name:sigma-adaptive-marker-2; }
@keyframes sigma-adaptive-phase-2 { 0.000% { visibility:hidden; opacity:0; } 16.666% { visibility:hidden; opacity:0; } 16.667% { visibility:visible; opacity:1; } 33.332% { visibility:visible; opacity:1; } 33.333% { visibility:hidden; opacity:0; } 100.000% { visibility:hidden; opacity:0; } }
@keyframes sigma-adaptive-marker-2 { 0.000% { color:#a9c7cf; border-color:#52747d; background:transparent; } 16.666% { color:#a9c7cf; border-color:#52747d; background:transparent; } 16.667% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } 33.332% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } 33.333% { color:#a9c7cf; border-color:#52747d; background:transparent; } 100.000% { color:#a9c7cf; border-color:#52747d; background:transparent; } }
.sigma-builder-graphic--adaptive.is-running .sigma-sequence-phase--3 { animation-name:sigma-adaptive-phase-3; }
.sigma-builder-graphic--adaptive.is-running .sigma-adaptive-history__point--3 { animation-name:sigma-adaptive-marker-3; }
@keyframes sigma-adaptive-phase-3 { 0.000% { visibility:hidden; opacity:0; } 33.332% { visibility:hidden; opacity:0; } 33.333% { visibility:visible; opacity:1; } 49.999% { visibility:visible; opacity:1; } 50.000% { visibility:hidden; opacity:0; } 100.000% { visibility:hidden; opacity:0; } }
@keyframes sigma-adaptive-marker-3 { 0.000% { color:#a9c7cf; border-color:#52747d; background:transparent; } 33.332% { color:#a9c7cf; border-color:#52747d; background:transparent; } 33.333% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } 49.999% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } 50.000% { color:#a9c7cf; border-color:#52747d; background:transparent; } 100.000% { color:#a9c7cf; border-color:#52747d; background:transparent; } }
.sigma-builder-graphic--adaptive.is-running .sigma-sequence-phase--4 { animation-name:sigma-adaptive-phase-4; }
.sigma-builder-graphic--adaptive.is-running .sigma-adaptive-history__point--4 { animation-name:sigma-adaptive-marker-4; }
@keyframes sigma-adaptive-phase-4 { 0.000% { visibility:hidden; opacity:0; } 49.999% { visibility:hidden; opacity:0; } 50.000% { visibility:visible; opacity:1; } 66.666% { visibility:visible; opacity:1; } 66.667% { visibility:hidden; opacity:0; } 100.000% { visibility:hidden; opacity:0; } }
@keyframes sigma-adaptive-marker-4 { 0.000% { color:#a9c7cf; border-color:#52747d; background:transparent; } 49.999% { color:#a9c7cf; border-color:#52747d; background:transparent; } 50.000% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } 66.666% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } 66.667% { color:#a9c7cf; border-color:#52747d; background:transparent; } 100.000% { color:#a9c7cf; border-color:#52747d; background:transparent; } }
.sigma-builder-graphic--adaptive.is-running .sigma-sequence-phase--5 { animation-name:sigma-adaptive-phase-5; }
.sigma-builder-graphic--adaptive.is-running .sigma-adaptive-history__point--5 { animation-name:sigma-adaptive-marker-5; }
@keyframes sigma-adaptive-phase-5 { 0.000% { visibility:hidden; opacity:0; } 66.666% { visibility:hidden; opacity:0; } 66.667% { visibility:visible; opacity:1; } 83.332% { visibility:visible; opacity:1; } 83.333% { visibility:hidden; opacity:0; } 100.000% { visibility:hidden; opacity:0; } }
@keyframes sigma-adaptive-marker-5 { 0.000% { color:#a9c7cf; border-color:#52747d; background:transparent; } 66.666% { color:#a9c7cf; border-color:#52747d; background:transparent; } 66.667% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } 83.332% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } 83.333% { color:#a9c7cf; border-color:#52747d; background:transparent; } 100.000% { color:#a9c7cf; border-color:#52747d; background:transparent; } }
.sigma-builder-graphic--adaptive.is-running .sigma-sequence-phase--6 { animation-name:sigma-adaptive-phase-6; }
.sigma-builder-graphic--adaptive.is-running .sigma-adaptive-history__point--6 { animation-name:sigma-adaptive-marker-6; }
@keyframes sigma-adaptive-phase-6 { 0.000% { visibility:hidden; opacity:0; } 83.332% { visibility:hidden; opacity:0; } 83.333% { visibility:visible; opacity:1; } 100.000% { visibility:visible; opacity:1; } }
@keyframes sigma-adaptive-marker-6 { 0.000% { color:#a9c7cf; border-color:#52747d; background:transparent; } 83.332% { color:#a9c7cf; border-color:#52747d; background:transparent; } 83.333% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } 100.000% { color:#123c43; border-color:#99ddd2; background:#99ddd2; } }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-phase--1 { animation-name:sigma-desktop-phase-1; }
@keyframes sigma-desktop-phase-1 { 0.000% { color:#133d43; border-color:#99ddd2; background:#99ddd2; } 19.999% { color:#133d43; border-color:#99ddd2; background:#99ddd2; } 20.000% { color:#a7c6cd; border-color:#52747d; background:transparent; } 100.000% { color:#a7c6cd; border-color:#52747d; background:transparent; } }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-phase--2 { animation-name:sigma-desktop-phase-2; }
@keyframes sigma-desktop-phase-2 { 0.000% { color:#a7c6cd; border-color:#52747d; background:transparent; } 19.999% { color:#a7c6cd; border-color:#52747d; background:transparent; } 20.000% { color:#133d43; border-color:#99ddd2; background:#99ddd2; } 75.999% { color:#133d43; border-color:#99ddd2; background:#99ddd2; } 76.000% { color:#a7c6cd; border-color:#52747d; background:transparent; } 100.000% { color:#a7c6cd; border-color:#52747d; background:transparent; } }
.sigma-builder-graphic--desktop.is-running .sigma-desktop-phase--3 { animation-name:sigma-desktop-phase-3; }
@keyframes sigma-desktop-phase-3 { 0.000% { color:#a7c6cd; border-color:#52747d; background:transparent; } 75.999% { color:#a7c6cd; border-color:#52747d; background:transparent; } 76.000% { color:#133d43; border-color:#99ddd2; background:#99ddd2; } 100.000% { color:#133d43; border-color:#99ddd2; background:#99ddd2; } }