@font-face {
	font-family: "Instrument Sans";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/instrument-sans-500.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Instrument Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/instrument-sans-700.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--color-dark-base: #040d02;
	--color-light-base: #ffffff;
	--color-muted: #7a8493;
	--color-surface: #f7fbff;
	--color-primary: #0039a6;
	--color-primary-border: #b4cbf9;
	--color-primary-surface: #edf3ff;
	--color-rating: #fabd00;
	--color-success: #49b52b;
	--color-error: #eb001b;
	--color-gradient-start: #0d2043;
	--color-gradient-end: #566787;
	--color-background: var(--color-light-base);
	--color-text: var(--color-dark-base);
	--color-border: var(--color-primary-border);
	--color-accent: var(--color-primary);
	--color-warning: var(--color-rating);
	--color-danger: var(--color-error);
	--icon-check-mark: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m4%208.2%202.4%202.4L12%205%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.75%22%2F%3E%3C%2Fsvg%3E");
	--icon-mask-gift: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018.2375%2018.2376%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17.275%206.86875V14.1813L9.11875%2017.8375%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.9625%203.2125C9.9625%203.2125%2013.9337%20-1.76%2015.8688%201.525C17.8038%204.81%209.9625%205.4625%209.9625%205.4625V3.2125Z%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.9625%204.3375C10.8006%203.38687%2013.2756%201.525%2014.1419%201.525C14.2769%201.525%2014.5356%201.525%2014.8956%202.0875C14.9541%202.16749%2014.995%202.25902%2015.0153%202.35602C15.0357%202.45301%2015.0352%202.55323%2015.0137%202.65C14.1531%203.69625%2011.7062%204.1575%209.95125%204.3375H9.9625Z%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.9625%205.4625L12.775%206.62125V16.2006L14.4625%2015.4413V5.86187L12.64%205.0125%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.275%203.2125H9.9625V5.4625H8.275V3.2125Z%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M0.9625%206.86875V14.1813L9.11875%2017.8375%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.275%203.2125C8.275%203.2125%204.30375%20-1.76%202.36875%201.525C0.43375%204.81%208.275%205.4625%208.275%205.4625V3.2125Z%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.275%204.3375C7.43687%203.38687%204.96188%201.525%204.09563%201.525C3.96063%201.525%203.70187%201.525%203.34187%202.0875C3.28335%202.16749%203.24255%202.25902%203.22218%202.35602C3.20181%202.45301%203.20235%202.55323%203.22375%202.65C4.08437%203.69625%206.53125%204.1575%208.28625%204.3375H8.275Z%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.59313%201.54187L9.11875%200.4L11.6444%201.54187%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.275%205.4625L5.4625%206.62125V16.2006L3.775%2015.4413V5.86187L5.5975%205.0125%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M14.4625%208.11188L17.8375%206.5875V4.3375%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.4625%208.87125L9.11875%2010.525L12.775%208.87125%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M0.4%204.3375V6.5875L3.775%208.11188%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M14.4625%205.86187L17.8375%204.3375L15.835%203.43187%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.4625%206.62125L9.11875%208.275L12.775%206.62125%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.4025%203.43187L0.4%204.3375L3.775%205.86187%22%20stroke%3D%22%230039A6%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
	--icon-mask-rating-stars: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20overflow%3D%22visible%22%20style%3D%22display%3A%20block%3B%22%20width%3D%2288%22%20height%3D%2216%22%20viewBox%3D%220%200%2088%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22Star%20%22%3E%3Cpath%20id%3D%22Star%201%22%20d%3D%22M8%200L9.79611%205.52786H15.6085L10.9062%208.94427L12.7023%2014.4721L8%2011.0557L3.29772%2014.4721L5.09383%208.94427L0.391548%205.52786H6.20389L8%200Z%22%20fill%3D%22%23FABD00%22%2F%3E%3Cpath%20id%3D%22Star%202%22%20d%3D%22M26%200L27.7961%205.52786H33.6085L28.9062%208.94427L30.7023%2014.4721L26%2011.0557L21.2977%2014.4721L23.0938%208.94427L18.3915%205.52786H24.2039L26%200Z%22%20fill%3D%22%23FABD00%22%2F%3E%3Cpath%20id%3D%22Star%203%22%20d%3D%22M44%200L45.7961%205.52786H51.6085L46.9062%208.94427L48.7023%2014.4721L44%2011.0557L39.2977%2014.4721L41.0938%208.94427L36.3915%205.52786H42.2039L44%200Z%22%20fill%3D%22%23FABD00%22%2F%3E%3Cpath%20id%3D%22Star%204%22%20d%3D%22M62%200L63.7961%205.52786H69.6085L64.9062%208.94427L66.7023%2014.4721L62%2011.0557L57.2977%2014.4721L59.0938%208.94427L54.3915%205.52786H60.2039L62%200Z%22%20fill%3D%22%23FABD00%22%2F%3E%3Cpath%20id%3D%22Star%205%22%20d%3D%22M80%200L81.7961%205.52786H87.6085L82.9062%208.94427L84.7023%2014.4721L80%2011.0557L75.2977%2014.4721L77.0938%208.94427L72.3915%205.52786H78.2039L80%200Z%22%20fill%3D%22%23FABD00%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	--icon-mask-right: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20overflow%3D%22visible%22%20style%3D%22display%3A%20block%3B%22%20width%3D%2214%22%20height%3D%229.5%22%20viewBox%3D%220%200%2014%209.5%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22Right%201%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M1%203.75C0.447715%203.75%20-5.96046e-08%204.19772%20-5.96046e-08%204.75C0%205.30229%200.447715%205.75%201%205.75L1%204.75L1%203.75ZM13%205.75C13.5523%205.75%2014%205.30228%2014%204.75C14%204.19772%2013.5523%203.75%2013%203.75V4.75V5.75ZM10.7039%200.289746C10.3117%20-0.0990325%209.67852%20-0.0962076%209.28975%200.296055C8.90097%200.688318%208.90379%201.32148%209.29605%201.71025L10%201L10.7039%200.289746ZM11.3222%202.31048L10.6183%203.02074V3.02074L11.3222%202.31048ZM11.3222%207.18952L12.0262%207.89977V7.89977L11.3222%207.18952ZM9.29605%207.78975C8.90379%208.17852%208.90097%208.81168%209.28975%209.20395C9.67852%209.59621%2010.3117%209.59903%2010.7039%209.21025L10%208.5L9.29605%207.78975ZM12.9851%204.515L13.9771%204.38856V4.38856L12.9851%204.515ZM12.9851%204.985L13.9771%205.11144V5.11144L12.9851%204.985ZM1%204.75L1%205.75L13%205.75V4.75V3.75L1%203.75L1%204.75ZM10%201L9.29605%201.71025L10.6183%203.02074L11.3222%202.31048L12.0262%201.60023L10.7039%200.289746L10%201ZM11.3222%207.18952L10.6183%206.47926L9.29605%207.78975L10%208.5L10.7039%209.21025L12.0262%207.89977L11.3222%207.18952ZM11.3222%202.31048L10.6183%203.02074C11.1622%203.55983%2011.5091%203.90574%2011.7389%204.19198C11.9561%204.46244%2011.9854%204.58101%2011.9931%204.64144L12.9851%204.515L13.9771%204.38856C13.9036%203.81209%2013.6286%203.35095%2013.2983%202.93965C12.9807%202.54412%2012.5367%202.10621%2012.0262%201.60023L11.3222%202.31048ZM11.3222%207.18952L12.0262%207.89977C12.5367%207.39379%2012.9807%206.95588%2013.2983%206.56035C13.6286%206.14905%2013.9036%205.68791%2013.9771%205.11144L12.9851%204.985L11.9931%204.85856C11.9854%204.91899%2011.9561%205.03756%2011.7389%205.30802C11.5091%205.59426%2011.1622%205.94017%2010.6183%206.47926L11.3222%207.18952ZM12.9851%204.515L11.9931%204.64144C12.0023%204.71353%2012.0023%204.78647%2011.9931%204.85856L12.9851%204.985L13.9771%205.11144C14.0076%204.87144%2014.0076%204.62856%2013.9771%204.38856L12.9851%204.515Z%22%20fill%3D%22%230039A6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	--gradient-linear-01: linear-gradient(90deg, var(--color-gradient-start), var(--color-gradient-end));
	--font-family-primary: "Instrument Sans", Arial, sans-serif;
	--font-size-body: 0.875rem;
	--line-height-body: 1.2;
	--font-size-h1: clamp(2rem, 1.5455rem + 2.0202vw, 3rem);
	--font-size-h2: clamp(1.5rem, 1.2727rem + 1.0101vw, 2rem);
	--font-size-h3: clamp(1.25rem, 1.1364rem + 0.5051vw, 1.5rem);
	--font-size-h4: clamp(1.125rem, 1.0682rem + 0.2525vw, 1.25rem);
	--font-size-h5: 1rem;
	--font-size-h6: 0.875rem;
	--content-width: 800px;
	--content-width-tablet: 568px;
	--site-width: 1200px;
	--site-gutter: clamp(1rem, 3vw, 2.5rem);
	--spacing-block-medium: 1rem;
	--spacing-block-large: 2.625rem;
	--transition-interactive: 160ms ease;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
	margin: 0;
	background: var(--color-background);
	color: var(--color-text);
	font-family: var(--font-family-primary);
	font-size: var(--font-size-body);
	font-weight: 500;
	line-height: var(--line-height-body);
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a,
button {
	transition:
		background-color var(--transition-interactive),
		border-color var(--transition-interactive),
		color var(--transition-interactive),
		opacity var(--transition-interactive),
		transform var(--transition-interactive);
}

a {
	color: var(--color-accent);
	text-underline-offset: 0.15em;
}

a:not([class]):is(:hover, :focus-visible) {
	color: var(--color-gradient-end);
	text-decoration: none;
}

a:focus-visible,
button:focus-visible {
	outline: 3px solid var(--color-accent);
	outline-offset: 3px;
}

.site-container {
	width: min(calc(100% - (2 * var(--site-gutter))), var(--site-width));
	margin-inline: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-block: 0 0.75em;
	font-weight: 700;
	line-height: 1.15;
}

h1 {
	font-size: var(--font-size-h1);
}

h2 {
	font-size: var(--font-size-h2);
}

h3 {
	font-size: var(--font-size-h3);
}

h4 {
	font-size: var(--font-size-h4);
}

h5 {
	font-size: var(--font-size-h5);
}

h6 {
	font-size: var(--font-size-h6);
}

.button {
	display: inline-block;
	padding: 0.7rem 1rem;
	border-radius: 0.4rem;
	background: var(--color-accent);
	color: var(--color-light-base);
	font-weight: 700;
	text-decoration: none;
}

.button:is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--color-accent) 86%, var(--color-dark-base));
	transform: translateY(-1px);
}

