.interactive-tutorial{padding:52px 0 24px;border-top:1px solid var(--edge);scroll-margin-top:32px}.demo-intro{max-width:760px;margin:0 auto 32px;text-align:center}.demo-intro h2{margin:0 0 12px;font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}.demo-intro>p{color:#c2bbce;font-size:17px;line-height:1.5}.demo-intro>span{display:block;margin-top:14px;color:var(--muted);font-size:13px}.demo-flow{max-width:900px;margin-inline:auto}.demo-stage{padding:clamp(18px,3vw,28px);margin-bottom:24px;border:1px solid #30283e;border-radius:16px;background:#14111c;scroll-margin-top:32px;min-width:0}.demo-stage:focus{outline:none}.demo-stage:focus-visible{outline:2px solid var(--accent-light);outline-offset:5px}.demo-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.demo-stage h3{font-size:clamp(24px,2.7vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0}.demo-stage h4{font-size:18px;line-height:1.4;font-weight:600;margin:0}.demo-step{flex-shrink:0;color:#c6a7f6;font-size:14px;font-variant-numeric:tabular-nums;border:1px solid #644585;border-radius:8px;padding:7px 11px}.demo-hint{display:flex;align-items:baseline;gap:10px;color:#d3b8fa;font-size:15px;line-height:1.5;margin:0 0 16px}.demo-hint>span{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#b98bf4}.demo-search>label{display:block;color:#c2bbce;font-size:14px;margin-bottom:8px}.demo-search-row{display:flex;align-items:stretch;gap:12px}.demo-search-row input{width:100%;min-width:0;border:1px solid #77618f;border-radius:9px;background:#0a0810;padding:10px 12px;font-size:16px;color:var(--ink)}.demo-primary,.demo-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;line-height:1.4;flex-shrink:0}.demo-primary{background:#b598ff;color:#180e29;border:1px solid #b598ff}.demo-primary:hover:not(:disabled){background:#c9b1ff}.demo-primary:disabled{color:#9becd0;background:#12372e;border-color:#326c5b;cursor:default}.demo-secondary{color:#d7c6ec;background:#17111f;border:1px solid #66517d}.demo-secondary:hover{background:#291c3a}.demo-stage button:focus-visible,.demo-stage input:focus-visible,.demo-stage select:focus-visible,.demo-table-scroll:focus-visible{outline:2px solid #c4a5ff;outline-offset:4px}.demo-muted,.demo-search-help{font-size:14px;color:var(--muted);line-height:1.5}.demo-search .demo-muted{margin-top:10px}.demo-error{color:#ffc4c4;font-size:14px;margin-top:12px;line-height:1.5}.demo-error button{color:#e1c7ff;text-decoration:underline;text-underline-offset:4px;padding:10px 0;min-height:44px}.demo-result-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin:18px 0 10px}.demo-reset{min-height:44px;color:#d3b8fa;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.demo-result-status{margin:0;color:#c2bbce;font-size:14px;min-height:22px}.demo-channel-card{padding:18px;background:#15111d;border-radius:12px;border:1px solid #3d314e}.demo-channel-added{border-color:#558a76}.demo-identity{display:flex;align-items:center;gap:14px;min-width:0}.demo-identity>div{min-width:0}.demo-identity p{margin-top:5px;font-size:13px;color:var(--muted)}.demo-avatar{width:46px;height:46px;display:grid;place-items:center;border:1px solid #a679d5;background:#3c2358;color:#edddff;font-size:23px;border-radius:50%;flex-shrink:0}.demo-badge{color:#cbb2ee;font-size:12px;margin-left:auto;white-space:nowrap}.demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 14px}.demo-metrics>div{display:flex;flex-direction:column;gap:4px}.demo-metrics dt{order:2;color:var(--muted);font-size:13px}.demo-metrics dd{order:1;margin:0;font-size:27px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.demo-report-metrics{padding-bottom:16px;border-bottom:1px solid #30283e;margin-bottom:18px}.demo-card-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}.demo-footnote{color:var(--muted);font-size:13px;line-height:1.5;margin-top:12px;max-width:65ch}.demo-card-footer .demo-footnote{margin:0}.demo-chart-controls,.demo-chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.demo-chart-controls{margin:12px 0 8px}.demo-measure{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.demo-chart-controls select{border:1px solid #66517d;border-radius:8px;min-height:44px;padding:8px 12px;background:#17111f;color:var(--ink)}.demo-chart-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;color:#c2bbce}.demo-chart-legend span{display:inline-flex;align-items:center;gap:8px}.demo-chart-legend i{width:16px;height:2px;background:#b598ff}.demo-chart-legend .demo-chat-legend i{background:#60e5bd}.demo-segments{display:flex;gap:4px;flex-wrap:wrap}.demo-channel-choices button,.demo-segments button{cursor:pointer;padding:8px 10px;min-height:44px;font-size:13px;border:1px solid #675479;background:transparent;color:#cec3da;border-radius:8px}.demo-segments button[aria-pressed=true]{background:#352247;border-color:#ae82dc;color:#f3eaff}.demo-channel-choices button:hover,.demo-segments button:hover{border-color:#c6a4ef}.demo-chart{height:240px;width:100%;min-width:0}.demo-chart-compact .demo-chart{height:120px}.demo-tooltip{background:#20172c;border:1px solid #735890;border-radius:10px;padding:12px 16px;font-size:13px;color:#f3f1fc;min-width:155px}.demo-tooltip>strong{display:block;margin-bottom:8px}.demo-tooltip p{display:flex;justify-content:space-between;gap:18px;margin:5px 0}.demo-tooltip p span{color:#d0c3e0}.demo-scrubber{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:8px}.demo-scrubber label{display:flex;gap:10px;font-size:13px;color:var(--muted)}.demo-scrubber label strong{color:var(--ink);font-variant-numeric:tabular-nums}.demo-scrubber input[type=range]{flex:1;min-width:120px;width:100%;max-width:290px;min-height:44px;accent-color:#b598ff;cursor:pointer;padding:0;background:transparent;border:0}.demo-chart-readout{display:flex;gap:18px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.demo-chart-readout b{color:var(--ink);margin-left:6px}.demo-returning{display:flex;justify-content:space-between;gap:24px;border-block:1px solid #30283e;padding:18px 0;margin-top:18px}.demo-returning>div{flex:1;min-width:0}.demo-returning>div>p:not(.demo-muted):not(.demo-hint){display:flex;align-items:baseline;gap:10px;margin-top:10px}.demo-returning strong{font-size:40px;color:#d1b4fa;font-weight:600}.demo-returning p>span{font-size:14px;color:var(--muted)}.demo-returning .demo-hint{margin-bottom:8px}.demo-comparison-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:0 0 18px}.demo-channel-choices{display:flex;flex-wrap:wrap;gap:8px}.demo-channel-choices button[aria-pressed=true]{background:#b598ff;color:#180e29;border-color:#b598ff}.demo-table-caption{font-size:15px;color:#d1c7df;margin-bottom:12px}.demo-table-scroll{overflow-x:auto;border:1px solid #3d314e;border-radius:12px}.demo-table-scroll table{width:100%;min-width:450px;border-collapse:collapse;text-align:left;font-size:14px}.demo-table-scroll td,.demo-table-scroll th{padding:12px 16px;border-bottom:1px solid #30283e;font-variant-numeric:tabular-nums}.demo-table-scroll thead{background:#1c1427}.demo-table-scroll thead th{color:#e3d5f4;font-weight:500;white-space:nowrap}.demo-table-scroll tbody th{font-weight:400;color:#c2bbce}.demo-table-scroll tr:last-child td,.demo-table-scroll tr:last-child th{border-bottom:0}.demo-table-scroll tbody td{font-size:18px;font-weight:500}.demo-overlap{padding:18px 0}.demo-overlap-pairs{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0}.demo-overlap-pairs>div{flex:1;min-width:180px}.demo-overlap-pairs p{font-size:13px;color:var(--muted);margin-bottom:6px}.demo-overlap-pairs strong{font-size:48px;line-height:1.2;color:#c8a1ff;font-weight:600;margin-right:12px;font-variant-numeric:tabular-nums}.demo-overlap-pairs span{font-size:14px;color:#e3d5f4}.demo-empty{padding:22px 0;color:#cfc2df;font-size:15px}.demo-conclusion{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #30283e;padding-top:18px}.demo-conclusion svg{color:#b598ff;flex-shrink:0}.demo-conclusion p{color:#c2bbce;font-size:15px;margin-top:8px}.demo-conclusion span{display:block;color:var(--muted);font-size:13px;margin-top:10px}@media(max-width:600px){.interactive-tutorial{padding-top:32px}.demo-intro{text-align:left;margin-bottom:24px}.demo-stage{padding:16px 12px;margin-bottom:20px}.demo-stage-heading{align-items:flex-start;gap:12px}.demo-step{font-size:12px;padding:5px 7px}.demo-search-row{flex-direction:column}.demo-channel-card{padding:14px 10px}.demo-identity{flex-wrap:wrap;gap:10px}.demo-badge{margin-left:0}.demo-avatar{width:36px;height:36px;font-size:18px}.demo-metrics{gap:12px}.demo-metrics dt{font-size:12px}.demo-metrics dd{font-size:22px}.demo-card-footer,.demo-returning{flex-direction:column;align-items:stretch;gap:14px}.demo-chart{height:220px}.demo-chart-toolbar .demo-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.demo-measure{width:100%;justify-content:space-between}.demo-scrubber{gap:8px 14px}.demo-scrubber input[type=range]{max-width:none}.demo-chart-readout{flex-wrap:wrap;font-size:12px;gap:12px}.demo-returning>div{width:100%}.demo-table-scroll td,.demo-table-scroll th{padding:10px 12px}}.home-channel-stats{margin:36px auto 0;max-width:960px;pointer-events:none;user-select:none}.home-channel-stats dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,6vw,100px);text-align:center}.home-channel-stats dl>div{min-width:0}.home-channel-stats dt{color:rgb(190 179 214/50%);font-size:clamp(10px,1.2vw,13px);letter-spacing:.14em;text-transform:uppercase}.home-channel-stat-value{display:block;padding:8px 0 12px;font-size:clamp(76px,13vw,180px);font-weight:600;line-height:1.05;letter-spacing:-.065em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:linear-gradient(180deg,rgb(181 157 228/30%) 0,rgb(153 122 204/14%) 50%,transparent 95%);background-clip:text;-webkit-background-clip:text;color:transparent}@media (max-width:480px){.home-channel-stats{margin-top:28px}.home-channel-stats dt{letter-spacing:.06em}}