.hero-stage{position:relative;width:100%;max-width:26rem;height:22rem}@media(min-width:768px){.hero-stage{height:34rem}}.hero-stage[hidden]{display:none}.hero-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .7s ease}.hero-layer.is-on{opacity:1}.hero-inner{position:relative;display:inline-block;line-height:0;max-width:100%}.hero-inner .tg-png{display:block;max-width:100%;max-height:21rem;width:auto;height:auto;filter:drop-shadow(0 24px 48px rgba(29,43,58,.35))}@media(min-width:768px){.hero-inner .tg-png{max-height:32rem}}.hero-word{display:inline-block;transition:opacity .35s ease,transform .35s ease}.hero-word.is-out{opacity:0;transform:translateY(.35em)}.hero-stage{cursor:pointer}.hero-plain{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);filter:blur(6px);z-index:2;pointer-events:none;transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1),filter .45s ease}.hero-stage.is-plain .hero-plain{opacity:1;transform:scale(1);filter:blur(0)}.hero-stage.is-plain .hero-layer.is-on{opacity:0}.hero-plain .sw-window{width:min(20rem,74vw)}@media(min-width:768px){.hero-plain .sw-window{width:24rem}}@media(prefers-reduced-motion:reduce){.hero-plain{transition:opacity .2s ease;transform:none;filter:none}.hero-stage.is-plain .hero-plain{transform:none;filter:none}}.tg-screen{position:absolute;overflow:hidden;border-radius:3px;background:var(--tg-bg, #0A0A0C);box-shadow:inset 0 0 14px #000000a6;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:6%;container-type:size;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--tg-fg, #00FF41)}.tg-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0 2px,#0000002e 3px)}.tg-line{display:block;font-size:clamp(6px,2cqw,12px);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 6px currentColor}.tg-dim{opacity:.6}.tg-cursor{display:inline-block;width:.5em;height:.95em;background:currentColor;box-shadow:0 0 7px currentColor;animation:tg-blink 1.1s step-end infinite}@keyframes tg-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.tg-cursor{animation:none}}.sw-stage{position:relative;height:26rem;max-width:34rem;margin:0 auto}.sw-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.82);filter:blur(7px);transition:opacity .4s ease,transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease;pointer-events:none}.sw-layer.is-on{opacity:1;transform:scale(1);filter:blur(0)}.sw-inner{position:relative;display:inline-block;line-height:0}.sw-png{display:block;max-height:24rem;width:auto;height:auto;filter:drop-shadow(0 18px 36px rgba(29,43,58,.3))}.sw-window{display:flex;flex-direction:column;width:min(22rem,80vw);aspect-ratio:1 / 1;border-radius:.75rem;overflow:hidden;background:#161a1e;border:1px solid rgba(29,43,58,.25);box-shadow:0 24px 48px -16px #1d2b3a73}.sw-titlebar{display:flex;align-items:center;gap:.45rem;padding:.55rem .8rem;background:#22272c}.sw-dot{width:.72rem;height:.72rem;border-radius:999px}.sw-dot-r{background:#ff5f57}.sw-dot-y{background:#febc2e}.sw-dot-g{background:#28c840}.sw-title{margin-left:.5rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;color:#8b98a5}.sw-body{flex:1;display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem}.sw-ln{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem;color:#e8eaed}.sw-dim{color:#8b98a5}.sw-cursor{display:inline-block;width:.55em;height:1em;background:#e8eaed;vertical-align:text-bottom;animation:tg-blink 1.1s step-end infinite}.sw-key{display:inline-flex;align-items:center;justify-content:center;min-width:1.7rem;height:1.7rem;margin-right:.25rem;padding:0 .4rem;border:2px solid #1D2B3A;border-radius:.4rem;background:#fcfbf8;box-shadow:0 2px #1d2b3a;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem;font-weight:700;color:#1d2b3a;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.sw-key.is-press{transform:translateY(2px);box-shadow:0 0 #1d2b3a;background:#ece8e1}.ex-marquee{overflow:hidden;padding:1rem 0 4.5rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.ex-track{display:flex;gap:1.5rem;width:-moz-max-content;width:max-content;will-change:transform;animation:ex-scroll 60s linear infinite}.ex-marquee:hover .ex-track{animation-play-state:paused}@keyframes ex-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ex-card{flex:0 0 auto;width:12rem;text-decoration:none}.ex-media{display:flex;align-items:center;justify-content:center;height:10rem}.ex-inner{position:relative;display:inline-block;line-height:0;max-width:100%}.ex-inner .tg-png{display:block;max-height:9.5rem;max-width:100%;width:auto;height:auto;filter:drop-shadow(0 12px 22px rgba(29,43,58,.28))}.ex-cap{display:block;margin-top:.7rem;text-align:center;line-height:1.2}.ex-name{display:block;font-weight:700;font-size:.92rem;color:#1d2b3a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-by{display:block;margin-top:.15rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;color:#6b7785}@media(prefers-reduced-motion:reduce){.ex-track{animation:none}.ex-marquee{overflow-x:auto}}