/* Markets Eye V5: additive integration rules. Approved component styles remain separately namespaced. */
html{scroll-behavior:smooth;background:#fff}
body{margin:0;min-width:min(320px,100%);background:#fff;color:#111}
*,*::before,*::after{box-sizing:border-box}
.v5-opening,.v5-money,.v5-participation,.v5-continuation{position:relative;isolation:isolate;min-width:0}
.v5-opening{overflow:hidden}
.v5-money{overflow:hidden}
.v5-participation{overflow:hidden}
.v5-continuation{overflow:clip}
/* Align genuine full-frame V3 AVIF screenshots with the approved V4 media slots. */
.v5-continuation .me-skeu{aspect-ratio:2720/1800!important;background:#101011}
.v5-continuation .me-skeu__content{transform:translateY(104%);opacity:1;transition:transform 740ms cubic-bezier(.22,.78,.22,1);will-change:transform}
.v5-continuation .me-skeu__content.is-active{transform:translateY(0);opacity:1}
.v5-continuation .me-skeu__content.is-leaving{transform:translateY(-104%);opacity:1}
.v5-continuation .me-skeu__content img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;user-select:none;-webkit-user-drag:none}
.v5-continuation .me-skeu::before{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 14%,transparent 80%,rgba(0,0,0,.07));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
/* Keep all four information panels in one uninterrupted black-disclosure stack. */
.v5-continuation .me-info-stack{padding-top:clamp(85px,7vw,135px);padding-bottom:clamp(135px,11vw,220px);gap:16px}
.v5-continuation .v5-expand-benefits .me-info__inside,.v5-continuation .v5-expand-scope .me-info__inside{padding-top:35px}
.v5-continuation .v5-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,4vw,90px)}
.v5-continuation .v5-benefit{border-top:1px solid #343436;padding:clamp(26px,2.4vw,43px) 0 clamp(29px,2.7vw,48px);display:grid;grid-template-columns:45px 1fr;column-gap:18px;align-content:start}
.v5-continuation .v5-benefit__index{grid-row:1 / span 2;color:#7f7f83;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}
.v5-continuation .v5-benefit h3{font-size:clamp(18px,1.4vw,26px);font-weight:500;line-height:1.25;letter-spacing:-.025em;margin:0 0 10px;color:#fff}
.v5-continuation .v5-benefit p{font-size:clamp(15px,1.1vw,19px);line-height:1.53;color:#bdbdbf;margin:0}
.v5-continuation .v5-disclaimer{max-width:1000px;font-size:15px;line-height:1.55;color:#a9a9ac;margin:32px 0 0}
.v5-continuation .v5-scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,5vw,110px);padding:0;margin:10px 0 40px;list-style:none}
.v5-continuation .v5-scope-list li{border-bottom:1px solid #343436;padding:17px 0 18px 25px;position:relative;color:#e5e5e7;font-size:clamp(16px,1.24vw,21px);line-height:1.4}
.v5-continuation .v5-scope-list li::before{content:'';position:absolute;left:0;top:28px;width:4px;height:4px;background:#a9a9ac;border-radius:50%}
.v5-continuation .v5-scope-closing{max-width:925px}
.v5-continuation .v5-scope-closing p{color:#d5d5d6;font-size:clamp(18px,1.55vw,26px);line-height:1.5;letter-spacing:-.015em;margin:0 0 25px}
.v5-continuation .v5-scope-closing p:last-child{margin-bottom:0}
/* Decorative indicators are SVG/CSS, never platform-dependent emoji glyphs. */
.v5-continuation .steps-item__mark svg{height:20px;width:20px;display:block;color:#a6a6a6}
.v5-continuation .v5-deco-arrow{width:12px;height:12px;display:inline-block;vertical-align:middle;color:inherit}
.v5-continuation .v5-footer-top{display:inline-flex;align-items:center;gap:8px}
.v5-continuation .v5-footer-top svg{width:15px;height:15px}
.v5-continuation .v5-close-symbol{position:relative;display:inline-block;height:18px;width:18px;color:inherit}
.v5-continuation .v5-close-symbol::before,.v5-continuation .v5-close-symbol::after{content:'';position:absolute;left:1px;top:8px;width:16px;height:1px;background:currentColor;transform:rotate(45deg)}
.v5-continuation .v5-close-symbol::after{transform:rotate(-45deg)}
/* FAQ: robust single-height animation; no transform animation that causes content jumping. */
.v5-continuation .faq-item__answer{box-sizing:border-box;overflow:hidden}
.v5-continuation .faq-item__answer.is-animating{transition:height 420ms cubic-bezier(.22,.76,.2,1),opacity 320ms ease;will-change:height}
@media(max-width:780px){
 .v5-continuation .v5-benefits-grid,.v5-continuation .v5-scope-list{grid-template-columns:1fr}
 .v5-continuation .v5-benefit{grid-template-columns:35px 1fr}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .v5-continuation .me-skeu__content,.v5-continuation .faq-item__answer.is-animating{transition:none!important;animation:none!important}
}

/* The global page transition sits above the individual approved component animations. */
.v5-page-veil{position:fixed;inset:0;z-index:999999;background:#080808;pointer-events:none;transform:translateY(-101%);animation:v5-page-open 820ms cubic-bezier(.23,.81,.24,1) both;will-change:transform}
@keyframes v5-page-open{from{transform:translateY(0)}to{transform:translateY(-101%)}}
body.v5-is-navigating .v5-page-veil{animation:v5-page-close 510ms cubic-bezier(.23,.81,.24,1) forwards}
@keyframes v5-page-close{from{transform:translateY(101%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.v5-page-veil,body.v5-is-navigating .v5-page-veil{display:none!important;animation:none!important}}
