
.site-top{background:rgba(6,6,7,.26);-webkit-backdrop-filter:blur(18px) saturate(1.2);
  backdrop-filter:blur(18px) saturate(1.2);border-bottom:none;overflow:visible}
.top-inner{min-height:52px!important;padding-block:0!important;overflow:visible}
.site-top .top-status{display:none!important}

.ll-tc{position:absolute;left:var(--ll-tc-left,214px);top:50%;transform:translateY(-50%);
  font-family:var(--font-tc);font-size:9.5px;letter-spacing:.15em;color:var(--gray-3,#9E9E9E);
  opacity:.5;display:flex;align-items:center;gap:8px;pointer-events:none;white-space:nowrap;
  transition:opacity .28s,visibility .28s}
.ll-tc.is-colliding{opacity:0!important;visibility:hidden!important}
.site-top:hover .ll-tc{opacity:.8}
.ll-tc .dot{width:4px;height:4px;border-radius:50%;background:var(--spectrum-10,#48F06E);
  box-shadow:0 0 6px var(--spectrum-10,#48F06E);animation:ll-tick 1s steps(2) infinite}
@keyframes ll-tick{0%,49%{opacity:1}50%,100%{opacity:.25}}
.ll-tc .ll-ltc{display:inline-flex;align-items:center;gap:6px;padding:2px 7px 2px 6px;border-radius:3px;
  border:1px solid rgba(72,240,110,.26);background:rgba(72,240,110,.055)}
.ll-tc .ltc-lab{font-size:8px;letter-spacing:.24em;color:rgba(184,255,208,.82)}
.ll-tc .ltc-wave{width:34px;height:8px;opacity:.9;
  background:repeating-linear-gradient(90deg,#48F06E 0 1.5px,transparent 1.5px 3px,#48F06E 3px 4px,transparent 4px 7px);
  background-size:14px 100%;animation:ltc-run .8s linear infinite;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
@keyframes ltc-run{to{background-position:-14px 0}}
@media(max-width:1099px){.ll-tc{display:none}}

/* language picker sits far right, immediately before the menu button */
.top-inner{display:flex;align-items:center}
.lang-switch{background:none!important;border:none!important;box-shadow:none!important;
  padding:0!important;gap:2px!important;order:80;margin-left:auto!important;margin-right:6px!important}
.side-rail,.rail-menu,.menu-toggle{order:90}
.lang-switch button{background:none!important;border:none!important;box-shadow:none!important;
  width:auto!important;height:auto!important;padding:6px 7px!important;
  font-family:var(--font-tc)!important;font-size:9.5px!important;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gray-3,#9E9E9E)!important;opacity:.62;cursor:pointer;
  transition:opacity .3s,color .3s}
.lang-switch button svg,.lang-switch button img{display:none!important}
.lang-switch button:hover,.lang-switch button[aria-pressed="true"]{opacity:1;color:#F5F5F5!important}

.rail-menu,.menu-toggle{width:36px!important;height:36px!important;border:none!important;
  background:none!important;box-shadow:none!important;border-radius:0;opacity:1;
  position:relative;overflow:hidden;transition:none}
.rail-menu:hover,.menu-toggle:hover{border:none!important;box-shadow:none!important}
.rail-menu .menu-icon span,.menu-toggle span{background:rgba(245,245,245,.62)!important;
  transition:background .35s var(--ease-out,ease),transform .45s var(--ease-out,ease)}
.rail-menu:hover .menu-icon span,.menu-toggle:hover span{background:#F5F5F5!important}
.rail-menu::after,.menu-toggle::after{content:"";position:absolute;left:-40%;top:0;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(0,232,255,.55),rgba(252,3,251,.55),transparent);
  opacity:0;pointer-events:none;filter:blur(3px)}
.rail-menu:hover::after,.menu-toggle:hover::after{animation:ll-scan 1.15s cubic-bezier(.4,0,.2,1) infinite;opacity:1}
@keyframes ll-scan{0%{transform:translateX(0)}100%{transform:translateX(350%)}}
@media (min-width:900px){.side-rail{height:52px!important}}

.ll-shortcuts{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;
  gap:clamp(13px,1.7vw,26px);white-space:nowrap}
.ll-shortcuts a{font-family:var(--font-display);font-size:8.6px;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(245,245,245,.56);text-decoration:none;position:relative;
  padding:5px 0 6px;transition:color .32s var(--ease-out,ease)}
.ll-shortcuts a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;
  background:var(--sc,#F5F5F5);box-shadow:0 0 8px var(--sc,#F5F5F5);
  transition:right .42s var(--ease-out,ease),opacity .3s;opacity:.9}
.ll-shortcuts a:hover{color:#fff}
.ll-shortcuts a:hover::after{right:0}
.ll-shortcuts a.cur{color:#fff}
.ll-shortcuts a.cur::after{right:0}
@media (max-width:1240px){.ll-shortcuts{display:none}}

.site-top .brand{position:fixed!important;left:clamp(22px,3vw,40px);top:13px;transform:none;z-index:262}
.site-top .brand img{height:26px!important;width:auto!important;display:block;filter:none}
body.ll-past-hero .site-top .brand{left:clamp(22px,3vw,40px);top:13px;transform:none}
body.ll-past-hero .site-top .brand img{height:26px!important;filter:none}
@media (max-width:640px){.site-top .brand{top:12px}.site-top .brand img{height:24px!important}
  body.ll-past-hero .site-top .brand img{height:24px!important}}

.ll-spec{position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;z-index:2;
  overflow:visible}
.ll-spec svg{position:absolute;left:0;bottom:98px;width:100%;height:120px;overflow:visible}
.ll-spec .ln{fill:none;stroke:url(#llSpecGrad);stroke-width:2;stroke-linecap:round}
.ll-spec .gl{fill:none;stroke:url(#llSpecGrad);stroke-width:13;stroke-linecap:round;
  filter:blur(9px);opacity:.5}
/* illumination radiating off the tape — vivid hue, restrained presence, slow scroll */
.ll-spill{position:absolute;left:0;right:0;top:100%;height:38px;pointer-events:none;z-index:1;
  background:linear-gradient(90deg,#00E8FF,#4FA8FF,#B44BF8,#FC03FB,#FF8A3D,#FDE11E,#48F06E,#00E8FF);
  background-size:300% 100%;animation:ll-pan 19s linear infinite;
  opacity:.5;filter:blur(11px) saturate(1.5);
  -webkit-mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.34) 42%,transparent 94%);
  mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.34) 42%,transparent 94%)}
.ll-spill.b{height:11px;opacity:.8;filter:blur(2.5px) saturate(1.7);
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 98%);
  mask-image:linear-gradient(to bottom,#000,transparent 98%)}
@keyframes ll-pan{0%{background-position:0% 0}100%{background-position:300% 0}}
body.ll-past-hero .ll-spill{opacity:.3}
body.ll-past-hero .ll-spill.b{opacity:.52}
@media (prefers-reduced-motion:reduce){
  .rail-menu:hover::after,.menu-toggle:hover::after{animation:none;opacity:0}
  .ll-tc .dot,.ll-tc .ltc-wave{animation:none}}

html.ll-gate,html.ll-gate body{overflow:hidden!important;overscroll-behavior:none}