.security-data { --color-section-accent: var(--color-trusted); }
.security-data__layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 80px; align-items: stretch; }
.security-data__content { display: flex; order: 2; min-width: 0; flex-direction: column; gap: 44px; }
.security-data__heading { display: flex; flex-direction: column; gap: var(--space-section-heading); }
.security-data__title { display: flex; flex-direction: column; font-size: 54px; letter-spacing: -1.08px; }
.security-data__benefits { display: flex; flex: 1; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.security-data__benefit { display: flex; min-block-size: 0; flex: 1; align-items: center; gap: var(--space-card-padding); padding: 24px 32px; border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-white); }
.security-data__benefit-icon { inline-size: 32px; block-size: 32px; flex: none; color: var(--color-trusted); }
.security-data__benefit-copy { min-width: 0; margin: 0; font-size: 24px; font-weight: var(--fw-bold); line-height: 1; letter-spacing: -.01em; }
.security-data__benefit-copy em { color: var(--color-trusted); font-style: italic; }
.security-data__analytics { display: flex; order: 1; min-width: 0; min-block-size: 823px; flex-direction: column; gap: 32px; padding: 50px; border: 1px solid var(--color-border); border-radius: 32px; background: var(--color-white); }
.security-data__analytics-metrics { display: flex; flex-direction: column; gap: 32px; }
.security-data__analytics-metric { display: flex; flex-direction: column; gap: 16px; }
.security-data__analytics-metric p, .security-data__analytics-metric strong, .security-data__summary p, .security-data__summary strong { margin: 0; }
.security-data__analytics-metric p { color: var(--color-text-muted); font-size: 18px; font-weight: var(--fw-semibold); line-height: var(--lh-heading); }
.security-data__analytics-metric strong { font-size: 54px; font-weight: var(--fw-bold); line-height: var(--lh-heading); }
.security-data__chart { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); align-items: end; gap: 10px; block-size: 231px; margin-top: 32px; }
.security-data__bar { display: grid; min-width: 0; block-size: 100%; grid-template-rows: minmax(0, 1fr) auto; align-items: end; gap: 13px; text-align: center; }
.security-data__bar-fill { display: block; inline-size: 100%; block-size: calc(var(--bar-size) * 1%); border-radius: 14px; transform: scaleY(.03); transform-origin: bottom; transition: transform 760ms var(--ease-out) calc(var(--bar-index) * 80ms); }
.security-data__chart.is-visible .security-data__bar-fill { transform: scaleY(1); }
.security-data__bar-fill--darkest { background: var(--color-process-darkest); }
.security-data__bar-fill--trusted { background: var(--color-trusted); }
.security-data__bar-fill--mid { background: var(--color-process-mid); }
.security-data__bar-fill--deep { background: var(--color-chart-deep); }
.security-data__bar-fill--muted { background: var(--color-chart-muted); }
.security-data__bar-label { font-size: 14px; font-weight: var(--fw-bold); line-height: 1; white-space: nowrap; }
.security-data__summaries { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-grid); margin-top: auto; }
.security-data__summary { display: flex; min-width: 0; flex-direction: column; align-items: center; gap: 10px; padding: 40px 32px; border-radius: var(--radius-card); background: var(--color-page); text-align: center; }
.security-data__summary strong { font-size: 44px; font-weight: var(--fw-semibold); line-height: var(--lh-heading); white-space: nowrap; }
.security-data__summary p { color: var(--color-text-muted); font-size: 20px; font-weight: 500; line-height: var(--lh-heading); white-space: nowrap; }

@media (max-width: 1023px) {
	.security-data { padding-block: 80px; }
	.security-data__layout { display: flex; flex-direction: column; gap: 8px; }
	.security-data__content { order: 1; width: 100%; gap: 44px; }
	.security-data__heading { align-items: center; gap: 16px; text-align: center; }
	.security-data__eyebrow { font-size: 12px; letter-spacing: -.02em; }
	.security-data__title { font-size: 24px; letter-spacing: -.02em; }
	.security-data__benefits { gap: 8px; }
	.security-data__benefit { flex: none; gap: 18px; padding: 24px; border-radius: 20px; }
	.security-data__benefit-icon { inline-size: 20px; block-size: 20px; }
	.security-data__benefit-copy { font-size: 16px; line-height: 1.2; }
	.security-data__benefit-copy em { display: block; }
	.security-data__benefit-copy--has-after em { display: inline; }
	.security-data__analytics { order: 2; width: 100%; min-block-size: 0; gap: 24px; padding: 8px; border-radius: 20px; }
	.security-data__analytics-metrics { gap: 14px; padding: 8px; }
	.security-data__analytics-metric { gap: 8px; }
	.security-data__analytics-metric p { font-size: 14px; }
	.security-data__analytics-metric strong { font-size: 20px; }
	.security-data__chart { gap: 4px; block-size: 189px; margin-top: 0; }
	.security-data__bar { gap: 8px; }
	.security-data__bar-fill { border-radius: 8px; }
	.security-data__bar-label { font-size: 8px; }
	.security-data__summaries { gap: 8px; }
	.security-data__summary { gap: 8px; padding: 24px 16px; border-radius: 14px; }
	.security-data__summary strong { font-size: 18px; }
	.security-data__summary p { font-size: 12px; white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
	.security-data__bar-fill { transform: none; transition: none; }
}