/* Apps directory and homepage application cards. */
.apps-page,.apps-page body{min-width:0}.apps-page body{background:var(--bg-a)}.apps-page .page{display:flex;flex-direction:column;min-height:100svh}
.apps-main{flex:1;padding-top:111px;padding-bottom:146px;min-height:640px}
.apps-intro{text-align:center;margin:0 auto 86px}.apps-eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--soft);margin:0 0 24px}
.apps-intro h1{font-size:76px;line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:0 0 26px}
.apps-description{margin:0;color:var(--muted);font-size:18px;line-height:1.6;letter-spacing:-.015em}
.apps-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.apps-heading h2{font-size:14px;font-weight:500;margin:0;color:var(--muted)}.apps-heading>span{font-size:12px;color:var(--soft)}
.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.app-card{border:1px solid var(--apps-border,#dadce0);border-radius:16px;padding:32px;display:flex;align-items:center;gap:24px;min-height:140px;background:var(--bg-a);transition:border-color .2s,background .2s,box-shadow .2s;min-width:0}
.app-card:hover{border-color:#a7c4fb;background:var(--apps-hover,#fbfcff);box-shadow:0 4px 18px rgba(32,75,140,.04)}
.app-card:focus-visible{outline:3px solid #0354fc;outline-offset:4px}
.app-logo{width:64px;height:64px;object-fit:contain;flex-shrink:0}.ps-logo{border-radius:15px}
.app-copy{flex:1;min-width:0}.app-copy h3{font-size:23px;font-weight:600;letter-spacing:-.025em;margin:0 0 8px}.app-copy p{font-size:14px;color:var(--muted);line-height:1.5;margin:0}
.app-arrow{width:22px;height:22px;fill:none;stroke:#0354fc;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .2s}.app-card:hover .app-arrow{transform:translateX(3px)}
@media(min-width:901px) and (max-width:1100px){.app-card{padding:26px;gap:18px}.app-copy h3{font-size:21px}.app-logo{width:56px;height:56px}}
@media(max-width:900px){.apps-main{padding-top:80px;padding-bottom:96px;min-height:590px}.apps-intro{margin-bottom:60px}.apps-intro h1{font-size:62px}.apps-description{font-size:16px}.apps-grid{gap:18px}.app-card{padding:24px;gap:18px;min-height:128px}.app-logo{width:52px;height:52px}.app-copy h3{font-size:20px}.app-copy p{font-size:13px}}
@media(max-width:650px){.apps-main{padding-top:64px;padding-bottom:80px;min-height:560px}.apps-intro{margin-bottom:48px}.apps-eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:22px}.apps-intro h1{font-size:54px;margin-bottom:22px}.apps-description{max-width:270px;margin:auto;font-size:15px}.apps-grid{grid-template-columns:1fr;gap:16px}.apps-heading{margin-bottom:16px}.app-card{padding:24px 22px;min-height:116px;gap:18px}.app-copy h3{font-size:21px}.app-logo{width:52px;height:52px}.app-arrow{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Share the established time-of-day palette with the homepage. */
html[data-period="night"]{--apps-border:#3b3b40;--apps-hover:#171b25}
.app-card:active{border-color:#0354fc}
.app-copy h3{overflow-wrap:anywhere}.apps-heading a{color:#0354fc;font-size:14px}.apps-heading a:focus-visible{outline:2px solid #0354fc;outline-offset:4px}
.home-apps{padding-top:84px;padding-bottom:104px}.home-apps .apps-heading{margin-bottom:28px}.home-apps .apps-heading h2{font-size:30px;font-weight:500;letter-spacing:-.035em;color:var(--ink)}
@media(max-width:650px){.home-apps{padding-top:52px;padding-bottom:64px}.home-apps .apps-heading h2{font-size:26px}}