.di-strike{color:var(--color-text);text-decoration:line-through 3px}.di-mock{grid-template-columns:200px minmax(0,1fr);min-height:460px;display:grid}.di-mock-sidebar{border-right:1px solid var(--color-border-soft);background:var(--color-surface);flex-direction:column;gap:2px;padding:20px 14px;display:flex}.di-mock-brand{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-text-secondary);padding:4px 10px 16px;font-size:12px}.di-mock-nav-item{color:var(--color-text-muted);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.di-mock-nav-item.is-active{color:var(--color-text);background:#1a1d19}.di-mock-dot{background:var(--color-accent);border-radius:2px;flex-shrink:0;width:6px;height:6px}.di-mock-dot.is-muted{background:#333831}.di-mock-main{flex-direction:column;gap:16px;min-width:0;padding:24px 28px;display:flex}.di-mock-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.di-mock-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:600}.di-mock-actions{font-family:var(--font-mono);gap:8px;font-size:12px;display:flex}.di-mock-pill{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:6px;padding:6px 12px}.di-mock-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.di-mock-tile{border:1px solid var(--color-border-soft);background:var(--color-surface);border-radius:12px;padding:16px 18px}.di-mock-tile-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-text-muted);font-size:11px;display:block}.di-mock-sparkline{width:100%;height:40px;margin-top:10px;display:block}.di-mock-tile:nth-child(2) .draw{animation-delay:-1.4s}.di-mock-tile:nth-child(3) .draw{animation-delay:-2.7s}.di-mock-daily{border:1px solid var(--color-border-soft);background:var(--color-surface);border-radius:12px;padding:16px 20px 10px}.di-mock-bars{width:100%;height:104px;margin-top:6px;display:block}.di-mock-bars .bar{fill:#333831}.di-mock-bars .bar:nth-child(3),.di-mock-bars .bar:nth-child(6),.di-mock-bars .bar:nth-child(10),.di-mock-bars .bar:nth-child(14){fill:var(--color-accent)}.di-mock-bars .bar:nth-child(2){animation-delay:-.3s}.di-mock-bars .bar:nth-child(3){animation-delay:-.6s}.di-mock-bars .bar:nth-child(4){animation-delay:-.9s}.di-mock-bars .bar:nth-child(5){animation-delay:-1.2s}.di-mock-bars .bar:nth-child(6){animation-delay:-1.5s}.di-mock-bars .bar:nth-child(7){animation-delay:-1.8s}.di-mock-bars .bar:nth-child(8){animation-delay:-2.1s}.di-mock-bars .bar:nth-child(9){animation-delay:-2.4s}.di-mock-bars .bar:nth-child(10){animation-delay:-2.7s}.di-mock-bars .bar:nth-child(11){animation-delay:-3s}.di-mock-bars .bar:nth-child(12){animation-delay:-3.3s}.di-mock-bars .bar:nth-child(13){animation-delay:-3.6s}.di-mock-bars .bar:nth-child(14){animation-delay:-3.9s}.di-mock-donut-row{border:1px solid var(--color-border-soft);background:var(--color-surface);border-radius:12px;flex-wrap:wrap;flex:1;align-items:center;gap:28px;padding:18px 22px;display:flex}.di-mock-donut{flex-shrink:0;width:140px;height:140px}.di-mock-donut circle{transform-origin:70px 70px;transform:rotate(-90deg)}@keyframes di-donut-spin{to{transform:rotate(360deg)}}.di-donut-spin{transform-origin:70px 70px;animation:40s linear infinite di-donut-spin}.di-mock-legend{font-family:var(--font-mono);color:var(--color-text-secondary);flex-direction:column;gap:10px;font-size:12px;display:flex}.di-mock-legend-item{align-items:center;gap:8px;display:flex}.di-mock-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.di-mock-swatch.is-s1{background:var(--color-accent)}.di-mock-swatch.is-s2{background:#4a5147}.di-mock-swatch.is-s3{background:#333831}.di-mock-swatch.is-s4{background:#262a25}@media (width<=720px){.di-mock{grid-template-columns:1fr;min-height:0}.di-mock-sidebar{border-right:0;border-bottom:1px solid var(--color-border-soft);flex-flow:wrap;gap:6px}.di-mock-brand{width:100%;padding-bottom:8px}.di-mock-tiles{grid-template-columns:1fr}}.di2-pkt[data-astro-cid-dbp2novn]{stroke-dasharray:10 110;stroke-dashoffset:10px}.di2-hl[data-astro-cid-dbp2novn]{fill:rgba(var(--color-accent-rgb), .06);stroke:var(--color-accent);stroke-width:1.5px;opacity:0}.di2-cap[data-astro-cid-dbp2novn]{opacity:0}.di2-cap-static[data-astro-cid-dbp2novn]{opacity:1;animation:1s linear infinite di2-hide}@keyframes di2-hide{0%,to{opacity:0}}@keyframes di2-cap-1{0%{opacity:0}.8%{opacity:1}24.2%{opacity:1}25%{opacity:0}to{opacity:0}}@keyframes di2-cap-2{0%{opacity:0}25%{opacity:0}25.8%{opacity:1}44.2%{opacity:1}45%{opacity:0}to{opacity:0}}@keyframes di2-cap-3{0%{opacity:0}45%{opacity:0}45.8%{opacity:1}69.2%{opacity:1}70%{opacity:0}to{opacity:0}}@keyframes di2-cap-4{0%{opacity:0}70%{opacity:0}70.8%{opacity:1}to{opacity:1}}@keyframes di2-hl-reg{0%{opacity:0}1%{opacity:0}1.8%{opacity:1}11.2%{opacity:1}12%{opacity:0}to{opacity:0}}@keyframes di2-hl-scan{0%{opacity:0}4%{opacity:0}4.8%{opacity:1}14.2%{opacity:1}15%{opacity:0}to{opacity:0}}@keyframes di2-pkt-reg{0%,2%{stroke-dashoffset:10px}10%,to{stroke-dashoffset:-100px}}@keyframes di2-pkt-scan{0%,5%{stroke-dashoffset:10px}13%,to{stroke-dashoffset:-100px}}@keyframes di2-hl-api{0%{opacity:0}9%{opacity:0}9.8%{opacity:1}24.2%{opacity:1}25%{opacity:0}to{opacity:0}}@keyframes di2-pkt-api{0%,15%{stroke-dashoffset:10px}21%,to{stroke-dashoffset:-100px}}@keyframes di2-hl-rep{0%{opacity:0}25%{opacity:0}25.8%{opacity:1}44.2%{opacity:1}45%{opacity:0}to{opacity:0}}@keyframes di2-hl-demo{0%{opacity:0}29%{opacity:0}29.8%{opacity:1}44.2%{opacity:1}45%{opacity:0}to{opacity:0}}@keyframes di2-pkt-staff{0%,33%{stroke-dashoffset:10px}39%,to{stroke-dashoffset:-100px}}@keyframes di2-hl-staff{0%{opacity:0}37%{opacity:0}37.8%{opacity:1}44.2%{opacity:1}45%{opacity:0}to{opacity:0}}@keyframes di2-hl-comp{0%{opacity:0}45%{opacity:0}45.8%{opacity:1}69.2%{opacity:1}70%{opacity:0}to{opacity:0}}@keyframes di2-pkt-sales{0%,52%{stroke-dashoffset:10px}59%,to{stroke-dashoffset:-100px}}@keyframes di2-hl-sales{0%{opacity:0}57%{opacity:0}57.8%{opacity:1}69.2%{opacity:1}70%{opacity:0}to{opacity:0}}@keyframes di2-hl-exp{0%{opacity:0}70%{opacity:0}70.8%{opacity:1}to{opacity:1}}@keyframes di2-pkt-mkt{0%,76%{stroke-dashoffset:10px}84%,to{stroke-dashoffset:-100px}}@keyframes di2-hl-mkt{0%{opacity:0}82%{opacity:0}82.8%{opacity:1}to{opacity:1}}.di2-cap-1[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-cap-1}.di2-cap-2[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-cap-2}.di2-cap-3[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-cap-3}.di2-cap-4[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-cap-4}.di2-hl-reg[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-hl-reg}.di2-hl-scan[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-hl-scan}.di2-pkt-reg[data-astro-cid-dbp2novn]{animation:14s ease-in-out infinite di2-pkt-reg}.di2-pkt-scan[data-astro-cid-dbp2novn]{animation:14s ease-in-out infinite di2-pkt-scan}.di2-hl-api[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-hl-api}.di2-pkt-api[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-pkt-api}.di2-hl-rep[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-hl-rep}.di2-hl-demo[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-hl-demo}.di2-pkt-staff[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-pkt-staff}.di2-hl-staff[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-hl-staff}.di2-hl-comp[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-hl-comp}.di2-pkt-sales[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-pkt-sales}.di2-hl-sales[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-hl-sales}.di2-hl-exp[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-hl-exp}.di2-pkt-mkt[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-pkt-mkt}.di2-hl-mkt[data-astro-cid-dbp2novn]{animation:14s linear infinite di2-hl-mkt}