:root {
  --bg: #050505;
  --panel: #0d0d0d;
  --panel-2: #111111;
  --text: #f7f7f4;
  --muted: #9b9b96;
  --line: rgba(255,255,255,0.10);
  --line-strong: rgba(255,255,255,0.18);
  --accent: #d6ff3f;
  --accent-soft: rgba(214,255,63,0.16);
  --shadow: 0 28px 70px rgba(0,0,0,0.45);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  font-family: Inter, Arial, sans-serif;
  overflow-x: hidden;
  background:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px),
    radial-gradient(circle at 82% 8%, rgba(214,255,63,0.08), transparent 25%),
    #050505;
  background-size: 48px 48px, 48px 48px, auto, auto;
}
body::selection { background: var(--accent); color: #000; }
a { color: inherit; text-decoration: none; }

.noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  z-index: 40;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
.bg-orb { display:none; }

.shell {
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.site-header {
  position: sticky;
  top: 16px;
  z-index: 50;
  width: min(1240px, calc(100% - 48px));
  margin: 16px auto 0;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(7,7,7,.78);
  border: 1px solid var(--line);
  backdrop-filter: blur(18px);
  box-shadow: var(--shadow);
}
.brand {
  font-family: Manrope, sans-serif;
  font-weight: 800;
  letter-spacing: -0.06em;
  font-size: 24px;
}
.nav { display:flex; align-items:center; gap:28px; }
.nav a { color:#c4c4be; font-size:14px; }
.nav a:hover { color:#fff; }
.header-pill {
  padding:10px 15px;
  border:1px solid var(--line-strong);
  background:var(--accent);
  color:#050505;
  font-weight:700;
  font-size:13px;
}
.menu-btn { display:none; background:transparent; color:#fff; border:1px solid var(--line); padding:9px 12px; }

.hero {
  min-height: calc(100vh - 100px);
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:18px;
  padding:40px 0 26px;
}
.hero-copy-wrap,
.hero-panel,
.info-card,
.card,
.social-card,
.theme-card {
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  box-shadow:var(--shadow);
}
.hero-copy-wrap {
  position:relative;
  overflow:hidden;
  padding:54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:680px;
}
.hero-copy-wrap::before {
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-180px;
  top:-120px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(214,255,63,.22), rgba(214,255,63,0) 70%);
  filter:blur(8px);
}
.hero-copy-wrap::after {
  content:"NOBE";
  position:absolute;
  right:-14px;
  bottom:-56px;
  font-family:Manrope, sans-serif;
  font-size:clamp(110px, 15vw, 230px);
  font-weight:800;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.025);
  pointer-events:none;
}
.eyebrow-row { display:flex; gap:12px; align-items:center; margin-bottom:24px; flex-wrap:wrap; }
.eyebrow { font-size:11px; letter-spacing:.18em; color:var(--muted); font-weight:700; }
.status-pill {
  font-size:11px;
  letter-spacing:.14em;
  padding:8px 11px;
  border:1px solid rgba(214,255,63,.35);
  color:var(--accent);
  background:rgba(214,255,63,.05);
  font-weight:700;
}
.hero h1 {
  margin:0;
  max-width:760px;
  font-family:Manrope, sans-serif;
  font-size:clamp(62px, 8.3vw, 122px);
  line-height:.88;
  letter-spacing:-.075em;
  position:relative;
  z-index:1;
}
.hero h1 span { color:#85857f; }
.hero-copy {
  margin:30px 0 34px;
  max-width:610px;
  color:#b0b0aa;
  font-size:18px;
  line-height:1.7;
  position:relative;
  z-index:1;
}
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; position:relative; z-index:1; }
.button { display:inline-flex; padding:14px 18px; font-weight:700; font-size:14px; }
.button-light { background:var(--accent); color:#050505; }
.button-dark { border:1px solid var(--line-strong); background:#0a0a0a; }

.hero-panel { padding:18px; min-height:680px; display:flex; flex-direction:column; }
.panel-top { display:flex; justify-content:space-between; padding:6px 4px 18px; border-bottom:1px solid var(--line); }
.panel-kicker,.panel-live,.card-number,.social-label,.theme-label { font-size:11px; letter-spacing:.16em; font-weight:700; color:var(--muted); }
.panel-live { color:var(--accent); }
.panel-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; flex:1; }
.panel-item {
  min-height:0;
  padding:20px;
  border:1px solid var(--line);
  background:#0a0a0a;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.panel-item::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, transparent 0 48%, rgba(255,255,255,.035) 48% 49%, transparent 49% 100%);
  background-size:26px 26px;
}
.panel-item:nth-child(1)::after,
.panel-item:nth-child(3)::after {
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-70px;
  top:-70px;
  border-radius:50%;
  border:22px solid rgba(214,255,63,.08);
}
.panel-item span { color:#686861; font-size:11px; margin-bottom:auto; }
.panel-item strong { font-family:Manrope,sans-serif; font-size:28px; letter-spacing:-.045em; margin-bottom:10px; position:relative; z-index:1; }
.panel-item p { margin:0; color:#94948e; line-height:1.5; font-size:14px; position:relative; z-index:1; }

.info-strip,.section-block { padding:22px 0; }
.info-strip { display:grid; grid-template-columns:1.25fr .75fr; gap:18px; }
.info-card { padding:34px; }
.info-card-large { background:linear-gradient(135deg, rgba(214,255,63,.07), rgba(255,255,255,.02) 35%, rgba(255,255,255,.015)); }
.info-card h2,.section-head h2 { font-family:Manrope,sans-serif; font-size:clamp(40px,5vw,68px); letter-spacing:-.055em; line-height:.95; margin:10px 0 16px; }
.info-card h3 { font-family:Manrope,sans-serif; font-size:30px; letter-spacing:-.04em; margin:12px 0; }
.info-card p,.section-subcopy,.card p,.social-card p,.theme-card p { margin:0; color:#a4a49e; line-height:1.65; }

.section-head { display:flex; justify-content:space-between; gap:30px; align-items:flex-end; margin-bottom:20px; }
.section-subcopy { max-width:430px; }

.theme-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.theme-card {
  min-height:460px;
  position:relative;
  overflow:hidden;
  background:#0b0b0b;
}
.theme-card::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 35%, rgba(0,0,0,.86) 100%);
  z-index:1;
}
.theme-card::after {
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.08);
  z-index:2;
  pointer-events:none;
}
.theme-content { position:absolute; left:28px; right:28px; bottom:28px; z-index:3; }
.theme-card h3 { font-family:Manrope,sans-serif; font-size:38px; line-height:.96; letter-spacing:-.055em; margin:10px 0 14px; }
.sports-theme {
  background:
    radial-gradient(circle at 72% 22%, rgba(214,255,63,.26), transparent 18%),
    repeating-linear-gradient(90deg, transparent 0 64px, rgba(255,255,255,.035) 64px 65px),
    linear-gradient(160deg,#171717,#090909 60%);
}
.sports-theme .theme-overlay::before {
  content:"";
  position:absolute;
  width:250px;
  height:250px;
  right:-30px;
  top:34px;
  border:32px solid rgba(255,255,255,.12);
  border-radius:50%;
  box-shadow:0 0 0 26px rgba(255,255,255,.03);
}
.talent-theme {
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.15), transparent 18%),
    linear-gradient(120deg,#050505 0 35%,#151515 35% 70%,#090909 70%);
}
.talent-theme .theme-overlay::before,
.talent-theme .theme-overlay::after {
  content:"";
  position:absolute;
  width:180px;
  height:280px;
  top:44px;
  border:1px solid rgba(255,255,255,.13);
  transform:rotate(10deg);
}
.talent-theme .theme-overlay::before { left:34px; }
.talent-theme .theme-overlay::after { right:42px; transform:rotate(-9deg); }
.invest-theme {
  background:
    linear-gradient(90deg, rgba(214,255,63,.06) 1px, transparent 1px),
    linear-gradient(rgba(214,255,63,.06) 1px, transparent 1px),
    linear-gradient(155deg,#0a0a0a,#171717);
  background-size:26px 26px,26px 26px,auto;
}
.invest-theme .theme-overlay::before {
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:34px;
  top:38px;
  background:linear-gradient(135deg, rgba(214,255,63,.25), rgba(214,255,63,0));
  clip-path:polygon(50% 0,100% 100%,0 100%);
  opacity:.55;
}

.cards,.social-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.card,.social-card { padding:28px; min-height:260px; display:flex; flex-direction:column; transition:.2s ease; }
.card { background:linear-gradient(180deg,#0d0d0d,#080808); }
.card:nth-child(2) { background:linear-gradient(145deg,rgba(214,255,63,.07),#0b0b0b 42%); }
.card h3,.social-card h3 { margin:auto 0 12px; font-family:Manrope,sans-serif; font-size:34px; letter-spacing:-.05em; line-height:1; }
.social-card { min-height:220px; }
.social-card:hover,.card:hover,.theme-card:hover { transform:translateY(-4px); border-color:rgba(214,255,63,.35); }
.social-top { display:flex; justify-content:space-between; }
.social-arrow { color:var(--accent); font-size:20px; }

.footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:12px 0 44px; }
.footer-right { display:flex; gap:18px; color:#767670; font-size:13px; }

@media (max-width:980px) {
  .site-header,.shell { width:calc(100% - 24px); }
  .hero,.info-strip,.theme-grid,.cards,.social-grid { grid-template-columns:1fr; }
  .hero { min-height:auto; }
  .hero-copy-wrap,.hero-panel { min-height:auto; }
  .hero-panel { min-height:600px; }
  .section-head { flex-direction:column; align-items:flex-start; }
}
@media (max-width:760px) {
  .site-header { top:10px; }
  .nav { display:none; position:absolute; top:calc(100% + 8px); left:0; right:0; flex-direction:column; align-items:flex-start; padding:18px; background:#090909; border:1px solid var(--line); }
  .nav.open { display:flex; }
  .header-pill { display:none; }
  .menu-btn { display:inline-flex; }
  .hero { padding-top:24px; }
  .hero-copy-wrap { padding:28px; }
  .hero h1 { font-size:clamp(48px,16vw,82px); }
  .hero-copy { font-size:16px; }
  .panel-grid { grid-template-columns:1fr; }
  .hero-panel { min-height:auto; }
  .theme-card { min-height:380px; }
  .footer { flex-direction:column; align-items:flex-start; }
  .footer-right { flex-direction:column; gap:6px; }
}