/* Public app and social links share the website's existing type and colours. */
[hidden]{display:none!important}
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;border-top:1px solid #415867;margin-top:28px;padding-top:23px;font-size:.875rem}
.social-links>span{font-size:.7rem;letter-spacing:.16em;color:var(--gold-light)}
.social-links>a{border-bottom:1px solid #5c6c74;padding:6px 0;color:#e7ecef}
.social-links>a:hover{color:var(--gold-light)}
.app-promo{background:var(--ivory);padding:38px 0;border-top:1px solid var(--line)}
.app-promo>.container{display:flex;align-items:center;justify-content:space-between;gap:28px}
.app-promo h2{font-size:2rem;margin-bottom:7px}.app-promo p{margin:0;color:var(--muted)}
.app-hero{background:var(--ivory);padding:76px 0 72px;border-bottom:1px solid var(--line)}
.app-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:90px}
.app-copy>p:not(.eyebrow){max-width:580px;color:var(--muted);font-size:1.0625rem}
.app-copy h1{font-size:clamp(2.8rem,5vw,4.8rem)}.app-copy h1 em{display:block}
.app-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-block:28px 15px}
.app-copy .app-status{font-size:.8125rem;line-height:1.65;margin-bottom:0}
.app-preview{padding:38px;background:white;border:1px solid var(--line);border-top:3px solid var(--gold);box-shadow:12px 12px 0 #ece9df}
.app-preview img{width:94px;height:94px;border-radius:18px;margin-bottom:25px}
.app-preview h2{font-size:2.4rem;margin:0 0 6px}.app-preview>p{color:var(--muted);font-size:.875rem}
.app-feature-list{list-style:none;padding:20px 0 0;margin:22px 0 0;border-top:1px solid var(--line)}
.app-feature-list li{display:flex;gap:14px;padding:10px 0;font-size:.875rem}.app-feature-list span{color:#987333}
.app-guide{padding:65px 0}.app-guide-heading{max-width:700px;margin-bottom:34px}.app-guide-heading>p{color:var(--muted)}
.install-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}
.install-card{padding:30px}.install-card+.install-card{border-left:1px solid var(--line)}
.install-card .eyebrow{margin-bottom:18px}.install-card h3{font-size:1.6rem}.install-card ol{padding-left:20px;margin:0;color:var(--muted);font-size:.9375rem}.install-card li+li{margin-top:12px}
.app-availability{margin-top:30px;padding:24px 28px;border-left:2px solid var(--gold);background:var(--ivory);color:var(--muted);font-size:.9375rem}.app-availability p:last-child{margin-bottom:0}
.offline-status{background:#fff2d9;color:#523d18;text-align:center;padding:10px 20px;font-size:.8125rem;border-bottom:1px solid #d3b476}
.app-storage-note{margin-top:24px;font-size:.875rem;color:var(--muted)}.app-storage-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1180px){.app-layout{gap:45px}}
@media(max-width:850px){.app-layout{grid-template-columns:1fr;gap:35px}.app-preview{max-width:500px;box-shadow:7px 7px 0 #ece9df}.app-copy h1 em{display:inline}.install-grid{grid-template-columns:1fr}.install-card+.install-card{border-left:0;border-top:1px solid var(--line)}.app-hero{padding:45px 0}.app-guide{padding:45px 0}}
@media(max-width:620px){.app-promo>.container{align-items:flex-start;flex-direction:column}.app-preview{padding:28px}.app-preview img{width:76px;height:76px}.install-card{padding:25px}.app-availability{padding:22px}.app-actions>.button{width:100%}}
@media(display-mode:standalone){.site-header{padding-top:env(safe-area-inset-top)}}