@keyframes _pulse{
  0% {transform: scale(1);}
  90% {transform: scale(1);}
  95% {transform: scale(1.1);}
  100% {transform: scale(1);}
}
@keyframes pulse{
  0% {background: #fe0d9c;}
  90% {background: #fe0d9c;}
  95% {background: #ff49bb; /* #ff70db */}
  100% {background: #fe0d9c;}
}
:where(*){
	all: unset;
	box-sizing: border-box;
	display: block;
}
html{
	background: #000b47;
	color: #ffffff;
	--module: 1.35rem;
	--borderRadius: calc(var(--module) * 0.5);
	--lineHeight: round(up, 1em, var(--module));
	--initialFontMultiplier: 1.125;
	--baseFontSize1: calc(var(--initialFontMultiplier) * 1rem);
	--smallFontSize1: 0.85rem;
	--largeFontSize1: var(--baseFontSize1);
	--largeFontSize2: var(--module);
	--largeFontSize3: calc(var(--module) * 2);
	font: normal var(--baseFontSize1)/var(--lineHeight) 'Google Sans Flex', 'Segoe Ui', Segoe, Tahoma, Geneva, sans-serif;
	scroll-behavior: smooth;
}
	head{
		display: none;
	}
	body{
	}
		a{
			cursor: pointer;
			display: inline;
			text-decoration: underline;
			text-decoration-color: color-mix(in srgb, currentColor, 50% transparent);
			text-underline-offset: 6px;
		}
		a:hover{
			text-decoration: none;
		}
		button{
			cursor: pointer;
		}
		blockquote{
			border-left: calc(var(--module) * 0.25) solid #0033cc;
			font-size: var(--smallFontSize1);
			line-height: var(--lineHeight);
			padding-left: calc(var(--module) * 0.5);
			margin-left: calc(var(--module) * 0.5);
			text-align: left;
		}
			blockquote p{
			}
		h1,
		h2,
		h3,
		p,
		ul{
			padding: calc(var(--module) * 0.5);
		}
		img{
			display: inline-block;
			max-width: 100%;
		}
		input{
			appearance: auto;
			width: 100%;
		}
		p:has(input[name=name]){
			left: -100vh;
			position: fixed;
			top: -100vh;
		}
		ul{
			list-style: disc outside none;
		}
			li{
				display: list-item;
			}
		span{
			display: inline;
		}
		strong{
			display: inline;
			font-weight: 600;
		}
		.button{
			background: #ffffff;
			border-radius: var(--borderRadius);
			color: #000000;
			font-weight: 600;
			display: block;
			padding: calc(var(--module) * 0.5);
			text-align: center;
			text-decoration: none;
		}
		.button--cta{
			animation: pulse 10s infinite;
			background: #fe0d9c;
			color: #ffffff;
			padding: var(--module);
		}
		.list{
			font-weight: 600;
			list-style: none;
		}
			.list li{
				display: block;
				padding-left: var(--module);
				position: relative;
			}
			.list li:before{
				content: '●';
				font-size: var(--smallFontSize1);
				left: 0;
				position: absolute;
				top: 0;
			}
		.site{
		}
			.site__header{
				padding: var(--module);
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				/*
				position: sticky;
				top: 0;
				z-index: 10000;
				*/
			}
				.site__logo{
					height: var(--module);
					vertical-align: top;
				}
				.site__title{
					font-size: var(--largeFontSize1);
					line-height: var(--lineHeight);
				}
			.site__body{
			}
				.page{
					background: #0033cc;
					background: linear-gradient(to bottom, #001c7f, #0033cc min(100%, 50vh), #0033cc);
					background: linear-gradient(to bottom, #001c7f, #0033cc min(100%, 50dvh), #0033cc);
					border-bottom-left-radius: var(--borderRadius);
					border-bottom-right-radius: var(--borderRadius);
					padding-top: calc(var(--module) * 4);
				}
					.page__header{
						padding: var(--module);
					}
						.page__illustration{
							border-radius: 1rem;
							height: 90vh;
							width: 40vh;
							margin: var(--module) auto;
							margin-bottom: calc(var(--module) * -2);
							overflow: hidden;
							outline: calc(var(--module) * 0.5) solid #000b47;
							background: #000b47;
							scroll-behavior: smooth;
						}
						.page__title{
							color: #ffffff;
							letter-spacing: -2px;
							font-size: var(--largeFontSize3);
							font-weight: 600;
							line-height: var(--lineHeight);
						}
							.page__title span{
								font-weight: 200;
							}
						.page__subtitle{
							font-size: var(--largeFontSize1);
							line-height: var(--lineHeight);
						}
						.page__cta{
							margin: var(--module) 0;
						}
					.page__body{
						background: #ffffff;
						color: #000000;
						border-radius: var(--borderRadius);
						padding: var(--module);
					}
					.page__body:has(.section){
						padding: 0;
						padding-bottom: var(--module);
					}
						.section{
							padding: var(--module) 0;
						}
							.section__header{
								/*
								background: #dddddd;
								*/
								padding: 0 var(--module);
							}
								.section__title{
									color: #0033cc;
									font-size: var(--largeFontSize2);
									font-weight: 600;
									line-height: var(--lineHeight);
								}
								.section__subtitle{
									color: #0033cc;
								}
							.section__body{
								padding: 0 var(--module);
							}
							.section__body:has(.subsection){
								background: transparent;
								display: flex;
								flex-wrap: wrap;
								padding: 0;
							}
								.subsection{
									flex: 0 0 100%;
									padding: var(--module);
									text-align: left;
								}
									.subsection__header{
									}
										.subsection__illustration{
											/*
											background: linear-gradient(to bottom, #0041fc, #0033cc min(100%, 50dvh), #0033cc);
											*/
											/*
											background: #000b47;
											*/
											border-radius: var(--borderRadius);
											outline: 1px solid #1afed2;
											overflow: hidden;
											margin: calc(var(--module) * 0.5);
											padding: calc(var(--module) * 0.5);
										}
											.subsection__illustration img{
												display: block;
												border-radius: var(--borderRadius);
												overflow: hidden;
												margin: 0;
												padding: 0;
												width: 100%;
											}
										.subsection__title{
											font-size: var(--largeFontSize1);
											font-weight: 600;
											line-height: var(--lineHeight);
										}
									.subsection__body{
									}
									.subsection__footer{
									}
							.section__footer{
								padding: var(--module);
							}
						.section--highlighted{
							padding: calc(var(--module) * 0.5);
							text-align: left;
							position: relative;
						}
							.section--highlighted .section__header{
								background: #9fffe9;
								background: linear-gradient(to bottom, #1afed2, #9fffe9 max(50%, 50vh), #9fffe9);
								background: linear-gradient(to bottom, #1afed2, #9fffe9 max(50%, 50dvh), #9fffe9);
								border-radius: var(--borderRadius);
								padding: calc(var(--module) * 0.5);
							}
							.section--highlighted .section__body{
								padding: calc(var(--module) * 0.5);
							}
							.section--highlighted .section__body:has(.subsection){
								gap: calc(var(--module) * 0.5);
								padding: calc(var(--module) * 0.5) 0;
							}
								.section--highlighted .subsection{
									background: #0033cc;
									background: linear-gradient(to bottom, #001dbb, #0033cc max(50%, 50vh), #0033cc);
									background: linear-gradient(to bottom, #001dbb, #0033cc max(50%, 50dvh), #0033cc);
									color: #ffffff;
									border-radius: var(--borderRadius);
									padding: calc(var(--module) * 0.5);
									/*
									position: sticky;
									top: calc(var(--module) * -1);
									*/
									transition: all 0.5s;
									/*
									z-index: 0;
									*/
								}
									.section--highlighted .subsection__title{
										/*
										font-size: var(--largeFontSize2);
										line-height: var(--lineHeight);
										*/
									}
								.section--highlighted .subsection{
									opacity: 0.1;
									transform: scale(0.95);
								}
								.section--highlighted:not(:has(.subsection--stuck)) .subsection:first-child,
								.section--highlighted:has(.subsection--stuck) .subsection--stuck + .subsection:not(.subsection--stuck){
									opacity: 1;
									transform: scale(1);
								}
								/*
								.section--highlighted .subsection--stuck:not(:last-child){
									opacity: 0.1;
									transform: scale(0.95);
								}
								*/
							.section--highlighted .section__footer{
								padding: calc(var(--module) * 0.5);
							}
						.section:not(.section--highlighted) + .section:not(.section--highlighted){
							padding-top: 0;
						}
						.section--ok{
						}
							.section--ok .section__header{
								background: oklch(1 0.1353 143.74);
								background: linear-gradient(to bottom, oklch(1 0.1353 143.74), oklch(1 0.07353 143.74) max(50%, 50dvh), oklch(1 0.07353 143.74));
							}
								.section--ok .section__title{
								}
							.section--ok .subsection{
								background: oklch(0.5621 0.2353 143.74);
								background: linear-gradient(to bottom, oklch(0.5621 0.2353 143.74), oklch(0.6621 0.1753 143.74) max(50%, 50dvh), oklch(0.6621 0.1753 143.74));
							}
						.section--warning{
						}
							.section--warning .section__header{
								background: oklch(1 0.1353 83.74);
								background: linear-gradient(to bottom, oklch(1 0.1353 83.74), oklch(1 0.07353 83.74) max(50%, 50dvh), oklch(1 0.07353 83.74));
							}
								.section--warning .section__title{
								}
							.section--warning .subsection{
								background: oklch(0.6621 0.2353 83.74);
								background: linear-gradient(to bottom, oklch(0.6621 0.2353 83.74), oklch(0.7621 0.1753 83.74) max(50%, 50dvh), oklch(0.7621 0.1753 83.74));
							}
						.section--ko{
						}
							.section--ko .section__header{
								background: oklch(1 0.1353 23.74);
								background: linear-gradient(to bottom, oklch(1 0.1353 23.74), oklch(1 0.07353 23.74) max(50%, 50dvh), oklch(1 0.07353 23.74));
							}
								.section--ko .section__title{
								}
							.section--ko .subsection{
								background: oklch(0.5621 0.2353 23.74);
								background: linear-gradient(to bottom, oklch(0.5621 0.1753 23.74), oklch(0.6621 0.1753 23.74) max(50%, 50dvh), oklch(0.6621 0.1753 23.74));
							}
					.page__footer{
						padding: var(--module);
					}
						.page__input{
							border-bottom: 1px solid #ffffff;
							font-size: var(--largeFontSize1);
							line-height: var(--lineHeight);
						}
						.page__footer .button--cta{
							width: 100%;
						}
				.page--highlighted{
					/*
					padding-top: 0;
					*/
				}
					.page--highlighted .page__header{
						display: flex;
						flex-direction: column;
						justify-content: center;
						min-height: calc(100vh - var(--module) * 4);
						min-height: calc(100dvh - var(--module) * 4);
					}
				.page:not(:has(.page__footer)){
					padding-bottom: var(--module);
				}
			.site__footer{
				font-size: var(--smallFontSize1);
				line-height: var(--lineHeight);
				/*
				min-height: calc(50vh);
				min-height: calc(50dvh);
				*/
				padding: var(--module);
			}
			.site__flash{
				background: linear-gradient(to bottom, oklch(0.5621 0.2353 143.74), oklch(0.6621 0.1753 143.74) max(50%, 50dvh), oklch(0.6621 0.1753 143.74));
				border-radius: var(--borderRadius);
				left: var(--module);
				padding: var(--module);
				position: fixed;
				transition: transform 1s;
				top: var(--module);
				width: calc(100% - var(--module) * 2);
				z-index: 9999;
			}
			.site__flash--hidden{
				transform: translateY(calc(var(--module) * -8));
			}
.subsection__body .list li{
	font-size: var(--smallFontSize1);
	line-height: var(--lineHeight);
}
/*
.subsection__body .list li a{
	display: block;
	overflow: hidden;
	max-width: 18rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}
*/
@media (min-width: 64em){
html{
	--borderRadius: var(--module);
	--largeFontSize1: var(--module);
	--largeFontSize2: calc(var(--module) * 2);
	--largeFontSize3: calc(var(--module) * 3);
	text-align: center;
	text-wrap: balance;
}
	body{
	}
		blockquote{
			margin: 0 auto;
			max-width: 45rem;
		}
		.button--cta{
			display: inline-block;
		}
		.list{
			margin: 0 auto;
			max-width: max-content;
			text-align: left;
		}
		.site{
		}
			.site__body{
			}
				.page{
				}
					.page__header{
					}
						.page__title{
							letter-spacing: -3px;
						}
					.page__body:has(.section){
					}
						.section{
							padding-bottom: calc(var(--module) * 2);
							padding-top: calc(var(--module) * 2);
						}
							.section__header{
							}
								.section__title{
									letter-spacing: -2px;
								}
								.section__subtitle{
									font-size: var(--largeFontSize1);
									line-height: var(--lineHeight);
								}
							.section__body{
							}
								.subsection{
								}
									.subsection__header{
									}
										.subsection__illustration{
											/*
											border-left: 2px solid #000b4788;
											border-top: 2px solid #000b4788;
											*/
										}
						.section--highlighted{
							position: relative;
						}
							.section--highlighted .section__header{
								/*
								height: calc(75vh);
								height: calc(75dvh);
								*/
								height: calc(100vh - var(--module) * 6);
								height: calc(100dvh - var(--module) * 6);
								padding-left: calc(50% - var(--module) * 3);
								margin-left: calc(var(--module) * 3.5);
								position: sticky;
								text-align: right;
								top: calc(var(--module) * 3);
								z-index: 0;
							}
							.section--highlighted .section__body{
								margin-right: calc(50% + var(--module) * 0.5);
								margin-bottom: calc(var(--module) * 3); /* 25vh; */ /* 75vh; */
								margin-top: calc((100dvh - var(--module) * 9) * -1);
								position: relative;
								z-index: 1;
							}	
								.section--highlighted .subsection{
									outline: 0;
									position: static;
								}
								.section--highlighted .subsection{
									opacity: 0.7;
									transform: scale(1);
								}
								.section--highlighted:not(:has(.subsection--stuck)) .subsection:first-child,
								.section--highlighted:has(.subsection--stuck) .subsection--stuck + .subsection:not(.subsection--stuck){
									opacity: 1;
								}
						.section--highlighted-alternative{
						}
							.section--highlighted-alternative .section__header{
								padding-left: calc(var(--module) * 0.5);
								margin-left: 0;
								padding-right: calc(50% - var(--module) * 3);
								margin-right: calc(var(--module) * 3.5);
								text-align: left;
							}
							.section--highlighted-alternative .section__body:has(.subsection){
								margin-left: calc(50% + var(--module) * 0.5);
								margin-right: 0;
							}
					.page__body:has(.section--highlighted:last-child){
						padding-bottom: calc(var(--module) * 3);
					}
					.page__footer .button--cta{
						width: auto;
					}
/*
.subsection__body .list li a{
	max-width: 23rem;
}
*/
}
@media (min-width: 80em){
html{
	--initialFontMultiplier: 1.25;
	--width: calc(75em / var(--initialFontMultiplier));
}
	body{
	}
		.site{
		}
			.site__header{
				padding-left: calc(50% - var(--width) / 2 + var(--module));
				padding-right: calc(50% - var(--width) / 2 + var(--module));
			}
			.site__body{
			}
				.page{
				}
					.page__header{
						padding-left: calc(50% - var(--width) / 2 + var(--module));
						padding-right: calc(50% - var(--width) / 2 + var(--module));
					}
					.page__body{
						padding-left: calc(50% - var(--width) / 2 + var(--module));
						padding-right: calc(50% - var(--width) / 2 + var(--module));
					}
					.page__body:has(.section){
						padding-left: calc(50% - var(--width) / 2);
						padding-right: calc(50% - var(--width) / 2);
					}
					.page__footer{
						padding-left: calc(50% - var(--width) / 2 + var(--module));
						padding-right: calc(50% - var(--width) / 2 + var(--module));
					}
			.site__footer{
				padding-left: calc(50% - var(--width) / 2 + var(--module));
				padding-right: calc(50% - var(--width) / 2 + var(--module));
			}