.analytics-page a:not(.nav-page-button) { color:#2560cc; text-underline-offset:.2em; }
.analytics-page a:focus-visible, .analytics-video-dialog button:focus-visible { outline:3px solid #2560cc; outline-offset:5px; }
.analytics-actions { display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; align-items:center; margin:1.5rem 0 0; }
.analytics-secondary { display:inline-flex; align-items:center; gap:.5rem; padding:.8rem 1.25rem; border:1px solid #cbdde8; border-radius:2rem; background:#fff; font-weight:600; }
.analytics-showcase { padding:4rem 2rem; }
.analytics-intro { max-width:850px; margin:0 auto 2rem; }
.analytics-page h2:not(:where(.site-page-title)) { color:#24485a; font-size:2rem; padding:0; }
.analytics-page p { font-size:1.05rem; line-height:1.75; }
.analytics-page figure { margin:0; }
.analytics-showcase figure { max-width:1320px; margin:auto; }
.analytics-page img.Screenshot { display:block; width:100%; height:auto; box-sizing:border-box; }
.analytics-page figcaption { color:#617785; font-size:.9rem; line-height:1.6; text-align:center; margin:1rem 0 0; }
.analytics-tinted { background:#f4fbfe; }
.analytics-video-section { display:grid; grid-template-columns:1fr 1.2fr; gap:3rem; align-items:center; max-width:1200px; margin:auto; padding:3rem 2rem; }
.analytics-video-card { display:block; position:relative; overflow:hidden; border-radius:1.2em; border:2px solid #f4f4f4; box-shadow:0 8px 20px rgba(0,0,0,.12); }
.analytics-video-card img { display:block; width:100%; height:auto; }
.analytics-video-overlay { position:absolute; inset:0; display:flex; flex-direction:column; gap:1rem; align-items:center; justify-content:center; background:rgba(20,40,64,.5); color:#fff; font-weight:700; transition:background .2s; }
.analytics-video-card:hover .analytics-video-overlay { background:rgba(20,40,64,.65); }
.analytics-play { display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:#fe585b; font-size:1.5rem; padding-left:3px; }
.analytics-metrics { max-width:1200px; margin:auto; padding:2rem 2rem 4rem; }
.analytics-metrics > h2:not(:where(.site-page-title)) { text-align:center; }
.analytics-metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; margin-top:2rem; }
.analytics-metric-grid article, .analytics-detail-grid article { padding:1.6rem; border-radius:1rem; background:#f4fbfe; }
.analytics-metric-grid h3 { color:#24485a; margin:0 0 .75rem; font-size:1.3rem; }
.analytics-comparison { max-width:1200px; padding:4rem 2rem; margin:auto; display:grid; grid-template-columns:1.2fr .8fr; gap:3rem; align-items:start; }
.analytics-comparison > div > img { margin-top:1.5rem; }
.analytics-filter { padding:4rem 2rem; background:#f4fbfe; }
.analytics-filter-images { display:flex; justify-content:center; align-items:flex-start; gap:2rem; max-width:850px; margin:auto; }
.analytics-filter-images img.Screenshot { width:calc(50% - 1rem); max-width:350px; aspect-ratio:1 / 1.12; object-fit:contain; background:#eef2f6; border: 5px solid #c0d6ff; outline:2px solid #c0d6ff; outline-offset:-7px; }
.analytics-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; max-width:1200px; margin:auto; padding:4rem 2rem; }
.analytics-detail-grid h2:not(:where(.site-page-title)) { font-size:1.5rem; }
.analytics-video-dialog { width:min(1100px, calc(100% - 2rem)); max-width:none; max-height:90dvh; box-sizing:border-box; padding:1rem; border:0; border-radius:1rem; background:#142840; color:#fff; box-shadow:0 20px 80px rgba(0,0,0,.4); }
.analytics-video-dialog::backdrop { background:rgba(10,22,35,.82); }
.analytics-player-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.75rem; }
.analytics-player-header h2:not(:where(.site-page-title)) { font-size:1.1rem; padding:0; margin:0; color:#fff; }
.analytics-player-header button { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; color:#fff; background:#304657; border:0; border-radius:50%; font-size:1.8rem; cursor:pointer; }
.analytics-player-frame { aspect-ratio:16/9; background:#000; }
.analytics-player-frame iframe { display:block; width:100%; height:100%; border:0; }
.analytics-player-fallback { margin:.75rem 0 0; font-size:.85rem; }
.analytics-player-fallback a { color:#fff; text-decoration:underline; }
html.analytics-video-open { overflow:hidden; }
@media(max-width:760px) { .analytics-page h2:not(:where(.site-page-title)) { font-size:1.6rem; } .analytics-showcase,.analytics-filter { padding:2.5rem 1.25rem; } .analytics-video-section,.analytics-comparison { grid-template-columns:1fr; padding:2.5rem 1.25rem; gap:2rem; } .analytics-comparison figure { max-width:500px; margin:auto; } .analytics-metric-grid,.analytics-detail-grid { grid-template-columns:1fr; } .analytics-metrics,.analytics-detail-grid { padding:2.5rem 1.25rem; } .analytics-filter-images { gap:1rem; } .analytics-filter-images img.Screenshot { width:calc(50% - .5rem); } }