/* Ascend adaptation layer over the Anchor AI reference styles (style.css stays as captured). */
.brand{display:flex;align-items:center;gap:10px;width:auto;color:#fff;text-decoration:none}
.brand img{width:30px;height:30px}
.brand span{font-weight:600;font-size:16px;letter-spacing:.32em}
.signin{margin-left:auto;margin-right:18px;color:#fff;text-decoration:none;font-size:16px;opacity:.86}
.signin:hover{opacity:1}
.site-header .demo{margin-left:0}
.app-store-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:10px 12px;border:1px solid #218eff;border-radius:8px;color:#fff;font-size:12px;line-height:1.4;text-align:center;text-decoration:none;pointer-events:auto}
.app-store-link:hover{border-color:#c0e0ff}
.app-store-link:focus-visible{outline:2px solid #8ecbff;outline-offset:5px}
/* Floating full-colour logos (Jordan, September 25): official symbol marks, no pill, glass or name; sources in assets/logos-color/SOURCES.md. */
.logo-flight{perspective:1200px}
.trust-card.float-logo{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;width:clamp(64px,6.4vw,104px);height:clamp(64px,6.4vw,104px);padding:0;border-radius:0}
.trust-card.float-logo.logo-wide{width:clamp(120px,11vw,176px)}
.trust-card.float-logo img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(var(--glow),.42));animation:logo-bob 3.6s ease-in-out var(--bob) infinite alternate;will-change:transform}
@keyframes logo-bob{from{transform:translateY(-5px) rotate(-2deg)}to{transform:translateY(6px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.trust-card.float-logo img{animation:none}}
.stage-layer{position:relative;z-index:20}
.ext-dim{position:fixed;inset:0;z-index:1;pointer-events:none;background:rgba(1,4,10,.62);opacity:var(--ext,0)}
@media(max-width:900px){.site-header .demo{margin-left:0}}
/* Sign in stays on phones (Jordan, October 5th): tighter header controls instead of hiding it. */
@media(max-width:480px){.brand span{font-size:14px;letter-spacing:.24em}.signin{margin-right:8px;padding:10px 14px!important;font-size:14px}.site-header .demo{padding:10px 14px;font-size:14px}}
@media(max-width:900px){.trust-card.float-logo{width:56px;height:56px}.trust-card.float-logo.logo-wide{width:104px}}
@media(max-width:560px){.second-ui h2{font-size:42px}.second-intro{top:232px;width:calc(100vw - 48px)}.hero-title{top:52%}}
/* Shade behind the fixed header once the extended sections scroll under it (own layer: the header keeps a filter from its intro animation). */
.header-shade{position:fixed;left:0;right:0;top:0;height:132px;z-index:35;pointer-events:none;background:linear-gradient(180deg,rgba(1,4,10,.97) 0%,rgba(1,4,10,.94) 62%,rgba(1,4,10,0) 100%);opacity:var(--ext,0)}
@media(max-width:900px){.header-shade{height:118px}}
@media(max-width:560px){.ext-dim{background:rgba(1,4,10,.75)}}

/* App Store badge in the hero (no coin, no box). */
.app-download { display: block; width: 190px; text-align: left; }
.app-download .ext-app-badge { display: inline-block; margin-top: 4px; line-height: 0; pointer-events: auto; transition: transform .2s, filter .2s; }
.app-download .ext-app-badge img { display: block; width: 140px; height: auto; }
.app-download .ext-app-badge:hover { transform: translateY(-2px); filter: drop-shadow(0 8px 18px rgba(33,142,255,.45)); }