/*
 * 261109-m3k plan 05: the v3 look of the public start page, loaded after squads-org-v2.css (never by the edit variant).
 * Rules as squads-v3.css (SourceLintTest): no font named, colour literal or 100vw; the heading takes the store font through .heading-font.
 */
.exo-start.exsq-org {
	--exo-bg: white;
	--exsq-v3-stitch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 24' preserveAspectRatio='none'%3E%3Cpath d='M2 14C60 2 110 22 160 12S250 4 298 14' fill='none' stroke='black' stroke-width='3' stroke-dasharray='10 7' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}

.exsq-v3s-stage {
	padding: 1.75rem 1.25rem 2rem;
	border-radius: 2rem;
	background: radial-gradient(circle at 20% 15%, white, var(--exsq-accent-soft, transparent));
	box-shadow: none;
}

.exsq-v3s-stage::after {
	content: "";
	position: absolute;
	inset: 0.75rem;
	border: 2px dashed var(--exsq-cta, transparent);
	border-radius: 1.375rem;
	opacity: 0.45;
	pointer-events: none;
}

.exsq-v3s-cap {
	margin-top: 0.875rem;
	color: var(--exo-muted);
	font-size: 0.875rem;
	text-align: center;
}

.exsq-v3s-head {
	display: grid;
	gap: 0.5rem;
}

.exsq-v3s-eyebrow {
	color: var(--exsq-accent, inherit);
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.exo-start .exsq-v3s-h1 {
	font: inherit;
	font-size: clamp(1.875rem, 3.6vw, 2.625rem);
	font-weight: 800;
	line-height: 1.1;
	text-wrap: balance;
}

.exsq-v3-stitched {
	position: relative;
	color: var(--exsq-accent, inherit);
	font-style: italic;
	white-space: nowrap;
}

.exsq-v3-stitched::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -0.2em;
	left: 0;
	height: 0.24em;
	background: var(--exsq-cta, transparent);
	-webkit-mask: var(--exsq-v3-stitch) 0 0 / 100% 100% no-repeat;
	mask: var(--exsq-v3-stitch) 0 0 / 100% 100% no-repeat;
}

.exsq-v3s-ticks {
	display: grid;
	gap: 0.5rem;
	margin-top: 0.5rem;
}

.exo-start .exsq-v3s-ticks > li {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin-left: 0;
}

.exsq-v3s-ticks .exo-ico {
	stroke: var(--exsq-accent, currentcolor);
}

.exo-start .exo-card {
	padding: 1.25rem;
	border: 1px solid var(--exo-line);
	border-radius: 1.625rem;
	box-shadow: none;
}

.exo-start .exo-field :is(input, select, textarea) {
	border-radius: 0.875rem;
}

.exo-start .exo-group > legend {
	margin-bottom: 0.875rem;
	padding: 0;
	font: inherit;
	font-weight: 800;
}

.exo-start .exo-btn {
	border-radius: 999px;
	box-shadow: none;
}

@media (min-width: 40em) {
	.exo-start .exo-card {
		padding: 1.625rem;
	}

	.exo-start .exo-group {
		flex-flow: row wrap;
	}

	.exo-start .exo-group > :not(legend) {
		flex: 1 1 100%;
	}

	.exo-start .exo-group > .exo-field ~ .exo-field {
		flex-basis: calc(50% - 0.4375rem);
	}
}

@media (min-width: 60rem) {
	.exo-start > .exsq-v3s-stage {
		grid-row: 2 / span 3;
	}
}