/* Product palettes drawn from the original /get pages. */
.expenses{--field:#0b0b12;--field-deep:#07070c;--accent:#d9b793;--foreground:#f7f1e8;--secondary:#c9b8a4;--rule:#d9b79340;--halo:#d9b79320;color-scheme:dark}
.aura{--field:#f2ede5;--field-deep:#eae3d6;--accent:#65401f;--foreground:#2b1c10;--secondary:#543c26;--rule:#ba7f4640;--halo:#e7bb8540;color-scheme:light}
.lumen{--field:#f8e7ed;--field-deep:#efdae4;--accent:#71394f;--foreground:#291426;--secondary:#593448;--rule:#71394f35;--halo:#edbb5520;color-scheme:light}
.product,.product-site{--product-background:radial-gradient(ellipse at 77% 40%,var(--halo),transparent 55%),linear-gradient(160deg,var(--field),var(--field-deep))}
.product{color:var(--foreground);background:var(--product-background)}
.product .product-tagline{color:var(--foreground)}
.product .description,.product .art-caption,.product .small-label,.product .next-link{color:var(--secondary)}
.product .pill,.product .next-link span{border-color:var(--rule)}
.product .pill:hover{background:var(--halo);border-color:var(--accent)}
.product .orbital{border-color:var(--rule)}
.aura .product-art img{filter:drop-shadow(0 30px 28px #844b1c25)}
.lumen .product-art img{filter:drop-shadow(0 30px 28px #68142f35)}
body[data-scene="aura"] .navigation{color:#3d2a18;background:linear-gradient(#f2ede5ed,transparent)}
body[data-scene="lumen"] .navigation{color:#291426;background:linear-gradient(#f8e7eded,transparent)}
body[data-scene="aura"] .navigation nav,body[data-scene="lumen"] .navigation nav{color:inherit}
body[data-scene="aura"] .navigation a:hover,body[data-scene="lumen"] .navigation a:hover{color:inherit;text-decoration:underline}
body[data-scene="aura"] .contact-link,body[data-scene="lumen"] .contact-link{border-color:currentColor}
body[data-scene="aura"] .scene-nav>a:after,body[data-scene="lumen"] .scene-nav>a:after{background:#5b3541}
body[data-scene="aura"] .scene-nav>a[aria-current]:after,body[data-scene="lumen"] .scene-nav>a[aria-current]:after{background:#351321;box-shadow:0 0 0 5px #35132115}
body[data-scene="aura"] .motion-toggle,body[data-scene="lumen"] .motion-toggle{color:#351321}
.product-site{margin:0;background:var(--product-background);background-attachment:fixed;color:var(--foreground);--line:var(--rule)}
html:has(.product-site){scroll-snap-type:none}
.product-site .navigation{position:absolute;background:none;color:var(--foreground)}
.product-site .navigation nav{color:var(--secondary)}
.product-site .navigation nav a:hover{color:var(--foreground)}
.product-site .contact-link{border-color:var(--rule)}
.product-landing{min-height:100svh;padding:150px 10% 90px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%;background:transparent}
.product-landing h1{font-size:clamp(65px,8vw,116px);font-weight:500;letter-spacing:-5px;line-height:1;margin:0 0 25px}
.product-landing .eyebrow{color:var(--secondary);font-size:10px;letter-spacing:2px}
.product-landing .product-tagline{color:var(--foreground)}
.product-landing .description{color:var(--secondary);max-width:420px}
.landing-icon{height:auto;width:100%;max-width:470px;display:block;margin:auto;filter:drop-shadow(0 35px 30px #0002)}
.store-links{display:flex;flex-direction:column;gap:12px;max-width:360px;margin-top:30px}
.store-link{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid var(--rule);border-radius:16px;color:var(--foreground);font-size:13px;background:color-mix(in srgb,var(--field) 85%,white)}
.store-link:first-child{background:var(--foreground);color:var(--field)}
.store-link svg{width:22px;height:22px;flex-shrink:0;fill:currentColor}
.store-link small{margin-left:auto;font-size:9px;letter-spacing:1px;text-transform:uppercase;border:1px solid currentColor;border-radius:30px;padding:4px 8px}
a.store-link:hover{box-shadow:0 5px 20px #0001;transform:translateY(-2px)}
.store-link[aria-disabled]{background:transparent;color:var(--secondary);border-style:dashed}
.release-note{color:var(--secondary);font-size:11px;line-height:1.7;margin:14px 0 0;max-width:360px}
.product-details{padding:90px 10%;border-top:1px solid var(--rule)}
.product-details>.eyebrow{color:var(--secondary)}
.product-details h2{font-size:clamp(32px,4vw,55px);font-weight:400;letter-spacing:-1.5px;margin:0 0 50px;max-width:680px;line-height:1.18}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.detail-grid article{border-top:1px solid var(--rule);padding-top:25px}
.detail-grid h3{font-weight:500;font-size:19px;margin:0 0 13px}
.detail-grid p{font-size:14px;line-height:1.85;color:var(--secondary);margin:0}
.product-footer{margin:0 10%;padding:32px 0;display:flex;gap:24px;justify-content:space-between;border-top:1px solid var(--rule);font-size:11px;color:var(--secondary)}
.product-footer nav{display:flex;gap:22px}
.product-footer a:hover{color:var(--foreground);text-decoration:underline}
@media(max-width:800px){.product-landing{padding:105px 9% 55px;grid-template-columns:1fr;gap:35px}.landing-visual{grid-row:1}.landing-icon{width:200px}.product-landing h1{font-size:62px;letter-spacing:-3px}.landing-copy{text-align:center}.product-landing .description,.store-links,.release-note{margin-left:auto;margin-right:auto}.product-landing .eyebrow{font-size:8px}.product-landing .product-tagline{font-size:27px}.product-details{padding:60px 9%}.detail-grid{grid-template-columns:1fr;gap:30px}.product-details h2{margin-bottom:35px}.product-footer{margin:0 9%;flex-wrap:wrap;line-height:1.8}.product-site .navigation nav>a:nth-child(2){display:inline}.product-site .navigation nav{gap:14px}.product-site .brand{font-size:13px}}

/* Readable type on the ivory and pink product fields, including phones. */
:is(.aura,.lumen) .description,
:is(.aura,.lumen) .detail-grid p {
  font-size:16px;
  font-weight:500;
  line-height:1.75;
}
:is(.aura,.lumen) .eyebrow {
  color:var(--secondary);
  font-size:12px;
  font-weight:600;
  letter-spacing:1.4px;
  line-height:1.6;
}
:is(.aura,.lumen) .product-tagline {font-weight:500}
:is(.aura,.lumen) .features {
  color:var(--secondary);
  font-size:12px;
  font-weight:600;
  gap:10px;
}
:is(.aura,.lumen) .features span+span:before {margin-right:10px;color:currentColor}
:is(.aura,.lumen) .art-caption,
:is(.aura,.lumen) .small-label {
  font-size:11px;
  font-weight:500;
  letter-spacing:1px;
  line-height:1.6;
}
:is(.aura,.lumen) .pill {
  font-size:14px;
  font-weight:600;
  background:var(--foreground);
  color:#fff8ee;
  border-color:var(--foreground);
}
:is(.aura,.lumen) .pill span {color:inherit}
:is(.aura,.lumen) .pill:hover {background:var(--secondary);border-color:var(--secondary)}
:is(.aura,.lumen) .next-link {font-size:12px;font-weight:600}
:is(.aura,.lumen) .release-note,
:is(.aura,.lumen) .product-footer {font-size:13px;font-weight:500}
:is(.aura,.lumen) .store-link {font-size:15px;font-weight:600}
:is(.aura,.lumen) .store-link small {font-size:11px}
@media(max-width:800px){
  :is(.aura,.lumen) .features {gap:8px;font-size:11px}
  :is(.aura,.lumen) .features span+span:before {margin-right:8px}
  :is(.aura,.lumen) .small-label {max-width:42%;font-size:10px}
  :is(.aura,.lumen) .art-caption {font-size:10px}
}

/* Metallic button colors sampled from each app identity. */
.expenses {--button-metal:#d9b793;--button-hover:#f7e0bd;--button-ink:#18120d;--store-glass:#ffffff0c;--store-text:#f7f1e8;--store-border:#d9b79366}
.aura {--button-metal:#ba7f46;--button-hover:#d7a36c;--button-ink:#ffffff;--store-glass:#f8f2ed;--store-text:#3d2a18;--store-border:#ba7f466b}
.lumen {--button-metal:#fc4177;--button-hover:#f56894;--button-ink:#ffffff;--store-glass:#ffffff75;--store-text:#9c1748;--store-border:#fc4177}
.product .pill {
  background:var(--button-metal);
  color:var(--button-ink);
  border-color:var(--button-metal);
  font-size:14px;
  font-weight:600;
}
.product .pill span {color:inherit}
.product .pill:hover {
  background:var(--button-hover);
  border-color:var(--button-hover);
}
/* The /get pages' full-width pill plates, store icons, and quiet status labels. */
.product-site .store-links {gap:12px;margin-top:28px;max-width:400px}
.product-site .store-link {
  width:100%;
  min-height:58px;
  padding:14px 20px;
  border-radius:999px;
  justify-content:center;
  gap:8px;
  font-size:15px;
  font-weight:600;
  line-height:1.4;
  background:var(--store-glass);
  color:var(--store-text);
  border:1px solid var(--store-border);
  backdrop-filter:blur(12px);
  transition:background .2s,border-color .2s,transform .2s;
}
.product-site .store-link:first-child {
  background:var(--button-metal);
  color:var(--button-ink);
  border-color:var(--button-metal);
  backdrop-filter:none;
}
.product-site .store-link svg {width:18px;height:18px}
.product-site .store-link small {
  margin-left:6px;
  padding:0;
  border:0;
  font-size:11px;
  font-weight:500;
  letter-spacing:.5px;
}
.product-site a.store-link:hover {
  background:color-mix(in srgb,var(--button-metal) 18%,var(--field));
  border-color:var(--button-metal);
  transform:translateY(-2px);
}
.product-site a.store-link:first-child:hover {background:var(--button-hover)}
.product-site .store-link[aria-disabled] {cursor:default}
.product-site .store-link:focus-visible {outline:2px solid var(--foreground);outline-offset:4px}
@media(max-width:380px){.product-site .store-link{font-size:14px;padding-inline:14px}}

/* Lumen navigation follows the pale-blush product field. */
body[data-scene="lumen"] .scene-nav>a:after{background:#71394f}
body[data-scene="lumen"] .scene-nav>a[aria-current]:after{background:#291426;box-shadow:0 0 0 5px #29142618}
body[data-scene="lumen"] .motion-toggle{color:#291426}