/* VM-186 Security-only components. Load after vm-marketing-common.css. */
	@keyframes ring {
		0% {
			transform: scale(.9);
			opacity: .55
		}

		70% {
			transform: scale(1.5);
			opacity: 0
		}

		100% {
			opacity: 0
		}
	}

	.hero-grid.sec-hero {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	}

	.glass.enc {
		padding: 28px;
	}

	.enc-top {
		display: flex;
		align-items: center;
		gap: 14px;
		margin-bottom: 22px;
	}

	.enc-ic {
		position: relative;
		width: 54px;
		height: 54px;
		border-radius: 16px;
		background: linear-gradient(135deg, var(--cyan), var(--navy-mid));
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		box-shadow: 0 8px 22px rgba(31, 209, 249, .4);
	}

	.enc-ic svg {
		width: 26px;
		height: 26px;
	}

	.enc-ic .ring {
		position: absolute;
		inset: 0;
		border-radius: 16px;
		border: 2px solid rgba(31, 209, 249, .6);
		animation: ring 2.4s ease-out infinite;
	}

	.enc-t {
		font-family: 'Poppins';
		font-size: 18px;
		font-weight: 800;
		color: #fff;
		letter-spacing: -.4px;
	}

	.enc-s {
		font-size: 13px;
		color: rgba(255, 255, 255, .6);
		font-weight: 500;
	}

	.status {
		display: flex;
		align-items: center;
		gap: 9px;
		margin-top: 18px;
		font-size: 12.5px;
		color: rgba(255, 255, 255, .72);
		font-weight: 600;
	}

	.status i {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #12b981;
		animation: lp 1.6s infinite;
	}

	.trust-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}

	.trust {
		display: flex;
		align-items: center;
		gap: 14px;
		background: #fff;
		border: 1px solid var(--line);
		border-radius: 16px;
		padding: 20px 22px;
		box-shadow: 0 6px 20px rgba(15, 31, 61, .05);
	}

	.trust .ck {
		width: 28px;
		height: 28px;
	}

	.trust .ck svg {
		width: 15px;
		height: 15px;
	}

	.trust span:last-child {
		font-size: 15.5px;
		font-weight: 600;
		color: var(--ink);
	}

	.sec.tint {
		background: #f6f4fb;
	}

	.cia-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
	}

	.cia {
		background: #fff;
		border: 1px solid var(--line);
		border-radius: 22px;
		padding: 34px 30px;
		box-shadow: 0 10px 30px rgba(15, 31, 61, .06);
	}

	.cia-ic {
		width: 52px;
		height: 52px;
		border-radius: 14px;
		background: linear-gradient(135deg, var(--magenta), var(--cyan));
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}

	.cia-ic svg {
		width: 25px;
		height: 25px;
	}

	.cia h3 {
		font-size: 22px;
		font-weight: 800;
		color: var(--navy);
		letter-spacing: -.5px;
		margin: 0 0 10px;
	}

	.cia p {
		font-size: 15.5px;
		color: var(--slate);
		line-height: 1.7;
		font-weight: 500;
	}

	.ctrl {
		display: grid;
		grid-template-columns: 1fr 1.05fr;
		gap: 52px;
		align-items: center;
	}

	.ctrl h2 {
		font-size: clamp(28px, 3.2vw, 40px);
		font-weight: 800;
		letter-spacing: -1.2px;
		line-height: 1.12;
		color: var(--navy);
		margin: 0 0 16px;
	}

	.ctrl-lead {
		font-size: 16.5px;
		color: var(--slate);
		line-height: 1.7;
		font-weight: 500;
		margin: 0 0 24px;
	}

	.ctrl .checks {
		margin: 0;
	}

	.ctrl .win-body {
		padding: 20px;
	}

	.audit {
		background: #fff;
		border: 1px solid var(--line);
		border-radius: 12px;
		overflow: hidden;
	}

	.audit .tbl td {
		color: var(--slate);
	}

	.audit .tbl tr:last-child td {
		border-bottom: 0;
	}

	@media(max-width:960px) {
		.hero-grid.sec-hero {
			grid-template-columns: 1fr;
		}

		.trust-grid {
			grid-template-columns: 1fr 1fr;
		}

		.cia-grid,
		.ctrl {
			grid-template-columns: 1fr;
		}
	}

	@media(max-width:600px) {
		.trust-grid {
			grid-template-columns: 1fr;
		}
	}

	@media(prefers-reduced-motion:reduce) {

		.enc-ic .ring,
		.status i {
			animation: none;
		}
	}