.dc-analytics-section { padding-top: var(--dc-section-gap); }
.dc-analytics-intro { max-width: 64rem; margin: 0 auto clamp(2rem, 5vw, 4.5rem); text-align: center; }
.dc-analytics-eyebrow { margin-bottom: .9rem !important; color: var(--dc-blue); font: .75rem/1.4 var(--font-mono), monospace; letter-spacing: 0; text-transform: uppercase; }
.dc-analytics-intro h2 { font-weight: 400; text-transform: uppercase; }
.dc-analytics-intro > p:not(.dc-analytics-eyebrow) { max-width: 48rem; margin: 1rem auto 0 !important; color: var(--tc-quiet); font-family: var(--font-sans), sans-serif; font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.5; }
.dc-analytics { --dc-chart-line: #d8dbe4; --dc-chart-ink: #111318; --dc-chart-muted: #707580; --dc-chart-red: #d52e12; --dc-chart-blue: #1743dc; --dc-chart-green: #478a37; width: 100%; padding: clamp(1rem, 3vw, 2.5rem); border: 1px solid var(--dc-chart-line); background: #fff; color: var(--dc-chart-ink); font-family: var(--font-sans), sans-serif; font-variant-numeric: tabular-nums; }
.dc-analytics-topline { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--dc-chart-line); color: var(--dc-chart-muted); font: .72rem/1.4 var(--font-mono), monospace; text-transform: uppercase; }
.dc-analytics-topline img { display: block; width: clamp(10rem, 19vw, 17rem); height: auto; }
.dc-analytics-kpis { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: .65rem; padding-block: 1.25rem 2rem; }
.dc-analytics-kpi { display: flex; min-width: 0; flex-direction: column; padding: clamp(1rem, 2vw, 1.6rem); border: 1px solid var(--dc-chart-line); background: #f7f8fa; }
.dc-analytics-kpi--hero { color: white; background: var(--dc-blue); border-color: var(--dc-blue); }
.dc-analytics-kpi-label { min-height: 2.5em; color: var(--dc-chart-muted); font-size: .78rem; line-height: 1.35; }
.dc-analytics-kpi--hero .dc-analytics-kpi-label { color: rgb(255 255 255 / .75); }
.dc-analytics-kpi strong { margin-block: .5rem; font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 400; line-height: 1; letter-spacing: -.06em; }
.dc-analytics-kpi-period { color: var(--dc-chart-muted); font-size: .7rem; }
.dc-analytics-kpi--hero .dc-analytics-kpi-period { color: rgb(255 255 255 / .72); }
.dc-analytics-graph { min-width: 0; margin: 0; padding: clamp(1rem, 2.5vw, 2rem); border: 1px solid var(--dc-chart-line); background: #fff; }
.dc-analytics-graph--main { margin-bottom: .7rem; }
.dc-analytics-graph-head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.dc-analytics-chart-index { color: var(--dc-blue); font: .7rem/1.4 var(--font-mono), monospace; }
.dc-analytics-graph-head h3 { margin-top: .4rem !important; font-size: clamp(1.25rem, 2.5vw, 2rem); font-weight: 400; line-height: 1.1; letter-spacing: -.045em; }
.dc-analytics-graph-head p { color: var(--dc-chart-muted); font-size: .75rem; text-align: right; }
.dc-analytics-secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.tc-analytics.dc-positions-shell { padding: 0; margin-top: .7rem; border: 0; background: transparent; }
.dc-positions-shell .tc-positions { margin-top: 0; border-radius: 0; }
.dc-chart-legend { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: -.5rem 0 1rem; }
.dc-chart-legend button { display: inline-flex; align-items: center; gap: .5rem; padding: .25rem 0; border: 0; background: transparent; color: var(--dc-chart-ink); font: inherit; font-size: .75rem; cursor: pointer; }
.dc-chart-legend button[aria-pressed="false"] { color: var(--dc-chart-muted); opacity: .55; }
.dc-legend-stroke { width: 1.4rem; border-top: 2px solid var(--dc-chart-red); }
.dc-legend-stroke--phone { border-color: var(--dc-chart-blue); border-top-style: dashed; }
.dc-chart { display: grid; grid-template-columns: 3.2rem minmax(0, 1fr); gap: .65rem; min-width: 0; }
.dc-chart-y { display: flex; flex-direction: column; justify-content: space-between; padding-block: .25rem; color: var(--dc-chart-muted); font: .65rem/1 var(--font-mono), monospace; text-align: right; }
.dc-chart-stage { position: relative; min-width: 0; height: clamp(12rem, 31vw, 21rem); background: linear-gradient(to bottom, transparent calc(25% - .5px), #e9ebef 25%, transparent calc(25% + .5px), transparent calc(50% - .5px), #e9ebef 50%, transparent calc(50% + .5px), transparent calc(75% - .5px), #e9ebef 75%, transparent calc(75% + .5px)); }
.dc-chart-stage svg { display: block; width: 100%; height: 100%; overflow: visible; }
.dc-chart-gridline { stroke: #e9ebef; stroke-width: 1; vector-effect: non-scaling-stroke; }
.dc-chart-x { position: relative; height: 1.5rem; margin: .4rem 0 0 3.85rem; color: var(--dc-chart-muted); font: .65rem/1 var(--font-mono), monospace; }
.dc-chart-x span { position: absolute; transform: translateX(-50%); white-space: nowrap; }
.dc-chart-x span:first-child { transform: none; }.dc-chart-x span:last-child { transform: translateX(-100%); }
.dc-chart-area { fill: rgb(23 67 220 / .08); }.dc-chart-line { fill: none; stroke: var(--dc-chart-blue); stroke-width: 3; vector-effect: non-scaling-stroke; }.dc-chart-line--form { stroke: var(--dc-chart-red); }.dc-chart-line--phone { stroke: var(--dc-chart-blue); stroke-dasharray: 8 6; }.dc-chart-mark { fill: white; stroke: var(--dc-chart-blue); stroke-width: 3; vector-effect: non-scaling-stroke; }.dc-chart-mark--form { stroke: var(--dc-chart-red); }.dc-chart-mark--phone { stroke: var(--dc-chart-blue); }
.dc-chart-start { stroke: var(--dc-chart-ink); stroke-dasharray: 5 5; opacity: .48; }.dc-chart-start-label { position: absolute; top: .3rem; padding: .25rem .45rem; background: var(--dc-chart-ink); color: white; font: .6rem/1 var(--font-mono), monospace; transform: translateX(-50%); white-space: nowrap; }
.dc-chart-cursor-line { stroke: var(--dc-chart-ink); stroke-width: 1.5; stroke-dasharray: 4 4; opacity: .65; vector-effect: non-scaling-stroke; pointer-events: none; }
.dc-chart-cursor-dot { fill: white; stroke: var(--dc-chart-ink); stroke-width: 2.5; vector-effect: non-scaling-stroke; pointer-events: none; }
.dc-chart-highlight { fill: rgb(213 46 18 / .06); }.dc-chart-tooltip { position: absolute; z-index: 2; top: .5rem; min-width: 9rem; padding: .7rem .85rem; border: 1px solid var(--dc-chart-line); background: white; box-shadow: 0 4px 18px rgb(0 0 0 / .1); pointer-events: none; font-size: .75rem; }.dc-chart-tooltip strong { display: block; margin-top: .2rem; font-size: 1rem; font-weight: 500; }
.dc-analytics-graph figcaption { margin-top: .75rem; color: var(--dc-chart-muted); font-size: .7rem; line-height: 1.45; }.dc-analytics-pages-summary { display: flex; align-items: baseline; gap: .5rem; margin: -.35rem 0 .65rem !important; }.dc-analytics-pages-summary strong { font-size: 1.4rem; font-weight: 500; }.dc-analytics-pages-summary span { color: var(--dc-chart-muted); font-size: .7rem; }
.dc-analytics-source { max-width: 65rem; margin: 1.25rem auto 0 !important; color: var(--dc-chart-muted); font-size: .7rem; line-height: 1.5; text-align: center; }.dc-screenreader-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 47.99rem) { .dc-analytics-intro { text-align: left; }.dc-analytics-kpis { grid-template-columns: 1fr 1fr; }.dc-analytics-kpi--hero { grid-column: 1 / -1; }.dc-analytics-secondary { grid-template-columns: 1fr; }.dc-analytics-topline { align-items: flex-start; flex-direction: column; }.dc-analytics-graph-head { align-items: flex-start; flex-direction: column; }.dc-analytics-graph-head p { text-align: left; }.dc-chart-stage { height: 13rem; }.dc-chart-x span { font-size: .58rem; } }
@media (prefers-reduced-motion: reduce) { .dc-analytics * { scroll-behavior: auto !important; } }