.axon-demo-quote {
	--axon-demo-brand: #0c4a6e;
	--axon-demo-accent: #0f766e;
	--axon-demo-line: #d9e2e8;
	background: #ffffff;
	border: 1px solid var(--axon-demo-line);
	border-radius: 6px;
	box-sizing: border-box;
	color: #17222b;
	max-width: 920px;
	padding: 22px;
}

.axon-demo-quote form {
	display: grid;
	gap: 16px;
}

.axon-demo-form-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axon-demo-quote label,
.axon-demo-quote legend {
	color: #27343d;
	display: grid;
	font-size: 14px;
	font-weight: 700;
	gap: 6px;
}

.axon-demo-quote input,
.axon-demo-quote select,
.axon-demo-quote textarea {
	border: 1px solid var(--axon-demo-line);
	border-radius: 4px;
	box-sizing: border-box;
	font: inherit;
	padding: 10px 12px;
	width: 100%;
}

.axon-demo-quote fieldset {
	border: 1px solid var(--axon-demo-line);
	border-radius: 6px;
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	padding: 14px;
}

.axon-demo-quote fieldset label {
	align-items: center;
	display: flex;
	font-weight: 500;
	gap: 8px;
}

.axon-demo-quote fieldset input {
	width: auto;
}

.axon-demo-pricing {
	background: #eef7f6;
	border-left: 4px solid var(--axon-demo-accent);
	margin: 0;
	padding: 12px;
}

.axon-demo-quote button {
	background: var(--axon-demo-brand);
	border: 0;
	border-radius: 4px;
	color: #ffffff;
	cursor: pointer;
	font-weight: 700;
	justify-self: start;
	padding: 12px 18px;
}

.axon-demo-success {
	background: #e9f8ef;
	border: 1px solid #b9e7c8;
	border-radius: 6px;
	color: #176938;
	margin-bottom: 16px;
	padding: 12px;
}

.axon-demo-error {
	background: #fff2f0;
	border: 1px solid #f0b8b0;
	border-radius: 6px;
	color: #8a2117;
	margin-bottom: 16px;
	padding: 12px;
}

@media (max-width: 720px) {
	.axon-demo-form-grid,
	.axon-demo-quote fieldset {
		grid-template-columns: 1fr;
	}
}