@font-face{font-family:emilio;src:url(../media/emiliotest_regular-s.p.1e541678.otf)format("opentype");font-display:swap}@font-face{font-family:emilio Fallback;src:local(Arial);ascent-override:93.86%;descent-override:19.91%;line-gap-override:18.96%;size-adjust:105.47%}.emilio_4745cf4f-module__TTps9W__className{font-family:emilio,emilio Fallback}.emilio_4745cf4f-module__TTps9W__variable{--font-emilio:"emilio","emilio Fallback"}
@font-face{font-family:Aspekta;src:url(/fonts/AspektaVF.woff2)format("woff2-variations");font-weight:50 1000;font-display:swap;font-style:normal}:root{--primary-dark:#0a0a1a;--primary-purple:#4f46e5;--primary-blue:#0ea5e9;--accent-glow:#818cf8;--dashboard-bg:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-light:#e2e8f0;--hero-gradient:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#312e81 100%);--text-gradient:linear-gradient(to right,#2563eb,#06b6d4);--btn-gradient:linear-gradient(135deg,#4f46e5 0%,#0ea5e9 100%);--max-width:1200px;--header-height:80px;--radius-md:12px;--radius-lg:24px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--dashboard-bg);max-width:100vw;min-height:100vh;color:var(--text-main);scroll-behavior:smooth;font-family:Aspekta,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden visible}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.gradient-text{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mask-radial-faded{-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}
.scroll-demo-wrapper{--bg-canvas:#f4f6f8;--bg-surface:#fff;--primary-color:#2563eb;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--status-success-bg:#dcfce7;--status-success-text:#166534;--status-warning-bg:#fef9c3;--status-warning-text:#854d0e;--status-error-bg:#fee2e2;--status-error-text:#991b1b;--status-neutral-bg:#f3f4f6;--status-neutral-text:#374151;--font-family:"Inter",sans-serif;font-family:var(--font-family);background-color:var(--bg-canvas);color:var(--text-primary)}.dashboard-container{height:100%;display:flex}.nav-rail{background-color:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;align-items:center;width:72px;padding:24px 0;display:flex}.nav-logo .material-icons{color:var(--primary-color);margin-bottom:40px;font-size:32px}.nav-links{flex-direction:column;flex:1;gap:24px;display:flex}.nav-item{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-canvas);color:var(--primary-color)}.nav-item.active{color:var(--primary-color);background-color:#eff6ff}.nav-footer{color:var(--text-secondary);cursor:pointer}.main-content{flex-direction:column;flex:1;min-height:0;padding:24px 32px;display:flex;overflow:hidden auto}.top-bar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-title{margin:0;font-size:24px;font-weight:700}.header-controls{align-items:center;gap:16px;display:flex}.search-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;align-items:center;width:280px;padding:8px 12px;display:flex}.search-box input{border:none;outline:none;width:100%;margin-left:8px;font-family:inherit;font-size:14px}.btn-primary{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.btn-primary:hover{background-color:#1d4ed8}.user-avatar{color:#4338ca;background-color:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.hero-section{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.hero-insight h2{color:var(--text-primary);max-width:600px;margin:0;font-size:28px;font-weight:700;line-height:1.2}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.kpi-card{background:var(--bg-surface);border:none;border-radius:16px;padding:24px;transition:transform .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.kpi-label{color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:500}.kpi-value-group{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.kpi-value{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:0;font-size:32px;font-weight:700}.kpi-trend{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.chip-trend{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.kpi-trend.positive .chip-trend{color:#166534;background-color:#dcfce7}.kpi-trend.negative .chip-trend{color:#991b1b;background-color:#fee2e2}.kpi-trend.neutral .chip-trend{color:#374151;background-color:#f3f4f6}.chart-section{background:var(--bg-surface);border-radius:16px;margin-bottom:40px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-header h3{margin:0;font-size:18px;font-weight:600}.chart-actions{background:var(--bg-canvas);border-radius:8px;padding:4px;display:flex}.chart-period{color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500}.chart-period.active{color:var(--text-primary);background:#fff;box-shadow:0 1px 2px #0000000d}.chart-container-wrapper{width:100%;height:300px;position:relative}.analytics-section{background:var(--bg-surface);border-radius:16px;margin-bottom:40px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.analytics-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.analytics-header h3{margin:0;font-size:18px;font-weight:600}.analytics-actions{background:var(--bg-canvas);border-radius:8px;padding:4px;display:flex}.analytics-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.analytics-card{background:var(--bg-canvas);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;min-height:320px;padding:20px;display:flex}.analytics-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.analytics-card-header h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.info-icon{color:var(--text-secondary);cursor:help;font-size:18px}.badge{background:var(--primary-color);color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.chart-mini-wrapper{flex:1;height:200px;margin-bottom:12px;position:relative}.priority-queue-card{background:linear-gradient(135deg,#fef3c7 0%,#fef9c3 100%);border-color:#fde68a}.priority-queue-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.queue-item{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-left:3px solid #0000;border-radius:8px;padding:12px;transition:all .2s}.queue-item:hover{transform:translate(2px);box-shadow:0 2px 4px #0000000d}.queue-item.high-priority{border-left-color:#dc2626}.queue-item.medium-priority{border-left-color:#f59e0b}.queue-item-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.queue-item-name{color:var(--text-primary);font-size:13px;font-weight:600}.priority-badge{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.priority-badge.high{color:#991b1b;background:#fee2e2}.priority-badge.medium{color:#92400e;background:#fef3c7}.queue-item-action{color:var(--text-secondary);font-size:12px}.chart-legend{flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-color{border-radius:3px;width:12px;height:12px}.service-stats{flex-direction:column;gap:8px;display:flex}.service-stat-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.service-name{color:var(--text-primary);font-weight:500}.service-count{color:var(--text-secondary);font-weight:600}@media (max-width:1200px){.analytics-grid{grid-template-columns:1fr}.analytics-card{min-height:280px}}.data-view{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;flex:none;min-height:400px;margin-bottom:24px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.table-controls{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.filter-chips{gap:8px;display:flex}.chip{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:16px;padding:6px 12px;font-size:13px;transition:all .2s}.chip:hover{background:var(--bg-canvas)}.chip.active{color:#1e40af;background:#eff6ff;border-color:#bfdbfe;font-weight:500}.view-actions{color:var(--text-secondary);gap:12px;display:flex}.view-actions .material-icons{cursor:pointer;font-size:20px}.table-container{flex:1;overflow-y:auto}.ops-table{border-collapse:collapse;width:100%}.ops-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background-color:#f9fafb;padding:12px 20px;font-size:12px;font-weight:600;position:sticky;top:0}.ops-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:12px 20px;font-size:14px}.ops-table tr:hover{cursor:pointer;background-color:#f9fafb}.status-chip{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.status-chip.success{background-color:var(--status-success-bg);color:var(--status-success-text)}.status-chip.warning{background-color:var(--status-warning-bg);color:var(--status-warning-text)}.status-chip.error{background-color:var(--status-error-bg);color:var(--status-error-text)}.status-chip.neutral{background-color:var(--status-neutral-bg);color:var(--status-neutral-text)}.priority-dot{vertical-align:middle;background-color:#16a34a;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.cell-bold{font-weight:600}.cell-subtext{color:var(--text-secondary);font-size:12px}.details-panel{background:var(--bg-surface);border-left:1px solid var(--border-color);z-index:100;flex-direction:column;width:0;transition:width .3s;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-4px 0 12px #0000000d}.details-panel.open{width:400px}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.panel-header h2{margin:0;font-size:18px}.close-panel{cursor:pointer;color:var(--text-secondary)}.panel-content{flex:1;padding:24px;overflow-y:auto}.detail-section{margin-bottom:24px}.detail-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:600}.detail-value{font-size:15px;line-height:1.5}.transcript-box{background:var(--bg-canvas);white-space:pre-wrap;border-radius:8px;max-height:200px;padding:12px;font-family:monospace;font-size:13px;overflow-y:auto}.action-buttons{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#fff}.form-group textarea{border:1px solid var(--border-color);resize:vertical;box-sizing:border-box;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px}.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-actions{align-items:center;gap:16px;display:flex}.save-status{color:var(--status-success-text);opacity:0;font-size:14px;font-weight:500;transition:opacity .3s}.save-status.visible{opacity:1}.calendar-view{flex-direction:row;gap:0;height:100%;display:flex;overflow:hidden}.calendar-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:260px;padding:24px 20px;display:flex}.sidebar-header{margin-bottom:24px}.view-switcher-pill{background-color:#f3f4f6;border-radius:8px;width:fit-content;padding:4px;display:flex}.pill-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.pill-btn.active{color:var(--text-primary);background:#fff;box-shadow:0 1px 2px #0000000d}.mini-calendar{margin-bottom:32px}.mini-cal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mini-cal-title{color:var(--text-primary);font-size:14px;font-weight:700}.mini-cal-nav{gap:4px;display:flex}.mini-cal-nav .material-icons{color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:4px;font-size:18px}.mini-cal-nav .material-icons:hover{background-color:var(--bg-canvas)}.mini-cal-grid{grid-template-columns:repeat(7,1fr);row-gap:8px;display:grid}.cal-filters{flex:1}.filter-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.filter-list{flex-direction:column;gap:12px;display:flex}.checkbox-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:14px;display:flex}.checkbox-item input{display:none}.checkmark{border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;margin-right:12px;display:flex;position:relative}.checkmark:after{content:"check";color:#fff;font-family:Material Icons;font-size:14px;display:none}.checkbox-item input:checked~.checkmark:after{display:block}.color-blue{background-color:#3b82f6}.color-green{background-color:#22c55e}.color-orange{background-color:#f97316}.color-purple{background-color:#a855f7}.calendar-main-area{flex-direction:column;flex:1;padding:24px 32px;display:flex;overflow:hidden}.main-cal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-left h2{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.header-right{align-items:center;gap:16px;display:flex}.search-minimal{color:var(--text-secondary);align-items:center;margin-right:16px;display:flex}.search-minimal input{width:200px;color:var(--text-primary);background:0 0;border:none;outline:none;margin-left:8px;font-size:14px}.calendar-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex:1;overflow:hidden}.calendar-event{color:var(--text-primary);background-color:#0000;border-left:3px solid #3b82f6;align-items:center;gap:6px;margin-bottom:4px;padding:2px 6px;font-size:12px;display:flex}.calendar-event:before{content:attr(data-time);color:var(--text-secondary);font-size:11px}.calendar-days-header{border-bottom:1px solid var(--border-color);grid-template-columns:repeat(7,1fr);display:grid}.calendar-days-header div{color:#9ca3af;text-transform:uppercase;border-right:1px solid var(--border-color);text-align:center;background:0 0;padding:16px;font-size:11px;font-weight:600}.calendar-grid{background:#fff}.calendar-day{border-color:#f3f4f6;padding:8px 12px}.day-number{color:var(--text-primary);margin-bottom:12px;font-size:14px}.day-number.today-num{color:#fff;background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.time-grid-container{flex:1;display:flex;position:relative;overflow-y:auto}.time-column{border-right:1px solid var(--border-color);z-index:10;background:#fff;flex-shrink:0;width:60px;position:sticky;left:0}.time-slot-label{text-align:right;height:60px;color:var(--text-secondary);padding-right:8px;font-size:11px;transform:translateY(-8px)}.days-grid{flex:1;display:flex;position:relative}.day-column-week{border-right:1px solid var(--border-color);background:repeating-linear-gradient(#0000 0 59px,#f3f4f6 60px);flex:1;min-height:1440px;position:relative}.calendar-event-block{border-left:3px solid var(--primary-color);width:90%;color:var(--primary-color);cursor:pointer;background-color:#eff6ff;border-radius:4px;padding:4px;font-size:11px;position:absolute;left:5%;overflow:hidden;box-shadow:0 1px 2px #0000001a}.calendar-event-block:hover{z-index:20;box-shadow:0 4px 6px #0000001a}.empty-state-container{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:200px;animation:.3s fadeIn;display:flex}.empty-state-queue{flex-direction:column;justify-content:center;align-items:center;padding:32px 0;display:flex}.empty-icon-circle{background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.empty-icon-circle.success{background-color:#dcfce7}.empty-icon-circle .material-icons{color:#9ca3af;font-size:24px}.empty-icon-circle.success .material-icons{color:#166534}.empty-text{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.empty-subtext{color:var(--text-secondary);font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chart-wrapper{width:100%;height:100%;position:relative}.data-view{margin-bottom:40px}
.scroll-demo-wrapper{background-color:#0000;max-width:960px;margin:32px auto 0;padding:0 20px 12px;font-family:Inter,sans-serif}.scroll-demo-scroll{--demo-height:clamp(380px,58vh,520px);height:var(--demo-height);background:#0b1220;border:1px solid #94a3b833;border-radius:18px;position:relative;overflow:hidden auto;box-shadow:0 14px 30px #0f172a59}.scroll-demo-caption{text-align:center;max-width:720px;margin:20px auto 0}.scroll-demo-caption h3{color:#60a5fa;margin:0 0 8px;font-size:1.5rem;font-weight:700}.scroll-demo-caption p{color:#94a3b8;margin:0;font-size:14px}.scroll-progress{z-index:40;background:#ffffff1a;width:100%;height:4px;position:sticky;top:0;left:0}.scroll-progress__bar{background:#60a5fa;width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 10px #60a5fa,0 0 20px #60a5fa}#story-container{height:300%;position:relative}#sticky-stage{width:100%;height:var(--demo-height);z-index:1;background-color:#f4f6f8;border-radius:16px;transition:filter .5s;position:sticky;top:0;overflow:hidden}#story-overlay-container{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.story-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;opacity:0;background:#000000d9;border:1px solid #ffffff1a;border-radius:16px;max-width:240px;padding:16px 18px;transition:opacity .6s,transform .6s;position:absolute;transform:translateY(30px);box-shadow:0 20px 40px #0000004d}.story-card h3{color:#60a5fa;margin:0 0 8px;font-size:1.1rem}.story-card p{color:#cbd5e1;margin:0;line-height:1.5}#card-1{top:20%;left:50%;transform:translate(-50%)translateY(30px)}#card-2{top:40%;left:10%}#card-3{text-align:right;top:40%;right:10%}#card-4{bottom:20%;left:20%}#card-5{top:25%;right:20%}.story-card.active{opacity:1;transform:translate(0)translateY(0)}#card-1.active{transform:translate(-50%)translateY(0)}.incoming-call-card{opacity:0;z-index:100;background:#fff;border-radius:50px;align-items:center;gap:16px;padding:16px 24px;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)translateY(-100px);box-shadow:0 10px 30px #00000026}.incoming-call-card.visible{opacity:1;transform:translate(-50%)translateY(0)}.call-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.call-info{flex-direction:column;display:flex}.call-status{text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-size:10px;font-weight:600}.call-number{color:#0f172a;font-weight:700}.call-wave{align-items:center;gap:4px;height:20px;display:flex}.call-wave .bar{background:#2563eb;border-radius:2px;width:3px;height:100%;animation:1s ease-in-out infinite wave}.call-wave .bar:nth-child(2){animation-delay:.1s}.call-wave .bar:nth-child(3){animation-delay:.2s}.call-wave .bar:nth-child(4){animation-delay:.3s}@keyframes wave{0%,to{opacity:.5;height:4px}50%{opacity:1;height:16px}}.empty-row-message{transition:opacity .5s}.empty-row-message.hidden{display:none}.hidden-row{opacity:0;transition:all .6s;display:none;transform:translate(-20px)}.hidden-row.visible{opacity:1;display:table-row}.scroll-demo-wrapper.stage-2 .call-status{color:#7c3aed}.scroll-demo-wrapper.stage-2 .call-wave .bar{background:#7c3aed}.scroll-demo-wrapper.stage-3 .table-container{background-color:#f0fdf4;transition:background-color 1s}.kpi-value,.chip-trend{font-variant-numeric:tabular-nums;transition:color .5s,transform .5s}.scroll-callout{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e1;letter-spacing:.02em;text-align:center;z-index:30;pointer-events:none;background:#0f172a80;border:1px solid #94a3b82e;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;bottom:14px;right:14px}.scroll-callout__text{opacity:.65;font-weight:500}.scroll-callout__chevrons{flex-direction:column;align-items:center;line-height:.8;display:flex}.scroll-callout__chevrons .material-icons{color:#e2e8f0;opacity:0;font-size:16px;animation:1.4s ease-in-out infinite scroll-chevron}.scroll-callout__chevrons .material-icons:nth-child(2){animation-delay:.2s}.scroll-callout__chevrons .material-icons:nth-child(3){animation-delay:.4s}.demo-step-label{color:#e2e8f0;letter-spacing:.02em;z-index:30;text-align:center;background:#0f172ad1;border-radius:999px;max-width:240px;padding:6px 10px;font-size:11px;font-weight:600;position:absolute;top:14px;right:14px}.demo-step-label--analytics{max-width:200px;margin:0;position:absolute;top:14px;left:auto;right:14px;transform:none}@keyframes scroll-chevron{0%{opacity:0;transform:translateY(-4px)}50%{opacity:.9;transform:translateY(4px)}to{opacity:0;transform:translateY(8px)}}@keyframes highlight-pulse{0%{transform:scale(1);box-shadow:0 0 #2563eb00}50%{transform:scale(1.05);box-shadow:0 0 0 10px #2563eb1a}to{transform:scale(1);box-shadow:0 0 #2563eb00}}.highlighted{animation:1s ease-out highlight-pulse}#analytics-container{height:420%;position:relative}.analytics-section{min-height:var(--demo-height);height:var(--demo-height);background:linear-gradient(#0f172a 0%,#1e293b 100%);padding:18px;position:sticky;top:0;overflow:hidden}.analytics-section h3{color:#f8fafc;text-align:center;margin-bottom:10px;font-size:1rem}.analytics-section h4{color:#94a3b8;margin-bottom:4px;font-size:11px}.analytics-section .chart-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:10px}.analytics-section .chart-container{width:100%;height:110px}.analytics-section .chart-container.small{height:70px}.analytics-section .charts-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auto-play-indicator{color:#22c55e;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#22c55e26;border:1px solid #22c55e66;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.auto-play-pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite autoPlayPulse}@keyframes autoPlayPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.scroll-demo-wrapper.auto-playing .scroll-demo-scroll{overflow:hidden}.scroll-demo-wrapper.auto-playing .scroll-callout{display:none}.see-how-it-works-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:16px auto 0;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #3b82f666}.see-how-it-works-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.see-how-it-works-btn .play-icon{font-size:.8rem}