|
535 | 535 | .proof-copy-btn:hover { border-color: var(--spectral); color: var(--bone); } |
536 | 536 | .proof-copy-btn.copied { border-color: var(--synapse); color: var(--synapse); } |
537 | 537 |
|
538 | | - /* ─── Features index ──────────────────────────────────────── */ |
539 | | - .features-label { |
540 | | - text-align: center; |
541 | | - padding: 110px clamp(24px,6vw,96px) 0; |
542 | | - font-size: 10px; |
543 | | - font-weight: 600; |
544 | | - text-transform: uppercase; |
545 | | - letter-spacing: 0.22em; |
546 | | - color: var(--spectral); |
547 | | - opacity: 0; |
548 | | - } |
549 | | - .features-heading { |
550 | | - text-align: center; |
551 | | - padding: 16px clamp(24px,6vw,96px) 84px; |
552 | | - font-family: var(--display); |
553 | | - font-size: clamp(30px, 4.2vw, 54px); |
554 | | - font-weight: 600; |
555 | | - letter-spacing: -0.02em; |
556 | | - line-height: 1.08; |
557 | | - opacity: 0; |
558 | | - } |
559 | | - .features-heading .dim { |
560 | | - font-family: var(--serif); |
561 | | - font-style: italic; |
562 | | - font-weight: 400; |
563 | | - color: var(--muted); |
564 | | - } |
565 | | - |
566 | 538 | /* ─── Feature section ─────────────────────────────────────── */ |
567 | 539 | .feature-section { |
568 | 540 | min-height: 100svh; |
|
1098 | 1070 | <!-- Nav --> |
1099 | 1071 | <nav class="nav" aria-label="Main navigation"> |
1100 | 1072 | <div class="nav-logo"> |
1101 | | - <img class="nav-logo-icon" src="/assets/img/manifold_logo.png" alt="" aria-hidden="true" /> |
| 1073 | + <img class="nav-logo-icon" src="/assets/img/manifold_desert.png" alt="" aria-hidden="true" /> |
1102 | 1074 | <span class="nav-logo-word">Manifold</span> |
1103 | 1075 | <span class="nav-logo-sub">/ Agent Infrastructure</span> |
1104 | 1076 | </div> |
@@ -1163,15 +1135,6 @@ <h1 class="hero-title" id="hero-heading"> |
1163 | 1135 | </div> |
1164 | 1136 | </section> |
1165 | 1137 |
|
1166 | | -<!-- ═══════════════════════════════════════════════════════════════ |
1167 | | - FEATURES INTRO |
1168 | | -═══════════════════════════════════════════════════════════════ --> |
1169 | | -<p class="features-label" id="features-label">Index — What Manifold Does</p> |
1170 | | -<h2 class="features-heading" id="features-heading"> |
1171 | | - Every capability your agents need.<br/> |
1172 | | - <span class="dim">Already built in.</span> |
1173 | | -</h2> |
1174 | | - |
1175 | 1138 | <!-- ═══════════════════════════════════════════════════════════════ |
1176 | 1139 | FEATURE 1 — Specialists + Teams |
1177 | 1140 | ═══════════════════════════════════════════════════════════════ --> |
@@ -2317,30 +2280,6 @@ <h2 id="cta-heading"> |
2317 | 2280 | duration: 600, |
2318 | 2281 | }, '-=200'); |
2319 | 2282 |
|
2320 | | - // Features intro fade |
2321 | | - function revealOnScroll(selector, delay) { |
2322 | | - const el = document.querySelector(selector); |
2323 | | - if (!el) return; |
2324 | | - const obs = new IntersectionObserver((entries) => { |
2325 | | - entries.forEach(entry => { |
2326 | | - if (entry.isIntersecting) { |
2327 | | - setTimeout(() => { |
2328 | | - animate(entry.target, { |
2329 | | - opacity: [0, 1], |
2330 | | - translateY: [30, 0], |
2331 | | - duration: 700, |
2332 | | - ease: 'outExpo', |
2333 | | - }); |
2334 | | - }, delay || 0); |
2335 | | - obs.unobserve(entry.target); |
2336 | | - } |
2337 | | - }); |
2338 | | - }, { threshold: 0.15 }); |
2339 | | - obs.observe(el); |
2340 | | - } |
2341 | | - revealOnScroll('#features-label', 0); |
2342 | | - revealOnScroll('#features-heading', 100); |
2343 | | - |
2344 | 2283 | // Feature sections |
2345 | 2284 | const featureSections = document.querySelectorAll('.feature-section'); |
2346 | 2285 | const sectionObs = new IntersectionObserver((entries) => { |
|
0 commit comments