.iod-section{background:var(--surface,#f8fbfd);padding:80px 0;position:relative;overflow:hidden}.iod-copy{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-36px)}.iod-vis .iod-copy{opacity:1;transform:none}.iod-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--primary,#2aa3ce);background:rgba(var(--primary-rgb), .1);border:1px solid rgba(var(--primary-rgb), .2);border-radius:100px;align-items:center;padding:7px 16px;font-size:.76rem;font-weight:700;display:inline-flex}.iod-text{color:var(--text-secondary,#4a5568);margin:20px 0 0;font-size:1.12rem;line-height:1.75}.iod-chips{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.iod-chip{color:var(--text-primary,#0a1929);border:1px solid var(--border-light,#0a19291a);box-shadow:var(--shadow-sm,0 2px 8px #0a19290f);background:#fff;border-radius:100px;align-items:center;gap:7px;padding:7px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.iod-chip i{color:var(--primary,#2aa3ce)}.iod-panel-col{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(34px)scale(.97)}.iod-vis .iod-panel-col{opacity:1;transform:none}.iod-panel{background:linear-gradient(160deg,#0d1e32 0%,#091423 100%);border:1px solid #ffffff1a;border-radius:16px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;box-shadow:0 30px 80px #0a192959}.iod-bar-top{background:#00000038;border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:13px 18px;display:flex}.iod-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.iod-dot-r{background:#ff5f57}.iod-dot-y{background:#febc2e}.iod-dot-g{background:#28c840}.iod-title{color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;margin-left:10px;font-size:.82rem;font-weight:600;overflow:hidden}.iod-live{letter-spacing:.08em;color:#22c55e;align-items:center;gap:6px;margin-left:auto;font-size:.72rem;font-weight:700;display:inline-flex}.iod-live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.3s ease-in-out infinite iodBlink;box-shadow:0 0 8px #22c55e}@keyframes iodBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.7)}}.iod-body{padding:16px 18px 18px}.iod-legend{align-items:center;gap:16px;margin-bottom:8px;display:flex}.iod-legend span{color:#fff9;align-items:center;gap:6px;font-size:.66rem;display:inline-flex}.iod-legend i{border-radius:2px;width:10px;height:3px;display:inline-block}.iod-legend-tag{margin-left:auto;font-weight:700;color:var(--primary-light,#5bcfef)!important}.iod-chart{margin-bottom:14px}.iod-svg{width:100%;height:auto;display:block;overflow:visible}.iod-line{stroke-dasharray:700;stroke-dashoffset:700px;filter:drop-shadow(0 0 4px #22c55e80)}.iod-line-2{filter:drop-shadow(0 0 4px #3b82f680)}.iod-vis .iod-line{animation:1.8s forwards iodDraw}.iod-vis .iod-line-2{animation:1.8s .3s forwards iodDraw}@keyframes iodDraw{to{stroke-dashoffset:0}}.iod-area{opacity:0}.iod-vis .iod-area{animation:1s .6s forwards iodFade}@keyframes iodFade{to{opacity:1}}.iod-dot-pt{opacity:0}.iod-vis .iod-dot-pt{animation:.3s forwards iodFade}.iod-table{border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.iod-trow{color:#ffffffb3;opacity:0;border-top:1px solid #ffffff0d;grid-template-columns:1.2fr 1fr 1fr 1fr .8fr;gap:8px;padding:9px 14px;font-size:.74rem;transition:opacity .45s,transform .45s,background .2s;display:grid;transform:translateY(10px)}.iod-vis .iod-trow{opacity:1;transform:none}.iod-trow:hover:not(.iod-thead){background:#ffffff0a}.iod-thead{letter-spacing:.05em;text-transform:uppercase;color:#fff6;opacity:1;background:#ffffff0a;border-top:none;font-size:.6rem;font-weight:700;transform:none}.iod-sku{color:#fff;font-weight:700}.iod-svc{text-align:right;font-weight:700}.iod-trow span:nth-child(n+3){text-align:right}@media (max-width:575px){.iod-title{font-size:.68rem}.iod-trow{grid-template-columns:1.2fr 1fr .8fr}.iod-trow span:nth-child(3),.iod-trow span:nth-child(4){display:none}}@media (prefers-reduced-motion:reduce){.iod-copy,.iod-panel-col,.iod-trow{transition:none}.iod-live-dot{animation:none}.iod-line,.iod-area,.iod-dot-pt{stroke-dashoffset:0;opacity:1;animation:none}}