/**
 * Page styles — site-analytics. Loaded only on that page.
 *
 * Generated from the inline styles the templates used to carry. Values are
 * design tokens (site-tokens.css). Loaded after style.css.
 */

.d--setup-step {
	text-align:center;
}

.h-card-body--analytics {
	padding:14px;
}

.analytics-preview__query-text {
	color:var(--site-navy);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:100px;
}

.analytics-preview__query-clicks {
	color:var(--site-teal);
	font-weight:700;
	flex-shrink:0;
}

.analytics-preview__source-share {
	font-size:9px;
	color:var(--site-text-muted);
	width:22px;
	text-align:right;
}

.analytics-preview__source-name {
	font-size:9px;
	color:var(--site-text-sec);
	width:64px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.analytics-preview__source-bar {
	flex:1;
	height:4px;
	background:var(--site-bg-subtle);
	border-radius:9px;
	overflow:hidden;
}

.analytics-preview__visitors {
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:10px;
	margin-bottom:10px;
}

.analytics-preview__kpi {
	background:var(--site-teal-bg-light);
	border:1px solid var(--site-teal-border);
	border-radius:8px;
	padding:8px 10px;
}

.analytics-preview__panel {
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:9px;
}

.analytics-preview__panels {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:7px;
}

.analytics-preview__kpis {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:7px;
	margin-bottom:10px;
}

.analytics-preview__visitors-chart {
	width:100%;
	height:60px;
}

.analytics-preview__query {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:3px 0;
	border-bottom:1px solid var(--site-bg-subtle);
	font-size:9px;
}


.analytics-preview__source {
	display:flex;
	align-items:center;
	gap:5px;
	margin-bottom:4px;
}

.analytics-preview__kpi-label {
	font-size:9px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--site-text-muted);
	margin-bottom:3px;
}


.analytics-preview__panel-title {
	font-size:9px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--site-text-muted);
	margin-bottom:8px;
}

.analytics-preview__panel-title--sources {
	margin-bottom:7px;
}

.analytics-preview__panel-title--search {
	margin-bottom:7px;
	display:flex;
	align-items:center;
	gap:4px;
}

.analytics-preview__kpi-trend {
	font-size:9px;
	color:var(--site-success);
	font-weight:600;
	margin-top:2px;
}

.analytics-preview__kpi-value {
	font-size:16px;
	font-weight:800;
	color:var(--site-navy);
	line-height:1;
}

.hero-actions--centered {
	justify-content:center;
}

.hero-card--analytics {
	max-width:520px;
}

.mlsg-r3--setup-steps {
	gap:24px;
	margin:0 auto;
}

.analytics-demo__donut-chart {
	display:block;
	margin-bottom:12px;
}

.analytics-demo__line-chart {
	width:100%;
	display:block;
}

.analytics-demo__sessions {
	flex:1;
	min-width:0;
}

.analytics-demo__queries {
	overflow-x:auto;
}

.analytics-demo__divider {
	width:1px;
	background:var(--site-border);
	align-self:stretch;
	flex-shrink:0;
}

.analytics-demo__donut-legend {
	width:100%;
	font-size:11px;
}

.analytics-demo {
	background:var(--site-navy-deep);
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 24px 80px var(--site-black-alpha-40);
}

.analytics-demo__card {
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:12px;
	overflow:hidden;
}

.analytics-demo__address {
	flex:1;
	background:var(--site-navy-deep);
	border-radius:6px;
	padding:4px 12px;
	font-size:11px;
	color:var(--site-slate-65);
	font-family:monospace;
}

.analytics-demo__visitors {
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:12px;
	margin-bottom:14px;
	overflow:hidden;
}

.analytics-demo__screen {
	padding:20px;
	background:var(--site-blue-98);
}

.analytics-demo__minimize {
	width:10px;
	height:10px;
	border-radius:50%;
	background:var(--site-amber-50);
}

.analytics-demo__zoom {
	width:10px;
	height:10px;
	border-radius:50%;
	background:var(--site-mint-39);
}

.analytics-demo__close {
	width:10px;
	height:10px;
	border-radius:50%;
	background:var(--site-red-60);
}

.analytics-demo__search-kpis {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:10px;
	margin-bottom:12px;
}

.analytics-demo__kpis {
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:10px;
	margin-bottom:14px;
}

