:root{--font-family:Roboto, "Helvetica", Arial, sans-serif;--font-weight-normal:300;--font-weight-bold:500;--font-size-xxl:2.5rem;--font-size-l:1.25rem;--font-size-m:1rem;--line-height-tight:1.15;--line-height-m:1.5;--spacing-s:.5rem;--spacing-m:1rem;--spacing-l:2rem;--border-radius-m:8px;--color-primary:oklch(54% .1 250);--color-primary-faint:color-mix(in srgb, var(--color-primary) 5%, #fff);--color-shark:#222;--color-pale-sky:#666f81;--color-white:#fff;--body-background:var(--color-primary-faint);--text-font-family:var(--font-family);--text-font-size:var(--font-size-m);--text-font-weight:var(--font-weight-normal);--text-line-height:var(--line-height-m);--text-color:var(--color-shark);--text-muted-color:var(--color-pale-sky);--heading-xxl-font-size:var(--font-size-xxl);--heading-font-weight:var(--font-weight-bold);--heading-line-height:var(--line-height-tight);--heading-color:var(--color-shark);--lead-font-size:var(--font-size-l);--lead-color:var(--text-muted-color);--button-font-size:var(--font-size-m);--button-border-radius:var(--border-radius-m);--button-padding:var(--spacing-s) var(--spacing-l);--button-primary-color:var(--color-white);--button-primary-background:var(--color-primary);--button-primary-hover-background:color-mix(in srgb, #000 8%, var(--color-primary));--page-padding:var(--spacing-l);--hero-gap:var(--spacing-m);--hero-action-spacing:var(--spacing-m)}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;padding:var(--page-padding);background:var(--body-background);font-family:var(--text-font-family);font-size:var(--text-font-size);font-weight:var(--text-font-weight);line-height:var(--text-line-height);color:var(--text-color);-webkit-font-smoothing:antialiased;place-items:center;margin:0;display:grid}.hero{align-items:center;gap:var(--hero-gap);text-align:center;flex-direction:column;max-width:34rem;display:flex}.heroTitle{font-size:var(--heading-xxl-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);color:var(--heading-color);margin:0}.heroTagline{font-size:var(--lead-font-size);color:var(--lead-color);margin:0}.heroAction{margin-top:var(--hero-action-spacing);padding:var(--button-padding);border-radius:var(--button-border-radius);background:var(--button-primary-background);color:var(--button-primary-color);font-size:var(--button-font-size);text-decoration:none}.heroAction:hover,.heroAction:focus-visible{background:var(--button-primary-hover-background)}