/* Markets Eye V6: performance, accessibility and motion refinement only.
   The approved section typography/markup remains in its source stylesheets. */
html{scroll-behavior:auto!important;scroll-padding-top:88px}
body{overflow-x:clip}
/* True viewport-fixed site navigation, now outside the hero stacking context. */
.v6-masthead{--gutter:clamp(22px,2.12vw,46px);--nav-height:82px;position:fixed;inset:0 0 auto;z-index:9900;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:18px;height:82px;padding:16px var(--gutter) 0;color:#101010;background:rgba(255,255,255,0);font-family:ME-Now,"Helvetica Now Display","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color 430ms cubic-bezier(.22,.78,.22,1),box-shadow 430ms ease,backdrop-filter 430ms ease}
.v6-masthead.is-scrolled{background:rgba(255,255,255,.94);box-shadow:0 1px 0 rgba(15,15,15,.09);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.v6-masthead a{color:inherit;text-decoration:none}
.v6-masthead .masthead__logo{display:inline-flex;width:clamp(145px,11.8vw,205px);height:62px;align-items:flex-start}
.v6-masthead .masthead__logo img{display:block;width:100%;height:auto;max-height:60px;object-fit:contain;object-position:left top}
.v6-masthead .masthead__nav{display:flex;gap:clamp(19px,2.8vw,55px);justify-content:center;align-items:center;padding-top:17px;white-space:nowrap}
.v6-masthead .masthead__nav a{font-size:clamp(14px,.93vw,17px);line-height:1.25;letter-spacing:-.02em;font-weight:400;position:relative}
.v6-masthead .masthead__nav a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.v6-masthead .masthead__nav a:hover::after{transform:scaleX(1)}
.v6-masthead .masthead__begin{justify-self:end;align-self:start}
/* Reuse the exact approved red pill skin, previously scoped to the opening component. */
.v6-masthead .red-pill{color:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:12px 23px;isolation:isolate;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:radial-gradient(ellipse at 28% 0%,rgba(255,169,180,.62),transparent 53%),linear-gradient(135deg,#420719,#810e33 51%,#de6b7d);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -2px 0 rgba(0,0,0,.4),0 4px 19px rgba(140,12,55,.2);overflow:hidden;white-space:nowrap;transition:filter .24s ease,transform .24s ease}
.v6-masthead .red-pill:hover{filter:brightness(1.08);transform:translateY(-1px)}
.v6-masthead .red-pill__face{position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.14),transparent 44%);z-index:-1}
.v6-masthead .red-pill__label{display:inline-flex;align-items:center;gap:15px;color:#fff;font-size:15px;font-weight:600}
.v6-masthead .red-pill svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none}
/* Black opening/closing fades: never a translational swipe. */
.v5-page-veil{position:fixed!important;inset:0!important;z-index:999999!important;background:#050505!important;pointer-events:none;opacity:1;transform:none!important;animation:v6-entry-black 890ms cubic-bezier(.26,.78,.24,1) both!important;will-change:opacity}
@keyframes v6-entry-black{0%,12%{opacity:1}100%{opacity:0}}
body.v6-is-navigating .v5-page-veil{animation:v6-exit-black 450ms cubic-bezier(.32,.04,.67,1) forwards!important;pointer-events:auto}
@keyframes v6-exit-black{0%{opacity:0}100%{opacity:1}}
/* Safe, non-destructive reveal: clip + position animate the existing nodes, not split/reformatted text. */
@media(prefers-reduced-motion:no-preference){
 .v6-motion-ready .v6-reveal:not(.v6-is-visible){opacity:0;transform:translate3d(0,31px,0);clip-path:none}
 .v6-reveal{transition:opacity 750ms cubic-bezier(.16,1,.3,1),transform 1030ms cubic-bezier(.16,1,.3,1),clip-path 1030ms cubic-bezier(.16,1,.3,1);opacity:1;transform:none;clip-path:inset(0 0 0 0)}
 .v6-reveal.v6-is-visible{opacity:1;transform:translate3d(0,0,0);animation:v6-elevator-mask 1030ms cubic-bezier(.16,1,.3,1) both}
 @keyframes v6-elevator-mask{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
 .v6-reveal.v6-stagger-1{transition-delay:90ms}
 .v6-reveal.v6-stagger-2{transition-delay:160ms}
 .v6-reveal.v6-stagger-3{transition-delay:240ms}
}
/* Initial tab always visible; the original stage controller still handles the elevator.
   Its measured copy-window is allowed to grow for webfont and mobile reflows. */
.v5-continuation .me-feature-panel__copy.is-active{visibility:visible}
.v5-continuation .me-feature-panel__copy-window{overflow:hidden}
.v5-participation .me-code-panel.is-active{visibility:visible!important;opacity:1}
/* Single FAQ height channel. Padding on content, not the animated container. */
.v5-continuation .faq-item__answer{overflow:hidden!important;padding:0!important;will-change:auto!important}
.v5-continuation .faq-item__answer p{padding:0 38px 30px 0;margin:0}
.v5-continuation .faq-item .faq-plus:after{transform:rotate(90deg)}
.v5-continuation .faq-item[open] .faq-plus:after{transform:rotate(0)}
/* No permanent GPU promotion on all fifteen AVIF states. */
.v5-continuation .me-skeu__content{will-change:auto}
.v5-continuation .me-skeu__content.is-leaving,.v5-continuation .me-skeu__content.is-active{will-change:transform}
/* Anchors don't hide under the fixed header. */
[id]{scroll-margin-top:90px}
@media(max-width:980px){.v6-masthead{grid-template-columns:1fr auto;height:77px}.v6-masthead .masthead__nav{display:none}}
@media(max-width:780px){.v6-masthead{--gutter:clamp(22px,5.1vw,34px);height:84px;padding-top:16px}.v6-masthead .masthead__logo{width:150px}}
@media(max-width:480px){.v6-masthead{--gutter:20px}.v6-masthead .masthead__logo{width:132px}.v6-masthead .red-pill{min-height:40px;padding:8px 15px}.v6-masthead .red-pill__label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.v5-page-veil{display:none!important;animation:none!important}.v6-reveal{opacity:1!important;clip-path:none!important;transform:none!important;transition:none!important}.v6-masthead{transition:none!important}.v5-continuation .faq-item__answer{transition:none!important}}

/* The skip link lives outside the original scoped opening; keep it visually hidden until focused. */
.skip-link{position:fixed;top:-120px;left:16px;z-index:1000000;background:#fff;color:#111;padding:12px 18px;border:2px solid #111;text-decoration:none}
.skip-link:focus-visible{top:12px}

body.v6-restored:not(.v6-is-navigating) .v5-page-veil{animation:none!important;opacity:0!important}

/* Exact approved opening pill material, inherited into the now-fixed header. */
.v6-masthead .red-pill{--shine:0px;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(244,142,152,.7);border-radius:999px;background:radial-gradient(ellipse 125% 180% at calc(84% + var(--shine)) 96%,rgba(252,149,164,.63),transparent 56%),linear-gradient(118deg,#200b13 1%,#50131f 32%,#aa3549 76%,#e07987 101%);box-shadow:inset 0 1px .5px rgba(255,227,234,.54),inset 0 -6px 10px rgba(99,5,25,.28),0 4px 18px rgba(118,13,35,.14);color:white}
.v6-masthead .red-pill::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(178deg,rgba(255,235,239,.17) 0%,transparent 32%,rgba(23,0,5,.25) 55%,transparent 81%);mix-blend-mode:screen}
.v6-masthead .red-pill::after{content:"";position:absolute;inset:-50% -40%;transform:rotate(-24deg) translateX(-105%);background:linear-gradient(90deg,transparent 30%,rgba(255,235,235,.14),transparent 70%);pointer-events:none;animation:metal-sheen 9s ease-in-out infinite}
.v6-masthead .red-pill__face{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 50% at 95% 95%,rgba(255,232,232,.38),transparent 90%)}
.v6-masthead .red-pill__label{position:relative;z-index:1;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:-.02em;text-shadow:0 1px 1px rgba(0,0,0,.34);display:inline-flex;align-items:center;gap:10px}
.v6-masthead .red-pill__label svg{width:15px;height:15px;flex:none;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.v6-masthead .red-pill--header{min-height:42px;padding:9px 19px}
@media(max-width:480px){.v6-masthead .red-pill--header{min-height:40px;padding:8px 15px}.v6-masthead .red-pill__label{font-size:12px}}
/* Initial introduction rises into visibility during the opening black fade. */
/* Opening hero: set the hidden starting state in render-blocking CSS, not deferred JS.
   Its animation plays only once, independent of the IntersectionObserver reveal controller.
   Both the veil and these animations exist before the first paint. */
@media (prefers-reduced-motion:no-preference) {
 .v5-opening .hero__heading-block > *,
 .v5-opening .hero__bottom > * {
   opacity:0;
   animation:me-hero-initial-entrance 1030ms cubic-bezier(.16,1,.3,1) both;
 }
 .v5-opening .hero__heading-block > :first-child {animation-delay:760ms}
 .v5-opening .hero__heading-block > :last-child {animation-delay:850ms}
 .v5-opening .hero__bottom > :first-child {animation-delay:1010ms}
 .v5-opening .hero__bottom > :last-child {animation-delay:1120ms}
 @keyframes me-hero-initial-entrance {
   from {opacity:0;transform:translate3d(0,31px,0);clip-path:inset(100% 0 0 0)}
   to {opacity:1;transform:translate3d(0,0,0);clip-path:inset(0 0 0 0)}
 }
}