.analytics-demo__breakdowns {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:12px;
	margin-bottom:14px;
}


.analytics-demo__card-icon {
	color:var(--site-teal);
}

.analytics-demo__card-icon--small {
	font-size:11px;
}

.analytics-demo__window-controls {
	display:flex;
	gap:5px;
}

.analytics-demo__browser-bar {
	background:var(--site-navy-mid);
	padding:10px 16px;
	display:flex;
	align-items:center;
	gap:10px;
	border-bottom:1px solid var(--site-white-alpha-8);
}

.analytics-demo__visitors-body {
	padding:16px;
	display:flex;
	gap:24px;
	align-items:center;
}

.analytics-demo__card-head {
	padding:10px 14px;
	border-bottom:1px solid var(--site-border);
	display:flex;
	align-items:center;
	gap:6px;
}

.analytics-demo__card-head--visitors {
	padding:12px 16px;
	gap:8px;
}


.analytics-demo__header {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:12px;
	margin-bottom:16px;
}

.analytics-demo__range-filter {
	display:flex;
	gap:4px;
	flex-wrap:wrap;
}

.analytics-demo__card-body {
	padding:10px 14px;
}

.analytics-demo__card-body--search {
	padding:14px;
}


.analytics-demo__donut {
	width:220px;
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.analytics-demo__range-label {
	font-size:12px;
	color:var(--site-text-muted);
	margin:0;
}

.analytics-demo__sessions-period {
	font-size:11px;
	color:var(--site-text-muted);
	margin-bottom:12px;
}

.analytics-demo__sessions-label {
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--site-text-muted);
	margin-bottom:4px;
}

.analytics-demo__sessions-value {
	font-size:32px;
	font-weight:800;
	color:var(--site-navy);
	line-height:1;
	margin-bottom:4px;
}

.analytics-demo__queries-title {
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--site-text-muted);
	margin-bottom:6px;
}

.analytics-demo__caption {
	text-align:center;
	font-size:12px;
	color:var(--site-text-muted);
	margin-top:16px;
}

.analytics-demo__card-title {
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--site-text-muted);
}

.analytics-demo__title {
	font-size:20px;
	font-weight:800;
	color:var(--site-navy);
	margin:0 0 3px;
}

.analytics-pains__icon {
	color:var(--site-danger);
	font-size:14px;
}

.analytics-pains__icon-badge {
	width:36px;
	height:36px;
	border-radius:8px;
	background:var(--site-danger-bg);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.analytics-pains__item {
	display:flex;
	gap:12px;
	align-items:flex-start;
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:12px;
	padding:16px;
}

.analytics-pains__title {
	font-size:13px;
	font-weight:700;
	color:var(--site-navy);
	margin-bottom:2px;
}

.analytics-pains__desc {
	font-size:12px;
	color:var(--site-text-sec);
}

.sec-sub--closing-cta {
	color:var(--site-slate-65);
	max-width:560px;
	margin:0 auto 32px;
}

.sec-title--closing-cta {
	color:var(--site-white);
	margin-bottom:16px;
}

@media (max-width: 640px) {
	.app-frame .analytics-preview__kpis { grid-template-columns:1fr;gap:4px; }
	.app-frame .analytics-preview__kpis > * { min-width:0; }
	.analytics-preview__kpis { grid-template-columns:1fr;gap:16px; }
	.app-frame .analytics-preview__panels { grid-template-columns:1fr;gap:4px; }
	.app-frame .analytics-preview__panels > * { min-width:0; }
	.app-frame .analytics-demo__kpis { grid-template-columns:1fr;gap:4px; }
	.app-frame .analytics-demo__kpis > * { min-width:0; }
	.app-frame .analytics-demo__breakdowns { grid-template-columns:1fr;gap:4px; }
	.app-frame .analytics-demo__breakdowns > * { min-width:0; }
	.analytics-demo__breakdowns { grid-template-columns:1fr;gap:16px; }
	.app-frame .analytics-demo__search-kpis { grid-template-columns:1fr;gap:4px; }
	.app-frame .analytics-demo__search-kpis > * { min-width:0; }
	.analytics-demo__search-kpis { grid-template-columns:1fr;gap:16px; }
}

@media (min-width: 641px) and (max-width: 900px) {
	.analytics-preview__kpis { grid-template-columns:repeat(2, 1fr); }
	.analytics-demo__breakdowns { grid-template-columns:repeat(2, 1fr); }
	.analytics-demo__search-kpis { grid-template-columns:repeat(2, 1fr); }
}

/* ── Demo dashboard (assets/js/pages/site-analytics.js) ─────────────────── */

.h-card-body__fill {
	width: var(--data-width);
	height: 100%;
	background: var(--data-bg);
	border-radius: 9px;
}

.sa-demo-btn {
	padding: 6px 12px;
	border-radius: 20px;
	border: 1.5px solid;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: all .15s;
	background: var(--site-white);
	border-color: var(--site-border);
	color: var(--site-text-sec);
}
.sa-demo-btn--active {
	background: var(--site-teal);
	border-color: var(--site-teal);
	color: var(--site-white);
}

.sa-line-chart { height: 90px }
.sa-donut-chart { width: 140px; height: 140px }

.sa-kpi {
	background: var(--site-white);
	border: 1px solid var(--site-border);
	border-radius: 10px;
	padding: 12px 14px;
}
.sa-kpi__label, .sa-gsc-kpi__label {
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--site-text-muted);
	margin-bottom: 4px;
}
.sa-kpi__value {
	font-size: 20px;
	font-weight: 800;
	color: var(--site-navy);
}
.sa-gsc-kpi {
	background: var(--site-blue-98);
	border: 1px solid var(--site-border);
	border-radius: 8px;
	padding: 10px 12px;
}
.sa-gsc-kpi__label { margin-bottom: 3px }
.sa-gsc-kpi__value {
	font-size: 18px;
	font-weight: 800;
	color: var(--site-navy);
}

