@import url('site-fonts.css');
:root{--bg:#080d15;--panel:#101923;--panel-2:#17232d;--ink:#edf2f1;--ink-dim:#abbcc7;--ink-faint:#94a9b6;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--sans:Barlow,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background-color:var(--bg)}
.hero-cine h1{font-family:var(--display);font-weight:800;letter-spacing:.015em}
.brand-logo{background-image:url('chartquest-wordmark-orange.webp')!important}
.nav-links a,.mk-chip,.mk-credit{min-height:48px}
.mk-chip{padding:10px 15px}
.mk-sample{display:block;margin-top:12px;line-height:1.4}
.lab-section{background:transparent}
.lab-layout{grid-template-columns:1fr;margin-inline:auto;text-align:center}
.lab-copy{max-width:760px;margin-inline:auto}
.lab-copy h2{margin-inline:auto}
.lab-copy .lead{max-width:58ch}
.lab-detail{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0;color:var(--ink)}
.lab-detail span{padding:9px 13px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}
.foot ul a,.foot-bottom a{min-height:48px}
.nav-links .account-link{font-size:14px}
.hero-trust{font-family:var(--sans);font-size:15px;line-height:1.45}
@media(max-width:1000px){.nav-links{gap:12px}.nav-links .account-link{font-size:13px}}
@media(max-width:780px){.nav-links .account-link{font-size:17px;min-height:48px}.nav-links a{padding-block:8px}.sticky-cta .sc-t{font-size:14px}.sticky-cta .sc-sub{font-family:var(--sans);font-size:12px}.hero-trust{font-size:14px}}
@media(min-width:641px) and (max-width:780px){.desktop-cta{display:inline-flex!important}.desktop-cta .js-install{display:none!important}.nav-links .account-link{font-size:15px}.desktop-cta .btn{min-height:48px}}
/* Centered copy above the ensemble, with one continuous cinematic background. */
.hero-cine{display:block;height:auto;min-height:0;padding:0;background:#090c10}
.hero-cine-stage{display:block;position:relative;top:auto;height:auto;min-height:calc(min(52vw,680px) + 330px);overflow:hidden}
.hero-cine-copy{position:relative;inset:auto;width:100%;margin:0;padding:96px 24px 0;text-align:center}
.hero-cine-copy .inner{max-width:820px;margin-inline:auto}
.hero-cine h1{max-width:none;margin:0 auto;font-size:clamp(56px,6vw,86px);color:#f1e8d6;text-shadow:0 3px 20px rgba(0,0,0,.7)}
.hero-cine h1 .grad{color:#d8bc7a;-webkit-text-fill-color:#d8bc7a;background:none}
.hero-cine .btn-row{justify-content:center;align-items:center;margin-top:22px}
.hero-cine-stage>picture{display:block;position:absolute;inset:auto 0 0;width:100%;height:min(52vw,680px);z-index:1;-webkit-mask-image:linear-gradient(180deg,transparent,#000 17%,#000 95%,transparent);mask-image:linear-gradient(180deg,transparent,#000 17%,#000 95%,transparent)}
.hero-cine-bg{position:relative;inset:auto;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none!important;will-change:auto!important}
.hero-cine-scrim{display:block;background:linear-gradient(180deg,rgba(9,12,16,.15),transparent 45%,transparent 94%,var(--bg));pointer-events:none}
/* Phone framing preserves the previously approved ensemble crop. */
@media(max-width:720px){
 .hero-cine{height:auto;min-height:0;overflow:hidden;padding:0;background:#090c10}
 .hero-cine-stage{display:block;position:relative;top:auto;height:auto;min-height:calc(min(76vw,400px) + 215px);overflow:hidden}
 .hero-cine-stage::before{content:"";position:absolute;inset:-20px;background:linear-gradient(180deg,rgba(9,12,16,.55),rgba(9,12,16,.12)),url('hero-mobile-780.webp') center/cover;filter:blur(16px);opacity:.28;pointer-events:none;z-index:0}
 .hero-cine-copy{position:relative;inset:auto;width:100%;margin:0;padding:32px 24px 0}
 .hero-cine-copy .inner{max-width:100%}
 .hero-cine h1{max-width:none;font-size:clamp(44px,10.2vw,60px)}
 .hero-cine h1 .grad{color:#d8bc7a;-webkit-text-fill-color:#d8bc7a;background:none}
 .hero-cine-stage>picture{display:block;position:absolute;inset:auto 0 0;width:100%;height:min(76vw,400px);z-index:1;-webkit-mask-image:linear-gradient(180deg,transparent,#000 17%,#000 95%,transparent);mask-image:linear-gradient(180deg,transparent,#000 17%,#000 95%,transparent)}
 .hero-cine-bg{position:relative;inset:auto;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none!important;will-change:auto!important}
 .hero-cine-scrim{display:block;background:linear-gradient(180deg,rgba(9,12,16,.15),transparent 45%,transparent 94%,var(--bg));pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.worldbg .mote,.worldbg .stream,.worldbg .frag{animation:none!important}.hero-cine-bg{transform:none!important}}