.ioc{font-family:var(--io-text);color:var(--io-ink)}.ioc-frame{border:1px solid var(--io-line-strong);border-radius:12px;background:var(--io-white);padding:clamp(18px,2.4vw,26px)}.io-dark .ioc-frame{background:#fafafa08;border-color:var(--io-line-ondark-strong)}.ioc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.ioc-ttl{font-family:var(--io-display);font-weight:600;font-size:16px;letter-spacing:-.01em;line-height:1.15}.ioc-sub{font-size:12.5px;color:var(--io-g500);margin-top:4px}.ioc-kpi{text-align:right;flex-shrink:0}.ioc-kpi .v{font-family:var(--io-display);font-weight:600;font-size:22px;letter-spacing:-.02em}.ioc-kpi .d{font-family:var(--io-mono);font-size:10.5px;letter-spacing:.06em;color:var(--io-g500);margin-top:2px}.ioc-kpi .d.up:before{content:"▲ ";font-size:8px}.ioc-kpi .d.dn:before{content:"▼ ";font-size:8px}.io-dark .ioc-ttl{color:var(--io-paper)}.ioc-lab{font-family:var(--io-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--io-g500)}.ioc-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.ioc-legend span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--io-g600,#5e5e5e)}.ioc-legend i{width:14px;height:3px;border-radius:2px;display:block}.ioc-legend i.dash{background:repeating-linear-gradient(90deg,var(--io-g400) 0 4px,transparent 4px 7px);height:2px}.io-dark .ioc-legend span{color:var(--io-g400)}.ioc-svg{display:block;width:100%;height:auto;overflow:visible}.ioc-svg .grid{stroke:var(--io-line);stroke-width:1}.ioc-svg .axis{stroke:var(--io-line-strong);stroke-width:1}.ioc-svg .ser{fill:none;stroke:var(--io-ink);stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round}.ioc-svg .ser2{fill:none;stroke:var(--io-g400);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:5 4}.ioc-svg .area{fill:var(--io-ink);opacity:.06}.ioc-svg .dot{fill:var(--io-ink)}.ioc-svg .dot-o{fill:var(--io-white);stroke:var(--io-ink);stroke-width:2}.io-dark .ioc-svg .grid{stroke:var(--io-line-ondark)}.io-dark .ioc-svg .ser{stroke:var(--io-paper)}.io-dark .ioc-svg .area{fill:var(--io-paper);opacity:.08}.io-dark .ioc-svg .dot{fill:var(--io-paper)}.ioc-svg .vlab{font-family:var(--io-mono);font-size:8px;letter-spacing:.04em;fill:var(--io-g400)}.io-dark .ioc-svg .vlab{fill:var(--io-g500)}.ioc-draw{stroke-dasharray:1;stroke-dashoffset:0}.cc-demo.in .ioc-draw{animation:iocDraw 1.15s cubic-bezier(.45,.05,.2,1) both}@keyframes iocDraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.ioc-pop{transform-box:fill-box;transform-origin:center}.cc-demo.in .ioc-pop{animation:iocPop .4s ease both;animation-delay:1s}@keyframes iocPop{0%{transform:scale(0)}to{transform:scale(1)}}.cc-demo.in .ioc-areafade{animation:iocFade 1.1s ease both}@keyframes iocFade{0%{opacity:0}}.ioc-bars{display:flex;align-items:flex-end;gap:clamp(6px,1.4vw,12px);height:150px}.ioc-bars.h{flex-direction:column;align-items:stretch;height:auto;gap:13px}.ioc-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0;height:100%}.ioc-bar .col{width:100%;max-width:46px;background:var(--io-g200);border-radius:4px 4px 0 0;height:var(--h,40%);position:relative}.ioc-bar.on .col{background:var(--io-ink)}.ioc-bar .cap{font-family:var(--io-mono);font-size:9.5px;letter-spacing:.04em;color:var(--io-g500);white-space:nowrap}.ioc-bar .num{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-family:var(--io-mono);font-size:10px;color:var(--io-g700);white-space:nowrap}.io-dark .ioc-bar .col{background:#fafafa29}.io-dark .ioc-bar.on .col{background:var(--io-paper)}.io-dark .ioc-bar .cap{color:var(--io-g400)}.io-dark .ioc-bar .num{color:var(--io-g300)}.ioc-bar .col{transform-origin:bottom}.cc-demo.in .ioc-bar .col{animation:iocGrowY .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*70ms)}@keyframes iocGrowY{0%{transform:scaleY(0)}}.ioc-hbar{display:grid;grid-template-columns:96px 1fr 42px;align-items:center;gap:12px}.ioc-hbar .k{font-size:12.5px;color:var(--io-g700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ioc-hbar .track{height:10px;background:var(--io-g100);border-radius:6px;overflow:hidden}.ioc-hbar .fill{height:100%;width:var(--w,50%);background:var(--io-ink);border-radius:6px;transform-origin:left}.ioc-hbar.muted .fill{background:var(--io-g300)}.ioc-hbar .v{font-family:var(--io-mono);font-size:11px;color:var(--io-g600,#5e5e5e);text-align:right}.io-dark .ioc-hbar .k{color:var(--io-g300)}.io-dark .ioc-hbar .track{background:#fafafa1a}.io-dark .ioc-hbar .fill{background:var(--io-paper)}.io-dark .ioc-hbar.muted .fill{background:var(--io-g500)}.io-dark .ioc-hbar .v{color:var(--io-g400)}.cc-demo.in .ioc-hbar .fill{animation:iocGrowX .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*70ms)}@keyframes iocGrowX{0%{transform:scaleX(0)}}.ioc-ring-svg{display:block}.ioc-ring-svg .trk{fill:none;stroke:var(--io-g200);stroke-width:var(--rw,12)}.ioc-ring-svg .val{fill:none;stroke:var(--io-ink);stroke-width:var(--rw,12);stroke-linecap:round;stroke-dasharray:var(--f) 1;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:center}.ioc-ring-svg .val.g400{stroke:var(--io-g400)}.ioc-ring-svg .val.g300{stroke:var(--io-g300)}.io-dark .ioc-ring-svg .trk{stroke:#fafafa1f}.io-dark .ioc-ring-svg .val{stroke:var(--io-paper)}.cc-demo.in .ioc-ring-svg .val{animation:iocRing 1.1s cubic-bezier(.45,.05,.2,1) both}@keyframes iocRing{0%{stroke-dashoffset:var(--f)}}.ioc-ring-ctr{font-family:var(--io-display);font-weight:600;letter-spacing:-.02em;fill:var(--io-ink);text-anchor:middle}.io-dark .ioc-ring-ctr{fill:var(--io-paper)}.ioc-ring-sub{font-family:var(--io-mono);font-size:9px;letter-spacing:.1em;fill:var(--io-g400);text-anchor:middle;text-transform:uppercase}.ioc-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ioc-gauge{text-align:center}.ioc-gauge svg{display:block;width:100%;height:auto;overflow:visible}.ioc-gauge .gtrk{fill:none;stroke:var(--io-g200);stroke-width:9;stroke-linecap:round}.ioc-gauge .gval{fill:none;stroke:var(--io-ink);stroke-width:9;stroke-linecap:round;stroke-dasharray:var(--f) 1;stroke-dashoffset:0}.cc-demo.in .ioc-gauge .gval{animation:iocRing 1.1s cubic-bezier(.45,.05,.2,1) both}.io-dark .ioc-gauge .gtrk{stroke:#fafafa1f}.io-dark .ioc-gauge .gval{stroke:var(--io-paper)}.ioc-stack{display:flex;height:30px;border-radius:6px;overflow:hidden;border:1px solid var(--io-line)}.ioc-stack .seg{display:flex;align-items:center;justify-content:center;font-family:var(--io-mono);font-size:10px;color:var(--io-paper);transform-origin:left}.ioc-stack .seg.s1{background:var(--io-ink)}.ioc-stack .seg.s2{background:var(--io-g500)}.ioc-stack .seg.s3{background:var(--io-g300);color:var(--io-ink)}.ioc-stack .seg.s4{background:var(--io-g100);color:var(--io-g500)}.cc-demo.in .ioc-stack .seg{animation:iocGrowX .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*80ms)}.io-dark .ioc-stack{border-color:var(--io-line-ondark)}.io-dark .ioc-stack .seg.s1{background:var(--io-paper);color:var(--io-ink)}.io-dark .ioc-stack .seg.s2{background:var(--io-g400)}.io-dark .ioc-stack .seg.s3{background:var(--io-g700);color:var(--io-paper)}.io-dark .ioc-stack .seg.s4{background:#fafafa1a;color:var(--io-g400)}.ioc-stack-key{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px}.ioc-stack-key span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--io-g600,#5e5e5e)}.ioc-stack-key i{width:10px;height:10px;border-radius:3px;display:block}.io-dark .ioc-stack-key span{color:var(--io-g400)}.ioc-meter{display:flex;gap:4px}.ioc-meter .seg{flex:1;height:14px;border-radius:3px;background:var(--io-g200)}.ioc-meter .seg.on{background:var(--io-ink)}.io-dark .ioc-meter .seg{background:#fafafa1f}.io-dark .ioc-meter .seg.on{background:var(--io-paper)}.cc-demo.in .ioc-meter .seg.on{animation:iocPopIn .4s ease both;animation-delay:calc(var(--i,0)*70ms)}@keyframes iocPopIn{0%{transform:scale(.4);opacity:0}}.ioc-gauge .gname{font-family:var(--io-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--io-g500);margin-top:6px}.ioc-gauge .gval{font-family:var(--io-display);font-weight:600;font-size:15px;margin-top:2px}.io-dark .ioc-gauge .gval{color:var(--io-paper)}.ioc-funnel{display:flex;flex-direction:column;gap:6px}.ioc-fstep{position:relative;height:46px;display:flex;align-items:center}.ioc-fstep .bg{position:absolute;inset:0;margin:0 auto;width:var(--w,100%);background:var(--io-ink);border-radius:6px;transform-origin:top}.ioc-fstep:nth-child(2) .bg{background:var(--io-g700)}.ioc-fstep:nth-child(3) .bg{background:var(--io-g500)}.ioc-fstep:nth-child(4) .bg{background:var(--io-g400)}.ioc-fstep:nth-child(5) .bg{background:var(--io-g300)}.ioc-fstep .lab{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 16px;color:var(--io-paper)}.ioc-fstep .lab .n{font-size:13px;font-weight:600}.ioc-fstep .lab .q{font-family:var(--io-mono);font-size:11px;opacity:.85}.ioc-fstep:nth-child(4) .lab,.ioc-fstep:nth-child(5) .lab{color:var(--io-ink)}.cc-demo.in .ioc-fstep .bg{animation:iocGrowDown .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*.1s)}@keyframes iocGrowDown{0%{transform:scaleX(.2);opacity:0}}.io-dark .ioc-fstep .bg{background:var(--io-paper)}.io-dark .ioc-fstep:nth-child(2) .bg{background:var(--io-g300)}.io-dark .ioc-fstep:nth-child(3) .bg{background:var(--io-g400)}.io-dark .ioc-fstep:nth-child(4) .bg{background:var(--io-g500)}.io-dark .ioc-fstep:nth-child(5) .bg{background:var(--io-g700)}.io-dark .ioc-fstep .lab{color:var(--io-ink)}.io-dark .ioc-fstep:nth-child(4) .lab,.io-dark .ioc-fstep:nth-child(5) .lab{color:var(--io-paper)}.ioc-flow{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}.ioc-node{flex:1;min-width:96px;border:1px solid var(--io-line-strong);border-radius:10px;padding:14px 14px 13px;background:var(--io-white)}.ioc-node .ix{font-family:var(--io-mono);font-size:9px;letter-spacing:.12em;color:var(--io-g400)}.ioc-node .nm{font-family:var(--io-display);font-weight:600;font-size:14px;margin-top:7px;letter-spacing:-.01em}.ioc-node .ds{font-size:11.5px;color:var(--io-g500);line-height:1.4;margin-top:5px}.ioc-arrow{flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:var(--io-g400);font-size:16px}.io-dark .ioc-node{background:#fafafa08;border-color:var(--io-line-ondark-strong)}.io-dark .ioc-node .nm{color:var(--io-paper)}.cc-demo.in .ioc-node{animation:iocRise .5s ease both;animation-delay:calc(var(--i,0)*90ms)}.cc-demo.in .ioc-arrow{animation:iocFade .5s ease both;animation-delay:calc(var(--i,0)*90ms + 45ms)}@keyframes iocRise{0%{opacity:0;transform:translateY(12px)}}.ioc-table{width:100%;border-collapse:collapse;font-size:13px}.ioc-table thead th{font-family:var(--io-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--io-g500);text-align:left;font-weight:500;padding:0 14px 11px;border-bottom:1px solid var(--io-line-strong);white-space:nowrap}.ioc-table thead th.r,.ioc-table tbody td.r{text-align:right}.ioc-table tbody td{padding:13px 14px;border-bottom:1px solid var(--io-line);color:var(--io-g700);vertical-align:middle}.ioc-table tbody tr:last-child td{border-bottom:none}.ioc-table tbody tr:hover td{background:var(--io-g100)}.ioc-table .kw{font-weight:600;color:var(--io-ink)}.ioc-table .mono{font-family:var(--io-mono);font-size:12px}.ioc-table .pos{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;border-radius:5px;font-family:var(--io-mono);font-size:11px;background:var(--io-g100);color:var(--io-ink)}.ioc-table .pos.top{background:var(--io-ink);color:var(--io-paper)}.ioc-table .delta{font-family:var(--io-mono);font-size:11px}.ioc-table .delta.up{color:var(--io-ink)}.ioc-table .delta.up:before{content:"▲ ";font-size:7px}.ioc-table .delta.dn{color:var(--io-g400)}.ioc-table .delta.dn:before{content:"▼ ";font-size:7px}.ioc-table .spark{width:64px;height:20px}.ioc-table .tag{font-family:var(--io-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--io-line-strong);border-radius:4px;padding:3px 7px;color:var(--io-g600,#5e5e5e)}.io-dark .ioc-table tbody td{color:var(--io-g300);border-color:var(--io-line-ondark)}.io-dark .ioc-table thead th{border-color:var(--io-line-ondark-strong)}.io-dark .ioc-table .kw{color:var(--io-paper)}.io-dark .ioc-table tbody tr:hover td{background:#fafafa0a}.io-dark .ioc-table .pos{background:#fafafa1a;color:var(--io-paper)}.io-dark .ioc-table .pos.top{background:var(--io-paper);color:var(--io-ink)}.cc-demo.in .ioc-table tbody tr{animation:iocRise .45s ease both;animation-delay:calc(var(--i,0)*60ms)}.ioc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--io-line);border:1px solid var(--io-line);border-radius:12px;overflow:hidden}.ioc-kpicard{background:var(--io-white);padding:18px 18px 16px;display:flex;flex-direction:column;gap:0}.ioc-kpicard .lab{font-family:var(--io-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--io-g500)}.ioc-kpicard .v{font-family:var(--io-display);font-weight:600;font-size:clamp(26px,3vw,34px);letter-spacing:-.025em;margin-top:12px;line-height:1}.ioc-kpicard .d{font-family:var(--io-mono);font-size:11px;margin-top:9px;color:var(--io-g500);display:flex;align-items:center;gap:6px}.ioc-kpicard .d .up{color:var(--io-ink)}.ioc-kpicard .d .up:before{content:"▲ ";font-size:8px}.ioc-kpicard .d .dn{color:var(--io-g400)}.ioc-kpicard .d .dn:before{content:"▼ ";font-size:8px}.ioc-kpicard .spark{margin-top:14px;width:100%;height:30px}.io-dark .ioc-kpis{background:var(--io-line-ondark);border-color:var(--io-line-ondark)}.io-dark .ioc-kpicard{background:var(--io-g900)}.io-dark .ioc-kpicard .v,.io-dark .ioc-kpicard .d .up{color:var(--io-paper)}.cc-demo.in .ioc-kpicard{animation:iocRise .5s ease both;animation-delay:calc(var(--i,0)*80ms)}.ioc-serp{border:1px solid var(--io-line-strong);border-radius:12px;overflow:hidden}.ioc-serp .bar{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--io-line);background:var(--io-g100)}.ioc-serp .bar .q{flex:1;font-size:13px;color:var(--io-g700)}.ioc-serp .bar .mag{width:15px;height:15px;border:1.5px solid var(--io-g400);border-radius:50%;position:relative}.ioc-serp .bar .mag:after{content:"";position:absolute;width:6px;height:1.5px;background:var(--io-g400);transform:rotate(45deg);bottom:-1px;right:-4px}.ioc-serp .res{padding:14px 16px;border-bottom:1px solid var(--io-line)}.ioc-serp .res:last-child{border-bottom:none}.ioc-serp .res .u{font-family:var(--io-mono);font-size:10.5px;color:var(--io-g500);display:flex;align-items:center;gap:7px}.ioc-serp .res .t{font-family:var(--io-display);font-weight:600;font-size:15px;color:var(--io-ink);margin-top:6px}.ioc-serp .res .s{font-size:12.5px;color:var(--io-g500);line-height:1.5;margin-top:5px}.ioc-serp .res.mark{background:var(--io-ink)}.ioc-serp .res.mark .u,.ioc-serp .res.mark .s{color:var(--io-g400)}.ioc-serp .res.mark .t{color:var(--io-paper)}.ioc-serp .res .pin{font-family:var(--io-mono);font-size:9px;letter-spacing:.1em;border:1px solid currentColor;border-radius:4px;padding:2px 6px}.ioc-ai{border:1px solid var(--io-line-strong);border-radius:12px;padding:18px 20px;background:var(--io-white)}.ioc-ai .h{display:flex;align-items:center;gap:9px;margin-bottom:14px}.ioc-ai .h .rng{width:20px;height:20px;border:2px solid var(--io-ink);border-radius:50%;display:flex;align-items:center;justify-content:center}.ioc-ai .h .rng i{width:5px;height:5px;border-radius:50%;background:var(--io-ink)}.ioc-ai .h .nm{font-family:var(--io-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--io-g500)}.ioc-ai .ln{height:9px;border-radius:5px;background:var(--io-g200);margin-bottom:9px}.ioc-ai .cite{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;background:var(--io-ink);color:var(--io-paper);font-family:var(--io-mono);font-size:10px;letter-spacing:.04em;padding:3px 8px;border-radius:5px;margin:0 2px}.ioc-ai .cite .d{width:5px;height:5px;border-radius:50%;background:var(--io-paper)}.ioc-ai .txt{font-size:14px;line-height:1.7;color:var(--io-g900)}.io-dark .ioc-ai{background:#fafafa08;border-color:var(--io-line-ondark-strong)}.io-dark .ioc-ai .txt{color:var(--io-g300)}.io-dark .ioc-ai .ln{background:#fafafa24}.io-dark .ioc-ai .cite{background:var(--io-paper);color:var(--io-ink)}.io-dark .ioc-ai .h .rng{border-color:var(--io-paper)}.io-dark .ioc-ai .h .rng i{background:var(--io-paper)}.ioc-heat{display:grid;gap:5px}.ioc-heat .cell{aspect-ratio:1;border-radius:4px;background:var(--io-ink)}.ioc-heat .lab-x,.ioc-heat .lab-y{font-family:var(--io-mono);font-size:9px;letter-spacing:.04em;color:var(--io-g500);display:flex;align-items:center}.ioc-heat .lab-x{justify-content:center}.cc-demo.in .ioc-heat .cell{animation:iocFade .5s ease both;animation-delay:calc(var(--i,0)*22ms)}.io-dark .ioc-heat .cell{background:var(--io-paper)}.io-dark .ioc-heat .lab-x,.io-dark .ioc-heat .lab-y{color:var(--io-g400)}.ioc-heat-scale{display:flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--io-mono);font-size:9.5px;letter-spacing:.06em;color:var(--io-g500)}.ioc-heat-scale .ramp{flex:1;max-width:160px;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--io-g100),var(--io-ink))}.io-dark .ioc-heat-scale .ramp{background:linear-gradient(90deg,rgba(250,250,250,.08),var(--io-paper))}.ioc-prog{display:flex;flex-direction:column;gap:16px}.ioc-prog .row .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.ioc-prog .row .top .k{font-size:13.5px;font-weight:600;color:var(--io-ink)}.ioc-prog .row .top .v{font-family:var(--io-mono);font-size:11px;color:var(--io-g500)}.ioc-prog .track{height:7px;background:var(--io-g100);border-radius:5px;overflow:hidden}.ioc-prog .fill{height:100%;width:var(--w,50%);background:var(--io-ink);border-radius:5px;transform-origin:left}.io-dark .ioc-prog .row .top .k{color:var(--io-paper)}.io-dark .ioc-prog .track{background:#fafafa1a}.io-dark .ioc-prog .fill{background:var(--io-paper)}.cc-demo.in .ioc-prog .fill{animation:iocGrowX .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*90ms)}.ioc-check{display:flex;flex-direction:column}.ioc-check .it{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--io-line)}.ioc-check .it:last-child{border-bottom:none}.ioc-check .bx{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--io-line-strong);flex-shrink:0;display:flex;align-items:center;justify-content:center}.ioc-check .it.ok .bx{background:var(--io-ink);border-color:var(--io-ink)}.ioc-check .it.ok .bx svg{stroke:var(--io-paper)}.ioc-check .it.no .bx{border-style:dashed}.ioc-check .k{flex:1;font-size:14px;color:var(--io-ink)}.ioc-check .it.no .k{color:var(--io-g400)}.ioc-check .sc{font-family:var(--io-mono);font-size:11px;color:var(--io-g500)}.io-dark .ioc-check .it{border-color:var(--io-line-ondark)}.io-dark .ioc-check .k{color:var(--io-paper)}.io-dark .ioc-check .it.ok .bx{background:var(--io-paper);border-color:var(--io-paper)}.io-dark .ioc-check .it.ok .bx svg{stroke:var(--io-ink)}.ioc-mesh{position:relative;height:240px;background:var(--io-ink);border-radius:12px;overflow:hidden}.ioc-mesh canvas{position:absolute;inset:0;width:100%;height:100%}.ioc-mesh .cap{position:absolute;font-family:var(--io-mono);font-size:9.5px;letter-spacing:.12em;color:var(--io-g500)}.ioc-mesh .cap.tl{top:14px;left:16px}.ioc-mesh .cap.br{bottom:14px;right:16px}@media(prefers-reduced-motion:reduce){.cc-demo.in *,.cc-demo.in *:before{animation:none!important}}