@import 'Obzerv.Web.Client.bundle.scp.css';

/* _content/Obzerv.Web/Components/Layout/DashboardLayout.razor.rz.scp.css */
#blazor-error-ui[b-n1hxcmvvmj] {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss[b-n1hxcmvvmj] {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}
/* _content/Obzerv.Web/Components/Layout/Footer.razor.rz.scp.css */
.logo-img[b-xsmnd6ku7b] {
	height: 45px;
	width: auto;
	display: block;
	transition: transform 0.2s;
}

	.logo-img:hover[b-xsmnd6ku7b] {
		transform: scale(1.05);
	}
/* _content/Obzerv.Web/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-nijpzc1uyi] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-nijpzc1uyi] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Obzerv.Web/Components/Layout/Navbar.razor.rz.scp.css */
.logo-img[b-0bzwblepb6] {
	height: 45px;
	width: auto;
	display: block;
	transition: transform 0.2s;
}
	.logo-img:hover[b-0bzwblepb6] {
		transform: scale(1.05);
	}

.nav-link[b-0bzwblepb6] {
	color: var(--thmColor);
	font-weight:600;
	font-size:1.1rem;
}
.nav-link:hover[b-0bzwblepb6] {
	border-bottom: 3px solid var(--orgColor);
}

#initials[b-0bzwblepb6] {
	width: 42px;
	height: 42px;
}
/* _content/Obzerv.Web/Components/Pages/Contact.razor.rz.scp.css */
h1[b-qrbpqsj9ht], h2[b-qrbpqsj9ht], h3[b-qrbpqsj9ht], h4[b-qrbpqsj9ht], h5[b-qrbpqsj9ht], h6[b-qrbpqsj9ht] {
	font-family: 'Instrument Sans', Arial, sans-serif;
}
.grad[b-qrbpqsj9ht]:before {
	content: '';
	position: absolute;
	width: 1000px;
	height: 1000px;
	right: -200px;
	top: -300px;
	border-radius: 50%;
	background: radial-gradient(circle, #ffb877 0%, #ffd3a6 30%, #fde7cf 52%, #fbf5ec00 70%);
	z-index: 0;
}

.page[b-qrbpqsj9ht] {
	position: relative;
	overflow: hidden
}

	.page[b-qrbpqsj9ht]:before {
		content: '';
		position: absolute;
		width: 1000px;
		height: 1000px;
		right: -200px;
		top: -300px;
		border-radius: 50%;
		background: radial-gradient(circle,#ffb877 0%,#ffd3a6 30%,#fde7cf 52%,#fbf5ec00 70%);
		z-index: 0
	}

h1[b-qrbpqsj9ht] {
	margin: 0;
	font-size: 72px;
	line-height: 1;
	letter-spacing: -3.8px;
	font-weight: 650
}

	h1 span[b-qrbpqsj9ht] {
		display: block
	}

		h1 span + span[b-qrbpqsj9ht] {
			color: #e86f00;
			margin-top: 8px
		}

@media(max-width:760px) {
	.page[b-qrbpqsj9ht]:before {
		width: 600px;
		height: 600px;
		right: -260px;
		top: 300px
	}

	h1[b-qrbpqsj9ht] {
		font-size: 46px;
		letter-spacing: -2.2px
	}
}

h1[b-qrbpqsj9ht] {
	font-size: 58px;
	letter-spacing: -2.8px
}

@media(max-width:760px) {
	h1[b-qrbpqsj9ht] {
		font-size: 42px;
		letter-spacing: -2px
	}
}

.beats[b-qrbpqsj9ht] {
	font-size: 26px;
	line-height: 1.25;
	font-weight: 650;
	letter-spacing: -.6px;
	color: #e86f00;
	margin: 16px 0 0
}

@media(max-width:760px) {
	.beats[b-qrbpqsj9ht] {
		font-size: 20px
	}
}

.sp[b-qrbpqsj9ht] {
	position: relative;
	z-index: 1;
	padding: 80px 0 100px
}

	.sp .w[b-qrbpqsj9ht] {
		max-width: 860px
	}

	.sp h1[b-qrbpqsj9ht] {
		font-size: 56px;
		letter-spacing: -2.6px
	}

.ct[b-qrbpqsj9ht] {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
	margin-top: 56px
}

	.ct a[b-qrbpqsj9ht] {
		display: block;
		background: #fff;
		border: 1px solid #efe5d6;
		border-radius: 24px;
		padding: 30px;
		box-shadow: 0 20px 50px #7a4a1a14;
		transition: transform .15s
	}

		.ct a:hover[b-qrbpqsj9ht] {
			transform: translateY(-4px)
		}

	.ct .ic[b-qrbpqsj9ht] {
		width: 56px;
		height: 56px;
		border-radius: 16px;
		background: #16206b;
		display: grid;
		place-items: center;
		margin-bottom: 26px
	}

	.ct a:nth-child(2) .ic[b-qrbpqsj9ht] {
		background: #ff7a00
	}

	.ct h4[b-qrbpqsj9ht] {
		margin: 0 0 6px;
		font-size: 15px;
		color: #6b7184;
		font-weight: 600
	}

	.ct b[b-qrbpqsj9ht] {
		font-size: 20px;
		letter-spacing: -.4px
	}

	.ct p[b-qrbpqsj9ht] {
		margin: 12px 0 0;
		font-size: 14px;
		color: #4a4f66;
		line-height: 1.5
	}

@media(max-width:760px) {
	.ct[b-qrbpqsj9ht] {
		grid-template-columns: 1fr
	}
}

@media(max-width:760px) {
	.sp[b-qrbpqsj9ht] {
		padding: 40px 0 64px
	}

		.sp h1[b-qrbpqsj9ht] {
			font-size: 40px;
			letter-spacing: -1.8px
		}
}

/* unify: shared scale */
.acts[b-qrbpqsj9ht] {
	margin-top: 34px;
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap
}

@media(max-width:760px) {
	.acts .btn[b-qrbpqsj9ht], .acts .ghost[b-qrbpqsj9ht] {
		flex: 1 1 100%
	}
}

h1[b-qrbpqsj9ht] {
	margin: 0;
	font-size: 68px;
	line-height: 1.06;
	letter-spacing: -2.6px;
	font-weight: 700
}

.tagl[b-qrbpqsj9ht], .eyebrow[b-qrbpqsj9ht], .lab[b-qrbpqsj9ht] {
	margin: 0 0 14px;
	font-size: 12px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	font-weight: 700;
	color: #c25f00
}

.how .eyebrow[b-qrbpqsj9ht], .b3 .eyebrow[b-qrbpqsj9ht], .nv .eyebrow[b-qrbpqsj9ht] {
	color: #ff9a3d
}

.big[b-qrbpqsj9ht] {
	font-size: 64px;
	font-weight: 700;
	letter-spacing: -2.4px;
	line-height: 1.05
}

.b[b-qrbpqsj9ht] {
	border-radius: 14px;
	padding: 32px;
	border-color: #ebe6f0
}

.chips .own[b-qrbpqsj9ht] {
	background: #ff7a00;
	border-color: #ff7a00;
	color: #fff
}

.band[b-qrbpqsj9ht] {
	border-radius: 16px;
	background: #0f1546
}

	.band .btn[b-qrbpqsj9ht] {
		flex: none
	}

.cta[b-qrbpqsj9ht] {
	margin-top: 56px
}

@media(max-width:760px) {
	h1[b-qrbpqsj9ht] {
		font-size: 44px;
		letter-spacing: -1.6px
	}

	.big[b-qrbpqsj9ht] {
		font-size: 40px;
		letter-spacing: -1.4px
	}

	.b[b-qrbpqsj9ht] {
		padding: 24px
	}
}
/* _content/Obzerv.Web/Components/Pages/Dashboard.razor.rz.scp.css */
.small-box[b-n1eyhyayfh] {
	width: 7rem;
	height: 7rem;
}
/* _content/Obzerv.Web/Components/Pages/Districts.razor.rz.scp.css */
h1[b-qno51w2zxc], h2[b-qno51w2zxc], h3[b-qno51w2zxc], h4[b-qno51w2zxc], h5[b-qno51w2zxc], h6[b-qno51w2zxc] {
	font-family: 'Instrument Sans', Arial, sans-serif;
}
.hero[b-qno51w2zxc]:before {
	content: '';
	position: absolute;
	width: 1000px;
	height: 1000px;
	right: -200px;
	top: -300px;
	border-radius: 50%;
	background: radial-gradient(circle, #ffb877 0%, #ffd3a6 30%, #fde7cf 52%, #fbf5ec00 70%);
	z-index: 0;
}

.page[b-qno51w2zxc] {
	position: relative;
	overflow: hidden
}

.hero[b-qno51w2zxc] {
	position: relative
}

.page[b-qno51w2zxc]:before {
	content: '';
	position: absolute;
	width: 1000px;
	height: 1000px;
	right: -200px;
	top: -300px;
	border-radius: 50%;
	background: radial-gradient(circle,#ffb877 0%,#ffd3a6 30%,#fde7cf 52%,#fbf5ec00 70%);
	z-index: 0
}

.hero .w[b-qno51w2zxc] {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	padding-top: 70px;
	padding-bottom: 90px;
	align-items: center
}

h1[b-qno51w2zxc] {
	margin: 0;
	font-size: 72px;
	line-height: 1;
	letter-spacing: -3.8px;
	font-weight: 650
}

	h1 span[b-qno51w2zxc] {
		display: block
	}

		h1 span + span[b-qno51w2zxc] {
			color: #e86f00;
			margin-top: 8px
		}

.small[b-qno51w2zxc] {
	font-size: 13px;
	color: #6b7184;
	margin-top: 14px
}

.visual[b-qno51w2zxc] {
	position: relative;
	padding-top: 128px
}

.card[b-qno51w2zxc] {
	background: #fff;
	border: 1px solid #efe5d6;
	border-radius: 16px;
	box-shadow: 0 30px 70px #7a4a1a22
}

@media(max-width:760px) {
	.page[b-qno51w2zxc]:before {
		width: 600px;
		height: 600px;
		right: -260px;
		top: 300px
	}

	.hero .w[b-qno51w2zxc] {
		display: block;
		padding-top: 30px;
		padding-bottom: 56px
	}

	h1[b-qno51w2zxc] {
		font-size: 46px;
		letter-spacing: -2.2px
	}

	.visual[b-qno51w2zxc] {
		margin-top: 44px;
		padding-top: 150px
	}
}

.how[b-qno51w2zxc] {
	background: #0f1546;
	color: #fff;
	position: relative;
	overflow: hidden
}

	.how[b-qno51w2zxc]:before {
		content: '';
		position: absolute;
		width: 900px;
		height: 900px;
		left: 50%;
		top: -520px;
		transform: translateX(-50%);
		border-radius: 50%;
		background: radial-gradient(circle,#ff8a2a55,#0f154600 65%)
	}

	.how .w[b-qno51w2zxc] {
		position: relative;
		padding-top: 110px;
		padding-bottom: 110px
	}

.big[b-qno51w2zxc] {
	margin: 0;
	font-size: 56px;
	line-height: 1.02;
	letter-spacing: -2.6px;
	font-weight: 650;
	max-width: 760px
}

.sub[b-qno51w2zxc] {
	font-size: 18px;
	line-height: 1.55;
	color: #b9bfe8;
	max-width: 520px;
	margin: 20px 0 0
}

.flow[b-qno51w2zxc] {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 20px;
	margin-top: 64px
}

.panel[b-qno51w2zxc] {
	background: linear-gradient(180deg,#1b2266,#151b57);
	border: 1px solid #2c3483;
	border-radius: 22px;
	padding: 26px;
	min-height: 360px;
	display: flex;
	flex-direction: column
}

	.panel .k[b-qno51w2zxc] {
		font-size: 13px;
		color: #ff9a3d;
		font-weight: 700
	}

	.panel h4[b-qno51w2zxc] {
		margin: 6px 0 4px;
		font-size: 24px;
		letter-spacing: -.6px
	}

	.panel > p[b-qno51w2zxc] {
		margin: 0;
		color: #b9bfe8;
		font-size: 15px;
		line-height: 1.5
	}

.ui[b-qno51w2zxc] {
	margin-top: auto;
	background: #fff;
	color: #141a3a;
	border-radius: 14px;
	padding: 16px;
	box-shadow: 0 20px 40px #0006
}

.row[b-qno51w2zxc] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #eef0f6;
	font-size: 13px;
	font-weight: 600
}

	.row:last-child[b-qno51w2zxc] {
		border: 0
	}

.bar[b-qno51w2zxc] {
	height: 8px;
	background: #eef0f6;
	border-radius: 6px;
	margin-top: 14px;
	overflow: hidden
}

	.bar i[b-qno51w2zxc] {
		display: block;
		height: 100%;
		background: #ff7a00;
		border-radius: 6px
	}

.p2[b-qno51w2zxc] {
	font-size: 11px;
	font-weight: 700;
	padding: 4px 9px;
	border-radius: 20px
}

.ef[b-qno51w2zxc] {
	background: #e2f3e6;
	color: #1f6b3a
}

.dv[b-qno51w2zxc] {
	background: #fff1de;
	color: #a85200
}

.to[b-qno51w2zxc] {
	font-size: 12px;
	color: #6b7184;
	margin-bottom: 8px
}

	.to b[b-qno51w2zxc] {
		color: #141a3a
	}

.bento[b-qno51w2zxc] {
	padding: 110px 0
}

.bg[b-qno51w2zxc] {
	display: grid;
	grid-template-columns: 1.25fr 1fr 1fr;
	grid-template-rows: auto auto;
	gap: 20px;
	margin-top: 56px
}

.b[b-qno51w2zxc] {
	background: #fff;
	border: 1px solid #efe5d6;
	border-radius: 24px;
	padding: 32px;
	position: relative;
	overflow: hidden
}

	.b h4[b-qno51w2zxc] {
		margin: 0 0 8px;
		font-size: 24px;
		letter-spacing: -.6px
	}

	.b p[b-qno51w2zxc] {
		margin: 0;
		color: #4a4f66;
		font-size: 16px;
		line-height: 1.5;
		max-width: 340px
	}

.b1[b-qno51w2zxc] {
	grid-row: span 2;
	background: linear-gradient(160deg,#fff,#fff4e6)
}

.chips[b-qno51w2zxc] {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 70px
}

	.chips span[b-qno51w2zxc] {
		background: #fff;
		border: 1px solid #f0dcc2;
		border-radius: 30px;
		padding: 16px 24px;
		font-weight: 650;
		font-size: 19px;
		box-shadow: 0 8px 20px #7a4a1a14
	}

		.chips span:nth-child(odd)[b-qno51w2zxc] {
			transform: rotate(-2deg)
		}

		.chips span:nth-child(3n)[b-qno51w2zxc] {
			transform: rotate(2deg)
		}

	.chips .own[b-qno51w2zxc] {
		background: #16206b;
		color: #fff;
		border-color: #16206b
	}

.huge[b-qno51w2zxc] {
	font-size: 96px;
	font-weight: 700;
	letter-spacing: -5px;
	line-height: .9;
	color: #16206b;
	margin-bottom: 18px
}

	.huge em[b-qno51w2zxc] {
		font-style: normal;
		color: #e86f00
	}

.b3[b-qno51w2zxc] {
	background: #0f1546;
	color: #fff;
	border-color: #0f1546
}

	.b3 p[b-qno51w2zxc] {
		color: #b9bfe8
	}

.lock[b-qno51w2zxc] {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: #ff7a00;
	display: grid;
	place-items: center;
	margin-bottom: 22px;
	font-size: 26px
}

.b4[b-qno51w2zxc] {
	grid-column: span 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px
}

.tog[b-qno51w2zxc] {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #f5f6fb;
	border-radius: 16px;
	padding: 16px 20px;
	font-weight: 650;
	font-size: 15px;
	white-space: nowrap
}

.sw[b-qno51w2zxc] {
	width: 52px;
	height: 30px;
	border-radius: 20px;
	background: #16206b;
	position: relative
}

	.sw[b-qno51w2zxc]:after {
		content: '';
		position: absolute;
		right: 4px;
		top: 4px;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		background: #fff
	}

@media(max-width:760px) {
	.how .w[b-qno51w2zxc], .bento[b-qno51w2zxc] {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.big[b-qno51w2zxc] {
		font-size: 38px;
		letter-spacing: -1.6px
	}

	.flow[b-qno51w2zxc], .bg[b-qno51w2zxc] {
		grid-template-columns: 1fr;
		margin-top: 40px
	}

	.panel[b-qno51w2zxc] {
		min-height: 0
	}

		.panel .ui[b-qno51w2zxc] {
			margin-top: 22px
		}

	.b1[b-qno51w2zxc], .b4[b-qno51w2zxc] {
		grid-row: auto;
		grid-column: auto
	}

	.b4[b-qno51w2zxc] {
		display: block
	}

	.tog[b-qno51w2zxc] {
		margin-top: 22px
	}

	.huge[b-qno51w2zxc] {
		font-size: 72px
	}
}

i.p2[b-qno51w2zxc] {
	font-style: normal
}

h1[b-qno51w2zxc] {
	font-size: 58px;
	letter-spacing: -2.8px
}

.kp[b-qno51w2zxc] {
	display: flex;
	gap: 34px
}

	.kp b[b-qno51w2zxc] {
		display: block;
		font-size: 30px;
		letter-spacing: -1px;
		color: #16206b
	}

	.kp span[b-qno51w2zxc] {
		font-size: 12px;
		color: #6b7184
	}

@media(max-width:760px) {
	h1[b-qno51w2zxc] {
		font-size: 42px;
		letter-spacing: -2px
	}

	.kp[b-qno51w2zxc] {
		gap: 24px
	}
}

.beats[b-qno51w2zxc] {
	font-size: 26px;
	line-height: 1.25;
	font-weight: 650;
	letter-spacing: -.6px;
	color: #e86f00;
	margin: 16px 0 0
}

@media(max-width:760px) {
	.beats[b-qno51w2zxc] {
		font-size: 20px
	}
}

.f3[b-qno51w2zxc] {
	grid-template-columns: repeat(3,1fr)
}

@media(max-width:760px) {
	.f3[b-qno51w2zxc] {
		grid-template-columns: 1fr
	}
}

.sh .w[b-qno51w2zxc] {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: .95fr 1.05fr;
	gap: 56px;
	padding-top: 60px;
	padding-bottom: 100px;
	align-items: center
}

.sh .cta[b-qno51w2zxc] {
	margin-top: 34px
}

.dd[b-qno51w2zxc] {
	padding: 26px 28px;
	transform: rotate(1.2deg);
	background: #fffdf9
}

	.dd .kp[b-qno51w2zxc] {
		gap: 30px;
		margin-bottom: 16px
	}

.sc[b-qno51w2zxc] {
	display: grid;
	grid-template-columns: 150px 1fr 44px 120px;
	gap: 14px;
	align-items: center;
	padding: 11px 0;
	border-top: 1px solid #f0ebe2;
	font-size: 14px;
	font-weight: 600
}

	.sc .bar[b-qno51w2zxc] {
		margin: 0
	}

	.sc em[b-qno51w2zxc] {
		font-style: normal;
		color: #6b7184;
		font-size: 13px;
		text-align: right
	}

	.sc .p2[b-qno51w2zxc] {
		justify-self: end
	}

	.sc.hd[b-qno51w2zxc] {
		font-size: 11px;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #8a8fa0;
		font-weight: 700;
		border: 0;
		padding-top: 0
	}

.flag[b-qno51w2zxc] {
	position: absolute;
	left: -60px;
	bottom: -20px;
	width: 300px;
	padding: 18px 20px;
	transform: rotate(-2.5deg)
}

	.flag p[b-qno51w2zxc] {
		margin: 0;
		font-size: 15px;
		line-height: 1.45;
		font-weight: 600
	}

		.flag p b[b-qno51w2zxc] {
			color: #e86f00
		}

.chk[b-qno51w2zxc] {
	list-style: none;
	margin: 0;
	padding: 0
}

	.chk li[b-qno51w2zxc] {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 8px 0;
		border-bottom: 1px solid #eef0f6;
		font-size: 13px;
		font-weight: 600
	}

		.chk li:last-child[b-qno51w2zxc] {
			border: 0
		}

		.chk li[b-qno51w2zxc]:before {
			content: '✓';
			display: grid;
			place-items: center;
			width: 20px;
			height: 20px;
			border-radius: 50%;
			background: #e2f3e6;
			color: #1f6b3a;
			font-size: 12px;
			flex: none
		}

.po[b-qno51w2zxc] {
	font-size: 12.5px
}

	.po .row[b-qno51w2zxc] {
		font-size: 12.5px
	}

	.po .tot[b-qno51w2zxc] {
		display: flex;
		justify-content: space-between;
		margin-top: 8px;
		padding: 10px 12px;
		background: #16206b;
		color: #fff;
		border-radius: 10px;
		font-weight: 700
	}

@media(max-width:760px) {
	.sh .w[b-qno51w2zxc] {
		display: block;
		padding-top: 30px;
		padding-bottom: 70px
	}

	.sh .visual[b-qno51w2zxc] {
		margin-top: 48px;
		padding-top: 0
	}

	.dd[b-qno51w2zxc] {
		transform: none
	}

	.flag[b-qno51w2zxc] {
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		margin-top: -10px
	}

	.sc[b-qno51w2zxc] {
		grid-template-columns: 110px 1fr 40px;
		font-size: 13px
	}

		.sc .p2[b-qno51w2zxc], .sc.hd[b-qno51w2zxc] {
			display: none
		}
}

/* unify: shared scale */
.acts[b-qno51w2zxc] {
	margin-top: 34px;
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap
}

@media(max-width:760px) {
	.acts .btn[b-qno51w2zxc], .acts .ghost[b-qno51w2zxc] {
		flex: 1 1 100%
	}
}

h1[b-qno51w2zxc] {
	margin: 0;
	font-size: 68px;
	line-height: 1.06;
	letter-spacing: -2.6px;
	font-weight: 700
}

.tagl[b-qno51w2zxc], .eyebrow[b-qno51w2zxc], .lab[b-qno51w2zxc] {
	margin: 0 0 14px;
	font-size: 12px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	font-weight: 700;
	color: #c25f00
}

.how .eyebrow[b-qno51w2zxc], .b3 .eyebrow[b-qno51w2zxc], .nv .eyebrow[b-qno51w2zxc] {
	color: #ff9a3d
}

.big[b-qno51w2zxc] {
	font-size: 64px;
	font-weight: 700;
	letter-spacing: -2.4px;
	line-height: 1.05
}

.b[b-qno51w2zxc] {
	border-radius: 14px;
	padding: 32px;
	border-color: #ebe6f0
}

.chips .own[b-qno51w2zxc] {
	background: #ff7a00;
	border-color: #ff7a00;
	color: #fff
}

.band[b-qno51w2zxc] {
	border-radius: 16px;
	background: #0f1546
}

	.band .btn[b-qno51w2zxc] {
		flex: none
	}

.cta[b-qno51w2zxc] {
	margin-top: 56px
}

@media(max-width:760px) {
	h1[b-qno51w2zxc] {
		font-size: 44px;
		letter-spacing: -1.6px
	}

	.big[b-qno51w2zxc] {
		font-size: 40px;
		letter-spacing: -1.4px
	}

	.b[b-qno51w2zxc] {
		padding: 24px
	}
}
/* _content/Obzerv.Web/Components/Pages/Home.razor.rz.scp.css */
h1[b-qwnbjaq9qf], h2[b-qwnbjaq9qf], h3[b-qwnbjaq9qf], h4[b-qwnbjaq9qf], h5[b-qwnbjaq9qf], h6[b-qwnbjaq9qf] {
	font-family: 'Instrument Sans', Arial, sans-serif;
}
.grad[b-qwnbjaq9qf]:before {
	content: '';
	position: absolute;
	width: 1000px;
	height: 1000px;
	right: -200px;
	top: -300px;
	border-radius: 50%;
	background: radial-gradient(circle, #ffb877 0%, #ffd3a6 30%, #fde7cf 52%, #fbf5ec00 70%);
	z-index: 0;
}

.hero[b-qwnbjaq9qf] {
	position: relative;
	overflow-x: clip
}

	.hero[b-qwnbjaq9qf]:before {
		content: '';
		position: absolute;
		right: -6%;
		top: -60px;
		width: 760px;
		height: 640px;
		border-radius: 50%;
		background: radial-gradient(closest-side,#ffd2a3 0%,#ffe4c6 45%,#fbf3e800 100%);
		z-index: -1
	}

	.hero .w[b-qwnbjaq9qf] {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
		align-items: center;
		padding-top: 40px;
		padding-bottom: 56px
	}

h1[b-qwnbjaq9qf] {
	margin: 0;
	font-size: 68px;
	line-height: 1.06;
	letter-spacing: -2.6px;
	font-weight: 700
}

.lede[b-qwnbjaq9qf] {
	font-size: 20px;
	line-height: 1.6;
	margin: 26px 0 34px;
	max-width: 480px
}

.hb[b-qwnbjaq9qf] {
	display: flex;
	gap: 20px;
	flex-wrap: wrap
}

.proof[b-qwnbjaq9qf] {
	margin: 20px 0 0;
	font-size: 15px;
	font-weight: 500
}

.vis[b-qwnbjaq9qf] {
	position: relative;
	height: 520px
}

.card[b-qwnbjaq9qf] {
	position: absolute;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 24px 60px #8a52202a;
	padding: 24px 26px
}

.lab[b-qwnbjaq9qf] {
	margin: 0 0 12px;
	font-size: 12px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	font-weight: 700;
	color: #d06400
}

.dash[b-qwnbjaq9qf] {
	top: 0;
	left: 90px;
	right: 0;
	transform: rotate(2.5deg)
}

.kp[b-qwnbjaq9qf] {
	display: flex;
	gap: 42px
}

	.kp b[b-qwnbjaq9qf] {
		display: block;
		font-size: 34px;
		letter-spacing: -1px;
		font-weight: 650
	}

	.kp span[b-qwnbjaq9qf] {
		font-size: 13px;
		color: #6b7184
	}

.tl div[b-qwnbjaq9qf], .sr[b-qwnbjaq9qf] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-top: 1px solid #eee7dc;
	font-size: 15px;
	font-weight: 600
}

.tl[b-qwnbjaq9qf] {
	margin-top: 16px
}

.pl[b-qwnbjaq9qf] {
	font-style: normal;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 20px;
	background: #fff0dd;
	color: #a85200
}

	.pl.g[b-qwnbjaq9qf] {
		background: #e3f4e7;
		color: #1f6b3a
	}

.snap[b-qwnbjaq9qf] {
	top: 300px;
	left: 0;
	right: 90px;
	transform: rotate(-.5deg)
}

.gl[b-qwnbjaq9qf] {
	margin-top: 16px;
	padding: 14px 16px;
	background: #fff4e8;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.5
}

	.gl b[b-qwnbjaq9qf] {
		display: block;
		color: #d06400;
		font-size: 12px;
		letter-spacing: .7px;
		margin-bottom: 2px
	}

.fw .rb[b-qwnbjaq9qf] {
	margin: 20px 0 10px;
	background: #fff;
	border: 1px solid #e3d6c3;
	border-radius: 16px;
	padding: 52px 48px;
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(0,1fr);
	gap: 48px;
	align-items: center;
	box-shadow: 0 10px 30px #8a52200f
}

.fw .rl h3[b-qwnbjaq9qf] {
	margin: 0 0 14px;
	font-size: 36px;
	line-height: 1.15;
	letter-spacing: -1px;
	color: #141a3a
}

.fw .rl p:not(.ey)[b-qwnbjaq9qf] {
	margin: 0;
	font-size: 19px;
	line-height: 1.5;
	color: #4a4f66
}

.fw .rc[b-qwnbjaq9qf] {
	display: flex;
	flex-wrap: wrap;
	gap: 16px
}

	.fw .rc span[b-qwnbjaq9qf] {
		background: #fbf3e8;
		border: 1px solid #e3d6c3;
		border-radius: 30px;
		padding: 15px 24px;
		font-weight: 600;
		font-size: 19px;
		color: #141a3a
	}

	.fw .rc .mine[b-qwnbjaq9qf] {
		background: #ff7a00;
		border-color: #ff7a00;
		color: #fff
	}

.how .w[b-qwnbjaq9qf] {
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: 56px;
	padding-top: 110px;
	padding-bottom: 20px;
	align-items: start
}

.how h2[b-qwnbjaq9qf], .voices h2[b-qwnbjaq9qf], .bento h2[b-qwnbjaq9qf] {
	margin: 0;
	font-size: 64px;
	letter-spacing: -2.4px;
	line-height: 1.05;
	font-weight: 700
}

.how .sub[b-qwnbjaq9qf] {
	font-size: 20px;
	margin: 16px 0 44px
}

.sl[b-qwnbjaq9qf] {
	list-style: none;
	margin: 0;
	padding: 0
}

	.sl li[b-qwnbjaq9qf] {
		display: grid;
		grid-template-columns: 62px 1fr;
		column-gap: 26px;
		align-items: center;
		padding: 12px 0;
		cursor: pointer
	}

	.sl .k[b-qwnbjaq9qf] {
		grid-row: span 2;
		align-self: start;
		width: 62px;
		height: 46px;
		border-radius: 12px;
		display: grid;
		place-items: center;
		font-size: 21px;
		font-weight: 500;
		color: #141a3a;
		transition: .25s
	}

	.sl h4[b-qwnbjaq9qf] {
		margin: 0;
		font-size: 22px;
		font-weight: 500;
		line-height: 1.25;
		min-height: 46px;
		display: flex;
		align-items: center;
		transition: .25s
	}

	.sl p[b-qwnbjaq9qf] {
		margin: 0;
		font-size: 17px;
		line-height: 1.5;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transition: max-height .35s,opacity .35s
	}

	.sl li.on .k[b-qwnbjaq9qf] {
		background: #ee6c0c;
		color: #fff
	}

	.sl li.on h4[b-qwnbjaq9qf] {
		font-weight: 650
	}

	.sl li.on p[b-qwnbjaq9qf] {
		max-height: 80px;
		opacity: 1
	}

	.sl li:focus-visible[b-qwnbjaq9qf] {
		outline: 2px solid #16206b;
		outline-offset: 4px;
		border-radius: 8px
	}

.stage[b-qwnbjaq9qf] {
	position: relative;
	transition: height .35s
}

.sp[b-qwnbjaq9qf] {
	inset: 0 0 auto 0;
	background: #fbfbfd;
	border-radius: 22px;
	padding: 32px;
	box-shadow: 0 24px 60px #8a52201f;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .4s,transform .4s;
	pointer-events: none
}

	.sp.on[b-qwnbjaq9qf] {
		opacity: 1;
		transform: none;
		pointer-events: auto
	}

	.sp h5[b-qwnbjaq9qf] {
		margin: 0 0 22px;
		font-size: 27px;
		letter-spacing: -.5px;
		font-weight: 650
	}

		.sp h5 small[b-qwnbjaq9qf] {
			font-size: 19px;
			font-weight: 400;
			color: #4a5068;
			margin-left: 6px
		}

.bx[b-qwnbjaq9qf] {
	background: #fff;
	border: 1px solid #e6e8ef;
	border-radius: 12px;
	padding: 20px 22px;
	margin-top: 16px
}

	.bx:first-of-type[b-qwnbjaq9qf] {
		margin-top: 0
	}

	.bx h6[b-qwnbjaq9qf] {
		margin: 0 0 12px;
		font-size: 17px;
		font-weight: 650
	}

	.bx .nt[b-qwnbjaq9qf] {
		font-size: 16px;
		line-height: 1.6;
		max-width: 240px
	}

.nt[b-qwnbjaq9qf]:after {
	content: '';
	display: inline-block;
	width: 2px;
	height: 17px;
	background: #ee6c0c;
	margin-left: 2px;
	vertical-align: -3px
}

.ok[b-qwnbjaq9qf] {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
	font-size: 14px;
	color: #4a5068
}

	.ok i[b-qwnbjaq9qf] {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		background: #ee6c0c;
		color: #fff;
		display: grid;
		place-items: center;
		font-style: normal;
		font-size: 11px
	}

.tg[b-qwnbjaq9qf] {
	display: flex;
	gap: 12px
}

	.tg i[b-qwnbjaq9qf] {
		font-style: normal;
		font-size: 14px;
		padding: 6px 12px;
		border-radius: 7px;
		border: 1px solid #f3d9b8;
		background: #fff6ea;
		color: #a85200
	}

		.tg i.b[b-qwnbjaq9qf] {
			border-color: #cfdcf5;
			background: #eef3fd;
			color: #16206b
		}

.goal[b-qwnbjaq9qf] {
	background: #fff4e6;
	border: 1px solid #f6e0c4;
	border-radius: 10px;
	padding: 28px 24px 40px
}

	.goal b[b-qwnbjaq9qf] {
		display: block;
		font-size: 22px;
		font-weight: 650;
		margin-bottom: 18px
	}

	.goal p[b-qwnbjaq9qf] {
		margin: 0;
		font-size: 19px;
		line-height: 1.7
	}

.big2[b-qwnbjaq9qf] {
	display: flex;
	gap: 18px
}

	.big2 span[b-qwnbjaq9qf] {
		flex: 1;
		padding: 16px;
		border-radius: 9px;
		font-size: 20px;
		text-align: center
	}

	.big2 .g[b-qwnbjaq9qf] {
		background: #eaf6ec;
		border: 1px solid #cfe9d4;
		color: #1d5a32
	}

	.big2 .o[b-qwnbjaq9qf] {
		background: #fff3e6;
		border: 1px solid #f6dcbf;
		color: #d0600a
	}

.rd[b-qwnbjaq9qf] {
	margin: 40px 0 8px;
	font-size: 19px;
	font-weight: 650
}

	.rd + p[b-qwnbjaq9qf] {
		margin: 0 0 14px;
		font-size: 18px
	}

.kt[b-qwnbjaq9qf] {
	display: flex;
	gap: 18px
}

	.kt div[b-qwnbjaq9qf] {
		flex: 1;
		background: #fff8f0;
		border: 1px solid #f3e3cd;
		border-radius: 12px;
		padding: 18px 22px
	}

	.kt b[b-qwnbjaq9qf] {
		display: block;
		font-size: 34px;
		font-weight: 600
	}

	.kt span[b-qwnbjaq9qf] {
		font-size: 17px
	}

.pb[b-qwnbjaq9qf] {
	height: 12px;
	border-radius: 8px;
	background: #e8e8ea;
	margin-top: 12px;
	overflow: hidden
}

	.pb i[b-qwnbjaq9qf] {
		display: block;
		height: 100%;
		width: 72%;
		background: #ee6c0c;
		border-radius: 8px
	}

.tr[b-qwnbjaq9qf] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #e6e8ef;
	border-radius: 8px;
	padding: 12px 16px;
	margin-top: 8px;
	font-size: 16px
}

.st[b-qwnbjaq9qf] {
	font-size: 13px;
	padding: 4px 10px;
	border-radius: 4px;
	color: #fff;
	background: #ee6c0c
}

	.st.p[b-qwnbjaq9qf] {
		background: #4a9be8
	}

.voices .w[b-qwnbjaq9qf] {
	padding-top: 70px
}

.vg[b-qwnbjaq9qf] {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 22px;
	margin-top: 28px
}

.vc[b-qwnbjaq9qf] {
	background: linear-gradient(180deg,#fff 0,#fff 55%,#eceefa 100%);
	border: 1px solid #ebe6f0;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column
}

	.vc img[b-qwnbjaq9qf] {
		display: block;
		width: 100%;
		aspect-ratio: 234/124;
		object-fit: cover
	}

	.vc .t[b-qwnbjaq9qf] {
		padding: 20px 18px 18px;
		display: flex;
		flex-direction: column;
		flex: 1
	}

	.vc q[b-qwnbjaq9qf] {
		quotes: none;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.35;
		min-height: 98px
	}

	.vc .nm[b-qwnbjaq9qf] {
		margin-top: 8px;
		font-size: 14px;
		font-weight: 650
	}

		.vc .nm span[b-qwnbjaq9qf] {
			display: block;
			font-weight: 400;
			color: #6b7184;
			font-size: 13px;
			margin-top: 3px
		}

.clip[b-qwnbjaq9qf] {
	position: relative;
	margin-top: 14px;
	aspect-ratio: 16/6.4;
	border-radius: 10px;
	background: linear-gradient(110deg,#1b2470 0%,#2a2a6a 45%,#6a4a4a 75%,#2b2766 100%);
	display: grid;
	place-items: center
}

	.clip[b-qwnbjaq9qf]:before {
		content: '';
		width: 46px;
		height: 46px;
		border-radius: 50%;
		background: #ff7a00
	}

	.clip[b-qwnbjaq9qf]:after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -8px 0 0 -4px;
		border-left: 14px solid #141a3a;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent
	}

	.clip span[b-qwnbjaq9qf] {
		position: absolute;
		right: 10px;
		bottom: 9px;
		font-size: 11px;
		font-weight: 700;
		color: #fff;
		background: #000a;
		border-radius: 20px;
		padding: 3px 8px
	}

.bento .w[b-qwnbjaq9qf] {
	padding-top: 150px
}

.bg[b-qwnbjaq9qf] {
	display: grid;
	grid-template-columns: 1.25fr 1fr .9fr .9fr;
	grid-template-rows: auto auto;
	gap: 18px;
	margin-top: 28px
}

.b[b-qwnbjaq9qf] {
	background: linear-gradient(180deg,#fff 0,#fff 45%,#eceefa 100%);
	border: 1px solid #ebe6f0;
	border-radius: 14px;
	padding: 24px
}

	.b h4[b-qwnbjaq9qf] {
		margin: 0 0 8px;
		font-size: 22px;
		letter-spacing: -.4px;
		font-weight: 650
	}

	.b p[b-qwnbjaq9qf] {
		margin: 0;
		font-size: 14.5px;
		line-height: 1.55;
		color: #6b7184
	}

.b1[b-qwnbjaq9qf] {
	grid-row: span 2
}

.chips[b-qwnbjaq9qf] {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 54px
}

	.chips span[b-qwnbjaq9qf] {
		background: #fff;
		border: 1px solid #e9e4dc;
		border-radius: 30px;
		padding: 14px 22px;
		font-weight: 550;
		font-size: 17px;
		box-shadow: 0 6px 16px #8a52201a
	}

	.chips .own[b-qwnbjaq9qf] {
		background: #ff7a00;
		color: #fff;
		border-color: #ff7a00;
		transform: rotate(-2deg)
	}

.huge[b-qwnbjaq9qf] {
	font-size: 84px;
	font-weight: 700;
	letter-spacing: -5px;
	line-height: .9;
	color: #16206b;
	margin-bottom: 24px
}

	.huge em[b-qwnbjaq9qf] {
		font-style: normal;
		color: #e86f00
	}

.nv[b-qwnbjaq9qf] {
	background: #0f1546;
	border-color: #0f1546;
	color: #fff
}

	.nv p[b-qwnbjaq9qf] {
		color: #b9bfe8
	}

	.nv h4[b-qwnbjaq9qf] {
		font-size: 22px
	}

.ic[b-qwnbjaq9qf] {
	width: 46px;
	height: 46px;
	border-radius: 10px;
	background: #ff7a00;
	display: grid;
	place-items: center;
	margin-bottom: 22px
}

.nyc h4[b-qwnbjaq9qf] {
	font-size: 30px;
	line-height: 1.05;
	letter-spacing: -.8px
}

.b4[b-qwnbjaq9qf] {
	grid-column: 2/span 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px
}

.tog[b-qwnbjaq9qf] {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #f5f6fb;
	border-radius: 12px;
	padding: 12px 16px;
	font-weight: 650;
	font-size: 14px;
	white-space: nowrap
}

.sw[b-qwnbjaq9qf] {
	width: 48px;
	height: 28px;
	border-radius: 20px;
	background: #16206b;
	position: relative
}

	.sw[b-qwnbjaq9qf]:after {
		content: '';
		position: absolute;
		right: 4px;
		top: 4px;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fff
	}

.price .w > div[b-qwnbjaq9qf] {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	border-top: 1px solid #e3d6c3;
	border-bottom: 1px solid #e3d6c3;
	padding: 24px 16px;
	font-size: 20px
}

.price .terms span + span[b-qwnbjaq9qf]:before {
	content: '·';
	margin: 0 14px
}

.price .pr[b-qwnbjaq9qf] {
	display: flex;
	gap: 34px;
	align-items: center
}

	.price .pr a[b-qwnbjaq9qf] {
		font-weight: 700;
		color: #16206b
	}

@media(max-width:1000px) {
	.bg[b-qwnbjaq9qf] {
		grid-template-columns: 1fr 1fr
	}

	.b1[b-qwnbjaq9qf] {
		grid-row: auto
	}

	.b4[b-qwnbjaq9qf] {
		grid-column: 1/-1
	}
}

@media(max-width:760px) {
	.hero[b-qwnbjaq9qf]:before {
		width: 520px;
		height: 520px;
		right: -240px;
		top: 380px
	}

	.hero .w[b-qwnbjaq9qf], .how .w[b-qwnbjaq9qf] {
		grid-template-columns: 1fr;
		gap: 28px
	}

	.hero .w[b-qwnbjaq9qf] {
		padding-top: 20px
	}

	h1[b-qwnbjaq9qf] {
		font-size: 44px;
		letter-spacing: -1.6px
	}

	.lede[b-qwnbjaq9qf] {
		font-size: 18px
	}

	.hb .btn[b-qwnbjaq9qf] {
		flex: 1 1 100%
	}

	.vis[b-qwnbjaq9qf] {
		height: auto
	}

	.card[b-qwnbjaq9qf] {
		position: relative;
		left: 0 !important;
		right: 0 !important;
		top: 0
	}

	.snap[b-qwnbjaq9qf] {
		margin-top: -14px
	}

	.fw .rb[b-qwnbjaq9qf] {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 24px 20px
	}

	.fw .rl h3[b-qwnbjaq9qf] {
		font-size: 23px
	}

	.fw .rc span[b-qwnbjaq9qf] {
		font-size: 15px;
		padding: 9px 15px
	}

	.how .w[b-qwnbjaq9qf] {
		padding-top: 70px
	}

	.how h2[b-qwnbjaq9qf], .voices h2[b-qwnbjaq9qf], .bento h2[b-qwnbjaq9qf] {
		font-size: 42px;
		letter-spacing: -1.4px
	}

	.how .sub[b-qwnbjaq9qf] {
		font-size: 18px;
		margin-bottom: 24px
	}

	.sp[b-qwnbjaq9qf] {
		padding: 20px
	}

		.sp h5[b-qwnbjaq9qf] {
			font-size: 22px
		}

	.big2[b-qwnbjaq9qf] {
		flex-direction: column
	}

	.kt[b-qwnbjaq9qf] {
		gap: 10px
	}

		.kt div[b-qwnbjaq9qf] {
			padding: 12px
		}

		.kt b[b-qwnbjaq9qf] {
			font-size: 24px
		}

		.kt span[b-qwnbjaq9qf] {
			font-size: 13px
		}

	.goal b[b-qwnbjaq9qf] {
		font-size: 19px
	}

	.goal p[b-qwnbjaq9qf] {
		font-size: 17px
	}

	.voices .w[b-qwnbjaq9qf] {
		padding-top: 60px
	}

	.vg[b-qwnbjaq9qf] {
		grid-template-columns: 1fr
	}

	.bento .w[b-qwnbjaq9qf] {
		padding-top: 110px
	}

	.bg[b-qwnbjaq9qf] {
		grid-template-columns: 1fr
	}

	.b4[b-qwnbjaq9qf] {
		display: block
	}

	.tog[b-qwnbjaq9qf] {
		margin-top: 18px;
		display: inline-flex
	}

	.price .w > div[b-qwnbjaq9qf] {
		display: block;
		font-size: 17px;
		padding: 20px 4px
	}

	.price .pr[b-qwnbjaq9qf] {
		margin-top: 12px;
		justify-content: space-between
	}
}

@media(prefers-reduced-motion:reduce) {
	.sp[b-qwnbjaq9qf], .sl p[b-qwnbjaq9qf], .sl .k[b-qwnbjaq9qf], .sl h4[b-qwnbjaq9qf] {
		transition: none
	}
}

.vis .card[b-qwnbjaq9qf] {
	padding: 8px
}

	.vis .card img[b-qwnbjaq9qf] {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 9px
	}

.vis .snap[b-qwnbjaq9qf] {
	top: 260px
}

@media(max-width:900px) {
	.vis .snap[b-qwnbjaq9qf] {
		top: 0
	}
}
/* _content/Obzerv.Web/Components/Pages/Pricing.razor.rz.scp.css */
h1[b-0cwk3e5kk4], h2[b-0cwk3e5kk4], h3[b-0cwk3e5kk4], h4[b-0cwk3e5kk4], h5[b-0cwk3e5kk4], h6[b-0cwk3e5kk4] {
	font-family: 'Instrument Sans', Arial, sans-serif;
}

.hero[b-0cwk3e5kk4] {
	position: relative;
	overflow-x: clip
}

	.hero[b-0cwk3e5kk4]:before {
		content: '';
		position: absolute;
		right: -6%;
		top: -60px;
		width: 760px;
		height: 640px;
		border-radius: 50%;
		background: radial-gradient(closest-side,#ffd2a3 0%,#ffe4c6 45%,#fbf3e800 100%);
		z-index: -1
	}

	.hero .w[b-0cwk3e5kk4] {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
		align-items: center;
		padding-top: 40px;
		padding-bottom: 56px
	}

h1[b-0cwk3e5kk4] {
	margin: 0;
	font-size: 68px;
	line-height: 1.06;
	letter-spacing: -2.6px;
	font-weight: 700
}

.lede[b-0cwk3e5kk4] {
	font-size: 20px;
	line-height: 1.6;
	margin: 26px 0 34px;
	max-width: 480px
}

.hb[b-0cwk3e5kk4] {
	display: flex;
	gap: 20px;
	flex-wrap: wrap
}

.proof[b-0cwk3e5kk4] {
	margin: 20px 0 0;
	font-size: 15px;
	font-weight: 500
}

.vis[b-0cwk3e5kk4] {
	position: relative;
	height: 520px
}

.card[b-0cwk3e5kk4] {
	position: absolute;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 24px 60px #8a52202a;
	padding: 24px 26px
}

.lab[b-0cwk3e5kk4] {
	margin: 0 0 12px;
	font-size: 12px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	font-weight: 700;
	color: #d06400
}

.dash[b-0cwk3e5kk4] {
	top: 0;
	left: 90px;
	right: 0;
	transform: rotate(2.5deg)
}

.kp[b-0cwk3e5kk4] {
	display: flex;
	gap: 42px
}

	.kp b[b-0cwk3e5kk4] {
		display: block;
		font-size: 34px;
		letter-spacing: -1px;
		font-weight: 650
	}

	.kp span[b-0cwk3e5kk4] {
		font-size: 13px;
		color: #6b7184
	}

.tl div[b-0cwk3e5kk4], .sr[b-0cwk3e5kk4] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-top: 1px solid #eee7dc;
	font-size: 15px;
	font-weight: 600
}

.tl[b-0cwk3e5kk4] {
	margin-top: 16px
}

.pl[b-0cwk3e5kk4] {
	font-style: normal;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 20px;
	background: #fff0dd;
	color: #a85200
}

	.pl.g[b-0cwk3e5kk4] {
		background: #e3f4e7;
		color: #1f6b3a
	}

.snap[b-0cwk3e5kk4] {
	top: 300px;
	left: 0;
	right: 90px;
	transform: rotate(-.5deg)
}

.gl[b-0cwk3e5kk4] {
	margin-top: 16px;
	padding: 14px 16px;
	background: #fff4e8;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.5
}

	.gl b[b-0cwk3e5kk4] {
		display: block;
		color: #d06400;
		font-size: 12px;
		letter-spacing: .7px;
		margin-bottom: 2px
	}

.fw .rb[b-0cwk3e5kk4] {
	margin: 20px 0 10px;
	background: #fff;
	border: 1px solid #e3d6c3;
	border-radius: 16px;
	padding: 52px 48px;
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(0,1fr);
	gap: 48px;
	align-items: center;
	box-shadow: 0 10px 30px #8a52200f
}

.fw .rl h3[b-0cwk3e5kk4] {
	margin: 0 0 14px;
	font-size: 36px;
	line-height: 1.15;
	letter-spacing: -1px;
	color: #141a3a
}

.fw .rl p:not(.ey)[b-0cwk3e5kk4] {
	margin: 0;
	font-size: 19px;
	line-height: 1.5;
	color: #4a4f66
}

.fw .rc[b-0cwk3e5kk4] {
	display: flex;
	flex-wrap: wrap;
	gap: 16px
}

	.fw .rc span[b-0cwk3e5kk4] {
		background: #fbf3e8;
		border: 1px solid #e3d6c3;
		border-radius: 30px;
		padding: 15px 24px;
		font-weight: 600;
		font-size: 19px;
		color: #141a3a
	}

	.fw .rc .mine[b-0cwk3e5kk4] {
		background: #ff7a00;
		border-color: #ff7a00;
		color: #fff
	}

.how .w[b-0cwk3e5kk4] {
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: 56px;
	padding-top: 110px;
	padding-bottom: 20px;
	align-items: start
}

.how h2[b-0cwk3e5kk4], .voices h2[b-0cwk3e5kk4], .bento h2[b-0cwk3e5kk4] {
	margin: 0;
	font-size: 64px;
	letter-spacing: -2.4px;
	line-height: 1.05;
	font-weight: 700
}

.how .sub[b-0cwk3e5kk4] {
	font-size: 20px;
	margin: 16px 0 44px
}

.sl[b-0cwk3e5kk4] {
	list-style: none;
	margin: 0;
	padding: 0
}

	.sl li[b-0cwk3e5kk4] {
		display: grid;
		grid-template-columns: 62px 1fr;
		column-gap: 26px;
		align-items: center;
		padding: 12px 0;
		cursor: pointer
	}

	.sl .k[b-0cwk3e5kk4] {
		grid-row: span 2;
		align-self: start;
		width: 62px;
		height: 46px;
		border-radius: 12px;
		display: grid;
		place-items: center;
		font-size: 21px;
		font-weight: 500;
		color: #141a3a;
		transition: .25s
	}

	.sl h4[b-0cwk3e5kk4] {
		margin: 0;
		font-size: 22px;
		font-weight: 500;
		line-height: 1.25;
		min-height: 46px;
		display: flex;
		align-items: center;
		transition: .25s
	}

	.sl p[b-0cwk3e5kk4] {
		margin: 0;
		font-size: 17px;
		line-height: 1.5;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transition: max-height .35s,opacity .35s
	}

	.sl li.on .k[b-0cwk3e5kk4] {
		background: #ee6c0c;
		color: #fff
	}

	.sl li.on h4[b-0cwk3e5kk4] {
		font-weight: 650
	}

	.sl li.on p[b-0cwk3e5kk4] {
		max-height: 80px;
		opacity: 1
	}

	.sl li:focus-visible[b-0cwk3e5kk4] {
		outline: 2px solid #16206b;
		outline-offset: 4px;
		border-radius: 8px
	}

.stage[b-0cwk3e5kk4] {
	position: relative;
	transition: height .35s
}

.sp[b-0cwk3e5kk4] {
	position: absolute;
	inset: 0 0 auto 0;
	background: #fbfbfd;
	border-radius: 22px;
	padding: 32px;
	box-shadow: 0 24px 60px #8a52201f;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .4s,transform .4s;
	pointer-events: none
}

	.sp.on[b-0cwk3e5kk4] {
		opacity: 1;
		transform: none;
		pointer-events: auto
	}

	.sp h5[b-0cwk3e5kk4] {
		margin: 0 0 22px;
		font-size: 27px;
		letter-spacing: -.5px;
		font-weight: 650
	}

		.sp h5 small[b-0cwk3e5kk4] {
			font-size: 19px;
			font-weight: 400;
			color: #4a5068;
			margin-left: 6px
		}

.bx[b-0cwk3e5kk4] {
	background: #fff;
	border: 1px solid #e6e8ef;
	border-radius: 12px;
	padding: 20px 22px;
	margin-top: 16px
}

	.bx:first-of-type[b-0cwk3e5kk4] {
		margin-top: 0
	}

	.bx h6[b-0cwk3e5kk4] {
		margin: 0 0 12px;
		font-size: 17px;
		font-weight: 650
	}

	.bx .nt[b-0cwk3e5kk4] {
		font-size: 16px;
		line-height: 1.6;
		max-width: 240px
	}

.nt[b-0cwk3e5kk4]:after {
	content: '';
	display: inline-block;
	width: 2px;
	height: 17px;
	background: #ee6c0c;
	margin-left: 2px;
	vertical-align: -3px
}

.ok[b-0cwk3e5kk4] {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
	font-size: 14px;
	color: #4a5068
}

	.ok i[b-0cwk3e5kk4] {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		background: #ee6c0c;
		color: #fff;
		display: grid;
		place-items: center;
		font-style: normal;
		font-size: 11px
	}

.tg[b-0cwk3e5kk4] {
	display: flex;
	gap: 12px
}

	.tg i[b-0cwk3e5kk4] {
		font-style: normal;
		font-size: 14px;
		padding: 6px 12px;
		border-radius: 7px;
		border: 1px solid #f3d9b8;
		background: #fff6ea;
		color: #a85200
	}

		.tg i.b[b-0cwk3e5kk4] {
			border-color: #cfdcf5;
			background: #eef3fd;
			color: #16206b
		}

.goal[b-0cwk3e5kk4] {
	background: #fff4e6;
	border: 1px solid #f6e0c4;
	border-radius: 10px;
	padding: 28px 24px 40px
}

	.goal b[b-0cwk3e5kk4] {
		display: block;
		font-size: 22px;
		font-weight: 650;
		margin-bottom: 18px
	}

	.goal p[b-0cwk3e5kk4] {
		margin: 0;
		font-size: 19px;
		line-height: 1.7
	}

.big2[b-0cwk3e5kk4] {
	display: flex;
	gap: 18px
}

	.big2 span[b-0cwk3e5kk4] {
		flex: 1;
		padding: 16px;
		border-radius: 9px;
		font-size: 20px;
		text-align: center
	}

	.big2 .g[b-0cwk3e5kk4] {
		background: #eaf6ec;
		border: 1px solid #cfe9d4;
		color: #1d5a32
	}

	.big2 .o[b-0cwk3e5kk4] {
		background: #fff3e6;
		border: 1px solid #f6dcbf;
		color: #d0600a
	}

.rd[b-0cwk3e5kk4] {
	margin: 40px 0 8px;
	font-size: 19px;
	font-weight: 650
}

	.rd + p[b-0cwk3e5kk4] {
		margin: 0 0 14px;
		font-size: 18px
	}

.kt[b-0cwk3e5kk4] {
	display: flex;
	gap: 18px
}

	.kt div[b-0cwk3e5kk4] {
		flex: 1;
		background: #fff8f0;
		border: 1px solid #f3e3cd;
		border-radius: 12px;
		padding: 18px 22px
	}

	.kt b[b-0cwk3e5kk4] {
		display: block;
		font-size: 34px;
		font-weight: 600
	}

	.kt span[b-0cwk3e5kk4] {
		font-size: 17px
	}

.pb[b-0cwk3e5kk4] {
	height: 12px;
	border-radius: 8px;
	background: #e8e8ea;
	margin-top: 12px;
	overflow: hidden
}

	.pb i[b-0cwk3e5kk4] {
		display: block;
		height: 100%;
		width: 72%;
		background: #ee6c0c;
		border-radius: 8px
	}

.tr[b-0cwk3e5kk4] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #e6e8ef;
	border-radius: 8px;
	padding: 12px 16px;
	margin-top: 8px;
	font-size: 16px
}

.st[b-0cwk3e5kk4] {
	font-size: 13px;
	padding: 4px 10px;
	border-radius: 4px;
	color: #fff;
	background: #ee6c0c
}

	.st.p[b-0cwk3e5kk4] {
		background: #4a9be8
	}

.voices .w[b-0cwk3e5kk4] {
	padding-top: 70px
}

.vg[b-0cwk3e5kk4] {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 22px;
	margin-top: 28px
}

.vc[b-0cwk3e5kk4] {
	background: linear-gradient(180deg,#fff 0,#fff 55%,#eceefa 100%);
	border: 1px solid #ebe6f0;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column
}

	.vc img[b-0cwk3e5kk4] {
		display: block;
		width: 100%;
		aspect-ratio: 234/124;
		object-fit: cover
	}

	.vc .t[b-0cwk3e5kk4] {
		padding: 20px 18px 18px;
		display: flex;
		flex-direction: column;
		flex: 1
	}

	.vc q[b-0cwk3e5kk4] {
		quotes: none;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.35;
		min-height: 98px
	}

	.vc .nm[b-0cwk3e5kk4] {
		margin-top: 8px;
		font-size: 14px;
		font-weight: 650
	}

		.vc .nm span[b-0cwk3e5kk4] {
			display: block;
			font-weight: 400;
			color: #6b7184;
			font-size: 13px;
			margin-top: 3px
		}

.clip[b-0cwk3e5kk4] {
	position: relative;
	margin-top: 14px;
	aspect-ratio: 16/6.4;
	border-radius: 10px;
	background: linear-gradient(110deg,#1b2470 0%,#2a2a6a 45%,#6a4a4a 75%,#2b2766 100%);
	display: grid;
	place-items: center
}

	.clip[b-0cwk3e5kk4]:before {
		content: '';
		width: 46px;
		height: 46px;
		border-radius: 50%;
		background: #ff7a00
	}

	.clip[b-0cwk3e5kk4]:after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -8px 0 0 -4px;
		border-left: 14px solid #141a3a;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent
	}

	.clip span[b-0cwk3e5kk4] {
		position: absolute;
		right: 10px;
		bottom: 9px;
		font-size: 11px;
		font-weight: 700;
		color: #fff;
		background: #000a;
		border-radius: 20px;
		padding: 3px 8px
	}

.bento .w[b-0cwk3e5kk4] {
	padding-top: 150px
}

.bg[b-0cwk3e5kk4] {
	display: grid;
	grid-template-columns: 1.25fr 1fr .9fr .9fr;
	grid-template-rows: auto auto;
	gap: 18px;
	margin-top: 28px
}

.b[b-0cwk3e5kk4] {
	background: linear-gradient(180deg,#fff 0,#fff 45%,#eceefa 100%);
	border: 1px solid #ebe6f0;
	border-radius: 14px;
	padding: 24px
}

	.b h4[b-0cwk3e5kk4] {
		margin: 0 0 8px;
		font-size: 22px;
		letter-spacing: -.4px;
		font-weight: 650
	}

	.b p[b-0cwk3e5kk4] {
		margin: 0;
		font-size: 14.5px;
		line-height: 1.55;
		color: #6b7184
	}

.b1[b-0cwk3e5kk4] {
	grid-row: span 2
}

.chips[b-0cwk3e5kk4] {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 54px
}

	.chips span[b-0cwk3e5kk4] {
		background: #fff;
		border: 1px solid #e9e4dc;
		border-radius: 30px;
		padding: 14px 22px;
		font-weight: 550;
		font-size: 17px;
		box-shadow: 0 6px 16px #8a52201a
	}

	.chips .own[b-0cwk3e5kk4] {
		background: #16206b;
		color: #fff;
		border-color: #16206b;
		transform: rotate(-2deg)
	}

.huge[b-0cwk3e5kk4] {
	font-size: 84px;
	font-weight: 700;
	letter-spacing: -5px;
	line-height: .9;
	color: #16206b;
	margin-bottom: 24px
}

	.huge em[b-0cwk3e5kk4] {
		font-style: normal;
		color: #e86f00
	}

.nv[b-0cwk3e5kk4] {
	background: #0f1546;
	border-color: #0f1546;
	color: #fff
}

	.nv p[b-0cwk3e5kk4] {
		color: #b9bfe8
	}

	.nv h4[b-0cwk3e5kk4] {
		font-size: 22px
	}

.ic[b-0cwk3e5kk4] {
	width: 46px;
	height: 46px;
	border-radius: 10px;
	background: #ff7a00;
	display: grid;
	place-items: center;
	margin-bottom: 22px
}

.nyc h4[b-0cwk3e5kk4] {
	font-size: 30px;
	line-height: 1.05;
	letter-spacing: -.8px
}

.b4[b-0cwk3e5kk4] {
	grid-column: 2/span 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px
}

.tog[b-0cwk3e5kk4] {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #f5f6fb;
	border-radius: 12px;
	padding: 12px 16px;
	font-weight: 650;
	font-size: 14px;
	white-space: nowrap
}

.sw[b-0cwk3e5kk4] {
	width: 48px;
	height: 28px;
	border-radius: 20px;
	background: #16206b;
	position: relative
}

	.sw[b-0cwk3e5kk4]:after {
		content: '';
		position: absolute;
		right: 4px;
		top: 4px;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fff
	}

.price .w > div[b-0cwk3e5kk4] {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	border-top: 1px solid #e3d6c3;
	border-bottom: 1px solid #e3d6c3;
	padding: 24px 16px;
	font-size: 20px
}

.price .terms span + span[b-0cwk3e5kk4]:before {
	content: '·';
	margin: 0 14px
}

.price .pr[b-0cwk3e5kk4] {
	display: flex;
	gap: 34px;
	align-items: center
}

	.price .pr a[b-0cwk3e5kk4] {
		font-weight: 700;
		color: #16206b
	}

.ph .w[b-0cwk3e5kk4] {
	padding-top: 40px;
	padding-bottom: 20px;
	max-width: 900px;
	text-align: center
}

.ph h1[b-0cwk3e5kk4] {
	font-size: 60px
}

.ph .lede[b-0cwk3e5kk4] {
	margin: 20px auto 0;
	max-width: 620px
}

.pc[b-0cwk3e5kk4] {
	padding: 44px 0 20px
}

	.pc .w[b-0cwk3e5kk4] {
		max-width: 1080px
	}

.lic[b-0cwk3e5kk4] {
	background: #fff;
	border: 1px solid #e3d6c3;
	border-radius: 16px;
	box-shadow: 0 10px 30px #8a52200f;
	display: grid;
	grid-template-columns: 1fr 1fr;
	overflow: hidden
}

	.lic > div[b-0cwk3e5kk4] {
		padding: 44px 40px
	}

	.lic .lft[b-0cwk3e5kk4] {
		border-right: 1px solid #eee7dc
	}

	.lic h2[b-0cwk3e5kk4] {
		margin: 0 0 6px;
		font-size: 30px;
		letter-spacing: -.8px
	}

	.lic .sub[b-0cwk3e5kk4] {
		margin: 0 0 26px;
		color: #6b7184;
		font-size: 16px;
		line-height: 1.5
	}

.seg[b-0cwk3e5kk4] {
	display: inline-flex;
	background: #fbf3e8;
	border: 1px solid #e3d6c3;
	border-radius: 10px;
	padding: 4px;
	gap: 4px;
	margin-bottom: 28px
}

	.seg label[b-0cwk3e5kk4] {
		cursor: pointer
	}

	.seg input[b-0cwk3e5kk4] {
		position: absolute;
		opacity: 0
	}

	.seg span[b-0cwk3e5kk4] {
		display: block;
		white-space: nowrap;
		padding: 11px 20px;
		border-radius: 7px;
		font-weight: 600;
		font-size: 16px
	}

	.seg input:checked + span[b-0cwk3e5kk4] {
		background: #16206b;
		color: #fff
	}

	.seg input:focus-visible + span[b-0cwk3e5kk4] {
		outline: 2px solid #ff7a00
	}

.xest[b-0cwk3e5kk4] {
	font-size: 13px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	font-weight: 700;
	color: #d06400;
	margin: 0 0 6px
}

.lic .seg[b-0cwk3e5kk4] {
	margin: 6px 0 34px
}

.big[b-0cwk3e5kk4] {
	display: flex;
	align-items: baseline;
	gap: 10px;
	flex-wrap: nowrap;
	white-space: nowrap
}

	.big output[b-0cwk3e5kk4] {
		font-size: 66px;
		font-weight: 700;
		letter-spacing: -3px;
		color: #141a3a;
		line-height: 1
	}

	.big span[b-0cwk3e5kk4] {
		font-size: 19px;
		color: #6b7184
	}

.school[b-0cwk3e5kk4] {
	display: block;
	margin: 26px 0 0 70px
}

.per[b-0cwk3e5kk4] {
	margin: 22px 0 0;
	font-size: 19px;
	color: #4a5068
}

	.per b[b-0cwk3e5kk4] {
		color: #141a3a;
		font-weight: 700
	}

.plans[b-0cwk3e5kk4] {
	margin: 22px 0 0;
	font-size: 15px;
	color: #4a4f66;
	line-height: 1.9
}

	.plans span[b-0cwk3e5kk4] {
		display: block
	}

		.plans span.on[b-0cwk3e5kk4] {
			color: #141a3a;
			font-weight: 600
		}

.yr[b-0cwk3e5kk4] {
	margin: 18px 0 0;
	font-size: 18px
}

	.yr b[b-0cwk3e5kk4] {
		font-weight: 700
	}

.al[b-0cwk3e5kk4] {
	margin: 6px 0 0;
	color: #6b7184;
	font-size: 15px
}

.tsl[b-0cwk3e5kk4] {
	margin-top: 34px
}

	.tsl .top[b-0cwk3e5kk4] {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		font-weight: 600;
		font-size: 16px
	}

	.tsl output[b-0cwk3e5kk4] {
		font-size: 22px;
		font-weight: 700;
		color: #16206b
	}

input[type=range][b-0cwk3e5kk4] {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	margin: 18px 0 8px;
	height: 5px;
	border-radius: 3px;
	background: #141a3a
}

	input[type=range][b-0cwk3e5kk4]::-webkit-slider-thumb {
		-webkit-appearance: none;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		background: #ff7a00;
		border: 3px solid #fff;
		box-shadow: 0 2px 6px #0003;
		cursor: pointer
	}

	input[type=range][b-0cwk3e5kk4]::-moz-range-thumb {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		background: #ff7a00;
		border: 3px solid #fff
	}

.tsl .ends[b-0cwk3e5kk4] {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	color: #6b7184
}

.fine[b-0cwk3e5kk4] {
	margin: 22px 0 0;
	font-size: 13.5px;
	line-height: 1.5;
	color: #6b7184
}

.rt h3[b-0cwk3e5kk4] {
	margin: 0 0 14px;
	font-size: 28px;
	line-height: 1.2;
	max-width: 300px;
	letter-spacing: -.4px
}

.inc[b-0cwk3e5kk4] {
	list-style: none;
	margin: 0 0 30px;
	padding: 0
}

	.inc li[b-0cwk3e5kk4] {
		padding: 21px 0 21px 44px;
		font-size: 19px;
		font-weight: 550;
		border-top: 1px solid #eee7dc;
		position: relative
	}

		.inc li:first-child[b-0cwk3e5kk4] {
			border: 0
		}

		.inc li[b-0cwk3e5kk4]:before {
			content: '✓';
			position: absolute;
			left: 0;
			top: 19px;
			width: 26px;
			height: 26px;
			border: 1px solid #f6d3ad;
			border-radius: 50%;
			background: #fff0dd;
			color: #c25f00;
			display: grid;
			place-items: center;
			font-size: 12px;
			font-weight: 700
		}

	.inc b[b-0cwk3e5kk4] {
		display: block;
		font-size: 16px
	}

	.inc span[b-0cwk3e5kk4] {
		font-size: 14.5px;
		color: #6b7184;
		line-height: 1.45
	}

.rt .btn[b-0cwk3e5kk4] {
	width: 100%
}

.dist[b-0cwk3e5kk4] {
	margin-top: 20px;
	background: #0f1546;
	color: #fff;
	border-radius: 16px;
	padding: 34px 44px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px
}

	.dist h3[b-0cwk3e5kk4] {
		margin: 0 0 6px;
		font-size: 26px;
		letter-spacing: -.6px
	}

	.dist p[b-0cwk3e5kk4] {
		margin: 0;
		color: #b9bfe8;
		font-size: 16px
	}

.adds[b-0cwk3e5kk4] {
	padding: 56px 0 20px
}

	.adds .w[b-0cwk3e5kk4] {
		max-width: 1080px
	}

	.adds h2[b-0cwk3e5kk4], .faq h2[b-0cwk3e5kk4] {
		margin: 0 0 22px;
		font-size: 34px;
		letter-spacing: -1px
	}

.ag[b-0cwk3e5kk4] {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 16px
}

	.ag div[b-0cwk3e5kk4] {
		background: #fff;
		border: 1px solid #ebe6f0;
		border-radius: 14px;
		padding: 22px
	}

	.ag b[b-0cwk3e5kk4] {
		display: block;
		font-size: 22px;
		letter-spacing: -.5px;
		color: #16206b;
		margin-bottom: 8px
	}

	.ag span[b-0cwk3e5kk4] {
		font-size: 15px;
		line-height: 1.45;
		color: #4a5068
	}

.adds .fine[b-0cwk3e5kk4] {
	margin-top: 14px
}

.faq[b-0cwk3e5kk4] {
	padding: 64px 0 70px
}

	.faq .w[b-0cwk3e5kk4] {
		max-width: 1080px
	}

	.faq details[b-0cwk3e5kk4] {
		border-top: 1px solid #e3d6c3;
		padding: 20px 0
	}

		.faq details:last-child[b-0cwk3e5kk4] {
			border-bottom: 1px solid #e3d6c3
		}

	.faq summary[b-0cwk3e5kk4] {
		cursor: pointer;
		font-weight: 650;
		font-size: 18px;
		list-style: none;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 16px
	}

		.faq summary[b-0cwk3e5kk4]::-webkit-details-marker {
			display: none
		}

		.faq summary[b-0cwk3e5kk4]:after {
			content: '';
			width: 9px;
			height: 9px;
			border-right: 2px solid #141a3a;
			border-bottom: 2px solid #141a3a;
			transform: rotate(-45deg);
			flex: none;
			transition: transform .2s
		}

	.faq details[open] summary[b-0cwk3e5kk4]:after {
		transform: rotate(45deg)
	}

	.faq p[b-0cwk3e5kk4] {
		margin: 12px 0 0;
		color: #4a5068;
		line-height: 1.6;
		max-width: 760px
	}

@media(max-width:760px) {
	.ph h1[b-0cwk3e5kk4] {
		font-size: 40px
	}

	.lic[b-0cwk3e5kk4] {
		grid-template-columns: 1fr
	}

		.lic > div[b-0cwk3e5kk4] {
			padding: 28px 22px
		}

		.lic .lft[b-0cwk3e5kk4] {
			border-right: 0;
			border-bottom: 1px solid #eee7dc
		}

	.big output[b-0cwk3e5kk4] {
		font-size: 48px
	}

	.big span[b-0cwk3e5kk4] {
		font-size: 16px
	}

	.school[b-0cwk3e5kk4] {
		margin-left: 40px
	}

	.inc li[b-0cwk3e5kk4] {
		font-size: 17px
	}

	.seg span[b-0cwk3e5kk4] {
		padding: 10px 14px;
		font-size: 15px
	}

	.dist[b-0cwk3e5kk4] {
		display: block;
		padding: 28px 22px
	}

		.dist .btn[b-0cwk3e5kk4] {
			margin-top: 20px;
			width: 100%
		}

	.ag[b-0cwk3e5kk4] {
		grid-template-columns: 1fr
	}
}
/* _content/Obzerv.Web/Components/Pages/Privacy.razor.rz.scp.css */
h1[b-1dkbo6gmt5], h2[b-1dkbo6gmt5], h3[b-1dkbo6gmt5], h4[b-1dkbo6gmt5], h5[b-1dkbo6gmt5], h6[b-1dkbo6gmt5] {
	font-family: 'Instrument Sans', Arial, sans-serif;
}
.grad[b-1dkbo6gmt5]:before {
	content: '';
	position: absolute;
	width: 1000px;
	height: 1000px;
	right: -200px;
	top: -300px;
	border-radius: 50%;
	background: radial-gradient(circle, #ffb877 0%, #ffd3a6 30%, #fde7cf 52%, #fbf5ec00 70%);
	z-index: 0;
}

.page[b-1dkbo6gmt5] {
	position: relative;
	overflow: hidden
}

	.page[b-1dkbo6gmt5]:before {
		content: '';
		position: absolute;
		width: 1000px;
		height: 1000px;
		right: -200px;
		top: -300px;
		border-radius: 50%;
		background: radial-gradient(circle,#ffb877 0%,#ffd3a6 30%,#fde7cf 52%,#fbf5ec00 70%);
		z-index: 0
	}

h1[b-1dkbo6gmt5] {
	margin: 0;
	font-size: 72px;
	line-height: 1;
	letter-spacing: -3.8px;
	font-weight: 650
}

	h1 span[b-1dkbo6gmt5] {
		display: block
	}

		h1 span + span[b-1dkbo6gmt5] {
			color: #e86f00;
			margin-top: 8px
		}

@media(max-width:760px) {
	.page[b-1dkbo6gmt5]:before {
		width: 600px;
		height: 600px;
		right: -260px;
		top: 300px
	}

	h1[b-1dkbo6gmt5] {
		font-size: 46px;
		letter-spacing: -2.2px
	}
}

h1[b-1dkbo6gmt5] {
	font-size: 58px;
	letter-spacing: -2.8px
}

@media(max-width:760px) {
	h1[b-1dkbo6gmt5] {
		font-size: 42px;
		letter-spacing: -2px
	}
}

.sp[b-1dkbo6gmt5] {
	position: relative;
	z-index: 1;
	padding: 80px 0 100px
}

	.sp .w[b-1dkbo6gmt5] {
		max-width: 860px
	}

	.sp h1[b-1dkbo6gmt5] {
		font-size: 56px;
		letter-spacing: -2.6px
	}

.doc[b-1dkbo6gmt5] {
	font-size: 16px;
	line-height: 1.65;
	color: #2b3150
}

	.doc h2[b-1dkbo6gmt5] {
		font-size: 22px;
		letter-spacing: -.4px;
		margin: 44px 0 10px;
		color: #141a3a
	}

	.doc table[b-1dkbo6gmt5] {
		border-collapse: collapse;
		width: 100%;
		font-size: 15px;
		margin: 12px 0
	}

	.doc td[b-1dkbo6gmt5], .doc th[b-1dkbo6gmt5] {
		border-bottom: 1px solid #e8dccb;
		padding: 10px 8px;
		text-align: left
	}

	.doc mark[b-1dkbo6gmt5] {
		background: #ffe08a;
		padding: 0 3px;
		border-radius: 3px
	}

.meta[b-1dkbo6gmt5] {
	color: #6b7184;
	font-size: 14px;
	margin-top: 14px
}

.pe[b-1dkbo6gmt5] {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 14px;
	margin-top: 32px
}

	.pe div[b-1dkbo6gmt5] {
		background: #fff;
		border: 1px solid #efe5d6;
		border-radius: 18px;
		padding: 20px
	}

	.pe b[b-1dkbo6gmt5] {
		display: block;
		font-size: 28px;
		letter-spacing: -1px;
		color: #16206b;
		margin-bottom: 6px
	}

	.pe span[b-1dkbo6gmt5] {
		font-size: 14px;
		color: #4a4f66;
		line-height: 1.4
	}

@media(max-width:760px) {
	.pe[b-1dkbo6gmt5] {
		grid-template-columns: 1fr
	}

	.pe[b-1dkbo6gmt5] {
		grid-template-columns: 1fr 1fr
	}
}

@media(max-width:760px) {
	.sp[b-1dkbo6gmt5] {
		padding: 40px 0 64px
	}

		.sp h1[b-1dkbo6gmt5] {
			font-size: 40px;
			letter-spacing: -1.8px
		}
}

/* unify: shared scale */
.acts[b-1dkbo6gmt5] {
	margin-top: 34px;
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap
}

@media(max-width:760px) {
	.acts .btn[b-1dkbo6gmt5], .acts .ghost[b-1dkbo6gmt5] {
		flex: 1 1 100%
	}
}

h1[b-1dkbo6gmt5] {
	margin: 0;
	font-size: 68px;
	line-height: 1.06;
	letter-spacing: -2.6px;
	font-weight: 700
}

.tagl[b-1dkbo6gmt5], .eyebrow[b-1dkbo6gmt5], .lab[b-1dkbo6gmt5] {
	margin: 0 0 14px;
	font-size: 12px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	font-weight: 700;
	color: #c25f00
}

.how .eyebrow[b-1dkbo6gmt5], .b3 .eyebrow[b-1dkbo6gmt5], .nv .eyebrow[b-1dkbo6gmt5] {
	color: #ff9a3d
}

.big[b-1dkbo6gmt5] {
	font-size: 64px;
	font-weight: 700;
	letter-spacing: -2.4px;
	line-height: 1.05
}

.b[b-1dkbo6gmt5] {
	border-radius: 14px;
	padding: 32px;
	border-color: #ebe6f0
}

.chips .own[b-1dkbo6gmt5] {
	background: #ff7a00;
	border-color: #ff7a00;
	color: #fff
}

.band[b-1dkbo6gmt5] {
	border-radius: 16px;
	background: #0f1546
}

	.band .btn[b-1dkbo6gmt5] {
		flex: none
	}

.cta[b-1dkbo6gmt5] {
	margin-top: 56px
}

@media(max-width:760px) {
	h1[b-1dkbo6gmt5] {
		font-size: 44px;
		letter-spacing: -1.6px
	}

	.big[b-1dkbo6gmt5] {
		font-size: 40px;
		letter-spacing: -1.4px
	}

	.b[b-1dkbo6gmt5] {
		padding: 24px
	}
}
/* _content/Obzerv.Web/Components/Pages/Sample.razor.rz.scp.css */
h1[b-ao6nm6noje], h2[b-ao6nm6noje], h3[b-ao6nm6noje], h4[b-ao6nm6noje], h5[b-ao6nm6noje], h6[b-ao6nm6noje] {
	font-family: 'Instrument Sans', Arial, sans-serif;
}
.grad[b-ao6nm6noje]:before {
	content: '';
	position: absolute;
	width: 1000px;
	height: 1000px;
	right: -200px;
	top: -300px;
	border-radius: 50%;
	background: radial-gradient(circle, #ffb877 0%, #ffd3a6 30%, #fde7cf 52%, #fbf5ec00 70%);
	z-index: 0;
}

.page[b-ao6nm6noje] {
	position: relative;
	overflow: hidden
}

	.page[b-ao6nm6noje]:before {
		content: '';
		position: absolute;
		width: 1000px;
		height: 1000px;
		right: -200px;
		top: -300px;
		border-radius: 50%;
		background: radial-gradient(circle,#ffb877 0%,#ffd3a6 30%,#fde7cf 52%,#fbf5ec00 70%);
		z-index: 0
	}

.sp[b-ao6nm6noje] {
	position: relative;
	z-index: 1;
	padding: 80px 0 40px
}

.tagl[b-ao6nm6noje] {
	margin: 0 0 14px;
	font-size: 12px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	font-weight: 700;
	color: #c25f00
}

h1[b-ao6nm6noje] {
	margin: 0;
	font-size: 68px;
	line-height: 1.06;
	letter-spacing: -2.6px;
	font-weight: 700
}

.beats[b-ao6nm6noje] {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 650;
	letter-spacing: -.5px;
	color: #e86f00;
	margin: 16px 0 0;
	max-width: 760px
}

.acts[b-ao6nm6noje] {
	margin-top: 34px;
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap
}

.note[b-ao6nm6noje] {
	margin: 18px 0 0;
	font-size: 14px;
	color: #6b7184
}

.rep[b-ao6nm6noje] {
	position: relative;
	z-index: 1;
	padding: 20px 0 0
}

	.rep .w[b-ao6nm6noje] {
		max-width: 920px
	}

.doc[b-ao6nm6noje] {
	background: #fff;
	border: 1px solid #efe5d6;
	border-radius: 24px;
	box-shadow: 0 20px 50px #7a4a1a14;
	padding: 56px 64px
}

	.doc h2[b-ao6nm6noje] {
		margin: 0 0 18px;
		font-size: 34px;
		letter-spacing: -1.2px;
		font-weight: 700
	}

	.doc h3[b-ao6nm6noje] {
		margin: 0;
		font-size: 22px;
		letter-spacing: -.5px;
		font-weight: 700
	}

	.doc p[b-ao6nm6noje], .doc li[b-ao6nm6noje] {
		font-size: 16.5px;
		line-height: 1.62;
		color: #2b3150
	}

.meta[b-ao6nm6noje] {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 14px;
	margin: 26px 0 8px
}

	.meta div[b-ao6nm6noje] {
		background: #fbf5ec;
		border-radius: 12px;
		padding: 14px 16px
	}

	.meta span[b-ao6nm6noje] {
		display: block;
		font-size: 12px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 700;
		color: #6b7184;
		margin-bottom: 4px
	}

	.meta b[b-ao6nm6noje] {
		font-size: 15.5px
	}

	.meta .wide[b-ao6nm6noje] {
		grid-column: 1/-1
	}

.sum[b-ao6nm6noje] {
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 0;
	font-size: 15.5px
}

	.sum td[b-ao6nm6noje] {
		padding: 11px 0;
		border-bottom: 1px solid #f0e7da
	}

		.sum td:last-child[b-ao6nm6noje] {
			text-align: right
		}

hr[b-ao6nm6noje] {
	border: 0;
	border-top: 1px solid #efe5d6;
	margin: 44px 0
}

.comp[b-ao6nm6noje] {
	margin-top: 40px
}

.ch[b-ao6nm6noje] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 14px
}

.r[b-ao6nm6noje] {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap
}

	.r.e[b-ao6nm6noje] {
		background: #16206b;
		color: #fff
	}

	.r.d[b-ao6nm6noje] {
		background: #ff7a00;
		color: #fff
	}

	.r.n[b-ao6nm6noje] {
		background: #eee7dc;
		color: #4a4f66
	}

.lbl[b-ao6nm6noje] {
	margin: 16px 0 4px;
	font-size: 12px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-weight: 700;
	color: #c25f00
}

.doc ul[b-ao6nm6noje] {
	margin: 0;
	padding-left: 20px
}

.doc li[b-ao6nm6noje] {
	margin-bottom: 8px
}

.rec[b-ao6nm6noje] {
	background: #fbf5ec;
	border-left: 4px solid #ff7a00;
	border-radius: 0 12px 12px 0;
	padding: 16px 20px;
	margin-top: 14px
}

	.rec p[b-ao6nm6noje] {
		margin: 0
	}

.goal[b-ao6nm6noje] {
	background: #16206b;
	color: #fff;
	border-radius: 16px;
	padding: 28px 32px;
	margin-top: 18px
}

	.goal p[b-ao6nm6noje] {
		color: #e4e7fb;
		margin: 0
	}

	.goal .lbl[b-ao6nm6noje] {
		color: #ff9a3d;
		margin-top: 0
	}

.foot[b-ao6nm6noje] {
	margin-top: 28px;
	font-size: 13px;
	color: #6b7184
}

@media(max-width:760px) {
	.page[b-ao6nm6noje]:before {
		width: 600px;
		height: 600px;
		right: -260px;
		top: 300px
	}

	.sp[b-ao6nm6noje] {
		padding: 40px 0 24px
	}

	h1[b-ao6nm6noje] {
		font-size: 44px;
		letter-spacing: -1.6px
	}

	.beats[b-ao6nm6noje] {
		font-size: 19px
	}

	.acts .btn[b-ao6nm6noje], .acts .ghost[b-ao6nm6noje] {
		flex: 1 1 100%
	}

	.doc[b-ao6nm6noje] {
		padding: 28px 22px;
		border-radius: 16px
	}

		.doc h2[b-ao6nm6noje] {
			font-size: 27px
		}

		.doc h3[b-ao6nm6noje] {
			font-size: 19px
		}

	.meta[b-ao6nm6noje] {
		grid-template-columns: 1fr 1fr
	}

	.goal[b-ao6nm6noje] {
		padding: 22px
	}
}

@media print {
	header[b-ao6nm6noje], footer[b-ao6nm6noje], .cta[b-ao6nm6noje], .acts[b-ao6nm6noje], .note[b-ao6nm6noje], .page[b-ao6nm6noje]:before {
		display: none !important
	}

	body[b-ao6nm6noje] {
		background: #fff
	}

	.sp[b-ao6nm6noje] {
		padding: 0 0 12px
	}

	h1[b-ao6nm6noje] {
		font-size: 34px;
		letter-spacing: -1px
	}

	.beats[b-ao6nm6noje] {
		font-size: 16px
	}

	.doc[b-ao6nm6noje] {
		box-shadow: none;
		border: 0;
		padding: 0
	}

	.comp[b-ao6nm6noje] {
		break-inside: avoid-page
	}

	.r[b-ao6nm6noje], .goal[b-ao6nm6noje], .meta div[b-ao6nm6noje], .rec[b-ao6nm6noje] {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact
	}
}
/* _content/Obzerv.Web/Components/Pages/Security.razor.rz.scp.css */
h1[b-22j1pqj28o], h2[b-22j1pqj28o], h3[b-22j1pqj28o], h4[b-22j1pqj28o], h5[b-22j1pqj28o], h6[b-22j1pqj28o] {
	font-family: 'Instrument Sans', Arial, sans-serif;
}
.hero[b-22j1pqj28o]:before {
	content: '';
	position: absolute;
	width: 1000px;
	height: 1000px;
	right: -200px;
	top: -300px;
	border-radius: 50%;
	background: radial-gradient(circle, #ffb877 0%, #ffd3a6 30%, #fde7cf 52%, #fbf5ec00 70%);
	z-index: 0;
}

.page[b-22j1pqj28o] {
	position: relative;
	overflow: hidden
}

.hero[b-22j1pqj28o] {
	position: relative
}

.page[b-22j1pqj28o]:before {
	content: '';
	position: absolute;
	width: 1000px;
	height: 1000px;
	right: -200px;
	top: -300px;
	border-radius: 50%;
	background: radial-gradient(circle,#ffb877 0%,#ffd3a6 30%,#fde7cf 52%,#fbf5ec00 70%);
	z-index: 0
}

.hero .w[b-22j1pqj28o] {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	padding-top: 70px;
	padding-bottom: 90px;
	align-items: center
}

h1[b-22j1pqj28o] {
	margin: 0;
	font-size: 72px;
	line-height: 1;
	letter-spacing: -3.8px;
	font-weight: 650
}

	h1 span[b-22j1pqj28o] {
		display: block
	}

		h1 span + span[b-22j1pqj28o] {
			color: #e86f00;
			margin-top: 8px
		}

.visual[b-22j1pqj28o] {
	position: relative;
	padding-top: 128px
}

.card[b-22j1pqj28o] {
	background: #fff;
	border: 1px solid #efe5d6;
	border-radius: 16px;
	box-shadow: 0 30px 70px #7a4a1a22
}

@media(max-width:760px) {
	.page[b-22j1pqj28o]:before {
		width: 600px;
		height: 600px;
		right: -260px;
		top: 300px
	}

	.hero .w[b-22j1pqj28o] {
		display: block;
		padding-top: 30px;
		padding-bottom: 56px
	}

	h1[b-22j1pqj28o] {
		font-size: 46px;
		letter-spacing: -2.2px
	}

	.visual[b-22j1pqj28o] {
		margin-top: 44px;
		padding-top: 150px
	}
}

.big[b-22j1pqj28o] {
	margin: 0;
	font-size: 56px;
	line-height: 1.02;
	letter-spacing: -2.6px;
	font-weight: 650;
	max-width: 760px
}

.send[b-22j1pqj28o] {
	display: flex;
	gap: 8px;
	margin-top: 12px
}

	.send b[b-22j1pqj28o] {
		flex: 1;
		text-align: center;
		background: #16206b;
		color: #fff;
		border-radius: 10px;
		padding: 10px;
		font-size: 13px
	}

	.send span[b-22j1pqj28o] {
		padding: 10px 12px;
		border: 1px solid #dfe2ee;
		border-radius: 10px;
		font-size: 13px
	}

.bento[b-22j1pqj28o] {
	padding: 110px 0
}

.b[b-22j1pqj28o] {
	background: #fff;
	border: 1px solid #efe5d6;
	border-radius: 24px;
	padding: 32px;
	position: relative;
	overflow: hidden
}

	.b h4[b-22j1pqj28o] {
		margin: 0 0 8px;
		font-size: 24px;
		letter-spacing: -.6px
	}

	.b p[b-22j1pqj28o] {
		margin: 0;
		color: #4a4f66;
		font-size: 16px;
		line-height: 1.5;
		max-width: 340px
	}

.huge[b-22j1pqj28o] {
	font-size: 96px;
	font-weight: 700;
	letter-spacing: -5px;
	line-height: .9;
	color: #16206b;
	margin-bottom: 18px
}

	.huge em[b-22j1pqj28o] {
		font-style: normal;
		color: #e86f00
	}

.b3[b-22j1pqj28o] {
	background: #0f1546;
	color: #fff;
	border-color: #0f1546
}

	.b3 p[b-22j1pqj28o] {
		color: #b9bfe8
	}

.lock[b-22j1pqj28o] {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: #ff7a00;
	display: grid;
	place-items: center;
	margin-bottom: 22px;
	font-size: 26px
}

.sw[b-22j1pqj28o] {
	width: 52px;
	height: 30px;
	border-radius: 20px;
	background: #16206b;
	position: relative
}

	.sw[b-22j1pqj28o]:after {
		content: '';
		position: absolute;
		right: 4px;
		top: 4px;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		background: #fff
	}

@media(max-width:760px) {
	.bento[b-22j1pqj28o] {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.big[b-22j1pqj28o] {
		font-size: 38px;
		letter-spacing: -1.6px
	}

	.huge[b-22j1pqj28o] {
		font-size: 72px
	}
}

h1[b-22j1pqj28o] {
	font-size: 58px;
	letter-spacing: -2.8px
}

@media(max-width:760px) {
	h1[b-22j1pqj28o] {
		font-size: 42px;
		letter-spacing: -2px
	}
}

.beats[b-22j1pqj28o] {
	font-size: 26px;
	line-height: 1.25;
	font-weight: 650;
	letter-spacing: -.6px;
	color: #e86f00;
	margin: 16px 0 0
}

@media(max-width:760px) {
	.beats[b-22j1pqj28o] {
		font-size: 20px
	}
}

.meta[b-22j1pqj28o] {
	color: #6b7184;
	font-size: 14px;
	margin-top: 14px
}

.sh .w[b-22j1pqj28o] {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: .95fr 1.05fr;
	gap: 56px;
	padding-top: 60px;
	padding-bottom: 100px;
	align-items: center
}

.sh .cta[b-22j1pqj28o] {
	margin-top: 34px
}

.chk[b-22j1pqj28o] {
	list-style: none;
	margin: 0;
	padding: 0
}

	.chk li[b-22j1pqj28o] {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 8px 0;
		border-bottom: 1px solid #eef0f6;
		font-size: 13px;
		font-weight: 600
	}

		.chk li:last-child[b-22j1pqj28o] {
			border: 0
		}

		.chk li[b-22j1pqj28o]:before {
			content: '✓';
			display: grid;
			place-items: center;
			width: 20px;
			height: 20px;
			border-radius: 50%;
			background: #e2f3e6;
			color: #1f6b3a;
			font-size: 12px;
			flex: none
		}

		.chk li.now[b-22j1pqj28o]:before {
			content: '';
			background: #fff;
			border: 2px solid #ff7a00
		}

		.chk li.lk[b-22j1pqj28o] {
			color: #8a8fa0
		}

			.chk li.lk[b-22j1pqj28o]:before {
				content: '🔒';
				background: #f5f6fb;
				font-size: 10px
			}

.apv[b-22j1pqj28o] {
	padding: 26px 28px;
	transform: rotate(-1deg)
}

	.apv h3[b-22j1pqj28o] {
		margin: 0 0 4px;
		font-size: 20px;
		letter-spacing: -.4px
	}

	.apv .meta[b-22j1pqj28o] {
		margin: 0 0 16px;
		font-size: 13px
	}

	.apv .chk li[b-22j1pqj28o] {
		font-size: 15px;
		padding: 12px 0
	}

	.apv .send[b-22j1pqj28o] {
		margin-top: 18px
	}

.geo[b-22j1pqj28o] {
	position: absolute;
	right: -20px;
	bottom: -60px;
	width: 250px;
	padding: 18px 20px;
	transform: rotate(2.5deg)
}

	.geo .huge[b-22j1pqj28o] {
		font-size: 56px;
		letter-spacing: -3px;
		margin: 0 0 6px
	}

	.geo p[b-22j1pqj28o] {
		margin: 0;
		font-size: 13px;
		color: #4a4f66
	}

.sg[b-22j1pqj28o] {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
	margin-top: 56px
}

	.sg .b[b-22j1pqj28o] {
		min-height: 260px;
		display: flex;
		flex-direction: column
	}

		.sg .b .vis[b-22j1pqj28o] {
			margin-bottom: auto;
			padding-bottom: 26px
		}

.zero[b-22j1pqj28o] {
	font-size: 120px;
	font-weight: 700;
	letter-spacing: -6px;
	line-height: .85;
	color: #16206b
}

.offt[b-22j1pqj28o] {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #f5f6fb;
	border-radius: 16px;
	padding: 16px 20px;
	font-weight: 650;
	font-size: 15px
}

	.offt .sw[b-22j1pqj28o] {
		background: #d5d9e8
	}

		.offt .sw[b-22j1pqj28o]:after {
			left: 4px;
			right: auto
		}

.roles[b-22j1pqj28o] {
	display: flex;
	flex-direction: column;
	gap: 8px
}

	.roles span[b-22j1pqj28o] {
		display: flex;
		justify-content: space-between;
		background: #fff;
		color: #141a3a;
		border-radius: 12px;
		padding: 11px 14px;
		font-size: 14px;
		font-weight: 650
	}

		.roles span i[b-22j1pqj28o] {
			font-style: normal;
			color: #6b7184;
			font-weight: 500;
			font-size: 13px
		}

.seal[b-22j1pqj28o] {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	border: 3px dashed #e86f00;
	display: grid;
	place-items: center;
	text-align: center;
	font-weight: 700;
	color: #c25f00;
	font-size: 15px;
	line-height: 1.15;
	transform: rotate(-8deg)
}

.band[b-22j1pqj28o] {
	background: #16206b;
	color: #fff;
	border-radius: 24px;
	padding: 48px 56px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	margin-top: 20px
}

	.band h3[b-22j1pqj28o] {
		margin: 0 0 6px;
		font-size: 30px;
		letter-spacing: -1px
	}

	.band p[b-22j1pqj28o] {
		margin: 0;
		color: #c9cdf0
	}

	.band .btn[b-22j1pqj28o] {
		height: 52px;
		flex: none
	}

@media(max-width:760px) {
	.sh .w[b-22j1pqj28o] {
		display: block;
		padding-top: 30px;
		padding-bottom: 70px
	}

	.sh .visual[b-22j1pqj28o] {
		margin-top: 48px;
		padding-top: 0
	}

	.apv[b-22j1pqj28o] {
		transform: none
	}

	.geo[b-22j1pqj28o] {
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		margin-top: -10px
	}

	.sg[b-22j1pqj28o] {
		grid-template-columns: 1fr
	}

	.band[b-22j1pqj28o] {
		display: block;
		padding: 32px 26px
	}

		.band .btn[b-22j1pqj28o] {
			margin-top: 20px
		}
}

/* unify: shared scale */
.acts[b-22j1pqj28o] {
	margin-top: 34px;
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap
}

@media(max-width:760px) {
	.acts .btn[b-22j1pqj28o], .acts .ghost[b-22j1pqj28o] {
		flex: 1 1 100%
	}
}

h1[b-22j1pqj28o] {
	margin: 0;
	font-size: 68px;
	line-height: 1.06;
	letter-spacing: -2.6px;
	font-weight: 700
}

.tagl[b-22j1pqj28o], .eyebrow[b-22j1pqj28o], .lab[b-22j1pqj28o] {
	margin: 0 0 14px;
	font-size: 12px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	font-weight: 700;
	color: #c25f00
}

.how .eyebrow[b-22j1pqj28o], .b3 .eyebrow[b-22j1pqj28o], .nv .eyebrow[b-22j1pqj28o] {
	color: #ff9a3d
}

.big[b-22j1pqj28o] {
	font-size: 64px;
	font-weight: 700;
	letter-spacing: -2.4px;
	line-height: 1.05
}

.b[b-22j1pqj28o] {
	border-radius: 14px;
	padding: 32px;
	border-color: #ebe6f0
}

.chips .own[b-22j1pqj28o] {
	background: #ff7a00;
	border-color: #ff7a00;
	color: #fff
}

.band[b-22j1pqj28o] {
	border-radius: 16px;
	background: #0f1546
}

	.band .btn[b-22j1pqj28o] {
		flex: none
	}

.cta[b-22j1pqj28o] {
	margin-top: 56px
}

@media(max-width:760px) {
	h1[b-22j1pqj28o] {
		font-size: 44px;
		letter-spacing: -1.6px
	}

	.big[b-22j1pqj28o] {
		font-size: 40px;
		letter-spacing: -1.4px
	}

	.b[b-22j1pqj28o] {
		padding: 24px
	}
}
/* _content/Obzerv.Web/Components/Pages/Support.razor.rz.scp.css */
.contact-grid[b-s0p9n0x0oy] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 24px;
	max-width: 800px;
	margin: 0 auto;
	align-items: stretch;
}

.contact-card[b-s0p9n0x0oy] {
	background: white;
	border: 1px solid #eee;
	border-radius: 12px;
	padding: 40px 32px;
	text-align: center;
	transition: border-color 0.2s;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 220px;
}
	.contact-card:hover[b-s0p9n0x0oy] {
		border-color: var(--primary-blue);
	}
/* _content/Obzerv.Web/Components/Pages/Terms.razor.rz.scp.css */
h1[b-1uqv4yw8bf], h2[b-1uqv4yw8bf], h3[b-1uqv4yw8bf], h4[b-1uqv4yw8bf], h5[b-1uqv4yw8bf], h6[b-1uqv4yw8bf] {
	font-family: 'Instrument Sans', Arial, sans-serif;
}
.grad[b-1uqv4yw8bf]:before {
	content: '';
	position: absolute;
	width: 1000px;
	height: 1000px;
	right: -200px;
	top: -300px;
	border-radius: 50%;
	background: radial-gradient(circle, #ffb877 0%, #ffd3a6 30%, #fde7cf 52%, #fbf5ec00 70%);
	z-index: 0;
}

.page[b-1uqv4yw8bf] {
	position: relative;
	overflow: hidden
}

	.page[b-1uqv4yw8bf]:before {
		content: '';
		position: absolute;
		width: 1000px;
		height: 1000px;
		right: -200px;
		top: -300px;
		border-radius: 50%;
		background: radial-gradient(circle,#ffb877 0%,#ffd3a6 30%,#fde7cf 52%,#fbf5ec00 70%);
		z-index: 0
	}

h1[b-1uqv4yw8bf] {
	margin: 0;
	font-size: 72px;
	line-height: 1;
	letter-spacing: -3.8px;
	font-weight: 650
}

	h1 span[b-1uqv4yw8bf] {
		display: block
	}

		h1 span + span[b-1uqv4yw8bf] {
			color: #e86f00;
			margin-top: 8px
		}

@media(max-width:760px) {
	.page[b-1uqv4yw8bf]:before {
		width: 600px;
		height: 600px;
		right: -260px;
		top: 300px
	}

	h1[b-1uqv4yw8bf] {
		font-size: 46px;
		letter-spacing: -2.2px
	}
}

h1[b-1uqv4yw8bf] {
	font-size: 58px;
	letter-spacing: -2.8px
}

@media(max-width:760px) {
	h1[b-1uqv4yw8bf] {
		font-size: 42px;
		letter-spacing: -2px
	}
}

.sp[b-1uqv4yw8bf] {
	position: relative;
	z-index: 1;
	padding: 80px 0 100px
}

	.sp .w[b-1uqv4yw8bf] {
		max-width: 860px
	}

	.sp h1[b-1uqv4yw8bf] {
		font-size: 56px;
		letter-spacing: -2.6px
	}

.doc[b-1uqv4yw8bf] {
	font-size: 16px;
	line-height: 1.65;
	color: #2b3150
}

	.doc h2[b-1uqv4yw8bf] {
		font-size: 22px;
		letter-spacing: -.4px;
		margin: 44px 0 10px;
		color: #141a3a
	}

	.doc table[b-1uqv4yw8bf] {
		border-collapse: collapse;
		width: 100%;
		font-size: 15px;
		margin: 12px 0
	}

	.doc td[b-1uqv4yw8bf], .doc th[b-1uqv4yw8bf] {
		border-bottom: 1px solid #e8dccb;
		padding: 10px 8px;
		text-align: left
	}

	.doc mark[b-1uqv4yw8bf] {
		background: #ffe08a;
		padding: 0 3px;
		border-radius: 3px
	}

@media(max-width:760px) {
	.sp[b-1uqv4yw8bf] {
		padding: 40px 0 64px
	}

		.sp h1[b-1uqv4yw8bf] {
			font-size: 40px;
			letter-spacing: -1.8px
		}
}

/* unify: shared scale */
.acts[b-1uqv4yw8bf] {
	margin-top: 34px;
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap
}

@media(max-width:760px) {
	.acts .btn[b-1uqv4yw8bf], .acts .ghost[b-1uqv4yw8bf] {
		flex: 1 1 100%
	}
}

h1[b-1uqv4yw8bf] {
	margin: 0;
	font-size: 68px;
	line-height: 1.06;
	letter-spacing: -2.6px;
	font-weight: 700
}

.tagl[b-1uqv4yw8bf], .eyebrow[b-1uqv4yw8bf], .lab[b-1uqv4yw8bf] {
	margin: 0 0 14px;
	font-size: 12px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	font-weight: 700;
	color: #c25f00
}

.how .eyebrow[b-1uqv4yw8bf], .b3 .eyebrow[b-1uqv4yw8bf], .nv .eyebrow[b-1uqv4yw8bf] {
	color: #ff9a3d
}

.big[b-1uqv4yw8bf] {
	font-size: 64px;
	font-weight: 700;
	letter-spacing: -2.4px;
	line-height: 1.05
}

.b[b-1uqv4yw8bf] {
	border-radius: 14px;
	padding: 32px;
	border-color: #ebe6f0
}

.chips .own[b-1uqv4yw8bf] {
	background: #ff7a00;
	border-color: #ff7a00;
	color: #fff
}

.band[b-1uqv4yw8bf] {
	border-radius: 16px;
	background: #0f1546
}

	.band .btn[b-1uqv4yw8bf] {
		flex: none
	}

.cta[b-1uqv4yw8bf] {
	margin-top: 56px
}

@media(max-width:760px) {
	h1[b-1uqv4yw8bf] {
		font-size: 44px;
		letter-spacing: -1.6px
	}

	.big[b-1uqv4yw8bf] {
		font-size: 40px;
		letter-spacing: -1.4px
	}

	.b[b-1uqv4yw8bf] {
		padding: 24px
	}
}