/* organon-5ua round 3: the signed-out landing (description/avcap_frontpagev3.0.php),
   to design3/spec.md. A cover: wordmark, "Organon", one Sign in, the footer.
   Tokens and faces come from css/avcap-signed-out.css (its :root), which the
   landing loads first, as does the footer (#avso-footer). Everything here is
   scoped to #avcap-landing or the landing's own body class, so the Bootstrap
   and facelift sheets screen_management.js injects cannot bleed in and nothing
   here can bleed out. Spacing 4 8 16 24 32 48 64 96 only; every colour is a
   web-palette token by name, the one literal being the button's #fff text. */
/* white page: the wordmark PNG's own white box must sit on --card, never on --bg */
body.avcap-landing-body{margin:0!important;background-color:var(--card)!important;color:var(--ink2);
	font-family:var(--sans)!important;text-align:left!important;
	-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}
#avcap-landing{min-height:100vh;display:flex;flex-direction:column;border-top:4px solid var(--brand);
	font-family:var(--sans);}
#avcap-landing *,#avcap-landing *::before,#avcap-landing *::after{box-sizing:border-box;}
#avcap-landing .cover{flex:1 0 auto;display:flex;align-items:center;justify-content:center;padding:96px 32px;}
#avcap-landing .stack{display:flex;flex-direction:column;align-items:center;text-align:center;
	width:100%;max-width:400px;}
/* the brand PNG, unmodified: 400px desktop / 280px phone keeps the 852px source
   at 2x or better on a 2x desktop and a 3x phone. Its clear space is symmetric,
   so centring the image centres the glyphs: no offset. */
#avcap-landing .wm{display:block;width:400px;max-width:100%;height:auto;margin:0;}
#avcap-landing h1{margin:24px 0 0;padding:0;font-family:var(--serif)!important;font-weight:600;
	font-size:24px!important;line-height:1.25;letter-spacing:0;color:var(--ink)!important;}
#avcap-landing .desc{margin:8px 0 0;padding:0;font-family:var(--sans);font-size:15px;line-height:1.5;
	font-weight:400;color:var(--mut2);}
#avcap-landing .signin{margin-top:32px;display:inline-flex;align-items:center;justify-content:center;
	gap:10px;height:48px;min-width:200px;padding:0 32px;border-radius:8px;background:var(--brand);
	color:#fff!important;font:600 15px/1 var(--sans);text-decoration:none!important;
	box-shadow:var(--sh1);transition:background .12s ease;}
#avcap-landing .signin:hover,#avcap-landing .signin:active{background:var(--brand2);}
#avcap-landing .signin:active{transform:translateY(1px);}
#avcap-landing a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px;}
@media (max-width:767px){
	#avcap-landing .cover{padding:64px 16px;}
	#avcap-landing .stack{max-width:280px;}
	#avcap-landing .wm{width:280px;}
	#avcap-landing h1{margin-top:16px;font-size:22px!important;}
	#avcap-landing .signin{width:100%;min-width:0;}
}