/* Investo Experts: glass navigation and a self-contained finance motion scene. */
#nav .nav-link{display:inline-flex;align-items:center;padding:10px 11px;border:1px solid transparent;border-radius:12px;isolation:isolate;transition:transform .28s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease;color:var(--mid)}
#nav .nav-links{gap:2px}
#nav .nav-link::after{left:22%;bottom:5px;width:0;background:var(--gold);height:2px;border-radius:2px}
#nav .nav-link:hover,#nav .nav-link:focus-visible{transform:translateY(-4px);color:var(--crimson);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,245,255,.62));border-color:rgba(121,100,223,.36);box-shadow:0 8px 22px rgba(38,66,124,.13),inset 0 1px 0 #fff;backdrop-filter:blur(16px)}
#nav .nav-link:hover::after,#nav .nav-link:focus-visible::after{width:56%}
#nav .nav-link.active{color:var(--crimson);background:rgba(121,100,223,.08);border-color:rgba(121,100,223,.15)}
@media(min-width:769px) and (max-width:1150px){#nav .nav-link{padding:9px 5px;font-size:.62rem}#nav .nav-links{gap:0}}
@media(prefers-reduced-motion:reduce){#nav .nav-link{transition:none}#nav .nav-link:hover,#nav .nav-link:focus-visible{transform:none}}

/* Full-bleed hero footage, softly blended into the existing cream page. */
.hero{isolation:isolate;background:#f7f9ff;min-height:720px;padding:74px 0 90px;overflow:hidden}
.hero-inner.hero-layout{position:static;display:block;min-height:556px;padding-top:34px;padding-bottom:30px}
.hero-copy{position:relative;z-index:2;max-width:620px}
.hero-title{max-width:16ch}
.hero-sub{max-width:540px}
.hero-visual,.hero-visual:hover{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;animation:none;filter:none;z-index:0;isolation:auto;pointer-events:none}
.hero-visual::before{display:none}
.hero-visual::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#f7f9ff 0%,rgba(247,249,255,.98) 23%,rgba(247,249,255,.88) 38%,rgba(247,249,255,.40) 57%,rgba(247,249,255,.04) 80%),linear-gradient(180deg,#f7f9ff 0%,rgba(247,249,255,0) 15%,rgba(247,249,255,0) 73%,#f7f9ff 100%)}
.hero-image-frame{position:absolute;inset:0;aspect-ratio:auto;width:100%;height:100%;border:0;border-radius:0;overflow:hidden;background:#f7f9ff;line-height:0}
.hero-art,.hero-visual:hover .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;border:0;border-radius:0;transform:none;filter:saturate(.78);opacity:.88}
.hero-dots,.hero-orb1,.hero-orb2,.hero-ridges{display:none}
@media(max-width:940px){.hero{min-height:760px;padding:44px 0 80px}.hero-inner.hero-layout{min-height:630px}.hero-copy{max-width:680px}.hero-title{max-width:15ch}.hero-visual::after{background:linear-gradient(90deg,rgba(247,249,255,.96),rgba(247,249,255,.84) 44%,rgba(247,249,255,.42) 100%),linear-gradient(180deg,#f7f9ff 0%,transparent 25%,transparent 70%,#f7f9ff 100%)}}
@media(max-width:600px){.hero{min-height:800px;padding:20px 0 72px}.hero-inner.hero-layout{min-height:690px;padding-top:28px;padding-bottom:48px}.hero-copy{max-width:100%}.hero-title{max-width:12ch;font-size:clamp(2.8rem,11.7vw,4rem)}.hero-art,.hero-visual:hover .hero-art{object-position:60% center;opacity:.6}.hero-visual::after{background:linear-gradient(90deg,rgba(247,249,255,.94),rgba(247,249,255,.70)),linear-gradient(180deg,#f7f9ff,transparent 25%,transparent 75%,#f7f9ff)}.hero-proof{margin-top:30px}.hero-sub{font-size:.98rem}}
