:root{--ink:#071015;--paper:#e9e8df;--acid:#b8f24a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-sans),sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;left:50%;transform:translateX(-50%);border-bottom:1px solid #ffffff22}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--acid);color:var(--acid);border-radius:50%;font-family:var(--font-display);font-size:18px;font-style:italic}.nav-links{display:flex;gap:36px;color:#d6dcda;font-size:13px}.nav-links a:hover{color:var(--acid)}.nav-cta{font-size:12px;text-transform:uppercase;letter-spacing:.12em;display:flex;gap:12px;align-items:center}.nav-cta span{color:var(--acid)}.hero{min-height:760px;height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;background:linear-gradient(90deg,rgba(2,8,11,.96) 0%,rgba(2,8,11,.66) 48%,rgba(2,8,11,.2) 75%),url('https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=2200&q=88') center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink),transparent 25%);pointer-events:none}.hero-noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff .55px,transparent .55px);background-size:5px 5px}.hero-content{position:relative;z-index:2;padding-top:64px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:600;display:flex;align-items:center;gap:12px;color:#cdd5d2}.eyebrow span{width:34px;height:1px;background:var(--acid)}h1,h2,h3{margin:0}.hero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(64px,8vw,116px);line-height:.82;letter-spacing:-.045em;max-width:950px;margin:34px 0}em{font-weight:400;color:var(--acid)}.hero-copy{color:#c1cac7;line-height:1.7;max-width:560px;font-size:17px}.hero-actions{display:flex;gap:14px;margin-top:36px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:16px 22px;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:700;transition:.25s ease}.primary{background:var(--acid);color:#0a120c}.primary:hover{background:#d0ff72;transform:translateY(-2px)}.ghost{border:1px solid #ffffff45;backdrop-filter:blur(8px)}.ghost:hover{border-color:var(--acid);color:var(--acid)}.coordinates{margin-top:70px;font-family:monospace;font-size:10px;color:#91a09c;letter-spacing:.1em}.coordinates span{margin-left:24px;color:var(--acid)}.scroll-cue{position:absolute;z-index:3;right:34px;bottom:86px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.18em;color:#9da7a4;display:flex;align-items:center;gap:14px}.scroll-cue i{display:block;height:54px;width:1px;background:linear-gradient(var(--acid),transparent)}.manifesto{min-height:560px;display:grid;grid-template-columns:180px 1fr 200px;gap:56px;align-items:center}.section-index{color:var(--acid);font-size:10px;letter-spacing:.18em;font-weight:700}.manifesto h2,.section-head h2,.signal h2{font-family:var(--font-display);font-weight:400;font-size:clamp(46px,5vw,70px);line-height:1;letter-spacing:-.025em}.manifesto div>p{color:#9eaaa7;line-height:1.75;max-width:620px}.stat{border-left:1px solid #ffffff25;padding-left:36px;display:flex;flex-direction:column}.stat strong{font-family:var(--font-display);color:var(--acid);font-size:80px;line-height:.8;font-weight:400}.stat span{font-size:9px;line-height:1.5;letter-spacing:.18em;margin-top:18px;color:#9ca8a5}.discover{background:#d9d8cf;color:#0b1518;padding:110px 0 120px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-head .section-index{color:#4f6c23}.section-head>p{color:#5f6967;font-size:13px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border-top:1px solid #172123;padding-top:14px}.card-image{height:430px;background-size:cover;background-position:center;position:relative;overflow:hidden;transition:.4s}.card:hover .card-image{transform:translateY(-5px)}.card-number{position:absolute;top:18px;left:18px;color:white;font-size:10px;letter-spacing:.15em}.play{position:absolute;top:18px;right:18px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;color:white;font-size:10px}.card-label{position:absolute;left:20px;bottom:20px;color:white}.card-label small{color:var(--acid);letter-spacing:.16em;font-size:9px}.card-label h3{font-family:var(--font-display);font-size:38px;font-weight:400;margin-top:4px}.card>p{color:#52605e;font-size:13px;line-height:1.6}.signal{min-height:650px;display:grid;place-items:center;position:relative;overflow:hidden;text-align:center;background:radial-gradient(circle at center,#183029 0%,#081216 43%,#050b0e 70%)}.signal-orbit{position:absolute;width:620px;height:620px;border:1px solid #b8f24a24;border-radius:50%;box-shadow:0 0 0 90px #b8f24a09,0 0 0 180px #b8f24a05}.signal-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.signal .eyebrow{color:var(--acid)}.signal h2{margin:24px 0;font-size:clamp(58px,7vw,92px)}.signal-content>p:not(.eyebrow){color:#aab4b1;max-width:520px;line-height:1.7}.signal .button{margin-top:24px}.footer{min-height:130px;border-top:1px solid #ffffff1f;display:flex;justify-content:space-between;align-items:center;color:#899592}.footer p,.footer a{font-size:9px;letter-spacing:.16em}@media(max-width:800px){.shell{width:min(100% - 30px,1180px)}.nav-links{display:none}.nav-cta{font-size:0}.nav-cta span{font-size:18px}.hero{min-height:720px}.hero h1{font-size:64px}.manifesto{grid-template-columns:1fr;padding:100px 0;gap:26px}.stat{border-left:0;border-top:1px solid #ffffff25;padding:28px 0 0}.cards{grid-template-columns:1fr}.card-image{height:380px}.section-head{align-items:start;flex-direction:column;gap:24px}.section-head>p{display:none}.footer{flex-direction:column;justify-content:center;gap:20px;text-align:center}.hero-actions{flex-direction:column;align-items:flex-start}.coordinates{display:none}}

.brand-logo {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0 0 20px #31c7ff44;
  mix-blend-mode: screen;
  animation: logo-pulse 4s ease-in-out infinite;
}

.socials {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 28px;
}

.socials a {
  padding: 13px 17px;
  border: 1px solid #ffffff2f;
  background: #07101588;
  font-size: 10px;
  letter-spacing: .13em;
  text-transform: uppercase;
  transition: .25s;
}

.socials a:hover {
  border-color: var(--acid);
  color: var(--acid);
  transform: translateY(-2px);
}

.card-image.one {
  background-image: linear-gradient(180deg, transparent 35%, rgba(2, 7, 10, .92)), url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=85");
}

.card-image.two {
  background-image: linear-gradient(180deg, transparent 35%, rgba(2, 7, 10, .92)), url("https://images.unsplash.com/photo-1483347756197-71ef80e95f73?auto=format&fit=crop&w=1200&q=85");
}

.card-image.three {
  background-image: linear-gradient(180deg, transparent 35%, rgba(2, 7, 10, .92)), url("https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=1200&q=85");
}

.hero-content > * {
  animation: rise-in .8s both;
}

.hero-content > :nth-child(2) { animation-delay: .08s; }
.hero-content > :nth-child(3) { animation-delay: .16s; }
.hero-content > :nth-child(4) { animation-delay: .24s; }
.hero-content > :nth-child(5) { animation-delay: .32s; }

.manifesto div > p,
.card > p,
.section-head > p {
  font-size: 16px;
}

.button:focus-visible,
.socials a:focus-visible,
.nav a:focus-visible {
  outline: 2px solid var(--acid);
  outline-offset: 4px;
}

@keyframes rise-in {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes logo-pulse {
  0%, 100% { filter: drop-shadow(0 0 2px #31c7ff55); }
  50% { filter: drop-shadow(0 0 8px #31c7ffaa); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}