:root {
	--keellayer-studio-radius-panel: var( --wp--custom--radius--panel, 32px );
	--keellayer-studio-radius-card: var( --wp--custom--radius--card, 24px );
	--keellayer-studio-radius-control: var( --wp--custom--radius--control, 999px );
	--keellayer-studio-shadow-soft: 0 2px 4px rgba( 84, 56, 32, 0.05 ), 0 10px 26px rgba( 84, 56, 32, 0.07 );
	--keellayer-studio-shadow-lifted: 0 4px 10px rgba( 84, 56, 32, 0.07 ), 0 24px 56px rgba( 84, 56, 32, 0.1 );
	--keellayer-studio-prose: var( --wp--custom--rail--prose, 46rem );
	--keellayer-studio-lede: var( --wp--custom--rail--lede, 38rem );
	--keellayer-studio-line: var( --wp--preset--color--line, #e7d9c7 );
}

body {
	-webkit-font-smoothing: antialiased;
}

.keellayer-studio-prose > * + * {
	margin-block-start: 1.2em;
}

.keellayer-studio-prose {
	max-width: var( --keellayer-studio-prose );
}

.keellayer-studio-centred,
.is-style-keellayer-studio-centred {
	text-align: center;
}

.keellayer-studio-rail {
	max-width: var( --keellayer-studio-prose );
	margin-inline-start: max( 0px, ( 100% - var( --wp--style--global--wide-size, 92rem ) ) / 2 ) !important;
	margin-inline-end: auto !important;
}

.is-style-keellayer-studio-centred > * {
	margin-inline: auto;
}

.is-style-keellayer-studio-centred .is-style-keellayer-studio-lede,
.keellayer-studio-centred .is-style-keellayer-studio-lede {
	margin-inline: auto;
}

.is-style-keellayer-studio-scene,
.keellayer-studio-scene {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border-radius: var( --keellayer-studio-radius-panel );
	background-color: var( --wp--preset--color--surface-two, #f6ebdd );
	min-height: 18rem;
	display: grid;
	place-items: center;
	padding: clamp( 2rem, 5vw, 4rem );
	text-align: center;
}

.is-style-keellayer-studio-scene::before,
.keellayer-studio-scene::before {
	content: "";
	position: absolute;
	z-index: -2;
	inset-inline-start: 4%;
	inset-block-start: -6%;
	width: 42%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var( --wp--preset--color--brand-soft, #fbe8df );
	opacity: 0.85;
	filter: blur( 90px );
}

.is-style-keellayer-studio-scene::after,
.keellayer-studio-scene::after {
	content: "";
	position: absolute;
	z-index: -2;
	inset-inline-end: 6%;
	inset-block-end: -8%;
	width: 38%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: color-mix( in srgb, var( --wp--preset--color--accent, #1d6a62 ) 22%, transparent );
	opacity: 0.7;
	filter: blur( 90px );
}

.keellayer-studio-scene__arc {
	position: absolute;
	z-index: -1;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	width: 76%;
	aspect-ratio: 1;
	translate: -50% -50%;
	border-radius: 50%;
	border: 1px solid color-mix( in srgb, var( --wp--preset--color--contrast, #241a12 ) 10%, transparent );
	pointer-events: none;
}

.is-style-keellayer-studio-panel,
.is-style-keellayer-studio-panel-warm,
.is-style-keellayer-studio-panel-brand {
	border-radius: var( --keellayer-studio-radius-panel );
	padding: clamp( 2rem, 5vw, 4.5rem ) clamp( 1.5rem, 4vw, 3.5rem );
}

.is-style-keellayer-studio-panel {
	background-color: var( --wp--preset--color--surface, #fff );
	box-shadow: var( --keellayer-studio-shadow-soft );
}

.is-style-keellayer-studio-panel-warm {
	background-color: var( --wp--preset--color--surface-two, #f6ebdd );
}

.is-style-keellayer-studio-panel-brand {
	background-color: var( --wp--preset--color--brand, #a33c1c );
	color: var( --wp--preset--color--brand-ink, #fff );
}

.is-style-keellayer-studio-panel-brand :where( h1, h2, h3, h4, h5, h6 ) {
	color: var( --wp--preset--color--brand-ink, #fff );
}

.is-style-keellayer-studio-panel-brand p,
.is-style-keellayer-studio-panel-brand li {
	color: rgba( 255, 255, 255, 0.92 );
}

.is-style-keellayer-studio-panel-brand a:where( :not( .wp-element-button ) ) {
	color: #fff;
}

.is-style-keellayer-studio-panel-brand .wp-element-button,
.is-style-keellayer-studio-panel-brand .wp-block-button__link {
	background-color: #fff;
	color: var( --wp--preset--color--brand, #a33c1c );
}

.is-style-keellayer-studio-panel-brand .wp-element-button:hover,
.is-style-keellayer-studio-panel-brand .wp-block-button__link:hover {
	background-color: var( --wp--preset--color--contrast, #241a12 );
	color: #fff;
}

.is-style-keellayer-studio-panel-brand .is-style-keellayer-studio-lede,
.is-style-keellayer-studio-panel-brand .is-style-keellayer-studio-eyebrow {
	color: rgba( 255, 255, 255, 0.92 );
}

.is-style-keellayer-studio-card {
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-card );
	padding: clamp( 1.5rem, 3vw, 2.25rem );
	box-shadow: var( --keellayer-studio-shadow-soft );
}

.is-style-keellayer-studio-slot {
	border: 2px dashed var( --wp--preset--color--line-two, #8a7866 );
	border-radius: var( --keellayer-studio-radius-card );
	padding: clamp( 2rem, 4vw, 3rem );
	text-align: center;
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.is-style-keellayer-studio-eyebrow {
	font-family: var( --wp--preset--font-family--text );
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var( --wp--preset--color--brand, #a33c1c );
	margin-block-end: 0.9rem;
}

.is-style-keellayer-studio-lede {
	font-size: clamp( 1.1875rem, 1rem + 0.8vw, 1.4375rem );
	line-height: 1.6;
	color: var( --wp--preset--color--contrast-two, #55463a );
	max-width: var( --keellayer-studio-lede );
}

.is-style-keellayer-studio-note {
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.is-style-keellayer-studio-ticks,
.is-style-keellayer-studio-plain {
	list-style: none;
	padding-inline-start: 0;
	margin-inline-start: 0;
	text-align: start;
}

.is-style-keellayer-studio-ticks li {
	position: relative;
	padding-inline-start: 2.1rem;
	margin-block-end: 0.7rem;
}

.is-style-keellayer-studio-ticks li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0.15em;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	background-color: var( --wp--preset--color--brand-soft, #fbe8df );
}

.is-style-keellayer-studio-ticks li::after {
	content: "";
	position: absolute;
	inset-inline-start: 0.42rem;
	inset-block-start: 0.5em;
	width: 0.52rem;
	height: 0.3rem;
	border-inline-start: 2px solid var( --wp--preset--color--brand, #a33c1c );
	border-block-end: 2px solid var( --wp--preset--color--brand, #a33c1c );
	rotate: -45deg;
}

.is-style-keellayer-studio-panel-brand .is-style-keellayer-studio-ticks li::before {
	background-color: rgba( 255, 255, 255, 0.22 );
}

.is-style-keellayer-studio-panel-brand .is-style-keellayer-studio-ticks li::after {
	border-color: #fff;
}

.is-style-keellayer-studio-plain li {
	margin-block-end: 0.55rem;
}

.wp-block-quote.is-style-keellayer-studio-voice {
	border: 0;
	padding: clamp( 1.75rem, 3vw, 2.5rem );
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-card );
	box-shadow: var( --keellayer-studio-shadow-soft );
	position: relative;
}

.wp-block-quote.is-style-keellayer-studio-voice::before {
	content: "";
	position: absolute;
	inset-block-start: 1.4rem;
	inset-inline-start: 1.6rem;
	width: 2.1rem;
	height: 0.85rem;
	border-radius: 0 0 1.1rem 1.1rem;
	border: 0.34rem solid var( --wp--preset--color--brand-soft, #fbe8df );
	border-top: 0;
}

.wp-block-quote.is-style-keellayer-studio-voice p {
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--large, 1.375rem );
	line-height: 1.5;
	margin-block-start: 1.9rem;
}

.wp-block-quote.is-style-keellayer-studio-voice cite {
	font-family: var( --wp--preset--font-family--text );
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	font-style: normal;
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.is-style-keellayer-studio-plan-row {
	gap: clamp( 1.25rem, 2.5vw, 2rem );
	align-items: center;
}

.wp-block-table.is-style-keellayer-studio-prices table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-card );
	overflow: hidden;
	box-shadow: var( --keellayer-studio-shadow-soft );
}

.wp-block-table.is-style-keellayer-studio-prices th,
.wp-block-table.is-style-keellayer-studio-prices td {
	border: 0;
	border-block-end: 1px solid var( --keellayer-studio-line );
	padding: 1rem 1.25rem;
	text-align: start;
}

.wp-block-table.is-style-keellayer-studio-prices thead th {
	font-family: var( --wp--preset--font-family--text );
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.wp-block-table.is-style-keellayer-studio-prices tbody tr:last-child td {
	border-block-end: 0;
}

.keellayer-studio-header {
	background-color: transparent;
}

.keellayer-studio-header .wp-block-navigation a:where( :not( .wp-element-button ) ) {
	color: var( --wp--preset--color--contrast-two, #55463a );
}

.keellayer-studio-header .wp-block-navigation a:where( :not( .wp-element-button ) ):hover {
	color: var( --wp--preset--color--contrast, #241a12 );
}

.keellayer-studio-hero h1 {
	max-width: 18ch;
	margin-inline: auto;
}

.keellayer-studio-hero__facts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 1.75rem;
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keellayer-studio-plan--main {
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-panel );
	padding: clamp( 2rem, 4vw, 3rem );
	box-shadow: var( --keellayer-studio-shadow-lifted );
	text-align: center;
}

.keellayer-studio-plan--quiet {
	background-color: transparent;
	border: 1px solid var( --keellayer-studio-line );
	border-radius: var( --keellayer-studio-radius-card );
	padding: clamp( 1.25rem, 2.5vw, 1.75rem );
}

.keellayer-studio-plan__price {
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--figure, 3.25rem );
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.02em;
	margin: 0;
}

.keellayer-studio-plan__period {
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
	margin: 0.4rem 0 0;
}

.keellayer-studio-persona {
	text-align: center;
}

.keellayer-studio-persona__mark {
	width: 5.5rem;
	height: 5.5rem;
	margin: 0 auto 1.25rem;
	border-radius: 50%;
	background-color: var( --wp--preset--color--brand-soft, #fbe8df );
	position: relative;
	overflow: hidden;
}

.keellayer-studio-persona__mark::before {
	content: "";
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 1.05rem;
	width: 1.6rem;
	height: 1.6rem;
	translate: -50% 0;
	border-radius: 50%;
	background-color: var( --wp--preset--color--brand, #a33c1c );
	opacity: 0.55;
}

.keellayer-studio-persona__mark::after {
	content: "";
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 3.05rem;
	width: 3.2rem;
	height: 2.6rem;
	translate: -50% 0;
	border-radius: 1.6rem 1.6rem 0 0;
	background-color: var( --wp--preset--color--brand, #a33c1c );
	opacity: 0.55;
}

.keellayer-studio-persona--two .keellayer-studio-persona__mark {
	background-color: color-mix( in srgb, var( --wp--preset--color--accent, #1d6a62 ) 16%, transparent );
}

.keellayer-studio-persona--two .keellayer-studio-persona__mark::before,
.keellayer-studio-persona--two .keellayer-studio-persona__mark::after {
	background-color: var( --wp--preset--color--accent, #1d6a62 );
}

.keellayer-studio-persona--three .keellayer-studio-persona__mark {
	background-color: color-mix( in srgb, var( --wp--preset--color--contrast, #241a12 ) 12%, transparent );
}

.keellayer-studio-persona--three .keellayer-studio-persona__mark::before,
.keellayer-studio-persona--three .keellayer-studio-persona__mark::after {
	background-color: var( --wp--preset--color--contrast, #241a12 );
}

.keellayer-studio-step {
	text-align: center;
}

.keellayer-studio-step__number {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	margin: 0 auto 1rem;
	border-radius: 50%;
	background-color: var( --wp--preset--color--brand, #a33c1c );
	color: var( --wp--preset--color--brand-ink, #fff );
	font-family: var( --wp--preset--font-family--display );
	font-size: 1.25rem;
	font-weight: 600;
}

.keellayer-studio-hours {
	display: grid;
	gap: 0.6rem;
	max-width: 34rem;
	margin-inline: auto;
	text-align: start;
}

.keellayer-studio-hours__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.5rem 1.5rem;
	padding-block: 0.6rem;
	border-block-end: 1px solid var( --keellayer-studio-line );
}

.keellayer-studio-hours__row > * {
	margin: 0;
}

.keellayer-studio-status-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	align-items: baseline;
	justify-content: space-between;
	padding-block: 0.85rem;
	border-block-end: 1px solid var( --keellayer-studio-line );
}

.keellayer-studio-status-row > * {
	margin: 0;
}

.keellayer-studio-status-row__state {
	font-weight: 600;
	color: var( --wp--preset--color--positive, #15663f );
}

.keellayer-studio-footer {
	background-color: var( --wp--preset--color--surface-two, #f6ebdd );
}

.keellayer-studio-footer-columns {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( 11rem, 1fr ) );
	gap: var( --wp--preset--spacing--40, 2.25rem );
}

.keellayer-studio-footer-columns ul {
	list-style: none;
	padding-inline-start: 0;
	margin: 0;
}

.keellayer-studio-footer-columns li {
	margin-block-end: 0.5rem;
	font-size: var( --wp--preset--font-size--small, 1rem );
}

.keel-plans__head {
	text-align: center;
	margin-block-end: var( --wp--preset--spacing--50, 3.25rem );
}

.keel-plans__title {
	margin: 0;
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--xx-large, 2.75rem );
	font-weight: 500;
	letter-spacing: -0.014em;
}

.keel-plans__headline {
	margin: 0.75rem auto 0;
	max-width: var( --keellayer-studio-lede );
	color: var( --wp--preset--color--contrast-two, #55463a );
}

.keel-plans__grid,
.keel-groups__grid,
.keel-groups__plans,
.keel-offers__grid {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( 17rem, 1fr ) );
	gap: clamp( 1.25rem, 2.5vw, 2rem );
	list-style: none;
	padding-inline-start: 0;
	margin: 0;
}

.keel-plan,
.keel-plan-detail,
.keel-groups__group,
.keel-offers__offer {
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-card );
	padding: clamp( 1.75rem, 3vw, 2.5rem );
	box-shadow: var( --keellayer-studio-shadow-soft );
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}

.keel-plan--featured {
	box-shadow: var( --keellayer-studio-shadow-lifted );
	border-radius: var( --keellayer-studio-radius-panel );
}

.keel-plan__name,
.keel-plan-detail__name,
.keel-groups__name {
	margin: 0;
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--x-large, 1.75rem );
	font-weight: 500;
	letter-spacing: -0.008em;
}

.keel-plan__description,
.keel-plan-detail__description,
.keel-groups__count,
.keel-offers__description {
	margin: 0;
	color: var( --wp--preset--color--contrast-two, #55463a );
}

.keel-plan__price,
.keel-plan-detail__price,
.keel-groups__from,
.keel-offers__amount {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	gap: 0.4rem;
	margin-block: 0.4rem;
}

.keel-plan__amount,
.keel-plan-detail__amount,
.keel-groups__from-amount,
.keel-offers__amount {
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--figure, 3.25rem );
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.02em;
}

.keel-plan__cycle,
.keel-plan-detail__cycle,
.keel-groups__from-label,
.keel-plan__setup,
.keel-plan__tax,
.keel-plan-detail__setup,
.keel-plan__free-domain {
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
	margin: 0;
}

.keel-plan__features,
.keel-plan-detail__features,
.keel-groups__features {
	list-style: none;
	padding-inline-start: 0;
	margin: 0.5rem 0 0;
	text-align: start;
	display: grid;
	gap: 0.55rem;
}

.keel-plan__feature,
.keel-groups__feature {
	position: relative;
	padding-inline-start: 2.1rem;
	font-size: var( --wp--preset--font-size--small, 1rem );
	color: var( --wp--preset--color--contrast-two, #55463a );
}

.keel-plan__feature::before,
.keel-groups__feature::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0.1em;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	background-color: var( --wp--preset--color--brand-soft, #fbe8df );
}

.keel-plan__feature::after,
.keel-groups__feature::after {
	content: "";
	position: absolute;
	inset-inline-start: 0.42rem;
	inset-block-start: 0.45em;
	width: 0.52rem;
	height: 0.3rem;
	border-inline-start: 2px solid var( --wp--preset--color--brand, #a33c1c );
	border-block-end: 2px solid var( --wp--preset--color--brand, #a33c1c );
	rotate: -45deg;
}

.keel-plan__feature--no::after {
	border-color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-plan__feature-value {
	font-weight: 600;
	color: var( --wp--preset--color--contrast, #241a12 );
}

.keel-plan__action,
.keel-plan-detail__action,
.keel-groups__action {
	margin-block-start: auto;
	padding-block-start: 0.75rem;
}

.keel-plan__button,
.keel-plan-detail__action a,
.keel-groups__button,
.keel-compare__button,
.keel-domains__order,
.keel-order__button,
.keel-price__link {
	display: inline-block;
	background-color: var( --wp--preset--color--brand, #a33c1c );
	color: var( --wp--preset--color--brand-ink, #fff );
	border: 0;
	border-radius: var( --keellayer-studio-radius-control );
	padding: 0.95rem 1.9rem;
	font-size: 1.0625rem;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.keel-plan__button:hover,
.keel-plan-detail__action a:hover,
.keel-groups__button:hover,
.keel-compare__button:hover,
.keel-domains__order:hover,
.keel-order__button:hover,
.keel-price__link:hover {
	background-color: var( --wp--preset--color--contrast, #241a12 );
	color: var( --wp--preset--color--base, #fdf8f2 );
}

.keel-plan--no-tax .keel-plan__tax {
	display: none;
}

.keel-plan-addons,
.keel-plan-options {
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-card );
	padding: clamp( 1.5rem, 3vw, 2.25rem );
	box-shadow: var( --keellayer-studio-shadow-soft );
	margin-block-start: var( --wp--preset--spacing--40, 2.25rem );
}

.keel-plan-addons__title,
.keel-plan-options__title {
	margin: 0 0 1rem;
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--large, 1.375rem );
}

.keel-plan-addons__list,
.keel-plan-options__choices {
	list-style: none;
	padding-inline-start: 0;
	margin: 0;
}

.keel-plan-addons__addon,
.keel-plan-options__choice,
.keel-plan-options__option {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0.25rem 1rem;
	padding-block: 0.8rem;
	border-block-end: 1px solid var( --keellayer-studio-line );
}

.keel-plan-addons__name,
.keel-plan-options__choice-name,
.keel-plan-options__option-name,
.keel-plan-options__group-name {
	font-weight: 600;
}

.keel-plan-addons__description,
.keel-plan-options__option-description {
	grid-column: 1 / -1;
	margin: 0;
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-plan-addons__price,
.keel-plan-options__choice-price {
	font-weight: 600;
	white-space: nowrap;
}

.keel-plan-options__term,
.keel-plan-options__unit {
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-compare {
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-card );
	box-shadow: var( --keellayer-studio-shadow-soft );
	overflow: hidden;
}

.keel-compare__title {
	margin: 0;
	padding: clamp( 1.25rem, 2.5vw, 2rem );
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--x-large, 1.75rem );
	font-weight: 500;
}

.keel-compare__headline {
	margin: 0;
	padding: 0 clamp( 1.25rem, 2.5vw, 2rem ) clamp( 1.25rem, 2.5vw, 2rem );
	color: var( --wp--preset--color--contrast-two, #55463a );
}

.keel-compare__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.keel-compare table {
	border-collapse: collapse;
	width: 100%;
	min-width: 44rem;
}

.keel-compare th,
.keel-compare td {
	border: 0;
	border-block-end: 1px solid var( --keellayer-studio-line );
	padding: 0.9rem 1.1rem;
	text-align: start;
	font-size: var( --wp--preset--font-size--small, 1rem );
	vertical-align: top;
}

.keel-compare__name {
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--large, 1.375rem );
	font-weight: 500;
}

.keel-compare__amount {
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--x-large, 1.75rem );
	font-weight: 600;
	display: block;
}

.keel-compare__cycle,
.keel-compare__setup,
.keel-compare__tax,
.keel-compare__caption {
	display: block;
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-compare__caption {
	padding: 0.9rem clamp( 1.25rem, 2.5vw, 2rem );
}

.keel-compare__value--yes {
	color: var( --wp--preset--color--positive, #15663f );
	font-weight: 600;
}

.keel-compare__value--no {
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-compare__plan--featured {
	background-color: var( --wp--preset--color--brand-soft, #fbe8df );
}

.keel-compare__ribbon {
	display: inline-block;
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var( --wp--preset--color--brand, #a33c1c );
}

.keel-compare__sr,
.keellayer-studio-sr,
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect( 0, 0, 0, 0 );
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	clip: auto;
	white-space: normal;
}

.keel-groups__headline {
	margin: 0 auto var( --wp--preset--spacing--40, 2.25rem );
	max-width: var( --keellayer-studio-lede );
	text-align: center;
	color: var( --wp--preset--color--contrast-two, #55463a );
}

.keel-groups__menu {
	list-style: none;
	padding-inline-start: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.6rem;
}

.keel-groups__menu-link {
	display: block;
	padding: 0.6rem 1.25rem;
	border-radius: var( --keellayer-studio-radius-control );
	background-color: var( --wp--preset--color--surface, #fff );
	box-shadow: var( --keellayer-studio-shadow-soft );
	text-decoration: none;
	font-weight: 600;
}

.keel-groups__menu-link:hover {
	background-color: var( --wp--preset--color--brand-soft, #fbe8df );
}

.keel-domains {
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-panel );
	padding: clamp( 1.75rem, 3vw, 2.5rem );
	box-shadow: var( --keellayer-studio-shadow-soft );
	text-align: center;
}

.keel-domains__title {
	margin: 0 0 1rem;
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--x-large, 1.75rem );
}

.keel-domains__form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.6rem;
}

.keel-domains__label,
.keel-kb-search__label {
	flex: 1 1 100%;
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	font-weight: 600;
}

.keel-domains__input,
.keel-kb-search__input {
	flex: 1 1 14rem;
	min-width: 0;
	border: 1px solid var( --wp--preset--color--line-two, #8a7866 );
	border-radius: var( --keellayer-studio-radius-control );
	padding: 0.9rem 1.4rem;
	font: inherit;
	background-color: var( --wp--preset--color--base, #fdf8f2 );
	color: var( --wp--preset--color--contrast, #241a12 );
}

.keel-domains__button,
.keel-kb-search__button {
	border: 0;
	border-radius: var( --keellayer-studio-radius-control );
	background-color: var( --wp--preset--color--brand, #a33c1c );
	color: var( --wp--preset--color--brand-ink, #fff );
	padding: 0.9rem 1.9rem;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.keel-domains__button:hover,
.keel-kb-search__button:hover {
	background-color: var( --wp--preset--color--contrast, #241a12 );
}

.keel-domains__results,
.keel-domains__list,
.keel-kb__list,
.keel-kb-search__results,
.keel-news__list,
.keel-status__list,
.keel-status__updates {
	list-style: none;
	padding-inline-start: 0;
	margin: var( --wp--preset--spacing--30, 1.5rem ) 0 0;
	text-align: start;
}

.keel-domains__row,
.keel-domains__result {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 0.4rem 1rem;
	align-items: baseline;
	padding-block: 0.85rem;
	border-block-end: 1px solid var( --keellayer-studio-line );
}

.keel-domains__name {
	font-weight: 600;
	word-break: break-all;
}

.keel-domains__state {
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	font-weight: 600;
}

.keel-domains__result--available .keel-domains__state {
	color: var( --wp--preset--color--positive, #15663f );
}

.keel-domains__result--taken .keel-domains__state {
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-domains__result--unknown .keel-domains__state {
	color: var( --wp--preset--color--accent, #1d6a62 );
}

.keel-domains__price {
	font-weight: 600;
	white-space: nowrap;
}

.keel-domains__none,
.keel-domains__problem,
.keel-domains__searching,
.keel-domains__answer,
.keel-domains__challenge {
	font-size: var( --wp--preset--font-size--small, 1rem );
	color: var( --wp--preset--color--contrast-two, #55463a );
}

.keel-domains__problem {
	color: var( --wp--preset--color--negative, #a32a20 );
}

.keel-tlds {
	list-style: none;
	padding-inline-start: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
}

.keel-tlds > * {
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-card );
	padding: 0.9rem 1.4rem;
	box-shadow: var( --keellayer-studio-shadow-soft );
	text-align: center;
}

.keel-tlds__tld {
	display: block;
	font-family: var( --wp--preset--font-family--display );
	font-weight: 600;
}

.keel-tlds__price {
	display: block;
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-two, #55463a );
}

.keel-tlds__price--none {
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-tlds__badge {
	display: inline-block;
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	font-weight: 600;
	color: var( --wp--preset--color--brand, #a33c1c );
}

.keel-tlds__caption {
	flex: 1 1 100%;
	background: none;
	box-shadow: none;
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-kb__category {
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-card );
	padding: clamp( 1.25rem, 2.5vw, 1.75rem );
	box-shadow: var( --keellayer-studio-shadow-soft );
	margin-block-end: 1.25rem;
}

.keel-kb__category-title {
	margin: 0 0 0.35rem;
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--large, 1.375rem );
}

.keel-kb__category-description,
.keel-kb__summary {
	margin: 0 0 0.6rem;
	font-size: var( --wp--preset--font-size--small, 1rem );
	color: var( --wp--preset--color--contrast-two, #55463a );
}

.keel-kb__item,
.keel-kb-search__row {
	padding-block: 0.45rem;
}

.keel-kb__back,
.keel-kb-search__count {
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
}

.keel-kb__missing,
.keel-kb__unavailable,
.keel-kb-search__none,
.keel-notice {
	background-color: var( --wp--preset--color--surface-two, #f6ebdd );
	border-radius: var( --keellayer-studio-radius-card );
	padding: 1rem 1.4rem;
	font-size: var( --wp--preset--font-size--small, 1rem );
	color: var( --wp--preset--color--contrast-two, #55463a );
}

.keel-kb-article__title {
	margin: 0 0 1rem;
}

.keel-kb-article__body > * + * {
	margin-block-start: 1.2em;
}

.keel-kb-article__related {
	margin-block-start: var( --wp--preset--spacing--50, 3.25rem );
	padding-block-start: var( --wp--preset--spacing--30, 1.5rem );
	border-block-start: 1px solid var( --keellayer-studio-line );
}

.keel-kb-article__related-title {
	margin: 0 0 0.5rem;
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--large, 1.375rem );
}

.keel-status {
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-panel );
	padding: clamp( 1.75rem, 3vw, 2.5rem );
	box-shadow: var( --keellayer-studio-shadow-soft );
}

.keel-status__summary {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem 0.85rem;
	align-items: center;
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--x-large, 1.75rem );
	margin-block-end: 1rem;
}

.keel-status__dot {
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	background-color: var( --wp--preset--color--contrast-three, #6b5b4d );
	flex: 0 0 auto;
}

.keel-status__summary--ok .keel-status__dot,
.keel-status--ok .keel-status__dot {
	background-color: var( --wp--preset--color--positive, #15663f );
}

.keel-status__summary--incident .keel-status__dot,
.keel-status--incident .keel-status__dot {
	background-color: var( --wp--preset--color--negative, #a32a20 );
}

.keel-status--planned .keel-status__dot {
	background-color: var( --wp--preset--color--accent, #1d6a62 );
}

.keel-status__section {
	padding-block: 1rem;
	border-block-start: 1px solid var( --keellayer-studio-line );
}

.keel-status__heading,
.keel-status__notice-title,
.keel-status__title {
	margin: 0 0 0.4rem;
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--large, 1.375rem );
}

.keel-status__line,
.keel-status__update {
	padding-block: 0.75rem;
	border-block-end: 1px solid var( --keellayer-studio-line );
}

.keel-status__state {
	font-weight: 600;
}

.keel-status__meta,
.keel-status__when,
.keel-status__update-when,
.keel-status__affecting,
.keel-status__priority,
.keel-status__more {
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-status--banner {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem 0.85rem;
	align-items: center;
	background-color: var( --wp--preset--color--surface-two, #f6ebdd );
	border-radius: var( --keellayer-studio-radius-control );
	padding: 0.85rem 1.4rem;
	font-size: var( --wp--preset--font-size--small, 1rem );
}

.keel-news__item {
	background-color: var( --wp--preset--color--surface, #fff );
	border-radius: var( --keellayer-studio-radius-card );
	padding: clamp( 1.25rem, 2.5vw, 1.75rem );
	box-shadow: var( --keellayer-studio-shadow-soft );
	margin-block-end: 1.25rem;
}

.keel-news__title {
	margin: 0 0 0.3rem;
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--large, 1.375rem );
}

.keel-news__meta,
.keel-news__date,
.keel-news__kind {
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-news__kind--incident {
	color: var( --wp--preset--color--negative, #a32a20 );
}

.keel-news__kind--maintenance {
	color: var( --wp--preset--color--accent, #1d6a62 );
}

.keel-news__body {
	margin: 0.5rem 0 0;
}

.keel-offers__code {
	display: inline-flex;
	gap: 0.4rem;
	align-items: baseline;
	background-color: var( --wp--preset--color--brand-soft, #fbe8df );
	border-radius: var( --keellayer-studio-radius-control );
	padding: 0.4rem 1rem;
	margin-block-start: 0.6rem;
}

.keel-offers__code-label {
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-offers__code-value {
	font-weight: 600;
}

.keel-offers__conditions,
.keel-offers__condition {
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-reviews {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 0.85rem;
	align-items: baseline;
}

.keel-reviews__score {
	font-family: var( --wp--preset--font-family--display );
	font-size: var( --wp--preset--font-size--x-large, 1.75rem );
	font-weight: 600;
}

.keel-reviews__count,
.keel-reviews--cached {
	font-size: var( --wp--preset--font-size--x-small, 0.875rem );
	color: var( --wp--preset--color--contrast-three, #6b5b4d );
}

.keel-price {
	font-weight: 600;
}

:where( a, button, input, select, textarea, summary, [tabindex] ):focus {
	outline: 2px solid var( --wp--preset--color--brand, #a33c1c );
	outline-offset: 3px;
	border-radius: 4px;
}

:where( a, button, input, select, textarea, summary, [tabindex] ):focus:not( :focus-visible ) {
	outline: 0;
}

:where( a, button, input, select, textarea, summary, [tabindex] ):focus-visible {
	outline: 2px solid var( --wp--preset--color--brand, #a33c1c );
	outline-offset: 3px;
}

.is-style-keellayer-studio-panel-brand :where( a, button, input, summary, [tabindex] ):focus,
.is-style-keellayer-studio-panel-brand :where( a, button, input, summary, [tabindex] ):focus-visible {
	outline-color: #fff;
}

.skip-link:focus {
	background-color: var( --wp--preset--color--surface, #fff );
	color: var( --wp--preset--color--contrast, #241a12 );
	font-weight: 600;
	padding: 0.85rem 1.25rem;
	border-radius: 0 0 1rem 0;
	z-index: 100000;
}

@media ( prefers-reduced-motion: reduce ) {
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

@media ( max-width: 781px ) {
	.keellayer-studio-hero h1 {
		max-width: none;
	}

	.is-style-keellayer-studio-panel,
	.is-style-keellayer-studio-panel-warm,
	.is-style-keellayer-studio-panel-brand {
		border-radius: var( --keellayer-studio-radius-card );
	}

	.keellayer-studio-plan--main {
		border-radius: var( --keellayer-studio-radius-card );
	}

	.keel-domains__form {
		flex-direction: column;
	}

	.keel-domains__row,
	.keel-domains__result {
		grid-template-columns: 1fr auto;
	}
}

@media print {
	.keellayer-studio-header,
	.keellayer-studio-footer,
	.wp-block-navigation,
	.wp-block-buttons {
		display: none !important;
	}

	.is-style-keellayer-studio-panel,
	.is-style-keellayer-studio-card,
	.keellayer-studio-plan--main {
		box-shadow: none !important;
		border: 1px solid #999 !important;
	}
}
