:root {
  --bg: #050505;
  --bg-2: #090909;
  --panel: #0d0d0d;
  --panel-2: #111111;
  --line: rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.15);
  --text: #f6f2e8;
  --muted: #96938c;
  --gold: #d4af37;
  --gold-2: #f1d377;
  --gold-dark: #8d6e16;
  --shadow: 0 28px 90px rgba(0,0,0,.46);
  --shell: min(1240px, calc(100vw - 64px));
  --ease: cubic-bezier(.2,.7,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img { max-width: 100%; display: block; }
::selection { background: var(--gold); color: #050505; }

.page-noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .03;
  z-index: 100;
  background-image:
    repeating-radial-gradient(circle at 0 0, transparent 0, rgba(255,255,255,.75) 1px, transparent 2px, transparent 4px);
  background-size: 7px 7px;
  mix-blend-mode: overlay;
}

.cursor-aura {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background: radial-gradient(420px circle at var(--x, 50%) var(--y, 50%), rgba(212,175,55,.055), transparent 68%);
}


.site-header {
  position: fixed;
  left: 0; top: 0; right: 0;
  height: 86px;
  padding: 0 38px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  z-index: 1000;
  border-bottom: 1px solid transparent;
  transition: .35s var(--ease);
}
.site-header.is-scrolled {
  height: 74px;
  background: rgba(5,5,5,.86);
  border-bottom-color: var(--line);
  backdrop-filter: blur(20px);
}
.header-brand { display: inline-flex; align-items: center; gap: 11px; width: fit-content; }
.header-brand img { width: 39px; height: 39px; object-fit: contain; filter: drop-shadow(0 4px 12px rgba(212,175,55,.14)); }
.header-brand span { display: grid; gap: 2px; }
.header-brand strong { font: 800 15px/1 'Manrope',sans-serif; letter-spacing: .12em; }
.header-brand small { color: var(--gold); font: 700 8px/1 'Inter',sans-serif; letter-spacing: .32em; }
.header-nav { display: flex; align-items: center; gap: 32px; }
.header-nav a {
  position: relative;
  color: #a8a59e;
  font: 700 10px/1 'Inter',sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  transition: color .25s ease;
}
.header-nav a::after {
  content: '';
  position: absolute; left: 0; right: 100%; bottom: -14px; height: 1px; background: var(--gold);
  transition: right .3s var(--ease);
}
.header-nav a:hover, .header-nav a.is-active { color: var(--text); }
.header-nav a.is-active::after { right: 0; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 16px; }
.header-status {
  display: flex; align-items: center; gap: 8px; padding-right: 15px; border-right: 1px solid var(--line);
  color: #8f8c85; font-size: 8px; font-weight: 800; letter-spacing: .17em;
}
.header-status i { width: 7px; height: 7px; border-radius: 50%; background: #ff3b3b; box-shadow: 0 0 0 4px rgba(255,59,59,.10), 0 0 16px rgba(255,59,59,.46); transition: background .25s ease, box-shadow .25s ease; }
.header-status.is-online i { background: #35e879; box-shadow: 0 0 0 4px rgba(53,232,121,.10), 0 0 18px rgba(53,232,121,.5); }
.header-status.is-offline i { background: #ff3b3b; box-shadow: 0 0 0 4px rgba(255,59,59,.10), 0 0 18px rgba(255,59,59,.5); }
.header-discord {
  border: 1px solid var(--line-strong); padding: 11px 14px;
  font-size: 9px; font-weight: 800; letter-spacing: .17em; transition: .25s ease;
}
.header-discord:hover { border-color: rgba(212,175,55,.5); color: var(--gold-2); }
.menu-button { display: none; width: 42px; height: 42px; border: 1px solid var(--line); background: transparent; padding: 0 11px; }
.menu-button span { display: block; width: 100%; height: 1px; background: var(--text); margin: 6px 0; transition: .25s ease; }
.menu-button.is-open span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-button.is-open span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-menu { display: none; }

.hero {
  position: relative;
  min-height: 100svh;
  padding: 150px max(32px, calc((100vw - 1240px)/2)) 78px;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(360px,.7fr);
  align-items: center;
  gap: 40px;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(5,5,5,.98) 0%, rgba(5,5,5,.92) 45%, rgba(5,5,5,.58) 100%),
    radial-gradient(circle at 76% 41%, rgba(212,175,55,.1), transparent 32%),
    #050505;
}
.hero::before {
  content: '';
  position: absolute;
  top: 0; right: -5%; bottom: 0; width: 52%;
  background:
    linear-gradient(145deg, transparent 0 49%, rgba(212,175,55,.09) 49.5% 50%, transparent 50.5%),
    linear-gradient(35deg, transparent 0 64%, rgba(255,255,255,.025) 64.5% 65%, transparent 65.5%);
  z-index: -1;
}
.hero-grid {
  position: absolute; inset: 0; z-index: -2;
  background-image:
    linear-gradient(rgba(255,255,255,.027) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.027) 1px, transparent 1px);
  background-size: 84px 84px;
  mask-image: linear-gradient(to right, rgba(0,0,0,.85), transparent 80%);
}
.hero-light { position: absolute; border-radius: 50%; filter: blur(90px); z-index: -1; }
.hero-light-a { width: 440px; height: 440px; background: rgba(212,175,55,.08); right: 8%; top: 17%; }
.hero-light-b { width: 300px; height: 300px; background: rgba(255,255,255,.028); right: 25%; bottom: -10%; }
.hero-side-word {
  position: absolute; right: -73px; top: 50%; transform: translateY(-50%) rotate(90deg);
  color: rgba(255,255,255,.025); font: 800 118px/1 'Manrope',sans-serif; letter-spacing: .16em; white-space: nowrap;
}
.hero-content { max-width: 790px; position: relative; z-index: 2; }
.hero-kicker { display: inline-flex; align-items: center; gap: 12px; color: #aaa69d; font-size: 10px; font-weight: 800; letter-spacing: .24em; margin-bottom: 24px; }
.hero-kicker span { width: 34px; height: 1px; background: var(--gold); }
.hero h1 {
  margin: 0;
  font: 700 clamp(62px, 7vw, 108px)/.89 'Oswald',sans-serif;
  letter-spacing: -.035em;
  text-transform: uppercase;
}
.hero h1 em { color: var(--gold-2); font-style: normal; text-shadow: 0 0 50px rgba(212,175,55,.07); }
.hero-content > p {
  max-width: 620px; margin: 28px 0 0; color: #aaa69e;
  font-size: 15px; line-height: 1.8;
}
.hero-buttons { display: flex; gap: 12px; margin-top: 34px; }
.btn {
  min-width: 210px; min-height: 54px; padding: 0 20px;
  display: inline-flex; justify-content: space-between; align-items: center; gap: 30px;
  border: 1px solid transparent;
  font-size: 10px; font-weight: 800; letter-spacing: .16em;
  transition: transform .25s var(--ease), background .25s ease, color .25s ease, border-color .25s ease;
}
.btn b { font-size: 17px; font-weight: 500; transition: transform .25s ease; }
.btn:hover { transform: translateY(-2px); }
.btn:hover b { transform: translate(2px,-2px); }
.btn-gold { color: #090806; background: linear-gradient(135deg, #f0d272, var(--gold)); box-shadow: 0 14px 50px rgba(212,175,55,.13); }
.btn-gold:hover { background: #f0d272; }
.btn-dark { background: rgba(15,15,15,.76); border-color: var(--line-strong); color: var(--text); backdrop-filter: blur(10px); }
.btn-dark:hover { border-color: rgba(212,175,55,.42); }
.btn-outline-light { border-color: rgba(255,255,255,.18); color: var(--text); }
.btn-outline-light:hover { border-color: rgba(212,175,55,.55); color: var(--gold-2); }
.hero-meta {
  margin-top: 58px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  display: flex; align-items: center; gap: 24px; width: fit-content;
}
.hero-meta > div, .copy-connect { display: flex; align-items: center; gap: 11px; }
.hero-meta small { display: block; color: #6f6c66; font-size: 7px; font-weight: 800; letter-spacing: .2em; margin-bottom: 5px; }
.hero-meta strong { color: #d3cfc5; font: 700 12px/1 'Manrope',sans-serif; letter-spacing: .04em; }
.hero-meta strong i { color: #66645f; font-style: normal; font-size: 9px; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: #ff3b3b; box-shadow: 0 0 0 5px rgba(255,59,59,.08), 0 0 20px rgba(255,59,59,.4); flex: 0 0 auto; transition: background .25s ease, box-shadow .25s ease; }
.live-dot.is-online { background:#35e879; box-shadow:0 0 0 5px rgba(53,232,121,.08),0 0 20px rgba(53,232,121,.42); }
.live-dot.is-offline { background:#ff3b3b; box-shadow:0 0 0 5px rgba(255,59,59,.08),0 0 20px rgba(255,59,59,.42); }
.meta-separator { width: 1px; height: 26px; background: var(--line); }
.copy-connect { border: 0; background: transparent; padding: 0; cursor: pointer; text-align: left; color: inherit; }
.copy-connect strong { border-bottom: 1px dashed rgba(212,175,55,.35); }
.hero-emblem {
  position: relative;
  justify-self: end;
  width: min(38vw, 470px); aspect-ratio: 1;
  display: grid; place-items: center;
}
.hero-emblem::after {
  content: '';
  position: absolute; width: 42%; height: 42%; border-radius: 50%;
  background: rgba(212,175,55,.06); filter: blur(40px);
}
.hero-emblem img { width: 45%; z-index: 2; filter: drop-shadow(0 20px 40px rgba(0,0,0,.6)) drop-shadow(0 0 28px rgba(212,175,55,.14)); }
.emblem-ring { position: absolute; border-radius: 50%; }
.ring-one { inset: 5%; border: 1px solid rgba(212,175,55,.18); box-shadow: inset 0 0 60px rgba(212,175,55,.02); }
.ring-two { inset: 17%; border: 1px dashed rgba(255,255,255,.11); animation: slowspin 24s linear infinite; }
.emblem-cross { position: absolute; background: linear-gradient(90deg, transparent, rgba(212,175,55,.11), transparent); }
.emblem-cross.x { width: 100%; height: 1px; }
.emblem-cross.y { width: 1px; height: 100%; background: linear-gradient(transparent, rgba(212,175,55,.11), transparent); }
.emblem-year { position: absolute; right: 8%; bottom: 21%; color: rgba(255,255,255,.33); font: 700 9px/1 'Inter'; letter-spacing: .34em; transform: rotate(90deg); }
@keyframes slowspin { to { transform: rotate(360deg); } }
.scroll-hint {
  position: absolute; left: max(32px, calc((100vw - 1240px)/2)); bottom: 26px;
  display: flex; align-items: center; gap: 16px; color: #77746e; font-size: 8px; font-weight: 800; letter-spacing: .24em;
}
.scroll-hint i { width: 58px; height: 1px; background: linear-gradient(90deg,var(--gold),transparent); }

.section-shell { width: var(--shell); margin: 0 auto; position: relative; z-index: 1; }
.section-number { color: #66635d; font-size: 9px; font-weight: 800; letter-spacing: .2em; }
.overline { margin: 16px 0 0; color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .26em; }
.section-head { display: grid; grid-template-columns: 1.1fr .7fr; gap: 80px; align-items: end; margin-bottom: 64px; }
.section-head h2, .launch-head h2, .story-main h2 {
  margin: 17px 0 0;
  font: 700 clamp(48px,6vw,80px)/.94 'Oswald',sans-serif;
  text-transform: uppercase; letter-spacing: -.025em;
}
.section-head h2 em, .launch-head h2 em, .story-main h2 em, .premium-cta h2 em { font-style: normal; color: var(--gold-2); }
.section-lead { margin: 0; color: #8e8a82; font-size: 14px; line-height: 1.8; max-width: 460px; }

.launch-section {
  position: relative;
  padding: 112px 0 94px;
  overflow: hidden;
  background:
    linear-gradient(115deg, rgba(212,175,55,.08), transparent 32%),
    #090909;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.launch-section::before {
  content: 'OPENING'; position: absolute; right: -15px; top: 20px;
  color: rgba(255,255,255,.018); font: 800 190px/1 'Manrope',sans-serif; letter-spacing: -.06em;
}
.launch-head { display: grid; grid-template-columns: 1.2fr .7fr; gap: 80px; align-items: end; }
.launch-note { border-left: 1px solid var(--line); padding-left: 32px; }
.launch-badge { display: inline-flex; border: 1px solid rgba(212,175,55,.25); color: var(--gold-2); padding: 8px 10px; font-size: 8px; font-weight: 800; letter-spacing: .18em; }
.launch-note strong { display: block; margin-top: 16px; font: 700 16px/1.2 'Manrope',sans-serif; letter-spacing: .04em; }
.launch-note p { color: #8b8880; font-size: 12px; line-height: 1.7; margin: 14px 0 0; }
.countdown {
  display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: center; gap: 18px; margin-top: 76px; padding: 34px 0 26px;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.countdown > i { color: rgba(212,175,55,.33); font: 500 clamp(30px,4vw,60px)/1 'Oswald'; font-style: normal; transform: translateY(-12px); }
.count-unit { text-align: center; }
.count-unit strong { display: block; font: 600 clamp(62px,8vw,116px)/.9 'Oswald',sans-serif; letter-spacing: -.035em; }
.count-unit span { display: block; margin-top: 13px; color: #736f68; font-size: 8px; font-weight: 800; letter-spacing: .28em; }
.countdown.is-finished .count-unit strong { color: var(--gold-2); }
.launch-actions { margin-top: 28px; display: flex; align-items: center; gap: 25px; }
.text-link { color: var(--text); font-size: 9px; font-weight: 800; letter-spacing: .18em; }
.text-link span { color: var(--gold); margin-left: 8px; }
.launch-line { flex: 1; height: 1px; background: var(--line); }
.launch-copy { color: #5f5c57; font-size: 8px; font-weight: 700; letter-spacing: .16em; }

.story-section { padding: 132px 0; background: #060606; }
.story-layout { display: grid; grid-template-columns: 280px 1fr; gap: 96px; }
.story-side { display: flex; flex-direction: column; gap: 72px; }
.story-seal {
  position: sticky; top: 130px; width: 210px; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center;
  border: 1px solid rgba(212,175,55,.14);
}
.story-seal::before, .story-seal::after { content: ''; position: absolute; width: 14px; height: 1px; background: var(--gold); }
.story-seal::before { left: -7px; } .story-seal::after { right: -7px; }
.seal-ring { position: absolute; inset: 15px; border: 1px dashed rgba(255,255,255,.09); border-radius: 50%; animation: slowspin 30s linear infinite reverse; }
.story-seal img { width: 74px; filter: drop-shadow(0 8px 20px rgba(0,0,0,.5)); }
.story-seal span { position: absolute; bottom: 36px; text-align: center; color: #77736a; font-size: 7px; line-height: 1.6; font-weight: 800; letter-spacing: .18em; }
.story-main { max-width: 850px; }
.story-copy { margin-top: 44px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px 44px; }
.story-copy p { margin: 0; color: #9a968e; font-size: 14px; line-height: 1.9; }
.story-copy p:last-child { grid-column: 1 / -1; padding-top: 24px; margin-top: 6px; border-top: 1px solid var(--line); color: #bab6ae; }
.story-copy strong { color: var(--gold-2); font-size: 11px; letter-spacing: .1em; }
blockquote {
  position: relative; margin: 64px 0 0; padding: 34px 42px 34px 72px;
  background: linear-gradient(90deg, rgba(212,175,55,.08), rgba(212,175,55,.015));
  border-left: 1px solid var(--gold);
}
blockquote > span { position: absolute; left: 28px; top: 20px; color: var(--gold); font: 700 46px/1 Georgia,serif; opacity: .75; }
blockquote p { margin: 0; color: #c3bfb6; font-size: 15px; line-height: 1.8; font-style: italic; }
blockquote footer { margin-top: 18px; color: #77736b; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
blockquote footer strong { color: var(--gold-2); }

.why-section { padding: 132px 0 140px; background: #0a0a0a; border-top: 1px solid var(--line); }
.why-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); }
.why-card {
  position: relative; min-height: 470px; padding: 28px 28px 34px; display: flex; flex-direction: column; justify-content: space-between;
  background: #0b0b0b; border-right: 1px solid var(--line); overflow: hidden; transition: transform .35s var(--ease), background .35s ease;
}
.why-card:last-child { border-right: 0; }
.why-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 78% 18%, rgba(212,175,55,.05), transparent 35%); opacity: 0; transition: opacity .35s ease; }
.why-card:hover { transform: translateY(-8px); background: #0f0f0f; z-index: 2; box-shadow: var(--shadow); }
.why-card:hover::before { opacity: 1; }
.why-card.featured { background: linear-gradient(180deg, rgba(212,175,55,.07), #0c0c0c 55%); }
.card-index { color: #5f5c56; font: 700 9px/1 'Inter'; letter-spacing: .2em; }
.card-icon { width: 88px; height: 88px; border: 1px solid rgba(212,175,55,.18); display: grid; place-items: center; color: var(--gold-2); margin: 48px 0 auto; position: relative; }
.card-icon::after { content: ''; position: absolute; inset: 8px; border: 1px solid rgba(255,255,255,.035); }
.code-icon span { font: 700 18px/1 'Manrope'; letter-spacing: .03em; }
.chart-icon { grid-auto-flow: column; align-items: end; gap: 5px; padding: 24px; }
.chart-icon i { width: 7px; background: var(--gold); }
.chart-icon i:nth-child(1){height:18px}.chart-icon i:nth-child(2){height:32px}.chart-icon i:nth-child(3){height:25px}.chart-icon i:nth-child(4){height:42px}
.people-icon { display:flex; align-items:center; justify-content:center; gap:3px; }
.people-icon i { width: 15px; height: 25px; border:1px solid var(--gold); border-radius:12px 12px 3px 3px; }
.people-icon i:nth-child(2){height:34px; transform:translateY(-5px)}
.why-card > div:last-of-type:not(.card-corner) { margin-top: 48px; position: relative; z-index: 1; }
.card-label { color: var(--gold); font-size: 8px; font-weight: 800; letter-spacing: .22em; }
.why-card h3 { margin: 11px 0 15px; font: 700 25px/1.1 'Manrope'; letter-spacing: -.025em; }
.why-card p { margin: 0; color: #8e8a82; font-size: 12px; line-height: 1.8; }
.card-corner { position:absolute; right:0; bottom:0; width:42px; height:42px; border-left:1px solid var(--line); border-top:1px solid var(--line); }
.card-corner::before { content:''; position:absolute; width:16px; height:1px; background:rgba(212,175,55,.45); right:6px; bottom:10px; transform:rotate(-45deg); }

.staff-section { position: relative; padding: 132px 0 146px; background: #060606; overflow: hidden; }
.staff-section::before { content:'ADMIN'; position:absolute; left:-30px; bottom:-26px; color:rgba(255,255,255,.017); font:800 210px/1 'Manrope'; letter-spacing:-.07em; }
.staff-grid { display:grid; grid-template-columns: 1.3fr repeat(3,1fr); gap:12px; }
.staff-card {
  position:relative; min-height: 410px; padding:22px; display:flex; flex-direction:column;
  border:1px solid var(--line); background:linear-gradient(180deg,#0e0e0e,#090909); overflow:hidden; transition:.35s var(--ease);
}
.staff-card:hover { transform: translateY(-7px); border-color: rgba(212,175,55,.28); box-shadow: var(--shadow); }
.staff-card::before { content:''; position:absolute; width:220px; height:220px; border-radius:50%; right:-110px; top:-120px; border:1px solid rgba(212,175,55,.08); }
.staff-owner { background: linear-gradient(155deg,rgba(212,175,55,.12),#0b0b0b 48%); }
.staff-top { display:flex; justify-content:space-between; align-items:center; }
.staff-role { color:var(--gold); font-size:7px; font-weight:800; letter-spacing:.21em; }
.staff-no { color:#504e49; font:700 9px/1 'Inter'; }
.staff-avatar { position:relative; width:145px; height:145px; display:grid; place-items:center; margin:44px auto 38px; }
.staff-avatar img { width:74px; filter:drop-shadow(0 12px 24px rgba(0,0,0,.6)); z-index:2; }
.staff-avatar-ring { position:absolute; inset:0; border:1px solid rgba(212,175,55,.17); border-radius:50%; }
.staff-avatar-ring::before { content:''; position:absolute; inset:15px; border:1px dashed rgba(255,255,255,.08); border-radius:50%; }
.staff-monogram { margin:auto; width:110px; height:110px; border:1px solid rgba(212,175,55,.14); display:grid; place-items:center; color:rgba(212,175,55,.32); font:700 22px/1 'Oswald'; letter-spacing:.12em; transform:rotate(45deg); }
.staff-monogram::first-line { transform:rotate(-45deg); }
.staff-info { margin-top:auto; position:relative; z-index:1; }
.staff-info h3 { margin:0 0 9px; font:700 22px/1.1 'Manrope'; }
.staff-info p { margin:0; color:#7f7c75; font-size:11px; line-height:1.7; }
.staff-sign { margin-top:18px; padding-top:15px; border-top:1px solid var(--line); color:#4f4d49; font-size:7px; font-weight:800; letter-spacing:.18em; }

.stats-section { position:relative; padding:132px 0 0; background:#0a0a0a; overflow:hidden; border-top:1px solid var(--line); }
.stats-backdrop { position:absolute; left:50%; top:155px; transform:translateX(-50%); color:rgba(255,255,255,.018); font:800 320px/1 'Manrope'; letter-spacing:-.08em; }
.section-head.light { position:relative; z-index:1; }
.live-panel { justify-self:end; min-width:180px; padding:16px 18px; border:1px solid var(--line); display:flex; align-items:center; gap:14px; background:rgba(8,8,8,.7); }
.live-panel small { display:block; color:#68655f; font-size:7px; letter-spacing:.18em; font-weight:800; margin-bottom:4px; }
.live-panel strong { font-size:10px; letter-spacing:.15em; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.stat-item { padding:54px 24px 48px; border-right:1px solid var(--line); text-align:center; }
.stat-item:last-child { border-right:0; }
.stat-kicker { display:block; color:#5e5b55; font-size:7px; font-weight:800; letter-spacing:.23em; margin-bottom:20px; }
.stat-item > strong { display:block; color:var(--text); font:600 clamp(42px,5vw,68px)/1 'Oswald'; }
.stat-item > strong small { color:var(--gold); font-size:.33em; letter-spacing:.08em; }
.stat-item p { margin:12px 0 0; color:#88847c; font-size:10px; letter-spacing:.03em; }
.premium-cta {
  margin-top:110px; min-height:330px; display:grid; grid-template-columns:180px 1fr auto; gap:52px; align-items:center;
  padding:52px 56px; border:1px solid rgba(212,175,55,.16); border-bottom:0;
  background:
    radial-gradient(circle at 15% 50%,rgba(212,175,55,.09),transparent 28%),
    linear-gradient(135deg,#10100f,#080808);
}
.premium-mark { width:150px; height:150px; border:1px solid rgba(212,175,55,.16); border-radius:50%; display:grid; place-items:center; position:relative; }
.premium-mark::after { content:''; position:absolute; inset:13px; border:1px dashed rgba(255,255,255,.08); border-radius:50%; }
.premium-mark img { width:72px; position:relative; z-index:1; }
.premium-cta > div:nth-child(2) > span { color:var(--gold); font-size:8px; font-weight:800; letter-spacing:.22em; }
.premium-cta h2 { margin:11px 0 15px; font:700 clamp(34px,4vw,54px)/.98 'Oswald'; text-transform:uppercase; }
.premium-cta p { max-width:650px; margin:0; color:#77736c; font-size:9px; line-height:1.8; letter-spacing:.05em; }
.premium-buttons { display:grid; gap:10px; }

.site-footer { background:#030303; border-top:1px solid var(--line); }
.footer-top { width:var(--shell); margin:0 auto; display:grid; grid-template-columns:1fr 220px 220px; gap:70px; padding:74px 0 60px; }
.footer-brand { display:flex; align-items:center; gap:18px; align-self:start; }
.footer-brand img { width:62px; }
.footer-brand div { display:grid; gap:7px; }
.footer-brand strong { font:800 16px/1 'Manrope'; letter-spacing:.13em; }
.footer-brand span { color:#55524d; font-size:7px; font-weight:800; letter-spacing:.16em; }
.footer-nav { display:grid; align-content:start; gap:13px; }
.footer-nav > span { color:var(--gold); font-size:8px; font-weight:800; letter-spacing:.2em; margin-bottom:8px; }
.footer-nav a { width:fit-content; color:#8c8880; font-size:9px; font-weight:700; letter-spacing:.1em; transition:.2s ease; }
.footer-nav a:hover { color:var(--text); }
.footer-nav a[aria-disabled="true"] { color:#3d3b37; pointer-events:none; }
.footer-bottom { border-top:1px solid var(--line); padding:22px max(32px,calc((100vw - 1240px)/2)); display:flex; justify-content:space-between; align-items:center; gap:30px; }
.footer-bottom p { margin:0; max-width:570px; color:#4f4c47; font-size:7px; line-height:1.6; letter-spacing:.04em; }
.footer-bottom div { display:flex; gap:24px; color:#4f4c47; font-size:7px; font-weight:800; letter-spacing:.11em; }

.toast { position:fixed; left:50%; bottom:28px; z-index:3000; transform:translate(-50%,20px); opacity:0; pointer-events:none; padding:12px 16px; border:1px solid rgba(212,175,55,.25); background:rgba(8,8,8,.92); color:var(--gold-2); font-size:8px; font-weight:800; letter-spacing:.18em; backdrop-filter:blur(14px); transition:.3s var(--ease); }
.toast.is-visible { opacity:1; transform:translate(-50%,0); }

.is-online { color:#35e879!important; }
.is-offline { color:#ff4d4d!important; }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .75s var(--ease), transform .75s var(--ease); }
.reveal.is-visible { opacity:1; transform:none; }

@media (max-width: 1100px) {
  :root { --shell: min(100% - 44px, 960px); }
  .site-header { padding:0 22px; grid-template-columns:1fr auto; }
  .header-nav { display:none; }
  .header-actions { gap:10px; }
  .menu-button { display:block; }
  .header-status { display:none; }
  .mobile-menu {
    position:fixed; inset:74px 0 0; z-index:999; display:flex; flex-direction:column; padding:38px 28px;
    background:rgba(5,5,5,.97); backdrop-filter:blur(20px); opacity:0; transform:translateY(-10px); visibility:hidden; transition:.3s var(--ease);
  }
  .mobile-menu.is-open { opacity:1; transform:none; visibility:visible; }
  .mobile-menu a { padding:18px 0; border-bottom:1px solid var(--line); font:700 17px/1 'Manrope'; text-transform:uppercase; letter-spacing:.08em; }
  .hero { grid-template-columns:1fr 340px; padding-left:28px; padding-right:28px; }
  .hero h1 { font-size:clamp(60px,8.8vw,90px); }
  .hero-emblem { width:360px; }
  .story-layout { grid-template-columns:190px 1fr; gap:48px; }
  .story-seal { width:165px; }
  .why-grid { grid-template-columns:1fr; }
  .why-card { min-height:330px; border-right:0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:70px 110px 1fr; gap:28px; align-items:center; }
  .why-card:last-child { border-bottom:0; }
  .why-card > div:last-of-type:not(.card-corner) { margin-top:0; }
  .card-icon { margin:0; }
  .staff-grid { grid-template-columns:1fr 1fr; }
  .stats-grid { grid-template-columns:1fr 1fr; }
  .stat-item:nth-child(2) { border-right:0; }
  .stat-item:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .premium-cta { grid-template-columns:140px 1fr; }
  .premium-buttons { grid-column:1/-1; grid-template-columns:1fr 1fr; }
  .footer-top { grid-template-columns:1fr 180px 180px; gap:38px; }
}

@media (max-width: 760px) {
  :root { --shell: calc(100vw - 30px); }
  .site-header, .site-header.is-scrolled { height:68px; padding:0 15px; }
  .header-brand img { width:34px; height:34px; }
  .header-brand strong { font-size:13px; }
  .header-discord { display:none; }
  .mobile-menu { inset:68px 0 0; }
  .hero { min-height:100svh; grid-template-columns:1fr; padding:122px 18px 80px; align-items:start; }
  .hero::before { width:100%; opacity:.65; }
  .hero h1 { font-size:clamp(54px,18vw,76px); }
  .hero-content > p { font-size:13px; line-height:1.75; }
  .hero-buttons { display:grid; grid-template-columns:1fr; }
  .btn { min-width:0; width:100%; }
  .hero-meta { width:100%; flex-wrap:wrap; gap:16px; margin-top:38px; }
  .meta-separator { display:none; }
  .copy-connect { width:100%; padding-top:14px; border-top:1px solid var(--line); }
  .hero-emblem { position:absolute; right:-95px; top:115px; width:330px; opacity:.22; z-index:0; }
  .hero-side-word { display:none; }
  .scroll-hint { left:18px; bottom:22px; }

  .launch-section, .story-section, .why-section, .staff-section { padding:88px 0; }
  .launch-head, .section-head { grid-template-columns:1fr; gap:34px; }
  .launch-note { padding:20px 0 0; border-left:0; border-top:1px solid var(--line); }
  .section-head { margin-bottom:42px; }
  .section-head h2, .launch-head h2, .story-main h2 { font-size:clamp(45px,13vw,62px); }
  .countdown { gap:4px; margin-top:48px; }
  .countdown > i { font-size:26px; }
  .count-unit strong { font-size:clamp(38px,13vw,56px); }
  .count-unit span { font-size:6px; letter-spacing:.14em; }
  .launch-actions { align-items:flex-start; flex-direction:column; }
  .launch-line { width:100%; }

  .story-layout { grid-template-columns:1fr; gap:36px; }
  .story-side { flex-direction:row; align-items:center; justify-content:space-between; gap:20px; }
  .story-seal { position:relative; top:auto; width:120px; }
  .story-seal img { width:52px; }
  .story-seal span { bottom:19px; font-size:5px; }
  .story-copy { grid-template-columns:1fr; gap:22px; }
  .story-copy p:last-child { grid-column:auto; }
  blockquote { margin-top:42px; padding:28px 24px 28px 48px; }
  blockquote > span { left:18px; }
  blockquote p { font-size:13px; }

  .why-card { min-height:auto; grid-template-columns:1fr; gap:0; padding:24px; }
  .card-icon { margin:38px 0; }
  .why-card > div:last-of-type:not(.card-corner) { margin-top:0; }

  .staff-grid { grid-template-columns:1fr; }
  .staff-card { min-height:340px; }
  .staff-owner { min-height:390px; }
  .staff-monogram { margin:54px auto; }

  .stats-section { padding-top:88px; }
  .stats-backdrop { font-size:160px; top:120px; }
  .live-panel { justify-self:start; }
  .stats-grid { grid-template-columns:1fr 1fr; }
  .stat-item { padding:38px 12px; }
  .stat-item > strong { font-size:46px; }
  .stat-item p { font-size:8px; }
  .premium-cta { margin-top:70px; padding:36px 24px; grid-template-columns:1fr; gap:28px; }
  .premium-mark { width:105px; height:105px; }
  .premium-mark img { width:52px; }
  .premium-buttons { grid-column:auto; grid-template-columns:1fr; }

  .footer-top { grid-template-columns:1fr 1fr; gap:42px 26px; padding:54px 0; }
  .footer-brand { grid-column:1/-1; }
  .footer-bottom { padding:22px 15px; flex-direction:column; align-items:flex-start; }
  .footer-bottom div { flex-direction:column; gap:8px; }
}

@media (prefers-reduced-motion: reduce) {
  *:not(.hero-marquee-track):not(.tech-marquee-track),
  *::before, *::after { scroll-behavior:auto!important; animation:none!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}


/* =========================
   LYNX V3 — JOIN / STAFF / FAQ / FOOTER
   ========================= */

/* safer vertical rhythm — prevents tight/overlapping display typography */
.hero h1 { line-height: .98; }
.section-head h2,
.launch-head h2,
.story-main h2 { line-height: 1.04; margin-top: 24px; }
.premium-cta h2 { line-height: 1.04; }
.overline { margin-top: 20px; line-height: 1.6; }
.section-number { line-height: 1.5; }
.section-lead { line-height: 2; }
.story-copy p { line-height: 2; }
.why-card p { line-height: 1.95; }
.launch-section { padding-top: 142px; padding-bottom: 124px; }
.story-section { padding-top: 158px; padding-bottom: 158px; }
.why-section { padding-top: 158px; padding-bottom: 164px; }
.staff-section { padding-top: 164px; padding-bottom: 168px; }
.section-head { margin-bottom: 84px; }

/* JOIN */
.join-section {
  position: relative;
  padding: 164px 0 172px;
  background:
    radial-gradient(circle at 82% 22%, rgba(212,175,55,.075), transparent 30%),
    linear-gradient(180deg,#070707,#0a0a0a);
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}
.join-section::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 96px 96px;
  mask-image: linear-gradient(to bottom,transparent 0,black 18%,black 76%,transparent 100%);
  pointer-events: none;
}
.join-watermark {
  position: absolute;
  right: -25px; top: 52px;
  color: rgba(255,255,255,.018);
  font: 800 250px/.9 'Manrope',sans-serif;
  letter-spacing: -.075em;
}
.join-head { position: relative; z-index: 1; }
.join-steps {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.join-step {
  min-height: 500px;
  position: relative;
  padding: 34px 34px 40px;
  border-right: 1px solid var(--line);
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
  transition: background .35s var(--ease), transform .35s var(--ease);
}
.join-step:last-child { border-right: 0; }
.join-step::after {
  content:'';
  position:absolute; inset:auto -30px -80px auto;
  width:180px; height:180px;
  border:1px solid rgba(212,175,55,.08);
  border-radius:50%;
  transition:transform .45s var(--ease), border-color .35s ease;
}
.join-step:hover { background: linear-gradient(180deg,rgba(212,175,55,.05),rgba(212,175,55,.012)); }
.join-step:hover::after { transform:scale(1.15); border-color:rgba(212,175,55,.18); }
.join-step-no { color:#55524d; font:800 10px/1 'Inter'; letter-spacing:.2em; }
.join-icon {
  align-self:center;
  width:82px; height:82px;
  display:grid; place-items:center;
  border:1px solid rgba(212,175,55,.25);
  color:var(--gold-2);
  font:500 30px/1 'Manrope';
  transform:rotate(45deg);
  background:rgba(212,175,55,.025);
  box-shadow:inset 0 0 30px rgba(212,175,55,.025);
}
.join-icon::first-letter { transform:rotate(-45deg); }
.join-step-body { align-self:end; position:relative; z-index:2; }
.join-step-body > span { color:var(--gold); font-size:8px; font-weight:800; letter-spacing:.22em; }
.join-step h3 { margin:15px 0 20px; font:700 34px/1.12 'Manrope'; letter-spacing:-.035em; }
.join-step p { min-height:92px; margin:0 0 30px; color:#8f8b83; font-size:13px; line-height:1.9; }
.join-link {
  display:inline-flex; align-items:center; gap:12px;
  padding-bottom:9px;
  border-bottom:1px solid rgba(212,175,55,.3);
  font-size:9px; font-weight:800; letter-spacing:.17em;
  transition:.25s ease;
}
.join-link b { color:var(--gold); font-size:14px; font-weight:500; }
.join-link:hover { color:var(--gold-2); border-color:var(--gold); }
.join-actions { display:grid; gap:18px; justify-items:start; }
.join-copy {
  border:0; background:transparent; padding:0;
  color:#6e6a63; display:flex; gap:12px; align-items:center;
  cursor:pointer; font-size:8px; letter-spacing:.08em;
}
.join-copy b { color:#9d998f; font-size:7px; letter-spacing:.17em; }
.join-copy:hover span { color:var(--text); }

/* STAFF — editorial / DOPERP-inspired composition, not a copy */
.staff-section {
  position:relative;
  background:
    radial-gradient(circle at 8% 12%,rgba(212,175,55,.07),transparent 27%),
    #060606;
  overflow:hidden;
  border-top:1px solid var(--line);
}
.staff-section::before {
  content:'TEAM';
  position:absolute; left:-40px; bottom:-44px;
  color:rgba(255,255,255,.014);
  font:800 260px/.8 'Manrope'; letter-spacing:-.08em;
}
.staff-orbit {
  position:absolute; width:620px; height:620px; right:-260px; top:90px;
  border:1px solid rgba(212,175,55,.06); border-radius:50%;
}
.staff-orbit::after { content:''; position:absolute; inset:70px; border:1px dashed rgba(255,255,255,.045); border-radius:50%; }
.staff-heading-copy { display:grid; gap:25px; align-content:end; }
.discord-sync { display:flex; align-items:center; gap:11px; color:#67645e; font-size:7px; font-weight:800; letter-spacing:.18em; }
.discord-sync i { width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 14px rgba(212,175,55,.45); }
.staff-showcase {
  position:relative;
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:18px;
}
.staff-profile {
  grid-column:span 4;
  position:relative;
  min-height:520px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,#0d0d0d 0,#080808 100%);
  overflow:hidden;
  isolation:isolate;
  transition:transform .4s var(--ease),border-color .4s ease,box-shadow .4s ease;
}
.staff-profile:nth-child(1), .staff-profile:nth-child(2) { grid-column:span 6; min-height:570px; }
.staff-profile:hover { transform:translateY(-8px); border-color:rgba(212,175,55,.28); box-shadow:0 28px 90px rgba(0,0,0,.36); }
.staff-profile-bg {
  position:absolute; inset:0;
  background:
    linear-gradient(to top,rgba(5,5,5,.98) 0,rgba(5,5,5,.72) 35%,rgba(5,5,5,.05) 72%),
    radial-gradient(circle at 50% 24%,rgba(212,175,55,.12),transparent 45%);
  z-index:-1;
}
.staff-profile::before {
  content:''; position:absolute; left:22px; right:22px; top:22px; height:1px;
  background:linear-gradient(90deg,var(--gold),transparent 48%); opacity:.45;
}
.staff-avatar-wrap {
  position:absolute; inset:0 0 auto 0; height:72%;
  display:grid; place-items:center;
  overflow:hidden;
}
.staff-avatar-wrap::after {
  content:''; position:absolute; width:66%; aspect-ratio:1; border-radius:50%;
  border:1px solid rgba(212,175,55,.14); box-shadow:0 0 80px rgba(212,175,55,.035) inset;
}
.staff-avatar-img {
  position:relative; z-index:2;
  width:230px; height:230px; border-radius:50%; object-fit:cover;
  filter:saturate(.8) contrast(1.04);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 24px 65px rgba(0,0,0,.45);
  background:#111;
}
.staff-profile:nth-child(1) .staff-avatar-img,
.staff-profile:nth-child(2) .staff-avatar-img { width:270px; height:270px; }
.staff-avatar-fallback { object-fit:contain; padding:52px; }
.staff-profile-content {
  position:absolute; left:0; right:0; bottom:0; padding:30px 30px 28px; z-index:4;
}
.staff-profile-meta { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:14px; }
.staff-profile-role { color:var(--gold); font-size:8px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.staff-profile-index { color:#55524d; font-size:8px; font-weight:800; letter-spacing:.14em; }
.staff-profile h3 { margin:0; font:700 30px/1.15 'Manrope'; letter-spacing:-.03em; }
.staff-profile p { margin:13px 0 0; color:#858179; font-size:11px; line-height:1.75; max-width:420px; }
.staff-discord-name { display:flex; align-items:center; gap:8px; margin-top:18px; color:#aaa69e; font-size:8px; font-weight:700; letter-spacing:.1em; }
.staff-discord-name i { width:5px;height:5px;border-radius:50%;background:#5865f2;box-shadow:0 0 11px rgba(88,101,242,.45); }
.staff-api-note { margin:28px 0 0; color:#5e5a54; font-size:8px; line-height:1.8; letter-spacing:.05em; }
.staff-loading { grid-column:1/-1; min-height:230px; border:1px solid var(--line); display:grid; place-items:center; color:#77736c; font-size:9px; letter-spacing:.18em; }

/* FAQ */
.faq-section {
  position:relative;
  padding:170px 0 180px;
  background:
    radial-gradient(circle at 18% 30%,rgba(212,175,55,.055),transparent 32%),
    #070707;
  overflow:hidden;
  border-top:1px solid var(--line);
}
.faq-watermark { position:absolute; left:-24px; top:70px; color:rgba(255,255,255,.016); font:800 310px/.8 'Manrope'; letter-spacing:-.08em; }
.faq-layout { display:grid; grid-template-columns:.72fr 1.15fr; gap:110px; align-items:start; }
.faq-intro { position:sticky; top:130px; }
.faq-intro h2 { margin:24px 0 0; font:700 clamp(48px,5.3vw,76px)/1.04 'Oswald'; text-transform:uppercase; letter-spacing:-.025em; }
.faq-intro h2 em { color:var(--gold-2); font-style:normal; }
.faq-intro > p:last-of-type { max-width:450px; margin:34px 0 0; color:#8d8981; font-size:13px; line-height:2; }
.faq-discord { margin-top:34px; width:fit-content; }
.faq-list { border-top:1px solid var(--line-strong); }
.faq-item { border-bottom:1px solid var(--line); }
.faq-question {
  width:100%; min-height:92px; padding:0 8px 0 0; border:0; background:transparent; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:30px; text-align:left;
}
.faq-question span { display:flex; align-items:center; gap:24px; font:600 17px/1.35 'Manrope'; letter-spacing:-.01em; }
.faq-question b { min-width:24px; color:#595650; font:800 8px/1 'Inter'; letter-spacing:.13em; }
.faq-question i { position:relative; width:25px; height:25px; flex:0 0 25px; }
.faq-question i::before,.faq-question i::after { content:''; position:absolute; left:5px; right:5px; top:12px; height:1px; background:#8b877f; transition:transform .3s ease,background .3s ease; }
.faq-question i::after { transform:rotate(90deg); }
.faq-item.is-open .faq-question { color:var(--gold-2); }
.faq-item.is-open .faq-question i::before,.faq-item.is-open .faq-question i::after { background:var(--gold); }
.faq-item.is-open .faq-question i::after { transform:rotate(0); }
.faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .42s var(--ease); }
.faq-answer > div { overflow:hidden; }
.faq-answer p { margin:0; padding:0 58px 34px 48px; color:#8d8981; font-size:12px; line-height:1.95; }
.faq-item.is-open .faq-answer { grid-template-rows:1fr; }

/* FOOTER — oversized background word treatment */
.site-footer {
  position:relative;
  min-height:760px;
  background:#030303;
  border-top:1px solid rgba(212,175,55,.12);
  overflow:hidden;
  isolation:isolate;
}
.footer-giant {
  position:absolute; left:50%; bottom:36px; transform:translateX(-50%);
  white-space:nowrap;
  color:rgba(255,255,255,.028);
  font:800 clamp(110px,15.7vw,290px)/.8 'Manrope';
  letter-spacing:-.075em;
  z-index:-1;
  user-select:none;
}
.footer-giant::after {
  content:''; position:absolute; left:7%; right:7%; top:50%; height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,175,55,.16),transparent);
}
.footer-shell { width:var(--shell); margin:0 auto; }
.footer-cta {
  min-height:300px;
  padding:74px 0 72px;
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:70px;
  border-bottom:1px solid var(--line);
}
.footer-cta > div:first-child > span { color:var(--gold); font-size:8px; font-weight:800; letter-spacing:.22em; }
.footer-cta h2 { margin:20px 0 0; font:700 clamp(48px,5.8vw,82px)/1.03 'Oswald'; text-transform:uppercase; letter-spacing:-.03em; }
.footer-cta h2 em { color:var(--gold-2); font-style:normal; }
.footer-cta-actions { display:grid; gap:12px; min-width:250px; }
.footer-main {
  display:grid;
  grid-template-columns:1.7fr repeat(3,.65fr);
  gap:58px;
  padding:68px 0 88px;
}
.footer-brand { display:grid; grid-template-columns:64px 1fr; gap:0 18px; align-items:center; }
.footer-brand img { width:58px; grid-row:1/3; }
.footer-brand div { display:grid; gap:7px; }
.footer-brand strong { font:800 17px/1 'Manrope'; letter-spacing:.1em; }
.footer-brand span { color:var(--gold); font-size:7px; font-weight:800; letter-spacing:.18em; }
.footer-brand p { grid-column:1/-1; max-width:390px; margin:26px 0 0; color:#5e5b55; font-size:10px; line-height:1.85; }
.footer-nav { display:grid; align-content:start; gap:15px; }
.footer-nav > span { color:var(--gold); font-size:8px; font-weight:800; letter-spacing:.2em; margin-bottom:10px; }
.footer-nav a { width:fit-content; color:#8c8880; font-size:9px; font-weight:700; letter-spacing:.1em; transition:.2s ease; }
.footer-nav a:hover { color:var(--text); transform:translateX(3px); }
.footer-nav a[aria-disabled="true"] { color:#3d3b37; pointer-events:none; }
.footer-bottom { border-top:1px solid var(--line); padding:24px 0 40px; display:flex; justify-content:space-between; align-items:flex-start; gap:30px; }
.footer-bottom p { margin:0; max-width:590px; color:#4f4c47; font-size:7px; line-height:1.75; letter-spacing:.04em; }
.footer-bottom div { display:flex; gap:24px; color:#4f4c47; font-size:7px; font-weight:800; letter-spacing:.11em; }

@media (max-width:1100px) {
  .join-steps { grid-template-columns:1fr; }
  .join-step { min-height:330px; grid-template-columns:80px 100px 1fr; grid-template-rows:1fr; align-items:center; gap:24px; border-right:0; border-bottom:1px solid var(--line); }
  .join-step:last-child { border-bottom:0; }
  .join-step p { min-height:0; }
  .staff-profile,.staff-profile:nth-child(1),.staff-profile:nth-child(2){grid-column:span 6;min-height:500px}
  .faq-layout { grid-template-columns:1fr; gap:70px; }
  .faq-intro { position:relative; top:auto; max-width:720px; }
  .footer-main { grid-template-columns:1.4fr repeat(3,.7fr); gap:34px; }
}

@media (max-width:760px) {
  .hero h1 { line-height:1.02; }
  .section-head h2,.launch-head h2,.story-main h2,.faq-intro h2,.footer-cta h2,.premium-cta h2 { line-height:1.08; }
  .launch-section,.join-section,.story-section,.why-section,.staff-section,.faq-section { padding-top:104px; padding-bottom:108px; }
  .section-head { margin-bottom:58px; }
  .join-watermark { font-size:140px; top:35px; }
  .join-step { min-height:0; grid-template-columns:1fr; gap:22px; padding:28px 22px 34px; }
  .join-icon { width:66px;height:66px; }
  .join-step h3 { font-size:28px; }
  .join-step p { font-size:12px; line-height:1.85; }
  .staff-heading-copy { gap:18px; }
  .staff-showcase { display:grid; grid-template-columns:1fr; }
  .staff-profile,.staff-profile:nth-child(1),.staff-profile:nth-child(2){grid-column:auto;min-height:470px}
  .staff-avatar-img,.staff-profile:nth-child(1) .staff-avatar-img,.staff-profile:nth-child(2) .staff-avatar-img { width:210px;height:210px; }
  .staff-profile-content { padding:24px 22px; }
  .staff-profile h3 { font-size:26px; }
  .faq-watermark { font-size:180px; }
  .faq-layout { gap:52px; }
  .faq-question { min-height:84px; }
  .faq-question span { gap:14px; font-size:14px; }
  .faq-answer p { padding:0 40px 28px 38px; font-size:11px; }
  .site-footer { min-height:auto; }
  .footer-giant { bottom:22px; font-size:24vw; }
  .footer-cta { grid-template-columns:1fr; gap:38px; padding:62px 0; }
  .footer-cta-actions { min-width:0; width:100%; }
  .footer-main { grid-template-columns:1fr 1fr; gap:44px 26px; padding:54px 0 74px; }
  .footer-brand { grid-column:1/-1; }
  .footer-bottom { flex-direction:column; padding-bottom:34px; }
  .footer-bottom div { flex-direction:column; gap:9px; }
}