.egrid .ev{box-shadow:0 30px 70px -40px rgba(6,18,42,.55);border:1px solid var(--line)}nav.authed .logo{flex:none}nav.authed .logo img{width:auto;max-width:none}nav.authed ul{gap:0}nav.authed ul a{padding:10px 7px!important;font-size:12.5px}.upill{max-width:150px;padding-right:14px}.unm{font-size:13px}@media(max-width:900px){.ntf{position:fixed;top:92px;left:12px;right:12px;width:auto}}.afm .epsec{grid-column:1/-1}.afm .epsec .afm{display:block}#fm-prof{margin:22px 0 30px;padding-bottom:30px;border-bottom:1px solid #dbe6fb}
.a{position:absolute;white-space:nowrap;line-height:1;margin:0}.a.c{text-align:center}.a.r{text-align:right}
.idw{position:relative;width:90mm;height:120mm;flex:none;border-radius:6.2mm;box-shadow:0 18px 40px rgba(11,31,69,.28),0 3px 8px rgba(11,31,69,.2);transform-style:preserve-3d}
.idw .cv{position:absolute;left:0;top:0;width:1500px;height:2000px;transform:scale(.22677);transform-origin:0 0;background:#ececea;border:12px solid #c99a3e;border-radius:100px;box-sizing:border-box;overflow:hidden;font-family:'Plus Jakarta Sans',sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.idw .cv *{box-sizing:border-box}.idw .cv .a{margin:0}
.idw .cv.fr .a{margin-left:-12px;margin-top:-12px}.idw .cv.bk .a{margin-left:-12px;margin-top:-12px}
.idw .osw{font-family:'Oswald','Bebas Neue','Arial Narrow',Impact,sans-serif;font-weight:700;letter-spacing:1px}
.idw .nv{color:#0d1f42}.idw .gd{color:#c99a3e}.idw .wh{color:#fff;font-weight:500}.idw .gr{color:#586179;font-weight:500}.idw .bd{font-weight:800}.idw .md{font-weight:600}
.idw .tg{font-weight:800;letter-spacing:4px;color:#0d1f42}.idw .vfy{color:#fff;font-weight:800;letter-spacing:2px}
.idw .lb{font-weight:800;letter-spacing:4px;color:#4a5570}.idw .v{font-weight:600;letter-spacing:.5px}
.idw .ico svg{width:100%;height:100%;padding:23px}.idw .ico2 svg{width:100%;height:100%}.idw .ico2{display:block}
.idw .ecl{color:#a9b3c9;font-weight:500;letter-spacing:2px}.idw .ecv{color:#fff;font-weight:800}
.idw .ft{color:#fff;font-weight:700;display:flex;align-items:center;gap:14px}.idw .ft .fi{display:inline-flex;width:40px;height:40px}.idw .ft .fi svg{width:100%;height:100%}.idw .ft .sep{color:#c99a3e;font-style:normal;margin:0 24px}
.idw .sig{font-family:'Playfair Display','Cormorant Garamond',Georgia,serif;font-style:italic;color:#2a2f45;font-weight:400}
.idw .hd{text-shadow:0 0 28px rgba(255,255,255,.55)}
.idw .idph{border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.idw .idph img{width:100%;height:100%;object-fit:cover}.idw .idph img[hidden],.idw .idph b[hidden]{display:none}.idw .idph b{font:700 150px 'Oswald',Impact,sans-serif;color:#0d1f42}
.idw .idq svg{width:100%;height:100%;display:block}
.idstage{display:flex;flex-wrap:wrap;gap:44px;justify-content:center;padding:18px 0 10px;perspective:1400px}
.idfig{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px;animation:idIn .8s cubic-bezier(.2,.9,.25,1.1) both}.idfig:nth-child(2){animation-delay:.14s}
.idfig figcaption{font:800 12px 'Space Grotesk',sans-serif;letter-spacing:.2em;color:#1457e6;text-transform:uppercase}
.idtilt{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out;animation:idFl 6s ease-in-out infinite}.idfig:nth-child(2) .idtilt{animation-delay:-3s}
.idtilt:hover{animation-play-state:paused}
@keyframes idIn{from{opacity:0;transform:translateY(40px) rotateY(-35deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes idFl{0%,100%{translate:0 0}50%{translate:0 -8px}}
.idact{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:26px 0 6px}
.idact .rb3d{margin-top:0}
.idnote{text-align:center;font:600 13px 'Plus Jakarta Sans',sans-serif;color:#5b6b8c;margin:8px 0 0}
#idPrintRoot{display:none}
@media print{@page{size:90mm 120mm;margin:0}
 body.idprn>*:not(#idPrintRoot){display:none!important}
 body.idprn{background:#fff!important;margin:0!important}
 #idPrintRoot{display:block!important}
 #idPrintRoot .pg{width:90mm;height:120mm;page-break-after:always;break-after:page;overflow:hidden;position:relative}
 #idPrintRoot .pg:last-child{page-break-after:auto;break-after:auto}
 #idPrintRoot .idw{box-shadow:none;border-radius:6.2mm;animation:none}
 #idPrintRoot .idtilt{transform:none;animation:none}}
@media(max-width:520px){.idstage{gap:30px}}
@media(prefers-reduced-motion:reduce){.idfig,.idtilt{animation:none}}

.vfw{max-width:560px;margin:0 auto;text-align:center;padding:6px 0 4px}
.vfb{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;font:800 14px 'Plus Jakarta Sans',sans-serif;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#19c97f,#0b9a5e);box-shadow:0 5px 0 #067244,0 14px 26px rgba(15,169,104,.35);animation:vfPop .7s cubic-bezier(.2,1.4,.3,1) both}
.vfb svg{width:20px;height:20px}.vfb.no{background:linear-gradient(135deg,#ff6a6a,#d62f3f);box-shadow:0 5px 0 #8f1623,0 14px 26px rgba(214,47,63,.35)}
.vfc{margin:86px auto 0;padding:26px 22px;border-radius:26px;background:linear-gradient(180deg,#fff,#eef3ff);border:1.5px solid #0b1f45;box-shadow:0 8px 0 #0b1f45,0 26px 40px rgba(11,31,69,.2);animation:vfUp .8s .1s cubic-bezier(.2,.9,.25,1.1) both;transform-origin:50% 100%}
.vfph{width:132px;height:132px;margin:-70px auto 14px;border-radius:50%;background:#0b1f45;border:5px solid #c99a3e;box-shadow:0 12px 26px rgba(11,31,69,.35);overflow:hidden;display:flex;align-items:center;justify-content:center;font:800 44px 'Plus Jakarta Sans',sans-serif;color:#fff}
.vfph img{width:100%;height:100%;object-fit:cover}.vfph img[hidden]{display:none}
.vfc h2{margin:0 0 4px;font:800 26px 'Plus Jakarta Sans',sans-serif;color:#0b1f45}
.vfc .vfr{font:700 15px 'Space Grotesk',sans-serif;color:#1457e6;letter-spacing:.06em}
.vfg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;text-align:left}
.vfg div{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #d6e0f5}
.vfg small{display:block;font:800 11px 'Plus Jakarta Sans',sans-serif;letter-spacing:.14em;color:#5b6b8c;text-transform:uppercase}
.vfg b{display:block;margin-top:4px;font:700 17px 'Plus Jakarta Sans',sans-serif;color:#0b1f45}
.vfg .ok{color:#0b9a5e}
.vfnote{margin:16px 0 0;font:600 12.5px 'Plus Jakarta Sans',sans-serif;color:#5b6b8c}
.vfa{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:24px}.vfa .rb3d{margin-top:0}
.vfs{padding:40px 0;font:700 16px 'Plus Jakarta Sans',sans-serif;color:#5b6b8c}
@keyframes vfPop{from{opacity:0;transform:scale(.6) rotateX(70deg)}to{opacity:1;transform:none}}
@keyframes vfUp{from{opacity:0;transform:perspective(900px) rotateX(24deg) translateY(40px)}to{opacity:1;transform:none}}
@media(max-width:420px){.vfg{grid-template-columns:1fr}}
.lbgt{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:8px;border-radius:50%;font:800 13px sans-serif;color:#fff;vertical-align:middle}.lbgt.M{background:#1457e6}.lbgt.F{background:#d6336c}
#lbGen{margin-top:0}#lbGen button[data-g="M"].on{background:linear-gradient(135deg,#3b82f6,#1457e6)}#lbGen button[data-g="F"].on{background:linear-gradient(135deg,#f06595,#d6336c)}
.lbjump{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 0}.lbjump span{font:800 12px 'Plus Jakarta Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5d6f95;margin-right:4px}
.lbjump button{cursor:pointer;padding:8px 14px;border-radius:999px;border:1.5px solid #0b1f45;background:#fff;color:#0b1f45;font:800 13px 'Plus Jakarta Sans',sans-serif;box-shadow:0 3px 0 #0b1f45;transition:transform .15s,box-shadow .15s}.lbjump button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #0b1f45}.lbjump button em{font-style:normal;margin-left:6px;color:#1457e6}
.hero .wrap.hsw{width:100%;max-width:1320px;box-sizing:border-box}
.hsites{position:relative;margin-top:36px;padding:20px 22px 22px;border-radius:28px;background:linear-gradient(135deg,rgba(255,176,32,.2),rgba(255,94,98,.14) 55%,rgba(168,85,247,.2));border:1.5px solid rgba(255,196,80,.55);box-shadow:0 6px 0 rgba(60,30,0,.55),0 26px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);perspective:1000px;overflow:hidden;animation:hslIn .9s cubic-bezier(.2,.9,.25,1.1) both}
.hsites[hidden]{display:none}
.hsites .hst{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:800 13px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#ffd36b}
.hsites .hst .lv{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#ffb020;color:#3a1d00;letter-spacing:.14em;font-size:11px;box-shadow:0 3px 0 #a86a00}
.hsites .hst .lv::before{content:"";width:8px;height:8px;border-radius:50%;background:#d6203b;animation:hslP2 1.4s infinite}
.hsites .hst::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,211,107,.6),transparent)}
.hsites .hsr{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.hsl{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:22px;text-decoration:none;color:#fff;overflow:hidden;border:1px solid rgba(255,255,255,.4);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .25s;animation:hslIn .8s cubic-bezier(.2,.9,.25,1.1) both}
.hsl.c0{background:linear-gradient(135deg,#ffc83d,#ff7a1a);color:#3a1d00;box-shadow:0 7px 0 #9a4a00,0 22px 34px rgba(255,122,26,.35),inset 0 1px 0 rgba(255,255,255,.55)}
.hsl.c1{background:linear-gradient(135deg,#ff4d8d,#7c3aed);box-shadow:0 7px 0 #4a1d96,0 22px 34px rgba(124,58,237,.4),inset 0 1px 0 rgba(255,255,255,.4)}
.hsl:nth-child(2){animation-delay:.14s}
.hsl::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:navShine 5s ease-in-out infinite}
.hsl:hover{filter:brightness(1.06)}
.hsl .hn{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.92);font-size:26px;transform:translateZ(24px);box-shadow:0 4px 0 rgba(0,0,0,.18)}
.hsl .ht{display:flex;flex-direction:column;min-width:0;flex:1;transform:translateZ(16px)}
.hsl .hk{font:800 11px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin-bottom:3px}
.hsl b{font:800 21px 'Plus Jakarta Sans',sans-serif;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hsl small{font:700 13px 'Plus Jakarta Sans',sans-serif;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.hsl .hb{flex:none;display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border-radius:14px;background:#0b1f45;color:#fff;font:800 14px 'Plus Jakarta Sans',sans-serif;box-shadow:0 4px 0 #000;transform:translateZ(26px);transition:transform .2s,box-shadow .2s}
.hsl:hover .hb{transform:translateZ(26px) translateY(-2px);box-shadow:0 6px 0 #000}
@keyframes hslIn{from{opacity:0;transform:perspective(700px) rotateX(-40deg) translateY(24px)}to{opacity:1}}
@keyframes hslP2{70%{box-shadow:0 0 0 9px rgba(214,32,59,0)}0%{box-shadow:0 0 0 0 rgba(214,32,59,.7)}100%{box-shadow:0 0 0 0 rgba(214,32,59,0)}}
@media(max-width:600px){.hsites{padding:16px 14px 18px;border-radius:22px}.hsl{flex-wrap:wrap;padding:16px}.hsl .hb{width:100%;justify-content:center}.hsl b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.hsites,.hsl,.hsl::after,.hst .lv::before{animation:none}}

/* ===== cross-device hardening (iOS Safari, Android Chrome, desktop) ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{overflow-x:hidden;overflow-x:clip}
img,video,canvas,svg{max-width:100%}
button,a,[role=button]{touch-action:manipulation}
@supports(height:100svh){.hero{min-height:100svh}}
@media(max-width:1180px){
 #nav{flex-wrap:nowrap;gap:8px;top:calc(12px + env(safe-area-inset-top,0px));width:calc(100% - 24px)}
 #nav .logo{flex:none}
 .burger{display:flex!important;align-items:center;justify-content:center;flex:none;margin-left:auto;font-size:24px;line-height:1;padding:0;cursor:pointer}
 #nav>.btn{display:none}
 #nav ul{position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:0!important;display:none;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:10px;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#060f26!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:20px!important;box-shadow:0 30px 60px -20px rgba(0,0,0,.75)!important;z-index:5}
 #nav ul.open{display:flex}
 #nav ul li{width:100%}
 #nav ul a{display:flex;align-items:center;min-height:46px;padding:12px 16px;font-size:15px;white-space:normal;border-radius:12px}
 #nav ul a::after{display:none}
 nav.authed .uzone{margin-left:auto}nav.authed .burger{margin-left:0}
}
@media(max-width:560px){
 #nav{width:calc(100% - 16px);padding:6px 8px 6px 10px;gap:6px;border-radius:18px}
 #nav .logo{padding:3px 8px;border-radius:12px}#nav .logo img{height:32px}
 .burger,.bell{width:40px;height:40px}.upill{height:40px;padding:0 4px}.uav{width:32px;height:32px}.uzone{gap:6px;margin-left:auto}
}
@media(max-width:340px){#nav .logo img{height:28px}.burger,.bell{width:36px;height:36px}.upill{height:36px}.uav{width:28px;height:28px}.bdg{min-width:17px;height:17px;font-size:10px}}
@media(max-width:600px){input,select,textarea{font-size:16px!important}}
@media(max-width:1180px){#nav .ntf,.ntf{position:fixed;top:calc(76px + env(safe-area-inset-top,0px));left:10px;right:10px;width:auto}}
.mbli{display:none}
@media(max-width:1180px){nav:not(.authed) .mbli{display:block;margin-top:6px}.mbli a{justify-content:center;font-weight:800!important;color:#fff!important;background:linear-gradient(100deg,#0fa968,#1457e6)!important;box-shadow:0 5px 0 #0a3d9a}}

html{overflow-x:hidden}
.tbl{overflow-x:auto!important;max-width:100%;-webkit-overflow-scrolling:touch}
.board{max-width:100%}.mem{width:min(280px,100%)}
.dtabs{flex-wrap:wrap;max-width:100%;border-radius:22px}
@media(max-width:420px){.dtabs button{padding-left:14px;padding-right:14px}}
@media(max-width:340px){.mem{width:100%}.mcard,.mcard-wrap{min-width:0;max-width:100%}.mship{padding-left:10px;padding-right:10px}}
@media(max-width:380px){.idfig{zoom:.86}}
@media(max-width:330px){.idfig{zoom:.78}}

/* ===== OUR JOURNEY page ===== */
.jyh{position:relative;overflow:hidden;padding:140px 0 96px;color:#fff;background:radial-gradient(ellipse 60% 70% at 82% 20%,rgba(79,139,255,.35),transparent 70%),radial-gradient(ellipse 50% 60% at 0 100%,rgba(25,217,138,.3),transparent 70%),linear-gradient(180deg,#040a1f,#071536);border-radius:0 0 48px 48px}
.jyh canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.55;pointer-events:none}
.jyhw{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.jyl{color:#79e7b9}
.jyt h1{font:700 clamp(46px,7.4vw,118px)/.94 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:14px 0 18px;text-transform:none}
.jyt h1 .jx1,.jyt h1 .jx2{display:block;position:static;transform:none;opacity:1}.jyt h1 .jx1{color:#fff}.jyt h1 .jx2{background:linear-gradient(100deg,#19d98a,#4f8bff 70%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.jyt .lead{font:600 clamp(17px,1.7vw,24px)/1.4 'Plus Jakarta Sans',sans-serif;color:#cfe0ff;max-width:560px}
.jycta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.jycta .rb3d{margin-top:0}
.jyst{display:flex;flex-wrap:wrap;gap:26px;margin-top:34px}.jyst div{display:flex;flex-direction:column}
.jyst b{font:700 38px/1 'Space Grotesk',sans-serif;background:linear-gradient(100deg,#fff,#7ff0bf);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.jyst span{margin-top:6px;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#9db4ee}
.jyc3{position:relative;height:clamp(320px,38vw,520px);perspective:1200px}
.jyp{position:absolute;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#19d98a,#1457e6) center/cover;border:3px solid rgba(255,255,255,.85);box-shadow:0 30px 60px -20px rgba(0,0,0,.7);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out;animation:jyIn 1s cubic-bezier(.2,.9,.25,1.1) both,jyFl 7s ease-in-out infinite}
.jyp.p1{left:2%;top:14%;width:58%;height:62%;--r:-6deg;animation-delay:.1s,0s}
.jyp.p2{right:0;top:0;width:46%;height:48%;animation-delay:.3s,-2s}
.jyp.p3{right:6%;bottom:0;width:52%;height:44%;animation-delay:.5s,-4s}
@keyframes jyIn{from{opacity:0;transform:translateY(60px) rotateY(-40deg) scale(.85)}to{opacity:1}}
@keyframes jyFl{0%,100%{translate:0 0}50%{translate:0 -12px}}
.jysec{padding:36px 0 90px}
.jychips{position:sticky;top:96px;z-index:30;display:flex;gap:8px;overflow-x:auto;padding:12px 10px;margin:0 -10px 26px;border-radius:0 0 18px 18px;background:rgba(244,248,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;-webkit-overflow-scrolling:touch}.jychips::-webkit-scrollbar{display:none}
.jychips button{flex:none;cursor:pointer;padding:9px 14px;border-radius:999px;border:1.5px solid #0b1f45;background:#fff;color:#0b1f45;font:800 12.5px 'Plus Jakarta Sans',sans-serif;box-shadow:0 3px 0 #0b1f45;transition:transform .15s,box-shadow .15s,background .2s}
.jychips button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #0b1f45;background:#eaf1ff}
.jypath{position:relative;max-width:1120px;margin:0 auto;padding:10px 0 10px}
.jyline{position:absolute;left:50%;top:0;bottom:0;width:5px;margin-left:-2.5px;border-radius:5px;background:rgba(20,87,230,.14)}
.jyline i{position:absolute;left:0;top:0;width:100%;height:var(--p,0%);border-radius:5px;background:linear-gradient(#19d98a,#1457e6)}
.jyline b{position:absolute;left:50%;top:var(--p,0%);width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:5px solid #19d98a;box-shadow:0 0 0 6px rgba(25,217,138,.2),0 0 22px rgba(25,217,138,.7)}
.jych{position:relative;width:calc(50% - 56px);margin:0 0 46px;opacity:0;transform:translateY(46px) perspective(900px) rotateX(10deg);transition:opacity .7s,transform .8s cubic-bezier(.2,.9,.25,1.1)}
.jych.on{opacity:1;transform:none}
.jych:nth-child(even){margin-left:auto}
.jynode{position:absolute;top:34px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:700 16px 'Space Grotesk',sans-serif;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));border:4px solid #fff;box-shadow:0 8px 20px -6px rgba(11,31,69,.5)}
.jych:nth-child(odd) .jynode{right:-80px}.jych:nth-child(even) .jynode{left:-80px}
.jyc{position:relative;border-radius:28px;background:#fff;border:1.5px solid #0b1f45;box-shadow:0 8px 0 #0b1f45,0 30px 40px -24px rgba(11,31,69,.5);overflow:hidden;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,box-shadow .25s;transform-style:preserve-3d}
.jyc:hover{box-shadow:0 12px 0 #0b1f45,0 36px 46px -22px rgba(11,31,69,.55)}
.jycov{position:relative;height:150px;background:linear-gradient(135deg,var(--c1),var(--c2));display:flex;align-items:flex-end;justify-content:space-between;padding:16px 20px;overflow:hidden;color:#fff}
.jycov::before{content:attr(data-no);position:absolute;right:10px;top:-14px;font:700 140px/1 'Space Grotesk',sans-serif;color:rgba(255,255,255,.18);letter-spacing:-.05em}
.jycov::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);animation:navShine 6s ease-in-out infinite}
.jycov.ph{background-size:cover;background-position:center}.jycov.ph::before{color:rgba(255,255,255,.28)}
.jycov.ph{background-image:linear-gradient(180deg,rgba(5,13,36,.05),rgba(5,13,36,.65)),var(--img)}
.jyic{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.95);color:var(--c2);box-shadow:0 8px 0 rgba(0,0,0,.18);transform:translateZ(30px)}
.jyic svg{width:28px;height:28px}
.jycn{position:relative;z-index:1;font:800 12px 'Space Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:rgba(5,13,36,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.jybody{padding:20px 22px 24px}
.jybody h3{font:700 clamp(21px,2vw,27px)/1.15 'Space Grotesk',sans-serif;color:#0b1f45;margin:0 0 8px}
.jybody p{font:500 15px/1.55 'Plus Jakarta Sans',sans-serif;color:#4a5b7c;margin:0 0 16px}
.jythumbs{display:flex;gap:8px;margin:0 0 18px}.jythumbs i{flex:1;height:58px;border-radius:12px;background:#e6efff center/cover;border:1px solid #d6e0f5}
.jybody .rb3d{margin-top:0}
.jyend{margin:34px auto 0;max-width:720px;text-align:center;padding:40px 28px;border-radius:32px;background:linear-gradient(135deg,#071536,#0a3d7a);color:#fff;box-shadow:0 10px 0 #030a1f,0 40px 60px -30px rgba(7,21,54,.8)}
.jyend h2{font:700 clamp(26px,3.4vw,44px)/1.1 'Space Grotesk',sans-serif;margin:0 0 10px}.jyend p{color:#bcd0ff;font:500 16px/1.5 'Plus Jakarta Sans',sans-serif;margin:0}
.jym,.jylb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,8,24,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.jym[hidden],.jylb[hidden]{display:none}
.jyb{position:relative;width:min(1100px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:hidden;display:flex;flex-direction:column;border-radius:30px;background:#fff;box-shadow:0 40px 90px rgba(0,0,0,.6);animation:jyPop .45s cubic-bezier(.2,.9,.25,1.1)}
@keyframes jyPop{from{opacity:0;transform:perspective(900px) rotateX(14deg) scale(.94)}}
.jybh{position:relative;flex:none;display:flex;align-items:center;gap:18px;padding:26px 70px 24px 28px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2))}
.jynum{font:700 56px/1 'Space Grotesk',sans-serif;opacity:.5}.jybh h3{font:700 clamp(21px,2.6vw,32px)/1.1 'Space Grotesk',sans-serif;margin:0}.jybh p{margin:6px 0 0;font:500 15px/1.4 'Plus Jakarta Sans',sans-serif;opacity:.92}
.jyx{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;font-size:28px;line-height:1;color:#0b1f45;background:#fff;box-shadow:0 4px 0 rgba(0,0,0,.25);z-index:3}
.jybd{padding:22px;overflow-y:auto;-webkit-overflow-scrolling:touch;columns:3 220px;column-gap:14px}
.jybd .ph{break-inside:avoid;margin:0 0 14px;border-radius:18px;overflow:hidden;cursor:zoom-in;border:1px solid #d6e0f5;box-shadow:0 8px 20px -12px rgba(11,31,69,.5);transition:transform .25s}.jybd .ph:hover{transform:translateY(-4px) scale(1.01)}.jybd .ph img{display:block;width:100%;height:auto}
.jyempty{column-span:all;text-align:center;padding:48px 18px;color:#4a5b7c;font:600 16px/1.5 'Plus Jakarta Sans',sans-serif}.jyempty b{display:block;color:#0b1f45;font:700 22px 'Space Grotesk',sans-serif;margin-bottom:8px}.jyempty .rb3d{margin:18px auto 0}
.jylb{z-index:1100;background:rgba(2,6,18,.94)}.jylb img{max-width:min(1200px,92vw);max-height:84vh;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.jyar{position:absolute;top:50%;width:52px;height:52px;margin-top:-26px;border-radius:50%;border:0;cursor:pointer;font-size:34px;line-height:1;color:#0b1f45;background:#fff;box-shadow:0 4px 0 rgba(0,0,0,.3)}.jyar.l{left:18px}.jyar.r{right:18px}
.jylc{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#cfe0ff;font:700 13px 'Space Grotesk',sans-serif;letter-spacing:.16em}
@media(max-width:900px){.jyhw{grid-template-columns:1fr}.jyc3{height:300px;order:-1}.jyh{padding:110px 0 64px;border-radius:0 0 32px 32px}}
@media(max-width:800px){
 .jyline{left:22px;margin-left:-2.5px}.jyline b{left:22px;margin-left:-11px}
 .jych{width:auto;margin-left:62px!important}.jych .jynode,.jych:nth-child(odd) .jynode,.jych:nth-child(even) .jynode{left:-62px;right:auto;top:22px;width:42px;height:42px;font-size:14px}
 .jycov{height:124px}.jycov::before{font-size:110px}.jychips{top:72px}
 .jybh{padding:22px 64px 18px 20px}.jynum{font-size:38px}.jybd{columns:2 150px;padding:14px}
}
@media(prefers-reduced-motion:reduce){.jyp,.jych,.jyc,.jycov::after{animation:none!important;transition:none!important}.jych{opacity:1;transform:none}}

.gcnt{position:absolute;top:12px;right:12px;z-index:2;padding:6px 11px;border-radius:999px;background:rgba(5,13,36,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:800 11px 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase}

#gList:not(.vids) .g{position:relative}

#gAlb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:580;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,12,40,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#gAlb[hidden]{display:none}
.gab{position:relative;width:min(1200px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;background:#fff;border-radius:28px;box-shadow:0 40px 90px rgba(0,0,0,.55);overflow:hidden;animation:jyPop .4s cubic-bezier(.2,.9,.25,1.1)}
.gah{flex:none;padding:24px 76px 16px 26px;background:linear-gradient(135deg,#071536,#0a3d7a);color:#fff}.gah h3{font:700 clamp(20px,2.4vw,30px)/1.15 'Space Grotesk',sans-serif;margin:6px 0 0}.gah .label{color:#79e7b9}
.gax{position:absolute;top:14px;right:14px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#0b1f45;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.25)}
.gag{padding:20px;align-content:start;grid-auto-rows:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));justify-content:center}
.gag[data-n="1"]{grid-template-columns:minmax(0,720px)}
.gag[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.gag[data-n="3"],.gag[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.gap{border-radius:18px;overflow:hidden;cursor:zoom-in;border:1px solid #d6e0f5;box-shadow:0 8px 20px -12px rgba(11,31,69,.5);aspect-ratio:4/3;background:#e6efff;transition:transform .25s}.gap:hover{transform:translateY(-4px)}.gap img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
@media(min-width:900px){.gag[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.gag[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.gag[data-n="5"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.gag{padding:12px;gap:10px}}
#glb{z-index:620}
#gList[data-c="1"]:not(.vids){grid-template-columns:minmax(0,440px)}
#gList[data-c="2"]:not(.vids){grid-template-columns:repeat(2,minmax(0,440px))}
#gList[data-c="1"] .g img{aspect-ratio:4/3}
@media(min-width:1181px) and (max-width:1560px){#nav ul{gap:0}#nav ul a{padding:10px 11px;font-size:12.5px;letter-spacing:0}#nav>.btn{padding:11px 16px;font-size:12.5px;flex:none;white-space:nowrap}#nav .logo,#nav>a:first-child{flex:none}}

/* journey 3D card motion */
.jych{perspective:1100px}
.jych:nth-child(odd){transform-origin:right center}.jych:nth-child(even){transform-origin:left center}
.jych:not(.on){transform:translateY(60px) perspective(1000px) rotateY(-28deg) scale(.92)}.jych:nth-child(even):not(.on){transform:translateY(60px) perspective(1000px) rotateY(28deg) scale(.92)}
.jyc{will-change:transform;animation:jyBob 6s ease-in-out infinite;animation-delay:calc(var(--d,0)*-1s)}
.jych:nth-child(2n) .jyc{--d:2}.jych:nth-child(3n) .jyc{--d:4}
@keyframes jyBob{0%,100%{translate:0 0}50%{translate:0 -9px}}
.jyc:hover{animation-play-state:paused}
.jyglr{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:28px;opacity:0;transition:opacity .25s;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.38),transparent 60%);mix-blend-mode:soft-light}
.jyc:hover .jyglr{opacity:1}
.jycov::before{transform:translate(var(--px,0),var(--py,0));transition:transform .2s ease-out;animation:jyNum 7s ease-in-out infinite}
@keyframes jyNum{0%,100%{letter-spacing:-.05em}50%{letter-spacing:-.02em}}
.jyic{animation:jyIc 5s ease-in-out infinite;transform-style:preserve-3d}
@keyframes jyIc{0%,100%{transform:translateZ(30px) rotateY(-18deg) rotateX(8deg)}50%{transform:translateZ(30px) rotateY(18deg) rotateX(-8deg) translateY(-6px)}}
.jyc:hover .jyic{animation-duration:1.6s}
.jysh{position:absolute;z-index:0;border-radius:10px;background:rgba(255,255,255,.22);border:1.5px solid rgba(255,255,255,.55);pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.jysh.s1{width:46px;height:46px;left:44%;top:16%;animation:jyS1 8s linear infinite}
.jysh.s2{width:26px;height:26px;left:62%;bottom:14%;border-radius:50%;animation:jyS2 6s ease-in-out infinite}
.jysh.s3{width:34px;height:34px;left:28%;top:42%;border-radius:6px;animation:jyS3 10s linear infinite}
@keyframes jyS1{from{transform:perspective(300px) rotateX(0) rotateY(0) rotate(0)}to{transform:perspective(300px) rotateX(360deg) rotateY(360deg) rotate(45deg)}}
@keyframes jyS2{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(14px,-22px,0) scale(1.35)}}
@keyframes jyS3{from{transform:perspective(300px) rotateY(0) rotate(20deg)}to{transform:perspective(300px) rotateY(360deg) rotate(20deg)}}
.jycov.ph .jysh{opacity:.55}
.jynode{animation:jyNode 3.2s ease-in-out infinite}
@keyframes jyNode{0%,100%{box-shadow:0 8px 20px -6px rgba(11,31,69,.5),0 0 0 0 rgba(25,217,138,.45)}50%{box-shadow:0 8px 20px -6px rgba(11,31,69,.5),0 0 0 12px rgba(25,217,138,0)}}
.jythumbs i{transition:transform .3s}.jyc:hover .jythumbs i{transform:translateY(-4px) rotateX(10deg)}.jyc:hover .jythumbs i:nth-child(2){transition-delay:.05s}.jyc:hover .jythumbs i:nth-child(3){transition-delay:.1s}
@media(hover:none){.jyc{animation-duration:5s}}
@media(prefers-reduced-motion:reduce){.jyc,.jyic,.jysh,.jynode,.jycov::before{animation:none!important}}

/* journey white-section 3D background (colour untouched) */
.jysec{position:relative;overflow:hidden}.jysec>.wrap{position:relative;z-index:1}
.jybg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;perspective:900px;overflow:hidden}
.jbs{position:absolute;display:block;opacity:.9;will-change:transform;transform:translate3d(0,calc(var(--sy,0)*var(--k,.1)*-.25px),0);transform-style:preserve-3d}
.jbs::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--bg);border:2px solid var(--bd);box-shadow:0 18px 30px -14px var(--sh)}
.jbs.cube::before{animation:jbCube var(--t,14s) linear infinite}
.jbs.ring::before{background:transparent;border-width:7px;box-shadow:0 10px 18px -10px var(--sh),inset 0 6px 10px -6px var(--sh);animation:jbRing var(--t,12s) ease-in-out infinite}
.jbs.orb::before{background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.7),var(--bg) 45%,var(--bd));border:0;animation:jbOrb var(--t,9s) ease-in-out infinite}
.jbs.tri::before{background:var(--bg);border:0;clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:none;animation:jbCube var(--t,16s) linear infinite reverse}
@keyframes jbCube{from{transform:rotateX(0) rotateY(0) rotateZ(0)}to{transform:rotateX(360deg) rotateY(360deg) rotateZ(180deg)}}
@keyframes jbRing{0%,100%{transform:rotateX(65deg) rotateZ(0)}50%{transform:rotateX(65deg) rotateZ(180deg) translateY(-14px)}}
@keyframes jbOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-26px,60px) scale(1.18)}}
.jbs.b1{left:4%;top:4%;width:64px;height:64px;border-radius:14px;--bg:rgba(25,217,138,.28);--bd:rgba(15,169,104,.6);--sh:rgba(15,169,104,.5);--k:.12}
.jbs.b2{right:6%;top:9%;width:90px;height:90px;border-radius:50%;--bg:rgba(79,139,255,.25);--bd:rgba(20,87,230,.55);--sh:rgba(20,87,230,.4);--k:.2;--t:15s}
.jbs.b3{left:9%;top:22%;width:38px;height:38px;border-radius:50%;--bg:rgba(25,217,138,.45);--bd:rgba(15,169,104,.7);--sh:rgba(15,169,104,.4);--k:.3;--t:7s}
.jbs.b4{right:3%;top:30%;width:70px;height:70px;border-radius:16px;--bg:rgba(20,87,230,.2);--bd:rgba(20,87,230,.55);--sh:rgba(20,87,230,.4);--k:.08;--t:18s}
.jbs.b5{left:2%;top:40%;width:84px;height:84px;border-radius:50%;--bg:transparent;--bd:rgba(20,87,230,.5);--sh:rgba(20,87,230,.3);--k:.16}
.jbs.b6{right:9%;top:48%;width:44px;height:44px;border-radius:50%;--bg:rgba(79,139,255,.5);--bd:rgba(20,87,230,.6);--sh:rgba(20,87,230,.4);--k:.25;--t:8s}
.jbs.b7{left:7%;top:58%;width:58px;height:58px;border-radius:12px;--bg:rgba(255,176,32,.3);--bd:rgba(245,158,11,.65);--sh:rgba(245,158,11,.4);--k:.1;--t:17s}
.jbs.b8{right:4%;top:64%;width:100px;height:100px;border-radius:50%;--bg:transparent;--bd:rgba(15,169,104,.5);--sh:rgba(15,169,104,.3);--k:.14;--t:14s}
.jbs.b9{left:3%;top:76%;width:46px;height:46px;--bg:rgba(79,139,255,.4);--k:.18;--t:19s}
.jbs.b10{right:7%;top:82%;width:62px;height:62px;border-radius:14px;--bg:rgba(25,217,138,.26);--bd:rgba(15,169,104,.6);--sh:rgba(15,169,104,.5);--k:.1}
.jbs.b11{left:11%;top:90%;width:72px;height:72px;border-radius:50%;--bg:rgba(255,106,106,.3);--bd:rgba(214,47,63,.5);--sh:rgba(214,47,63,.35);--k:.22;--t:10s}
.jbs.b12{right:14%;top:94%;width:40px;height:40px;--bg:rgba(25,217,138,.4);--k:.12;--t:13s}
.jbs.b13{left:45%;top:12%;width:30px;height:30px;border-radius:50%;--bg:rgba(79,139,255,.45);--bd:rgba(20,87,230,.55);--sh:rgba(20,87,230,.3);--k:.3;--t:6s}
.jbs.b14{left:50%;top:70%;width:34px;height:34px;border-radius:8px;--bg:rgba(25,217,138,.3);--bd:rgba(15,169,104,.6);--sh:rgba(15,169,104,.4);--k:.2;--t:12s}
.jbs.b1,.jbs.b4,.jbs.b7,.jbs.b10,.jbs.b14{}
@media(max-width:800px){.jbs{opacity:.4}.jbs.b13,.jbs.b14,.jbs.b8,.jbs.b5{display:none}}
@media(prefers-reduced-motion:reduce){.jbs::before{animation:none!important}}

/* journey performance pass */
.jyb,.jbs{will-change:auto;transform:none!important}
.jbs{opacity:.8}
.jbs::before{box-shadow:none!important}
.jbs.cube::before,.jbs.ring::before,.jbs.orb::before,.jbs.tri::before{animation-play-state:paused}
.jybg.jlv .jbs.cube::before,.jybg.jlv .jbs.ring::before,.jybg.jlv .jbs.orb::before,.jybg.jlv .jbs.tri::before{animation-play-state:running}
.jbs.b10,.jbs.b11,.jbs.b12,.jbs.b13,.jbs.b14{display:none}
.jych:not(.vis) .jyc,.jych:not(.vis) .jyic,.jych:not(.vis) .jysh,.jych:not(.vis) .jycov::after,.jych:not(.vis) .jynode{animation-play-state:paused}
.jycov::before{animation:none!important;transition:none}
.jynode{animation:none!important}
.jyglr{mix-blend-mode:normal;background:radial-gradient(240px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.22),transparent 60%)}
.jysh{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.jycn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(5,13,36,.62)}
.jychips{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(244,248,255,.97)}
@media(max-width:800px){.jyc{animation:none}.jbs{display:none}.jbs.b1,.jbs.b2,.jbs.b4,.jbs.b7{display:block}}

.lbm{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:3px 8px;border-radius:999px;font:800 10.5px/1 'Space Grotesk',sans-serif;letter-spacing:.08em;text-decoration:none;vertical-align:middle;border:1.5px solid}
.lbm.cm{color:#0a7a4a;background:#dcfbe9;border-color:#0fa968}
.lbm.nm{color:#c0202f;background:#ffe3e6;border-color:#e0434f;cursor:pointer}
a.lbm.nm:hover{background:#e0434f;color:#fff}
.lbleg{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:0 0 20px;padding:14px 18px;border-radius:18px;background:#fff;border:1px solid #d6e0f5;font:600 13.5px 'Plus Jakarta Sans',sans-serif;color:#4a5b7c}
.lbleg .lbm{margin:0 6px 0 0}.lbleg p{margin:0;flex:1 1 280px;color:#8a1b27}.lbleg p b{color:#c0202f}.lbleg .rb3d{margin:0}

.lbevs{margin:0 0 34px}.lbevh{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:6px 0 14px;padding:16px 20px;border-radius:20px;background:linear-gradient(135deg,#071536,#0a3d7a);color:#fff}
.lbevh h2{font:700 clamp(20px,2.4vw,30px)/1.1 'Space Grotesk',sans-serif;margin:0;flex:1 1 auto}.lbevh span{font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#bcd0ff}.lbevh .lbtag{background:#ffd34d;color:#6b4a00}
.lbjev{flex-direction:column;align-items:flex-start;gap:10px}.lbjg{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lbjg b{font:800 13px 'Plus Jakarta Sans',sans-serif;color:#0b1f45;margin-right:4px}
/* podium animation */
.lbpd{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;font:800 10px/1 'Space Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle;color:#fff}
.lbpd.p1{background:linear-gradient(100deg,#f5a300,#ffd34d);color:#5a3b00;animation:lbPulse 1.8s ease-in-out infinite}.lbpd.p2{background:linear-gradient(100deg,#8e9bb5,#cdd6e8);color:#2a3550}.lbpd.p3{background:linear-gradient(100deg,#b9672a,#e9a066);color:#3e1c05}
tr.top td{position:relative}
tr.top1 td{background:linear-gradient(90deg,rgba(255,211,77,.28),rgba(255,211,77,.06) 60%,transparent)}
tr.top2 td{background:linear-gradient(90deg,rgba(176,190,215,.3),rgba(176,190,215,.06) 60%,transparent)}
tr.top3 td{background:linear-gradient(90deg,rgba(233,160,102,.28),rgba(233,160,102,.06) 60%,transparent)}
tr.top td:first-child{box-shadow:inset 5px 0 0 var(--tc)}tr.top1{--tc:#f5a300}tr.top2{--tc:#98a6c2}tr.top3{--tc:#c0722f}
tr.top .medal{animation:lbMedal 2.6s ease-in-out infinite;transform-origin:50% 0}
tr.top1 .medal{animation-duration:2s;filter:drop-shadow(0 0 10px rgba(255,190,0,.85)) drop-shadow(0 4px 6px rgba(0,0,0,.25))}
tr.top2 .medal{animation-delay:.3s}tr.top3 .medal{animation-delay:.6s}
tr.top1 td:nth-child(2){font-weight:800}
tr.top td:nth-child(2)::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-120%);animation:lbShine 3.6s ease-in-out infinite}
tr.top2 td:nth-child(2)::after{animation-delay:.5s}tr.top3 td:nth-child(2)::after{animation-delay:1s}
tr.top1 td:first-child::before{content:"👑";position:absolute;left:31px;top:2px;font-size:18px;animation:lbCrown 2s ease-in-out infinite;z-index:2}
.lbspk{position:absolute;pointer-events:none;width:7px;height:7px;border-radius:50%;z-index:5;animation:lbSpk 1.1s ease-out forwards}
@keyframes lbMedal{0%,100%{transform:rotate(0) translateY(0) scale(1)}25%{transform:rotate(-9deg) translateY(-3px) scale(1.08)}50%{transform:rotate(0) translateY(0) scale(1.12)}75%{transform:rotate(9deg) translateY(-3px) scale(1.08)}}
@keyframes lbShine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes lbCrown{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-4px) rotate(8deg)}}
@keyframes lbPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,190,0,.6)}50%{box-shadow:0 0 0 8px rgba(255,190,0,0)}}
@keyframes lbSpk{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}
tr.top1 td:first-child{padding-top:22px}
tr:not(.vis) .medal,tr:not(.vis) .lbpd,tr:not(.vis) td::after,tr:not(.vis) td::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){tr.top .medal,.lbpd,tr.top td::after,tr.top1 td:first-child::before{animation:none!important}}

#lbBody{display:flow-root}
.lbleg small{flex:1 1 100%;font:500 12.5px 'Plus Jakarta Sans',sans-serif;color:#6b7a99}
.lbnav{position:sticky;top:88px;z-index:40;margin:0 0 18px;padding:10px 12px;border-radius:20px;background:rgba(255,255,255,.97);border:1px solid #d6e0f5;box-shadow:0 14px 30px -20px rgba(11,31,69,.55)}
.lbnr{display:flex;align-items:center;gap:10px}
.lbpl{font:800 11px 'Plus Jakarta Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5d6f95;white-space:nowrap}
.lbpick{position:relative;flex:1 1 auto;min-width:0}
.lbpk{display:flex;align-items:center;gap:10px;width:100%;max-width:520px;padding:9px 14px;border-radius:14px;border:1.5px solid #0b1f45;background:#fff;box-shadow:0 3px 0 #0b1f45;cursor:pointer;text-align:left;font:inherit;color:#0b1f45}
.lbpk b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 14px 'Space Grotesk',sans-serif}.lbpk i{font-style:normal;color:#1457e6}
.lbpk .lbpl{display:none}
@media(min-width:700px){.lbpk .lbpl{display:inline}}
.lbpp{position:absolute;left:0;top:calc(100% + 10px);z-index:60;width:min(520px,calc(100vw - 48px));padding:12px;border-radius:18px;background:#fff;border:1px solid #d6e0f5;box-shadow:0 30px 60px -20px rgba(11,31,69,.6)}.lbpp[hidden]{display:none}
.lbpp input{width:100%;padding:11px 14px;border-radius:12px;border:1.5px solid #c9d6f2;font:600 14px 'Plus Jakarta Sans',sans-serif;outline:0;margin-bottom:8px}.lbpp input:focus{border-color:#1457e6}
.lbpp ul{list-style:none;margin:0;padding:0;max-height:min(320px,50vh);overflow-y:auto;-webkit-overflow-scrolling:touch}
.lbpp li{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;cursor:pointer;font:700 14px 'Plus Jakarta Sans',sans-serif;color:#0b1f45}.lbpp li[hidden]{display:none}.lbpp li:hover,.lbpp li.on{background:#e6efff}.lbpp li em{font-style:normal;color:#1457e6;font-weight:800}
.lbcnt{font:800 12px 'Space Grotesk',sans-serif;color:#5d6f95;white-space:nowrap}
.lbarr{display:flex;gap:6px;margin-left:auto}
.lbarr button{width:42px;height:42px;border-radius:12px;border:0;cursor:pointer;font-size:16px;line-height:1;color:#fff;background:linear-gradient(135deg,#0fa968,#1457e6);box-shadow:0 4px 0 #0b3a8f;transition:transform .15s,box-shadow .15s}
.lbarr button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #0b3a8f}.lbarr button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #0b3a8f}.lbarr button:disabled{opacity:.35;cursor:default;box-shadow:none}
.lbchips{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.lbchips::-webkit-scrollbar{display:none}
.lbchips button{flex:none;cursor:pointer;padding:7px 13px;border-radius:999px;border:1.5px solid #0b1f45;background:#fff;color:#0b1f45;font:800 12.5px 'Plus Jakarta Sans',sans-serif;box-shadow:0 3px 0 #0b1f45;transition:transform .15s,background .2s}.lbchips button em{font-style:normal;color:#1457e6;margin-left:6px}.lbchips button.on{background:linear-gradient(135deg,#0fa968,#1457e6);color:#fff;border-color:#0b3a8f;box-shadow:0 3px 0 #0b3a8f}.lbchips button.on em{color:#fff}
.lbevs,.lbev{scroll-margin-top:170px}
@media(max-width:560px){.lbnav{top:78px;padding:8px}.lbcnt{display:none}.lbarr button{width:38px;height:38px}.lbpk{padding:8px 10px}}

button.lbevh{width:100%;border:0;text-align:left;cursor:pointer;font:inherit;color:#fff;margin:0;transition:background .25s,transform .15s,box-shadow .25s;box-shadow:0 6px 0 #030a1f}
button.lbevh:hover{transform:translateY(-2px);box-shadow:0 8px 0 #030a1f}
button.lbevh:active{transform:translateY(3px);box-shadow:0 2px 0 #030a1f}
.lbevh .lbds{flex:0 1 auto;font-weight:600;letter-spacing:.04em;text-transform:none;color:#8fb2ff;font-size:12.5px}
.lbchev{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:18px;transition:transform .35s}
.lbevs.open .lbchev{transform:rotate(180deg);background:#19d98a;color:#05301d}
.lbevs.open>.lbevh{background:linear-gradient(135deg,#0a3d7a,#0f7a56)}
.lbevs{margin:0 0 22px}.lbevb{padding-top:8px;animation:lbOpen .45s cubic-bezier(.2,.9,.25,1.05)}.lbevb[hidden]{display:none}
@keyframes lbOpen{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@media(max-width:640px){.lbevh .lbds{flex:1 1 100%;order:3}}

.lbevs{padding:0!important}.lbevb{padding-top:8px!important}

@supports not (aspect-ratio:1/1){
 .ev .im,.evtrack .ev .im,.cev img,.evd-ph{height:190px;object-fit:cover}
 .gcard,.gc img,#gList .g img,.gap,.bigphoto{height:230px;object-fit:cover}
 .vd .vt,.gvf{height:210px}.mem .ph{height:280px}.gcar{height:340px}.stagecard{min-height:300px}
}
#ur-legacy{position:fixed;left:0;right:0;bottom:0;z-index:99999;padding:10px 16px;background:#0b1f45;color:#fff;font:600 13px/1.4 sans-serif;text-align:center}
#ur-legacy button{margin-left:10px;padding:4px 12px;border:0;border-radius:8px;background:#19d98a;color:#05301d;font-weight:700;cursor:pointer}

/* keep footer totals clear of the floating WhatsApp / AI buttons */
footer .cp{padding-bottom:92px!important}
@media(max-width:700px){footer .cp{padding-bottom:96px!important}}

.jythumbs i{flex:0 1 calc(33.333% - 6px)}

/* About: Trust 3D plate + bold trust name */
.phero .wrap{position:relative}
.phero .lead b,.twocol b,.powby b{font-weight:800;color:#0b1f45}
.powby{margin:16px 0 0;font:600 15px 'Plus Jakarta Sans',system-ui,sans-serif;color:#40527a;letter-spacing:.01em}
.trust3d{position:absolute;right:0;top:26px;width:min(46%,600px);perspective:1100px;z-index:2}
.t3dp{position:relative;display:block;padding:22px 28px 20px;border-radius:24px;background:linear-gradient(145deg,#ffffff,#e9f1ff);border:1px solid rgba(20,87,230,.22);box-shadow:0 2px 0 #fff inset,0 10px 0 #cfdcf6,0 26px 44px -14px rgba(20,87,230,.45);transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-14deg);animation:t3dF 7s ease-in-out infinite;overflow:hidden}
.t3dp span{display:block;transform:translateZ(30px);font-family:'Space Grotesk','Plus Jakarta Sans',sans-serif;font-weight:800;text-transform:uppercase;line-height:1.02}
.t3d-k{display:flex!important;align-items:center;gap:8px;font:800 12px 'Plus Jakarta Sans',sans-serif!important;letter-spacing:.22em;color:#0f8f5a;margin-bottom:8px}
.t3d-k i{width:26px;height:2px;background:#0fa968;border-radius:2px;display:block}
.t3d-a{font-size:clamp(30px,4.2vw,64px);letter-spacing:.01em;color:#0b2d8f;text-shadow:1px 1px 0 #1457e6,2px 2px 0 #1457e6,3px 3px 0 #0b2d8f,4px 4px 0 #0b2d8f,5px 5px 0 #09256f,6px 6px 0 #09256f,7px 12px 18px rgba(9,37,111,.35)}
.t3d-b{font-size:clamp(20px,2.7vw,40px);letter-spacing:.03em;margin-top:6px;color:#0a9b5b;text-shadow:1px 1px 0 #0fa968,2px 2px 0 #087a4b,3px 3px 0 #087a4b,4px 4px 0 #066239,5px 9px 14px rgba(6,98,57,.35)}
.t3d-c{margin-top:12px;font:700 12px 'Plus Jakarta Sans',sans-serif!important;letter-spacing:.3em;color:#51608a}
.t3d-sh{position:absolute;top:-30%;left:-60%;width:40%;height:160%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-18deg) translateZ(40px);animation:t3dS 5.5s ease-in-out infinite;pointer-events:none}
@keyframes t3dF{0%,100%{transform:rotateX(8deg) rotateY(-14deg) translateY(0)}50%{transform:rotateX(4deg) rotateY(12deg) translateY(-8px)}}
@keyframes t3dS{0%,55%{left:-60%}100%{left:130%}}
@media(max-width:1100px){.trust3d{position:relative;right:auto;top:auto;width:100%;max-width:560px;margin:22px 0 4px}}
@media(prefers-reduced-motion:reduce){.t3dp,.t3d-sh{animation:none}}
@media(min-width:1101px){.phero .wrap>.lead{max-width:46%!important;width:46%}}

/* v2 card: dark glass, Oswald, per-letter 3D wave */
.t3dp{background:radial-gradient(120% 140% at 85% 0%,#14408f 0%,#0b1f45 55%,#071433 100%)!important;border:1px solid rgba(120,170,255,.35)!important;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 12px 0 #061030,0 34px 60px -12px rgba(11,31,69,.65),0 0 60px -10px rgba(15,169,104,.45)!important;padding:26px 30px 22px!important;text-align:left}
.t3dp::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 6px;opacity:.5;pointer-events:none}
.t3dp .w{display:inline-block;white-space:nowrap;transform-style:preserve-3d}
.t3dp .w i{display:inline-block;font-style:normal;transform-origin:50% 100%;animation:t3dW 3.6s cubic-bezier(.45,0,.25,1) infinite;animation-delay:var(--d)}
.t3dp span.t3d-a,.t3dp span.t3d-b{font-family:'Oswald','Space Grotesk',sans-serif!important;font-weight:700;text-transform:uppercase;transform:translateZ(38px);transform-style:preserve-3d}
.t3dp .t3d-a{font-size:clamp(34px,4.6vw,72px);line-height:1;letter-spacing:.03em;background:none;color:#fff;text-shadow:0 1px 0 #cfe3ff,0 2px 0 #9cc0ff,0 3px 0 #5f93ff,0 4px 0 #2f66e0,0 5px 0 #1a45b0,0 6px 0 #102f85,0 7px 0 #0a2266,0 16px 22px rgba(0,0,0,.55)}
.t3dp .t3d-b{font-size:clamp(22px,3vw,46px);line-height:1.05;letter-spacing:.07em;margin-top:8px;color:#ffd84d;text-shadow:0 1px 0 #fff3b0,0 2px 0 #ffc533,0 3px 0 #e79a0a,0 4px 0 #b87304,0 5px 0 #8a5303,0 6px 0 #5e3802,0 14px 20px rgba(0,0,0,.55)}
.t3dp .t3d-k{color:#5df0ae;font-size:12px!important;letter-spacing:.3em}
.t3dp .t3d-k .ln{width:22px;background:linear-gradient(90deg,transparent,#5df0ae)}
.t3dp .t3d-k .ln:last-child{background:linear-gradient(90deg,#5df0ae,transparent)}
.t3dp .t3d-c{display:flex!important;gap:10px;margin-top:16px;letter-spacing:0!important}
.t3dp .t3d-c u{text-decoration:none;font:700 11px 'Plus Jakarta Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#dbe8ff;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);box-shadow:0 3px 0 rgba(0,0,0,.35)}
.t3dp .t3d-c u:nth-child(1){color:#5df0ae}.t3dp .t3d-c u:nth-child(3){color:#ffd84d}
.t3d-ring{position:absolute;right:-60px;top:-70px;width:230px;height:230px;border-radius:50%;border:2px dashed rgba(93,240,174,.45);animation:t3dR 14s linear infinite;pointer-events:none;transform:translateZ(10px)}
.t3d-ring.r2{width:150px;height:150px;right:-20px;top:-30px;border:2px solid rgba(255,216,77,.35);animation-duration:9s;animation-direction:reverse}
.t3dp .t3d-sh{background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent)!important}
@keyframes t3dW{0%,60%,100%{transform:translateZ(0) rotateX(0)}20%{transform:translateZ(26px) rotateX(-24deg) translateY(-5px)}40%{transform:translateZ(8px) rotateX(10deg)}}
@keyframes t3dR{to{transform:translateZ(10px) rotate(360deg)}}
@media(max-width:600px){.t3dp{padding:20px 18px 18px!important}.t3dp .t3d-c{gap:6px;flex-wrap:wrap}.t3dp .t3d-c u{font-size:10px;padding:5px 9px}}
@media(prefers-reduced-motion:reduce){.t3dp .w i,.t3d-ring{animation:none}}
/* Powered by line */
.powby{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:22px 0 0!important;padding:16px 22px;border-radius:18px;background:linear-gradient(135deg,#0b1f45,#143a86);color:#fff!important;font:600 clamp(16px,1.6vw,22px)/1.25 'Plus Jakarta Sans',sans-serif!important;box-shadow:0 6px 0 #061030,0 18px 32px -12px rgba(11,31,69,.55);max-width:560px;position:relative;overflow:hidden}
.powby::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:t3dS 6s ease-in-out infinite}
.powby .pb-k{font-size:.62em;letter-spacing:.2em;text-transform:uppercase;color:#5df0ae;font-weight:800;width:100%}
.powby b{color:#fff!important;font:700 1.35em/1.1 'Oswald','Plus Jakarta Sans',sans-serif!important;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 0 #1457e6,0 3px 8px rgba(0,0,0,.4)}
.powby .pb-e{margin-left:auto;font:800 .7em 'Plus Jakarta Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#0b1f45;background:linear-gradient(135deg,#ffd84d,#ffb300);padding:6px 12px;border-radius:99px;box-shadow:0 3px 0 #a86b00}
.powby{text-align:left!important;text-justify:auto}.powby b{flex:1 1 auto;text-align:left!important;text-align-last:left}
.who p.who2 b{font-weight:800;color:#0b1f45}

/* 3D contact icons */
.ci{display:flex;align-items:center;gap:14px;list-style:none}
.i3{flex:none;position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;perspective:300px;transform:rotateX(14deg) rotateY(-14deg);transform-style:preserve-3d;animation:i3f 4.5s ease-in-out infinite;transition:transform .35s}
.i3p{background:linear-gradient(145deg,#ff8a9a,#ff3d5e 55%,#d1163f);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 5px 0 #8e0d2c,0 12px 18px rgba(255,61,94,.45)}
.i3m{background:linear-gradient(145deg,#7fb0ff,#2f6df0 55%,#1740b8);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 5px 0 #0c2a80,0 12px 18px rgba(47,109,240,.45);animation-delay:-2s}
.i3::before{content:"";position:absolute;inset:2px 2px 55% 2px;border-radius:11px 11px 40% 40%;background:linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,0))}
.i3 svg{position:relative;width:22px;height:22px;transform:translateZ(14px);filter:drop-shadow(0 2px 1px rgba(0,0,0,.35))}
.i3 svg path,.i3 svg rect{fill:#fff}
.i3 svg .h{fill:#d1163f}
.i3 svg rect{fill:#fff}.i3 svg .l{fill:none;stroke:#2f6df0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ci:hover .i3{transform:rotateX(0) rotateY(0) translateY(-3px) scale(1.08);animation-play-state:paused}
@keyframes i3f{0%,100%{transform:rotateX(14deg) rotateY(-14deg) translateY(0)}50%{transform:rotateX(8deg) rotateY(14deg) translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.i3{animation:none}}
.ci{margin-bottom:16px}.ci:last-child{margin-bottom:0}

/* perf: phones/tablets and touch devices skip the per-letter wave; plate still floats */
@media(max-width:900px),(hover:none){.t3dp .w i{animation:none!important}.t3d-ring.r2{display:none}}
.t3dp{will-change:transform}

/* ============================================================
   UR 3D LAYER: depth for every page, card and button
   (touch phones: no hover lifts, only press + one-shot reveals)
   ============================================================ */
:root{--k3:0 4px 0 rgba(8,22,56,.30),0 12px 18px -8px rgba(8,22,56,.38),inset 0 1px 0 rgba(255,255,255,.5);--k3h:0 7px 0 rgba(8,22,56,.30),0 18px 26px -8px rgba(8,22,56,.42),inset 0 1px 0 rgba(255,255,255,.55);--k3a:0 1px 0 rgba(8,22,56,.30),0 4px 8px -4px rgba(8,22,56,.4),inset 0 2px 4px rgba(0,0,0,.18);--c3:0 1px 0 rgba(255,255,255,.95) inset,0 2px 2px rgba(11,31,69,.05),0 4px 0 -1px rgba(11,31,69,.08),0 14px 18px -8px rgba(11,31,69,.16),0 32px 50px -24px rgba(11,31,69,.30)}

/* ---- keys: every button becomes a raised key that presses down ---- */
.btn,.more,.evtab,.pill,.evnav,.bnav,.calnav,.jyar,.mbtn,.bm-back,.glx,.glp,.gln2,.gax,.ytsub,.cd,.calx,.jyx,.upx,.dtl.out{box-shadow:var(--k3);transition:transform .2s,box-shadow .2s,filter .2s,background .3s,color .3s,border-color .3s}
.pill:not(.on){background:linear-gradient(#fff,#eef3ff)}
.evtab.on,.pill.on,.dtabs button.on{box-shadow:var(--k3),0 0 0 3px rgba(20,87,230,.14)}
.btn.pri,.mbtn{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 5px 0 rgba(8,40,110,.55),0 14px 22px -6px rgba(20,87,230,.55)}
.dtabs button{box-shadow:var(--k3)}
.evnav,.bnav,.calnav,.jyar{border-radius:50%}
@media(hover:hover){
 .btn:hover,.more:hover,.evtab:hover,.pill:hover,.evnav:hover,.bnav:hover,.calnav:hover,.jyar:hover,.mbtn:hover,.bm-back:hover,.glx:hover,.glp:hover,.gln2:hover,.gax:hover,.ytsub:hover,.cd:hover,.upx:hover,.dtabs button:hover{box-shadow:var(--k3h);transform:translateY(-2px)}
 .btn.mag:hover{transform:none}
}
.btn:active,.more:active,.evtab:active,.pill:active,.evnav:active,.bnav:active,.calnav:active,.jyar:active,.mbtn:active,.bm-back:active,.glx:active,.glp:active,.gln2:active,.gax:active,.ytsub:active,.cd:active,.upx:active,.dtabs button:active,.rb3d:active{box-shadow:var(--k3a)!important;transform:translateY(3px)!important}
.btn.mag:active{transform:translateY(3px)!important}
.rb3d{position:relative}
.rb3d::after{content:"";position:absolute;left:8%;right:8%;top:2px;height:42%;border-radius:12px 12px 40% 40%;background:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,0));pointer-events:none}
.rb3d.ghost::after,.rb3d.lt::after{opacity:.5}

/* ---- cards: slab depth, soft long shadow ---- */
.ev,.tile,.lgr,.fcard,.rcard,.dst,.t3,.pil,.tbl,.calc,.calside,.fx,.g,.jyc,.evd-act,.cev,.hsl,.ctc{box-shadow:var(--c3)}
.ctc{box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 6px 0 -1px rgba(0,0,0,.35),0 18px 28px -10px rgba(0,0,0,.5)}
.jyc{border-radius:22px}
@media(hover:hover){.ev,.tile,.lgr,.rcard,.dst,.t3,.pil,.g,.fx{transition:box-shadow .35s,transform .35s}.ev:hover,.tile:hover,.lgr:hover,.rcard:hover,.dst:hover,.t3:hover,.pil:hover,.g:hover,.fx:hover{box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 6px 0 -1px rgba(11,31,69,.10),0 22px 28px -10px rgba(20,87,230,.28),0 44px 70px -26px rgba(11,31,69,.38)}}

/* ---- form fields: recessed (pressed into the card) ---- */
.fcard input,.fcard select,.fcard textarea,.mcard input,.mcard select,.dcard input,.dcard select,.dcard textarea{box-shadow:inset 0 2px 5px rgba(8,22,56,.16),inset 0 -1px 0 rgba(255,255,255,.35),0 1px 0 rgba(255,255,255,.4);transition:box-shadow .25s,border-color .25s,transform .25s}
.fcard input:focus,.fcard select:focus,.fcard textarea:focus,.mcard input:focus,.mcard select:focus,.dcard input:focus,.dcard select:focus,.dcard textarea:focus{box-shadow:inset 0 1px 3px rgba(8,22,56,.10),0 0 0 4px rgba(20,87,230,.20),0 10px 18px -8px rgba(20,87,230,.45)}

/* ---- nav keys ---- */
@media(hover:hover){#menu a:hover{box-shadow:0 3px 0 rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.18);transform:translateY(-1px)}}
#menu a{transition:transform .2s,box-shadow .2s,background .3s,color .3s}

/* ---- 3D scroll reveal + page-enter ---- */
/* 3D reveal only for card-sized items (a 3D tilt on a tall list pushes its box far down the page and leaves a blank gap) */
.ev.rv,.tile.rv,.fx.rv,.pil.rv,.t3.rv,.fcard.rv,.rcard.rv,.dst.rv,.lgr.rv,.g.rv,.cev.rv,.hsl.rv{transform-origin:50% 100%;transform:perspective(1100px) translateY(54px) rotateX(10deg)}
.rv.in{transform:none}
@keyframes v3in{from{transform:perspective(1400px) translateY(22px) rotateX(4deg)}to{transform:none}}
.view:not([hidden]){animation:v3in .45s cubic-bezier(.2,.8,.2,1)}

/* ---- hero parallax depth on white pages (desktop pointer only; set on the hero, not the page) ---- */
@media(hover:hover){.phero .label,.phero h1,.phero .lead{transition:transform .25s ease-out;will-change:transform}
 .phero h1{transform:translate3d(calc(var(--px,0)*-10px),calc(var(--py,0)*-6px),0)}
 .phero .label{transform:translate3d(calc(var(--px,0)*-5px),calc(var(--py,0)*-3px),0)}
 .phero .lead{transform:translate3d(calc(var(--px,0)*6px),calc(var(--py,0)*4px),0)}}

/* ---- dashboard name no longer runs under the logo ---- */
@media(min-width:821px){.dhead h1{padding-right:250px;overflow-wrap:anywhere;font-size:clamp(26px,3.6vw,44px)}}
@media(prefers-reduced-motion:reduce){.view:not([hidden]){animation:none}.rv{transform:none}}

/* UR PERF/LAYOUT v131: centred chapter chips + 100+ photo tabs */
.jychips{position:relative;top:auto;justify-content:flex-start;width:fit-content;max-width:100%;margin:-38px auto 22px!important;border-radius:999px;box-sizing:border-box}
.jychips>button:first-child{margin-left:auto}.jychips>button:last-child{margin-right:auto}
.jyflex{display:none}
#jyMg .ph{content-visibility:auto;contain-intrinsic-size:auto 220px}
#jyMg .ph img{background:rgba(255,255,255,.08);aspect-ratio:1/1;object-fit:cover}
#jyMg .jysent{column-span:all;text-align:center;padding:18px;font:700 13px 'Plus Jakarta Sans',sans-serif;opacity:.7}
@media(max-width:700px){.jychips{margin:-26px auto 18px!important;border-radius:22px}}