.icon-check {
	display: block;
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
}

.icon-check rect {
	fill: var(--color-success);
}

.icon-check path {
	fill: none;
	stroke: var(--color-light-base);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.75;
}

.icon-cross {
	display: block;
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
}

.icon-cross path {
	fill: none;
	stroke: var(--color-error);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.75;
}

.icon-thumbs {
	display: block;
	width: 1.125rem;
	height: 1.125rem;
	flex: 0 0 auto;
	color: var(--color-success);
}

.icon-thumbs path {
	fill: currentColor;
}

.icon-thumbs--up {
	transform: scaleY(-1);
}

.icon-thumbs--down {
	color: var(--color-error);
}

.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 {
	top: 0.75rem;
	left: 0.75rem;
	z-index: 100000;
	width: auto;
	height: auto;
	padding: 0.75rem 1rem;
	margin: 0;
	overflow: visible;
	clip: auto;
	background: var(--color-light-base);
	color: var(--color-text);
	white-space: normal;
}

@media (min-width: 740px) {
	:root {
		--font-size-body: 1rem;
		--line-height-body: 1.375;
		--spacing-block-medium: 1.25rem;
		--spacing-block-large: 3.25rem;
	}
}

@media (min-width: 1200px) {
	:root {
		--spacing-block-medium: 1.875rem;
		--spacing-block-large: 3.75rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	a,
	button {
		transition: none;
	}
}