
:root{color-scheme:dark;font-family:"Segoe UI",Inter,Arial,sans-serif;color:#f1f0f4;background:#111218;--muted:#b0afbd;--line:#32323e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#30304755,transparent 50%),#111218}a{color:inherit;text-decoration:none}header,main,footer{max-width:1200px;margin:auto}header{padding:28px 36px 18px;display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:12px}.mark{width:62px;height:62px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 30% 10%,#baa6ef19,transparent 65%);border-radius:20px 7px 20px 7px}.mark img{width:62px;height:62px}.wordmark{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-style:italic;font-weight:600;letter-spacing:-1.1px;white-space:nowrap;color:#f2edf8}.wordmark>span{color:#c7b9ee}.wordmark i{font-style:normal;color:#a58ecc;margin-left:1px}main{padding:20px 36px 52px}.intro{margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:1.75px;color:#b7b1ca;display:flex;gap:9px;align-items:center;margin:0 0 16px;line-height:1.5}.eyebrow span{width:5px;height:5px;border-radius:50%;background:#c4befa;box-shadow:0 0 14px #c4befa80}h1{font-size:clamp(30px,4.6vw,56px);font-weight:500;letter-spacing:-2.2px;line-height:1.15;margin:0 0 15px}h1 em{font-style:normal;color:#bfb5ef}.lede{font-size:clamp(13px,1.4vw,16px);line-height:1.7;color:var(--muted);margin:0;max-width:none}.app-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.app-card{border:1px solid #3d3d4f;border-radius:20px;overflow:hidden;background:#1b1c25;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column}.app-card:hover{transform:translateY(-4px)}.community:hover{border-color:#80b9f2;box-shadow:0 12px 32px #13274245}.finance:hover{border-color:#94cbb0;box-shadow:0 12px 32px #14312545}.card-art{aspect-ratio:2.2;position:relative;overflow:hidden;background:#1d2b3f}.finance .card-art{background:#1c3027}.card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:transform .6s}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1b1c2533,transparent 50%);pointer-events:none}.app-card:hover .card-art img{transform:scale(1.025)}.card-body{padding:24px 27px 25px;flex:1}.card-body h2{font-size:25px;font-weight:550;letter-spacing:-.65px;margin:0 0 10px;line-height:1.2}.card-body p{color:var(--muted);line-height:1.65;font-size:14px;margin:0;max-width:390px}.future{border:1px dashed #3b3c47;border-radius:16px;padding:20px 25px;margin-top:22px;display:flex;align-items:center;gap:18px}.future-symbol{font-size:26px;font-weight:300;color:#938aa6;border:1px solid #45404f;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.future h2{font-weight:550;font-size:14px;margin:0 0 5px}.future p{font-size:12px;color:#aaa5b9;margin:0;line-height:1.6}.future-tag{margin-left:auto;color:#8c839d;font-size:9px;letter-spacing:1.4px;white-space:nowrap}footer{padding:25px 36px;border-top:1px solid var(--line);display:flex;gap:22px;align-items:center;color:#8e899b;font-size:11px}footer>span{color:#c0bdcc;font-weight:600}footer p{margin:0}a:focus-visible{outline:3px solid #c9c2ff;outline-offset:5px}html{scroll-behavior:smooth}
@media(min-width:800px){h1{white-space:nowrap}.lede{white-space:nowrap}}@media(max-width:650px){header{padding:22px 22px 14px}.mark,.mark img{width:53px;height:53px}.wordmark{font-size:26px}.brand{gap:9px}main{padding:16px 22px 36px}.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:14px}h1{letter-spacing:-1.4px;font-size:clamp(30px,7vw,42px);line-height:1.17}h1 em{display:block}.lede{font-size:14px}.intro{margin-bottom:27px}.app-grid{grid-template-columns:1fr;gap:18px}.card-art{aspect-ratio:2.1}.card-body{padding:21px 23px 23px}.card-body h2{font-size:24px}.card-body p{font-size:13px}.future{padding:19px;gap:13px}.future-tag{display:none}footer{padding:23px 22px;flex-wrap:wrap;gap:10px}footer p{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-card,.card-art img{transition:none}.app-card:hover,.app-card:hover .card-art img{transform:none}}

/* Warm charcoal, ivory and copper: a distinct umbrella identity. */
:root{color:#f3eee7;background:#141311;--muted:#b8b1a7;--line:#39342e}body{background:radial-gradient(ellipse at 85% 0,#55412b22,transparent 55%),#141311}.mark{width:56px;height:56px;background:none;border-radius:0}.mark img{width:56px;height:56px}.brand{gap:14px}.wordmark{font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:29px;font-weight:600;font-style:normal;letter-spacing:-.9px;color:#f3eee7}h1 em{color:#d5ab86}.eyebrow{color:#bcb1a2}.eyebrow span{background:#d5ab86;box-shadow:0 0 12px #d5ab8630}.app-card{background:#201e1b;border-color:#454039}.card-art:after{background:linear-gradient(0deg,#201e1b33,transparent 50%)}.future{border-color:#494139;background:#191715}.future-symbol{color:#c29c78;border-color:#514337}.future p{color:#b8b1a7}.future-tag{color:#b29b82}a:focus-visible{outline-color:#e4bb94}main{padding-bottom:38px}@media(max-width:650px){.mark,.mark img{width:49px;height:49px}.wordmark{font-size:25px;letter-spacing:-.7px}.brand{gap:12px}}

/* Neutral beige umbrella, with blue and green application artwork. */
:root{color:#f0ede7;background:#111218;--muted:#b9b6af;--line:#35353b}body{background:radial-gradient(ellipse at 85% 0,#33343f30,transparent 55%),#111218}h1 em{color:#d4cbbb}.eyebrow{color:#c1bbb0}.eyebrow span{background:#d4cbbb;box-shadow:none}.app-card{background:#1b1c24;border-color:#3c3d47}.card-art:after{background:none}.future{background:#121319;border-color:#3c3d47}.future-symbol{color:#d4cbbb;border-color:#46454a}.future p{color:#b9b6af}.future-tag{color:#b9b1a4}a:focus-visible{outline-color:#d4cbbb}

.account-link{margin-left:auto;padding:9px 15px;border:1px solid #49484b;border-radius:9px;font-size:14px;color:#d4cbbb}.account-link:hover{background:#22232b}@media(max-width:500px){.wordmark{font-size:20px}.mark,.mark img{width:42px;height:42px}.brand{gap:7px}.account-link{padding:7px 10px;font-size:12px}}

.home-signout{margin-left:10px;border:0;background:none;color:#c4bcae;font:inherit;font-size:13px;cursor:pointer;padding:9px 4px}@media(max-width:500px){header:has(.home-signout){flex-wrap:wrap;gap:8px}.home-signout{font-size:12px}}
