.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 5rem;position:relative;z-index:1}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--orange);background:var(--orange-dim);border:1px solid var(--orange-border);padding:0.32rem 1rem;border-radius:100px;margin-bottom:2.2rem;backdrop-filter:blur(12px)}
.hero h1{font-size:clamp(3.2rem,8vw,6.5rem);max-width:900px;margin-bottom:1.6rem;line-height:1.04}
.hero-sub{font-size:1.15rem;color:var(--muted);max-width:560px;line-height:1.72;margin-bottom:2.8rem}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:4rem}
.hero-tags{display:flex;gap:0.6rem;flex-wrap:wrap;justify-content:center}
.hero-tag{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;font-weight:600;color:var(--muted);background:var(--glass-bg);border:1px solid var(--border-glass);padding:0.35rem 0.9rem;border-radius:100px;backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);transition:all 0.2s;cursor:none}
.hero-tag:hover{color:var(--orange);border-color:var(--orange-border)}
.hero-tag i{font-size:0.72rem;color:var(--orange)}
.scroll-cue{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0.45;animation:fadeIn 1s 1.2s both}
.scroll-cue span{font-size:0.67rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.scroll-cue i{font-size:0.8rem;color:var(--muted);animation:scrollBounce 1.8s ease-in-out infinite}
@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--orange-border) 30%,var(--orange-border) 70%,transparent);margin:0 3.5rem;position:relative;z-index:1}
.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}
.proj-card{padding:2rem;cursor:none;text-decoration:none;display:block}
.proj-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.4rem;position:relative;overflow:hidden}
.proj-card-icon::after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,0.28),transparent);border-radius:inherit;pointer-events:none}
.icon-orange{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 6px 20px rgba(224,122,36,0.38)}
.icon-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;box-shadow:0 6px 20px rgba(201,149,42,0.38)}
.icon-soft{background:var(--bg3);color:var(--orange);border:1px solid var(--orange-border)}
.proj-name{font-family:'Nunito',sans-serif;font-weight:800;font-size:1.1rem;margin-bottom:0.5rem;color:var(--text);transition:color 0.2s}
.proj-card:hover .proj-name{color:var(--orange)}
.proj-desc{font-size:0.87rem;color:var(--muted);line-height:1.65;margin-bottom:1.2rem}
.proj-link{font-size:0.8rem;font-weight:700;color:var(--orange);display:inline-flex;align-items:center;gap:5px;transition:gap 0.2s}
.proj-card:hover .proj-link{gap:9px}
.proj-type{display:inline-flex;align-items:center;gap:5px;font-size:0.68rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.22rem 0.65rem;border-radius:100px;margin-bottom:1rem}
.type-games{background:rgba(224,122,36,0.1);color:var(--orange);border:1px solid var(--orange-border)}
.type-ai{background:rgba(201,149,42,0.1);color:var(--gold);border:1px solid rgba(201,149,42,0.28)}
.type-proxy{background:rgba(100,130,220,0.09);color:#6480cc;border:1px solid rgba(100,130,220,0.22)}
.type-tool{background:rgba(60,180,100,0.09);color:#3aaa6e;border:1px solid rgba(60,180,100,0.22)}
.type-soon{background:var(--orange-dim);color:var(--muted);border:1px solid var(--border2)}
.marquee-wrap{overflow:hidden;padding:1.4rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;z-index:1;background:var(--bg2);transition:background 0.4s}
.marquee-track{display:flex;gap:2.8rem;width:max-content;animation:marqueeScroll 24s linear infinite}
@keyframes marqueeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-item{display:inline-flex;align-items:center;gap:7px;font-size:0.77rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.marquee-item i{color:var(--orange);font-size:0.75rem}
.marquee-sep{color:var(--orange-border);font-size:0.9rem;line-height:1}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.team-card{padding:2.5rem;text-align:center}
.avatar-wrap{position:relative;width:88px;height:88px;margin:0 auto 1.4rem}
.team-avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Nunito',sans-serif;font-weight:900;font-size:1.7rem;color:#fff;position:relative;z-index:1}
.avatar-c{background:linear-gradient(135deg,var(--orange),var(--orange2))}
.avatar-m{background:linear-gradient(135deg,var(--gold),var(--orange))}
.avatar-ring{position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(var(--orange) 0%,var(--gold) 50%,var(--orange) 100%);animation:spinRing 5s linear infinite;z-index:0}
.avatar-ring::before{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--bg);z-index:0}
@keyframes spinRing{to{transform:rotate(360deg)}}
.team-name{font-family:'Nunito',sans-serif;font-weight:800;font-size:1.15rem;margin-bottom:0.3rem}
.team-role{font-size:0.78rem;color:var(--orange);font-weight:700;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:0.9rem;display:flex;align-items:center;justify-content:center;gap:5px}
.team-bio{font-size:0.87rem;color:var(--muted);line-height:1.68;margin-bottom:1.3rem}
.team-projects{display:flex;flex-wrap:wrap;gap:0.4rem;justify-content:center;margin-bottom:1.2rem}
.team-proj-tag{font-size:0.68rem;font-weight:700;color:var(--orange);background:var(--orange-dim);border:1px solid var(--orange-border);padding:0.18rem 0.55rem;border-radius:100px}
.team-socials{display:flex;justify-content:center;gap:0.6rem}
.team-social{width:34px;height:34px;border-radius:9px;background:var(--glass-bg);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:var(--muted);transition:all 0.2s;text-decoration:none;cursor:none;backdrop-filter:blur(12px)}
.team-social:hover{color:var(--orange);border-color:var(--orange-border);transform:translateY(-2px)}
.cta-wrap{padding:7rem 3.5rem;position:relative;z-index:1}
.cta-inner-wrap{max-width:1160px;margin:0 auto}
.cta-card{padding:5rem;text-align:center;border-radius:var(--radius-xl)}
.cta-card h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem}
.cta-card p{color:var(--muted);font-size:1.05rem;max-width:480px;margin:0 auto 2.5rem}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.nav-logo-img {
  width: 120%;
  height: 120%;
  object-fit: contain;
}

.nav-logo-icon {
  overflow: hidden;
}