.appShell{min-height:100vh}.pageContent{--section-spacing: clamp(2.5rem, 6vh, 4rem);--directory-spacing: clamp(1.5rem, 3vh, 2rem);display:flex;flex-direction:column;gap:var(--section-spacing);width:100%;max-width:72rem;min-height:calc(100vh - var(--header-height));margin:0 auto;padding:var(--section-spacing) 1.5rem}.smallMarginBottom{margin-bottom:.5rem}.mutedText{color:var(--color-muted-text)}.eyebrow{color:var(--color-link-text);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.landingHero{position:relative;max-width:58rem;padding-left:1.5rem}.landingHero:before{position:absolute;top:.125rem;bottom:.125rem;left:0;width:.25rem;border-radius:999px;background-color:var(--color-primary-action-background);content:""}.landingHero h1{max-width:54rem;font-size:clamp(2.5rem,6vw,4.75rem);letter-spacing:-.045em;line-height:.98;text-wrap:balance}.appDirectory{display:flex;flex-direction:column;gap:var(--directory-spacing)}.appGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.directorySwitch{line-height:1.5}@media(max-width:42rem){.pageContent{justify-content:flex-start;padding-right:1rem;padding-left:1rem}.landingHero{padding-left:1rem}.landingHero h1{font-size:clamp(2.25rem,12vw,3.25rem);line-height:1}.appGrid{grid-template-columns:1fr}}.appCardLink{display:flex;color:inherit;text-decoration:none;border-radius:.75rem}.appCard{position:relative;display:flex;flex:1;flex-direction:column;min-height:13rem;padding:1.5rem;gap:2rem;overflow:hidden;border:1px solid var(--color-neutral-medium);border-radius:.75rem;background:linear-gradient(145deg,var(--color-neutral-subtle),color-mix(in srgb,var(--color-page-background) 82%,transparent));color:var(--color-page-text);transition:border-color .2s,box-shadow .2s,transform .2s}.appCardLink:hover,.appCardLink:focus-visible{color:inherit;outline:none}.appCardLink:hover .appCard,.appCardLink:focus-visible .appCard{border-color:var(--color-page-text);box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--color-page-text) 12%,transparent);transform:translateY(-.2rem)}.appCardLink:focus-visible .appCard{box-shadow:0 0 0 1px var(--color-page-text)}.appCardTopline{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between}.appCardIcon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.75rem;background-color:var(--color-selection-background);color:var(--color-link-text)}.appCardIcon svg{width:1.375rem;height:1.375rem}.appCardArrow{width:1.25rem;height:1.25rem;color:var(--color-muted-text);transition:color .2s,transform .2s}.appCardLink:hover .appCardArrow,.appCardLink:focus-visible .appCardArrow{color:var(--color-page-text);transform:translate(.125rem,-.125rem)}.appCardContent{position:relative;z-index:1;margin-top:auto;min-width:0}.appCardTitle{margin-bottom:.5rem;font-size:1.25rem}.appCardLink:hover .appCardTitle,.appCardLink:focus-visible .appCardTitle{text-decoration:underline;text-underline-offset:.125rem}.appCardContent p{max-width:26rem;line-height:1.5}@media(prefers-reduced-motion:reduce){.appCard,.appCardArrow{transition:none}}@media(max-width:28rem){.appCard{min-height:0;padding:1.25rem;gap:1.5rem}}.headerContentWrapper{position:sticky;top:0;height:var(--header-height);width:100%;display:flex;align-items:center;padding:var(--header-padding-block) .75rem;gap:1rem;-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);background-color:var(--color-neutral-subtle);border-bottom:1px solid var(--color-neutral-medium);z-index:10}.headerNavContent{display:flex;align-items:center;gap:1.25rem}.headerLogo{height:var(--header-content-height);width:var(--header-content-height)}.headerActions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.headerActionButton{appearance:none;width:var(--header-content-height);min-width:var(--header-content-height);height:var(--header-content-height);display:flex;justify-content:center;align-items:center;padding:0;border-radius:.375rem;border:1px solid var(--color-neutral-medium);background-color:var(--color-neutral-subtle);color:var(--color-page-text);cursor:pointer;transition:background-color .2s,border-color .2s}.headerActionButton:hover,.headerActionButton:focus-visible{border-color:var(--color-page-text);background-color:var(--color-primary-action-background);outline:none}.headerActionButton svg{width:1rem;height:1rem}html,body{margin:0;min-width:100%;width:fit-content;line-height:1.25;font-family:var(--font-body);color:var(--color-page-text);background-color:var(--color-page-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;background-clip:padding-box}:root{color-scheme:light dark;--brand-twilight: #51748b;--brand-carbon: #455465;--brand-slate: #333e48;--brand-midnight: #1e242b;--brand-white: #ffffff;--brand-mirror-twilight: #7497ae;--brand-mirror-carbon: #9aa9ba;--brand-yellow-glass-strong: #ffc627cc;--brand-yellow-glass-medium: #ffc62780;--brand-grey-glass-medium: #63656988;--brand-grey-glass-subtle: #6365691d;--font-body: "Proxima Nova", Arial, "Helvetica Neue", sans-serif;--font-heading: "Proxima Nova", Arial, "Helvetica Neue", sans-serif;--color-page-background: var(--brand-white);--color-page-text: var(--brand-midnight);--color-muted-text: var(--brand-slate);--color-link-text: var(--brand-twilight);--color-neutral-subtle: var(--brand-grey-glass-subtle);--color-neutral-medium: var(--brand-grey-glass-medium);--color-primary-action-background: var(--brand-yellow-glass-strong);--color-selection-background: var(--brand-yellow-glass-medium);--header-height: 2.5rem;--header-padding-block: calc(var(--header-height) / 4 - .125rem);--header-content-height: calc(var(--header-height) - var(--header-padding-block) - var(--header-padding-block) - 1px);--blur-strong: blur(.5rem);font-size:16px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-page-text: var(--brand-white);--color-muted-text: var(--brand-mirror-carbon);--color-link-text: var(--brand-mirror-twilight);--color-page-background: var(--brand-midnight);--color-primary-action-background: var(--brand-twilight);--color-selection-background: var(--brand-carbon)}h1,h2,h3,p{margin:0}h1{color:var(--color-page-text);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;line-height:1.15}h2{color:var(--color-page-text);font-family:var(--font-heading);font-size:1.125rem;font-weight:700;line-height:1.2}h3{color:var(--color-page-text);font-family:var(--font-heading);font-size:1rem;font-weight:700;line-height:1.2}span,p,a,input,output,textarea,button{font-family:inherit}span,p,a,output{font-size:.875rem}a{color:var(--color-link-text);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.125rem;transition:color .2s}a:hover,a:focus-visible{color:color-mix(in srgb,var(--color-link-text) 67%,var(--color-page-text));text-decoration-thickness:2px;outline:none}::selection{background-color:var(--color-selection-background);color:var(--color-page-text)}
