@charset "UTF-8";

/* Every rule belongs to Plans 5306; no subscription form selectors. */
body.page-id-5306 {
	height: auto !important;
	overflow-x: clip !important;
	overflow-y: visible !important;
}
.page-id-5306 .entry-header { display: none; }
.page-id-5306 .h5-plans {
	--hp-navy: #082544;
	--hp-ink: #153754;
	--hp-muted: #526c82;
	--hp-blue: #1768c7;
	--hp-blue-deep: #0f559f;
	--hp-border: #d8e5ee;
	width: 100%;
	max-width: 1200px;
	margin-inline: auto;
	padding: clamp(28px, 5vw, 64px) 20px;
	color: var(--hp-ink);
	font-family: Inter, Assistant, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.65;
	isolation: isolate;
}
.page-id-5306 .h5-plans *,
.page-id-5306 .h5-plans *::before,
.page-id-5306 .h5-plans *::after { box-sizing: border-box; }
.page-id-5306 .h5-plans .wp-block-group { min-width: 0; }
/* Gutenberg adds flow margins on render; these layouts own their gaps. */
.page-id-5306 .h5-plans :where(
	.h5-plans__cards, .h5-plans__card, .h5-plans__plan-heading,
	.h5-plans__card-actions, .h5-plans__reassurance, .h5-plans__guidance-grid
) > * { margin-block: 0; }
.page-id-5306 .h5-plans :where(h1, h2, h3, p, ul) { margin: 0; }
.page-id-5306 .h5-plans h1,
.page-id-5306 .h5-plans h2,
.page-id-5306 .h5-plans h3 { color: var(--hp-navy); font-weight: 800; }
.page-id-5306 .h5-plans h1 { font-size: clamp(2.1rem, 4.8vw, 3.7rem); line-height: 1.1; letter-spacing: -.035em; }
.page-id-5306 .h5-plans h2 { font-size: clamp(1.65rem, 3vw, 2.25rem); line-height: 1.2; letter-spacing: -.025em; }
.page-id-5306 .h5-plans h3 { font-size: 1.45rem; line-height: 1.25; }
.page-id-5306 .h5-plans p { color: var(--hp-muted); }
.page-id-5306 .h5-plans__hero {
	padding: clamp(28px, 5vw, 64px) clamp(20px, 4vw, 48px);
	border: 1px solid #dcecf5;
	border-radius: 28px;
	background: radial-gradient(ellipse at 90% 0%, #d8f4f2 0, transparent 55%), linear-gradient(135deg, #edf9ff, #f5faff 65%, #f0edfa);
	text-align: center;
}
.page-id-5306 .h5-plans__hero h1 { max-width: 850px; margin: 12px auto 22px; }
.page-id-5306 .h5-plans__hero > p:not(.h5-plans__eyebrow):not(.h5-plans__login) { max-width: 760px; margin-inline: auto; font-size: 1.12rem; }
.page-id-5306 .h5-plans .h5-plans__eyebrow { color: var(--hp-blue-deep); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.page-id-5306 .h5-plans .h5-plans__login { margin-top: 24px; font-size: .92rem; }
.page-id-5306 .h5-plans a:not(.wp-block-button__link) { color: var(--hp-blue-deep); text-underline-offset: 4px; }
.page-id-5306 .h5-plans__audiences {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	max-width: 640px;
	margin: 32px auto 44px;
	padding: 6px;
	border: 1px solid var(--hp-border);
	border-radius: 20px;
	background: #f2f7fb;
}
.page-id-5306 .h5-plans__audiences > .wp-block-button { width: 100%; margin: 0; }
.page-id-5306 .h5-plans__audiences .wp-block-button__link {
	display: block;
	width: 100%;
	padding: 16px 10px;
	border: 1px solid transparent;
	border-radius: 14px;
	background: transparent;
	color: var(--hp-ink);
	font: inherit;
	font-size: .83rem;
	line-height: 1.45;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	white-space: normal;
}
.page-id-5306 .h5-plans__audiences strong { font-size: 1.05rem; }
.page-id-5306 .h5-plans__audiences [aria-selected="true"] { background: #fff; border-color: var(--hp-border); color: var(--hp-blue-deep); box-shadow: 0 3px 10px #08254408; }
.page-id-5306 .h5-plans :is(a, button, [tabindex]):focus-visible { outline: 3px solid var(--hp-blue); outline-offset: 4px; }
.page-id-5306 .h5-plans [hidden] { display: none !important; }
.page-id-5306 .h5-plans__section-intro { max-width: 760px; margin: 0 auto 32px; text-align: center; }
.page-id-5306 .h5-plans__section-intro p { margin-top: 14px; }
.page-id-5306 .h5-plans__cards { display: grid; gap: 24px; align-items: stretch; }
.page-id-5306 .h5-plans__card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: clamp(24px, 3vw, 38px);
	border: 1px solid var(--hp-border);
	border-radius: 26px;
	background: #fff;
	box-shadow: 0 8px 28px #08254406;
}
.page-id-5306 .h5-plans__card--premium { border-color: #8dbce8; background: linear-gradient(155deg, #f0f8ff, #fff 65%); }
.page-id-5306 .h5-plans .h5-plans__badge { align-self: flex-start; padding: 5px 12px; border-radius: 99px; background: #dceefe; color: #0c529c; font-size: .78rem; font-weight: 750; }
.page-id-5306 .h5-plans__plan-heading { display: flex; flex-direction: column; gap: 10px; }
.page-id-5306 .h5-plans .h5-plans__label { font-size: .9rem; }
.page-id-5306 .h5-plans__price { padding-block: 16px; border-block: 1px solid var(--hp-border); }
.page-id-5306 .h5-plans .h5-plans__amount { color: var(--hp-navy); font-size: 1rem; }
.page-id-5306 .h5-plans__amount strong { font-size: clamp(2.6rem, 5vw, 3.2rem); font-weight: 800; line-height: 1.2; letter-spacing: -.045em; }
.page-id-5306 .h5-plans .h5-plans__billing { font-size: .88rem; }
.page-id-5306 .h5-plans .h5-plans__annual { margin-top: 10px; color: var(--hp-ink); font-size: .95rem; font-weight: 650; }
.page-id-5306 .h5-plans__features { padding-inline-start: 22px; list-style: disc; }
.page-id-5306 .h5-plans__features li { padding-inline-start: 4px; margin-block: 9px; font-size: .96rem; }
.page-id-5306 .h5-plans__features li::marker { color: #15989f; }
.page-id-5306 .h5-plans__card-actions { margin-top: 0; padding-top: 12px; display: flex; flex-direction: column; gap: 12px; }
.page-id-5306 .h5-plans__comparison { margin: 0; padding: 0; list-style: none; }
.page-id-5306 .h5-plans__comparison > li {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 12px;
	margin: 0;
	padding-block: 12px;
	border-block-start: 1px solid var(--hp-border);
	color: var(--hp-ink);
}
.page-id-5306 .h5-plans__feature-status { color: #12713f; line-height: 1.3; }
.page-id-5306 .h5-plans__feature-symbol {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	font-size: 1.15rem;
	font-weight: 750;
}
.page-id-5306 .h5-plans__feature--included .h5-plans__feature-symbol { background: #e7f5ed; border-radius: 50%; }
.page-id-5306 .h5-plans__feature-copy { display: flex; flex-direction: column; gap: 4px; }
.page-id-5306 .h5-plans__feature-title { color: var(--hp-navy); font-size: .97rem; font-weight: 750; line-height: 1.35; }
.page-id-5306 .h5-plans__feature-description { font-size: .9rem; line-height: 1.55; }
.page-id-5306 .h5-plans__comparison > .h5-plans__feature--unavailable { border-block-start-color: #e8edf1; }
.page-id-5306 .h5-plans__feature--unavailable .h5-plans__feature-title { color: #69737d; font-weight: 650; }
.page-id-5306 .h5-plans__feature--unavailable .h5-plans__feature-description { color: #71767b; }
.page-id-5306 .h5-plans__feature--unavailable .h5-plans__feature-status { color: #5f6872; }
/* Replace only the aria-hidden decorative glyph; keep the accessible state label. */
.page-id-5306 .h5-plans__feature--unavailable .h5-plans__feature-symbol {
	position: relative;
	border-radius: 50%;
	background: #edf0f2;
	font-size: 0;
}
.page-id-5306 .h5-plans__feature--unavailable .h5-plans__feature-symbol::before {
	content: "\00d7";
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	font-size: 1.15rem;
	font-weight: 650;
}
.page-id-5306 .h5-plans__comparison > .h5-plans__feature--h5p {
	padding-block: 18px 22px;
	row-gap: 12px;
	border-block-end: 2px solid #b7d6de;
}
.page-id-5306 .h5-plans__feature--h5p .h5-plans__feature-title { font-size: 1.05rem; }
.page-id-5306 .h5-plans__h5p-support {
	display: grid;
	grid-column: 2;
	gap: 6px;
	margin: 0;
	padding-inline-start: 18px;
	list-style: disc;
	color: var(--hp-ink);
	font-size: .84rem;
	line-height: 1.5;
}
.page-id-5306 .h5-plans__h5p-support > li { margin: 0; padding-inline-start: 2px; }
.page-id-5306 .h5-plans__h5p-support > li::marker { color: #12713f; }
.page-id-5306 .h5-plans__feature--h5p + li { border-block-start: 0; }
.page-id-5306 .h5-plans__feature-state {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
.page-id-5306 .h5-plans .h5-plans__setup-note {
	padding-block-start: 12px;
	border-block-start: 1px solid var(--hp-border);
	font-size: .83rem;
	line-height: 1.6;
}
.page-id-5306 .h5-plans__card-actions .wp-block-buttons,
.page-id-5306 .h5-plans__card-actions .wp-block-button { width: 100%; }
.page-id-5306 .h5-plans__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.page-id-5306 .h5-plans__actions .wp-block-button__link {
	display: block;
	width: 100%;
	padding: 13px 20px;
	border: 1px solid var(--hp-blue);
	border-radius: 12px;
	background: var(--hp-blue);
	color: #fff;
	font: inherit;
	font-weight: 700;
	font-size: .96rem;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	white-space: normal;
}
.page-id-5306 .h5-plans__actions .wp-block-button__link:hover { background: var(--hp-blue-deep); border-color: var(--hp-blue-deep); }
.page-id-5306 .h5-plans__actions .h5-plans__button--secondary .wp-block-button__link { background: #fff; color: var(--hp-blue-deep); border-color: #b4cde2; }
.page-id-5306 .h5-plans__actions .h5-plans__button--secondary .wp-block-button__link:hover { background: #edf6fd; }
.page-id-5306 .h5-plans .h5-plans__reassurance-text { font-size: .83rem; text-align: center; }
.page-id-5306 .h5-plans__reassurance { display: grid; gap: 24px; margin-top: 32px; padding: 28px; border-radius: 22px; background: #f2f8fb; }
.page-id-5306 .h5-plans__reassurance h3 { margin-bottom: 7px; font-size: .98rem; }
.page-id-5306 .h5-plans__reassurance p { font-size: .88rem; }
.page-id-5306 .h5-plans__guidance { margin-top: 52px; }
.page-id-5306 .h5-plans__guidance > h2 { margin-bottom: 22px; }
.page-id-5306 .h5-plans__guidance-grid { display: grid; gap: 16px; }
.page-id-5306 .h5-plans__guidance-item { padding: 24px; border: 1px solid var(--hp-border); border-radius: 18px; }
.page-id-5306 .h5-plans__guidance-item p + p { margin-top: 12px; color: var(--hp-blue-deep); font-weight: 750; }
.page-id-5306 .h5-plans__closing { margin-top: 40px; padding: clamp(24px, 4vw, 44px); border: 1px solid #d5e8f3; border-radius: 26px; background: linear-gradient(125deg, #edf9ff, #eff9f6); }
.page-id-5306 .h5-plans__closing > p { max-width: 780px; margin-top: 16px; }
.page-id-5306 .h5-plans__closing .h5-plans__actions { margin-top: 24px; }
.page-id-5306 .h5-plans__closing .h5-plans__reassurance-text { text-align: start; }
.page-id-5306 .h5-plans__students { padding: clamp(24px, 5vw, 56px); border-radius: 26px; border: 1px solid var(--hp-border); background: radial-gradient(ellipse at 100% 0, #e5f5f4, transparent 60%), #f5faff; }
.page-id-5306 .h5-plans__students > h2 { max-width: 720px; margin-top: 14px; }
.page-id-5306 .h5-plans__students > p { max-width: 780px; margin-top: 18px; }
.page-id-5306 .h5-plans__student-preview { margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--hp-border); }
.page-id-5306 .h5-plans__student-preview > p { margin-top: 14px; max-width: 780px; }
.page-id-5306 .h5-plans__student-preview .h5-plans__features { margin-top: 20px; }
.page-id-5306 .h5-plans__student-closing { margin-top: 30px; font-weight: 750; }
.page-id-5306 .h5-plans__teachers:not([hidden]) + .h5-plans__students { margin-top: 48px; }
@media (min-width: 600px) {
	.page-id-5306 .h5-plans__reassurance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.page-id-5306 .h5-plans__guidance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
	.page-id-5306 .h5-plans__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	/* Shared auto-sized tracks align both cards without fixed card/row heights. */
	@supports (grid-template-rows: subgrid) {
		.page-id-5306 .h5-plans__cards { grid-template-rows: repeat(12, auto); row-gap: 16px; }
		.page-id-5306 .h5-plans__cards > .h5-plans__card {
			display: grid;
			grid-row: 1 / span 12;
			grid-template-rows: subgrid;
		}
		.page-id-5306 .h5-plans__cards > .h5-plans__card:first-child { grid-column: 1; }
		.page-id-5306 .h5-plans__cards > .h5-plans__card:last-child { grid-column: 2; }
		.page-id-5306 .h5-plans__card > .h5-plans__plan-heading { grid-row: 1; }
		.page-id-5306 .h5-plans__card > .h5-plans__plan-description { grid-row: 2; }
		.page-id-5306 .h5-plans__card > .h5-plans__price { grid-row: 3; }
		.page-id-5306 .h5-plans__card > .h5-plans__card-actions { grid-row: 4; }
		.page-id-5306 .h5-plans__card > .h5-plans__comparison {
			display: grid;
			grid-row: 5 / span 7;
			grid-template-rows: subgrid;
		}
		.page-id-5306 .h5-plans__card > .h5-plans__setup-note { grid-row: 12; }
	}
	.page-id-5306 .h5-plans__reassurance { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.page-id-5306 .h5-plans__student-preview .h5-plans__features { columns: 2; column-gap: 40px; }
	.page-id-5306 .h5-plans__student-preview li { break-inside: avoid; }
}
@media (max-width: 599px) {
	.page-id-5306 .h5-plans__audiences .wp-block-button__link { font-size: .75rem; }
	.page-id-5306 .h5-plans__closing .wp-block-button { width: 100%; }
}