/* Logged-out landing page (template-parts/views/public-landing.php). Uses tokens.css. */
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body.arrow-landing {
	margin: 0;
	display: grid; place-items: center;
	padding: var(--a-sp-6) var(--a-sp-4);
	background: radial-gradient(1200px 600px at 50% 30%, #1b3358 0%, var(--a-chrome) 60%);
	color: var(--a-chrome-text);
	font-family: var(--a-font);
	-webkit-font-smoothing: antialiased;
	text-align: center;
}
.arrow-landing__card { max-width: 520px; }
.arrow-landing__logo {
	width: 132px; height: 132px;
	padding: 10px;
	border-radius: 50%;
	background: #fff;
	object-fit: contain;
	box-shadow: 0 18px 50px rgba(0, 0, 0, .45), 0 0 0 6px rgba(255, 255, 255, .06);
}
.arrow-landing__name { margin: var(--a-sp-5) 0 var(--a-sp-1); font-size: 28px; font-weight: 800; letter-spacing: .06em; }
.arrow-landing__tagline { margin: 0; color: var(--a-chrome-muted); font-size: var(--a-fs-md); }
.arrow-landing__rule { width: 56px; height: 3px; margin: var(--a-sp-5) auto; border-radius: 3px; background: var(--a-brand); }
.arrow-landing__notice { margin: 0 0 var(--a-sp-1); font-size: var(--a-fs-md); color: var(--a-chrome-text); }
.arrow-landing__notice + .arrow-landing__notice { color: var(--a-chrome-muted); }