@font-face{font-family:Newsreader;src:url(assets/fonts/newsreader-regular.woff2)}@font-face{font-family:Newsreader;font-style:italic;src:url(assets/fonts/newsreader-italic.woff2)}
@font-face{font-family:Inter;src:url(assets/fonts/inter-400.woff2)}@font-face{font-family:Inter;font-weight:500;src:url(assets/fonts/inter-500.woff2)}
/* v22-preview: D2a.3 hero on desktop >700px only. Mobile untouched. */
@media (min-width:701px){
#home .v22h{position:relative;font:400 16px/1.6 var(--sans);color:var(--ink)}
#home .v22h :where(*:not(.hero-copy):not(.hero-copy *)){box-sizing:border-box;margin:0;padding:0}
#home .v22h .wrap{width:var(--W);margin:0 auto}#home .v22h .up{color:var(--up)}#home .v22h .dn{color:var(--dn)}
#home .v22h .k{font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
#home .v22h .btn{display:inline-flex;align-items:center;gap:14px;font:500 14px/1 var(--sans);padding:16px 22px;border-radius:6px;background:var(--ink);color:#050806;text-decoration:none}#home .v22h .btn b{font-weight:400;color:#0a7d58}
#home .v22h .btn2{display:inline-flex;align-items:center;gap:10px;font:500 14px/1 var(--sans);color:#c9d1cc;padding:16px 4px;text-decoration:none}
.v22h{--bg:#040605;--ink:#ecedea;--mut:#828c87;--dim:#5a645f;--rule:rgba(236,237,234,.1);--g:#00a675;--gd:#4fd6a0;--up:#2fd18a;--dn:#ff6b6b;--gold:#d6a12d;--geo:#ef5b5b;--ai:#5aa9ff;--serif:Newsreader,Georgia,serif;--sans:Inter,Arial,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace;--W:min(1200px,100vw - 160px)}
/* shared card */
/* ========== D1 Editorial ========== */
/* ========== D2 Instrument ========== */




#home .v22h .hero{position:relative;height:calc(100vh - 74px - 52px);min-height:640px}
#home .v22h .hero .wrap{height:100%;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center}
#home .v22h .eb{font:500 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}#home .v22h .eb b{color:var(--gd);font-weight:500}
#home .v22h h1{font:400 64px/1.03 var(--serif);letter-spacing:-.035em;margin-top:24px}#home .v22h h1 em{color:var(--gd)}
#home .v22h .copy p{color:#b6beb9;max-width:470px;margin-top:22px}#home .v22h .act{display:flex;gap:22px;align-items:center;margin-top:32px}
#home .v22h .dial{position:relative;height:600px}#home .v22h .dial svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#home .v22h .dial .logo{position:absolute;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.14)}#home .v22h .dial .logo img{width:100%;height:100%;display:block;filter:saturate(.82) contrast(1.04)}
#home .v22h .lbl{position:absolute;width:176px}#home .v22h .lbl .v{font:400 19px/1.2 var(--serif);margin-top:9px}#home .v22h .lbl .v b{font:500 12.5px/1 var(--mono);margin-left:8px}#home .v22h .lbl .s{font-size:11.5px;color:#89938e;margin-top:5px}#home .v22h .lbl.r{text-align:right}
#home .v22h .tape{height:52px;border-top:.5px solid var(--rule);border-bottom:.5px solid var(--rule);overflow:hidden}
#home .v22h .tape .wrap{display:flex;align-items:center;height:100%;gap:0;justify-content:space-between}
#home .v22h .tape span{font:500 11.5px/1 var(--mono);color:#a9b2ad;white-space:nowrap}#home .v22h .tape span b{font-weight:500;margin-left:8px}#home .v22h .tape i{width:.5px;height:16px;background:var(--rule)}




#home .v22h .panels{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:.5px solid var(--rule);border-radius:16px;overflow:hidden}
#home .v22h .panels>div{background:#060908;padding:28px 28px 24px;min-height:250px;display:flex;flex-direction:column}
#home .v22h .panels h3{font:400 24px/1.2 var(--serif);margin-top:14px}#home .v22h .panels .stat{font:300 52px/1 var(--serif);letter-spacing:-.035em;margin-top:auto}#home .v22h .panels small{font-size:11px;color:var(--mut);margin-top:8px;display:block}


/* ========== D3 Gallery ========== */
/* D2 round 2 hero */
#home .v22h .dial{height:600px}
#home .v22h .dial .logo{animation:lgin 1s cubic-bezier(.2,.7,.2,1) .1s both}
@keyframes lgin{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
#home .v22h .dr{stroke-dasharray:1;stroke-dashoffset:1;animation:dr 1.4s cubic-bezier(.65,0,.35,1) .35s both}
@keyframes dr{to{stroke-dashoffset:0}}
#home .v22h .nd{opacity:0;animation:fi .4s ease-out 1.65s both}
#home .v22h .lbl{opacity:0;animation:lbin .9s cubic-bezier(.2,.7,.2,1) 1.7s both}
@keyframes lbin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes fi{to{opacity:1}}
#home .v22h .lbl .v,#home .v22h .copy h1,#home .v22h .copy .eb{position:relative}
#home .v22h .sh{position:absolute;inset:0;pointer-events:none;color:transparent!important;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,transparent 0 38%,rgba(184,255,224,.85) 47%,#fff 50%,rgba(184,255,224,.85) 53%,transparent 62% 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;animation:shn 1.2s cubic-bezier(.4,0,.2,1) both}
#home .v22h .sh *{color:transparent!important;-webkit-text-fill-color:transparent}
@keyframes shn{from{background-position:100% 0}to{background-position:0 0}}
#home .v22h .copy>*{animation:lbin 1.1s cubic-bezier(.2,.7,.2,1) both}#home .v22h .copy>*:nth-child(1){animation-delay:.15s}#home .v22h .copy>*:nth-child(2){animation-delay:.35s}#home .v22h .copy>*:nth-child(3){animation-delay:.6s}#home .v22h .copy>*:nth-child(4){animation-delay:.85s}
#home .v22h .deco{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:10.5px;color:var(--dim);opacity:0;animation:fi .6s ease 2.2s both}
@media (prefers-reduced-motion:reduce){ #home .v22h *{animation:none!important}#home .v22h .dr{stroke-dashoffset:0}#home .v22h .sh{display:none}}
#home .v22h .hero .wrap{grid-template-columns:.82fr 1.18fr}#home .v22h .lbl{width:164px}
/* D2a.2: stronger sweeps + section accents */
.v22h{--a-geo:#d9a066;--a-fed:#a497f2;--a-ai:#5aa9ff;--a-earn:#3fd39a}
#home .v22h .lbl .k{color:var(--ac)}
#home .v22h .lbl .v span:not(.sh){color:inherit}
#home .v22h .hl{position:relative;display:inline-block}
#home .v22h .sh.big{background:linear-gradient(102deg,transparent 0 32%,rgba(170,255,215,.55) 42%,#fff 48%,#fff 52%,rgba(170,255,215,.55) 58%,transparent 68% 100%);background-size:280% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;animation:shbig 13s cubic-bezier(.45,.05,.25,1) infinite both}
@keyframes shbig{0%{background-position:100% 0;opacity:1}10%{background-position:0 0;opacity:1}10.01%,100%{background-position:0 0;opacity:0}}
#home .v22h .dial .logo .lsw{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(110deg,transparent 0 42%,rgba(200,255,230,.18) 47%,rgba(255,255,255,.5) 50%,rgba(200,255,230,.18) 53%,transparent 58% 100%);background-size:420% 100%;background-position:110% 0;mix-blend-mode:screen;animation:lsw 13s cubic-bezier(.45,.05,.25,1) 1.7s infinite both}
@keyframes lsw{0%{background-position:110% 0}11%,100%{background-position:-10% 0}}
/* card accents (top rule + kicker only; data colours unchanged) */



@media (prefers-reduced-motion:reduce){ #home .v22h .lsw{display:none}}
/* D2a.3: slower entrance (~1.7x), emerald "markets", clean sheens */
.v22h{--em:#45b85b;--em-hi:#a6ecbc}
#home .v22h .copy>*{animation-duration:1.8s}#home .v22h .copy>*:nth-child(1){animation-delay:.35s}#home .v22h .copy>*:nth-child(2){animation-delay:.8s}#home .v22h .copy>*:nth-child(3){animation-delay:1.3s}#home .v22h .copy>*:nth-child(4){animation-delay:1.8s}
#home .v22h .dial .logo{animation:lgin 1.8s cubic-bezier(.2,.7,.2,1) .5s both}
#home .v22h .dr{animation:dr 2.4s cubic-bezier(.65,0,.35,1) 1.1s both}
#home .v22h .nd{animation:fi .8s ease-out 3.4s both}
#home .v22h .lbl{animation:lbin 1.5s cubic-bezier(.2,.7,.2,1) 3.6s both}
#home .v22h .deco{animation:fi 1s ease 5.2s both}
#home .v22h .sh{animation-duration:1.8s}
#home .v22h .sh.big{background:linear-gradient(102deg,transparent 0 36%,rgba(214,255,232,.35) 44%,rgba(246,255,250,.78) 50%,rgba(214,255,232,.35) 56%,transparent 64% 100%);background-size:280% 100%;animation:shbig 15s cubic-bezier(.45,.05,.25,1) infinite both}
@keyframes shbig{0%{background-position:100% 0;opacity:1}12%{background-position:0 0;opacity:1}12.01%,100%{background-position:0 0;opacity:0}}
#home .v22h .dial .logo .lsw{animation:lsw 15s cubic-bezier(.45,.05,.25,1) 6.1s infinite both}
@keyframes lsw{0%{background-position:110% 0}12%,100%{background-position:-10% 0}}
/* markets: own emerald fill + single soft mint sheen; excluded from line overlay */
#home .v22h .copy h1 em{color:var(--em);-webkit-text-fill-color:transparent;background:linear-gradient(100deg,var(--em) 0 38%,var(--em-hi) 50%,var(--em) 62% 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;animation:emsw 15s cubic-bezier(.45,.05,.25,1) 7.25s infinite both;padding-right:.06em}
@keyframes emsw{0%{background-position:100% 0}14%,100%{background-position:0 0}}
#home .v22h .sh em{visibility:hidden}
@media (prefers-reduced-motion:reduce){ #home .v22h .copy h1 em{background:none;-webkit-text-fill-color:var(--em)}}
#home .v22h .sh.big{-webkit-background-clip:text;background-clip:text}
#home .v22h .tape{opacity:0;animation:fi 1.4s ease 4.6s both}
@media (prefers-reduced-motion:reduce){ #home .v22h .tape{opacity:1}}
}
@media (min-width:701px){
#home.v22-on>.hero-art,#home.v22-on>.hero-content,#home.v22-on>.hero-foot{display:none!important}
#home.v22-on{min-height:0!important;padding:0!important;background:#030504;display:block!important}
#home .v22h .hero{position:relative;height:calc(100vh - var(--v22-hdr,84px) - 52px);min-height:640px}
#home .v22h h1,#home .v22h h1 .hl{color:#ecedea!important;-webkit-text-fill-color:#ecedea}#home .v22h h1 .sh,#home .v22h h1 .sh *{-webkit-text-fill-color:transparent!important;color:transparent!important}#home .v22h h1{text-wrap:initial}
#home .v22h h1 em{-webkit-text-fill-color:transparent!important}
#home .v22h .tape{background:#030504}
}
@media (max-width:700px){#home .v22h{display:none!important}}
.v22-replay{position:fixed;z-index:999;right:20px;bottom:20px;font:500 11px/1 ui-monospace,Menlo,monospace;color:#d7ddd9;padding:10px 14px;border-radius:999px;background:rgba(8,12,10,.86);border:.5px solid rgba(236,237,234,.25);cursor:pointer}
.shot .v22-replay,html.shot .v22-replay{display:none}
@media (max-width:700px){.v22-replay{display:none}}

html.v22-static #home .v22h *{animation:none!important}html.v22-static #home .v22h .lbl,html.v22-static #home .v22h .nd,html.v22-static #home .v22h .deco,html.v22-static #home .v22h .tape{opacity:1!important}html.v22-static #home .v22h .dr{stroke-dashoffset:0!important}html.v22-static #home .v22h .sh{opacity:0!important}html.v22-static #home .v22h .lsw{display:none}
/* v22p.2: v21 'Welcome to GlobalEye' copy moved into the left column */
@media (min-width:701px){
#home .v22h .copy .hero-copy{width:auto!important;max-width:560px!important;padding:0!important;margin:0!important}
#home .v22h .copy .hb-line{animation:v22rise 1.8s cubic-bezier(.2,.7,.2,1) both!important;opacity:1}
#home .v22h .copy .hb-0{animation-delay:.35s!important}#home .v22h .copy .hb-1{animation-delay:.7s!important}#home .v22h .copy .hb-2{animation-delay:1.1s!important}#home .v22h .copy .hb-3{animation-delay:1.45s!important}#home .v22h .copy .hb-4{animation-delay:1.75s!important}#home .v22h .copy .hb-5{animation-delay:2.05s!important}
#home .v22h .copy .hb-1,#home .v22h .copy .hb-2{position:relative}
#home .v22h .copy .hb-2 em{color:#45b85b}
#home .v22h .copy .sh.big{display:block;white-space:inherit}
html.v22-static #home .v22h .copy .hb-line{animation:none!important;opacity:1!important;transform:none!important}
}
@keyframes v22rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}