.sa-bar-row {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 7px;
}
.sa-bar-row__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--data-bg);
	flex-shrink: 0;
}
.sa-bar-row__name {
	flex: 1;
	font-size: 12px;
	color: var(--site-text);
}
.sa-bar-row__track {
	flex: 1;
	height: 5px;
	background: var(--site-bg-subtle);
	border-radius: 9px;
	overflow: hidden;
}
.sa-bar-row__fill {
	width: var(--data-width);
	height: 100%;
	background: var(--data-bg);
	border-radius: 9px;
}
.sa-bar-row__pct {
	font-size: 11px;
	color: var(--site-text-muted);
	width: 28px;
	text-align: right;
}

.sa-page-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 0;
	border-bottom: 1px solid var(--site-bg-subtle);
	font-size: 11px;
}
.sa-page-row__name {
	color: var(--site-navy);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 130px;
}
.sa-page-row__count {
	color: var(--site-text-muted);
	flex-shrink: 0;
}

.sa-query-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}
.sa-query-table thead tr { border-bottom: 2px solid var(--site-border) }
.sa-query-table th {
	text-align: left;
	padding: 5px 8px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--site-text-muted);
}
.sa-query-table tbody tr { border-bottom: 1px solid var(--site-bg-subtle) }
.sa-query-table td {
	padding: 7px 8px;
	color: var(--site-text-muted);
}
.sa-query-table td:first-child { color: var(--site-navy) }
.sa-query-table .sa-query-table__num { text-align: right }

.sa-legend-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	padding: 3px 0;
}
.sa-legend-row__key {
	display: flex;
	align-items: center;
	gap: 5px;
}
.sa-legend-row__name {
	font-size: 11px;
	color: var(--site-text);
}
.sa-legend-row__pct {
	font-size: 11px;
	color: var(--site-text-muted);
}

/* Moved here from another stylesheet: this is where these classes are used. */
.d__step-number {
	width:48px;
	height:48px;
	border-radius:50%;
	background:var(--site-teal);
	color:var(--site-white);
	font-size:20px;
	font-weight:800;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 16px;
}
.d__step-desc {
	color:var(--site-slate-65);
	font-size:13px;
	line-height:1.6;
}
.d__step-title {
	color:var(--site-white);
	font-size:16px;
	margin-bottom:8px;
}
.eyebrow--analytics-dark {
	color:var(--site-teal);
}
.mlsg-section__closing-cta {
	text-align:center;
}
.mlsg-section__intro {
	margin-bottom:40px;
}
.analytics-pains__list {
	display:flex;
	flex-direction:column;
	gap:12px;
}
.sec-title__highlight {
	color:var(--site-teal);
}