.kb{-webkit-user-select:none;user-select:none;width:100%;padding:18px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.kb-track{white-space:nowrap;will-change:transform;animation:34s linear infinite kbScroll;display:inline-flex}.kb--rev .kb-track{animation-direction:reverse}.kb-seq{font-family:var(--f-display);letter-spacing:-.01em;text-transform:uppercase;padding-right:.4em;font-size:clamp(2.4rem,7vw,6rem);font-weight:800;line-height:1;display:inline-block}.kb--outline .kb-seq{color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--ink) 26%, transparent)}.kb--solid .kb-seq{background:linear-gradient(100deg, var(--acc), #06b6d4, #7c3aed, var(--acc));color:#0000;-webkit-text-fill-color:transparent;opacity:.85;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:12s linear infinite kbHue}@keyframes kbScroll{to{transform:translate(-50%)}}@keyframes kbHue{to{background-position:220% 0}}@media (prefers-reduced-motion:reduce){.kb-track,.kb--solid .kb-seq{animation:none}}
.hero-canvas{z-index:1;pointer-events:none;opacity:0;mix-blend-mode:screen;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.hero-wrap{z-index:2;position:relative}.hero-wordmark{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:var(--f-display);letter-spacing:-.03em;background:linear-gradient(100deg, color-mix(in srgb, var(--acc) 90%, #fff), var(--acc), #06b6d4, #7c3aed, var(--acc));color:#0000;-webkit-text-fill-color:transparent;opacity:.22;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;margin:0;padding:0;font-size:clamp(7rem,27vw,28rem);font-weight:800;line-height:.8;animation:6s linear infinite heroWordFlow,18s ease-in-out infinite heroWordDrift;position:absolute;bottom:-6%;left:50%;transform:translate(-50%)}@keyframes heroWordFlow{to{background-position:260% 0}}@keyframes heroWordDrift{0%,to{transform:translate(-52%)}50%{transform:translate(-48%)}}.hero-title .grad-text{background-size:220% 100%;animation:4s linear infinite heroWordFlow}.world-clocks{letter-spacing:.04em;flex-wrap:wrap;gap:20px;margin-top:18px;font-size:.72rem;display:flex}.wc-item{color:var(--faint);align-items:center;gap:7px;display:inline-flex}.wc-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}.wc-dot--live{background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent);animation:2s ease-out infinite wcPulse}.wc-city{text-transform:uppercase;color:color-mix(in srgb, var(--ink) 78%, transparent);font-weight:600}.wc-time{font-family:var(--f-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--ink) 92%, transparent)}@keyframes wcPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 55%, transparent)}to{box-shadow:0 0 0 7px #0000}}@media (prefers-reduced-motion:reduce){.wc-dot--live,.hero-wordmark,.hero-title .grad-text{animation:none}.hero-canvas{display:none}}#hero .hero-grid-bg{animation:16s linear infinite heroGridDrift}@keyframes heroGridDrift{to{background-position:60px 60px}}#hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(115deg, transparent 38%, color-mix(in srgb, var(--acc) 14%, transparent) 48%, #06b6d41f 52%, transparent 62%);mix-blend-mode:screen;background-size:260% 260%;animation:9s ease-in-out infinite heroSweep;position:absolute;inset:-20% -10%}@keyframes heroSweep{0%{background-position:120% 0}to{background-position:-20% 100%}}#hero .hero-glow-1{animation:7s ease-in-out infinite orbFloat,4.5s ease-in-out infinite heroGlowPulse}#hero .hero-glow-2{animation:5.5s ease-in-out infinite reverse orbFloat,3.8s ease-in-out .6s infinite heroGlowPulse}@keyframes heroGlowPulse{0%,to{opacity:.55}50%{opacity:1}}#hero .hero-aurora i:first-child{animation-duration:11s}#hero .hero-aurora i:nth-child(2){animation-duration:13s}#hero .hero-aurora i:nth-child(3){animation-duration:15s}@media (prefers-reduced-motion:reduce){#hero .hero-grid-bg,#hero:after,#hero .hero-glow-1,#hero .hero-glow-2{animation:none}}