import { S as reactExports, J as jsxRuntimeExports } from "./server-BiCSmoPr.js";
import { j as frame, c as cancelFrame, l as interpolate, z as supportsViewTimeline, y as supportsScrollTimeline, s as progress, F as velocityPerSecond, m as isHTMLElement, i as defaultOffset$1, e as clamp, r as noop, u as resize, k as frameData, B as useConstant, E as useIsomorphicLayoutEffect, o as microtask, d as cancelMicrotask, q as motionValue, M as MotionConfigContext, g as collectMotionValues, v as resolveElements, h as createLucideIcon, p as motion, C as useHomepageContent, D as DEFAULT_HOMEPAGE_CONTENT, A as ArrowUpRight, L as Link } from "./router-K1srMTuI.js";
import "node:async_hooks";
import "node:stream/web";
import "node:stream";
function observeTimeline(update, timeline) {
  let prevProgress;
  const onFrame = () => {
    const { currentTime } = timeline;
    const percentage = currentTime === null ? 0 : currentTime.value;
    const progress2 = percentage / 100;
    if (prevProgress !== progress2) {
      update(progress2);
    }
    prevProgress = progress2;
  };
  frame.preUpdate(onFrame, true);
  return () => cancelFrame(onFrame);
}
function transform(...args) {
  const useImmediate = !Array.isArray(args[0]);
  const argOffset = useImmediate ? 0 : -1;
  const inputValue = args[0 + argOffset];
  const inputRange = args[1 + argOffset];
  const outputRange = args[2 + argOffset];
  const options = args[3 + argOffset];
  const interpolator = interpolate(inputRange, outputRange, options);
  return useImmediate ? interpolator(inputValue) : interpolator;
}
function canUseNativeTimeline(target) {
  if (typeof window === "undefined")
    return false;
  return target ? supportsViewTimeline() : supportsScrollTimeline();
}
const maxElapsed = 50;
const createAxisInfo = () => ({
  current: 0,
  offset: [],
  progress: 0,
  scrollLength: 0,
  targetOffset: 0,
  targetLength: 0,
  containerLength: 0,
  velocity: 0
});
const createScrollInfo = () => ({
  time: 0,
  x: createAxisInfo(),
  y: createAxisInfo()
});
const keys = {
  x: {
    length: "Width",
    position: "Left"
  },
  y: {
    length: "Height",
    position: "Top"
  }
};
function updateAxisInfo(element, axisName, info, time) {
  const axis = info[axisName];
  const { length, position } = keys[axisName];
  const prev = axis.current;
  const prevTime = info.time;
  axis.current = Math.abs(element[`scroll${position}`]);
  axis.scrollLength = element[`scroll${length}`] - element[`client${length}`];
  axis.offset.length = 0;
  axis.offset[0] = 0;
  axis.offset[1] = axis.scrollLength;
  axis.progress = progress(0, axis.scrollLength, axis.current);
  const elapsed = time - prevTime;
  axis.velocity = elapsed > maxElapsed ? 0 : velocityPerSecond(axis.current - prev, elapsed);
}
function updateScrollInfo(element, info, time) {
  updateAxisInfo(element, "x", info, time);
  updateAxisInfo(element, "y", info, time);
  info.time = time;
}
function calcInset(element, container) {
  const inset = { x: 0, y: 0 };
  let current = element;
  while (current && current !== container) {
    if (isHTMLElement(current)) {
      inset.x += current.offsetLeft;
      inset.y += current.offsetTop;
      current = current.offsetParent;
    } else if (current.tagName === "svg") {
      const svgBoundingBox = current.getBoundingClientRect();
      current = current.parentElement;
      const parentBoundingBox = current.getBoundingClientRect();
      inset.x += svgBoundingBox.left - parentBoundingBox.left;
      inset.y += svgBoundingBox.top - parentBoundingBox.top;
    } else if (current instanceof SVGGraphicsElement) {
      const { x, y } = current.getBBox();
      inset.x += x;
      inset.y += y;
      let svg = null;
      let parent = current.parentNode;
      while (!svg) {
        if (parent.tagName === "svg") {
          svg = parent;
        }
        parent = current.parentNode;
      }
      current = svg;
    } else {
      break;
    }
  }
  return inset;
}
const namedEdges = {
  start: 0,
  center: 0.5,
  end: 1
};
function resolveEdge(edge, length, inset = 0) {
  let delta = 0;
  if (edge in namedEdges) {
    edge = namedEdges[edge];
  }
  if (typeof edge === "string") {
    const asNumber = parseFloat(edge);
    if (edge.endsWith("px")) {
      delta = asNumber;
    } else if (edge.endsWith("%")) {
      edge = asNumber / 100;
    } else if (edge.endsWith("vw")) {
      delta = asNumber / 100 * document.documentElement.clientWidth;
    } else if (edge.endsWith("vh")) {
      delta = asNumber / 100 * document.documentElement.clientHeight;
    } else {
      edge = asNumber;
    }
  }
  if (typeof edge === "number") {
    delta = length * edge;
  }
  return inset + delta;
}
const defaultOffset = [0, 0];
function resolveOffset(offset, containerLength, targetLength, targetInset) {
  let offsetDefinition = Array.isArray(offset) ? offset : defaultOffset;
  let targetPoint = 0;
  let containerPoint = 0;
  if (typeof offset === "number") {
    offsetDefinition = [offset, offset];
  } else if (typeof offset === "string") {
    offset = offset.trim();
    if (offset.includes(" ")) {
      offsetDefinition = offset.split(" ");
    } else {
      offsetDefinition = [offset, namedEdges[offset] ? offset : `0`];
    }
  }
  targetPoint = resolveEdge(offsetDefinition[0], targetLength, targetInset);
  containerPoint = resolveEdge(offsetDefinition[1], containerLength);
  return targetPoint - containerPoint;
}
const ScrollOffset = {
  Enter: [
    [0, 1],
    [1, 1]
  ],
  Exit: [
    [0, 0],
    [1, 0]
  ],
  Any: [
    [1, 0],
    [0, 1]
  ],
  All: [
    [0, 0],
    [1, 1]
  ]
};
const point = { x: 0, y: 0 };
function getTargetSize(target) {
  return "getBBox" in target && target.tagName !== "svg" ? target.getBBox() : { width: target.clientWidth, height: target.clientHeight };
}
function resolveOffsets(container, info, options) {
  const { offset: offsetDefinition = ScrollOffset.All } = options;
  const { target = container, axis = "y" } = options;
  const lengthLabel = axis === "y" ? "height" : "width";
  const inset = target !== container ? calcInset(target, container) : point;
  const targetSize = target === container ? { width: container.scrollWidth, height: container.scrollHeight } : getTargetSize(target);
  const containerSize = {
    width: container.clientWidth,
    height: container.clientHeight
  };
  info[axis].offset.length = 0;
  let hasChanged = !info[axis].interpolate;
  const numOffsets = offsetDefinition.length;
  for (let i = 0; i < numOffsets; i++) {
    const offset = resolveOffset(offsetDefinition[i], containerSize[lengthLabel], targetSize[lengthLabel], inset[axis]);
    if (!hasChanged && offset !== info[axis].interpolatorOffsets[i]) {
      hasChanged = true;
    }
    info[axis].offset[i] = offset;
  }
  if (hasChanged) {
    info[axis].interpolate = interpolate(info[axis].offset, defaultOffset$1(offsetDefinition), { clamp: false });
    info[axis].interpolatorOffsets = [...info[axis].offset];
  }
  info[axis].progress = clamp(0, 1, info[axis].interpolate(info[axis].current));
}
function measure(container, target = container, info) {
  info.x.targetOffset = 0;
  info.y.targetOffset = 0;
  if (target !== container) {
    let node = target;
    while (node && node !== container) {
      info.x.targetOffset += node.offsetLeft;
      info.y.targetOffset += node.offsetTop;
      node = node.offsetParent;
    }
  }
  info.x.targetLength = target === container ? target.scrollWidth : target.clientWidth;
  info.y.targetLength = target === container ? target.scrollHeight : target.clientHeight;
  info.x.containerLength = container.clientWidth;
  info.y.containerLength = container.clientHeight;
}
function createOnScrollHandler(element, onScroll, info, options = {}) {
  return {
    measure: (time) => {
      measure(element, options.target, info);
      updateScrollInfo(element, info, time);
      if (options.offset || options.target) {
        resolveOffsets(element, info, options);
      }
    },
    notify: () => onScroll(info)
  };
}
const scrollListeners = /* @__PURE__ */ new WeakMap();
const resizeListeners = /* @__PURE__ */ new WeakMap();
const onScrollHandlers = /* @__PURE__ */ new WeakMap();
const scrollSize = /* @__PURE__ */ new WeakMap();
const dimensionCheckProcesses = /* @__PURE__ */ new WeakMap();
const getEventTarget = (element) => element === document.scrollingElement ? window : element;
function scrollInfo(onScroll, { container = document.scrollingElement, trackContentSize = false, ...options } = {}) {
  if (!container)
    return noop;
  let containerHandlers = onScrollHandlers.get(container);
  if (!containerHandlers) {
    containerHandlers = /* @__PURE__ */ new Set();
    onScrollHandlers.set(container, containerHandlers);
  }
  const info = createScrollInfo();
  const containerHandler = createOnScrollHandler(container, onScroll, info, options);
  containerHandlers.add(containerHandler);
  if (!scrollListeners.has(container)) {
    const measureAll = () => {
      for (const handler of containerHandlers) {
        handler.measure(frameData.timestamp);
      }
      frame.preUpdate(notifyAll);
    };
    const notifyAll = () => {
      for (const handler of containerHandlers) {
        handler.notify();
      }
    };
    const listener2 = () => frame.read(measureAll);
    scrollListeners.set(container, listener2);
    const target = getEventTarget(container);
    window.addEventListener("resize", listener2);
    if (container !== document.documentElement) {
      resizeListeners.set(container, resize(container, listener2));
    }
    target.addEventListener("scroll", listener2);
    listener2();
  }
  if (trackContentSize && !dimensionCheckProcesses.has(container)) {
    const listener2 = scrollListeners.get(container);
    const size = {
      width: container.scrollWidth,
      height: container.scrollHeight
    };
    scrollSize.set(container, size);
    const checkScrollDimensions = () => {
      const newWidth = container.scrollWidth;
      const newHeight = container.scrollHeight;
      if (size.width !== newWidth || size.height !== newHeight) {
        listener2();
        size.width = newWidth;
        size.height = newHeight;
      }
    };
    const dimensionCheckProcess = frame.read(checkScrollDimensions, true);
    dimensionCheckProcesses.set(container, dimensionCheckProcess);
  }
  const listener = scrollListeners.get(container);
  frame.read(listener, false, true);
  return () => {
    cancelFrame(listener);
    const currentHandlers = onScrollHandlers.get(container);
    if (!currentHandlers)
      return;
    currentHandlers.delete(containerHandler);
    if (currentHandlers.size)
      return;
    const scrollListener = scrollListeners.get(container);
    scrollListeners.delete(container);
    if (scrollListener) {
      getEventTarget(container).removeEventListener("scroll", scrollListener);
      resizeListeners.get(container)?.();
      window.removeEventListener("resize", scrollListener);
    }
    const dimensionCheckProcess = dimensionCheckProcesses.get(container);
    if (dimensionCheckProcess) {
      cancelFrame(dimensionCheckProcess);
      dimensionCheckProcesses.delete(container);
    }
    scrollSize.delete(container);
  };
}
const presets = [
  [ScrollOffset.Enter, "entry"],
  [ScrollOffset.Exit, "exit"],
  [ScrollOffset.Any, "cover"],
  [ScrollOffset.All, "contain"]
];
const stringToProgress = {
  start: 0,
  end: 1
};
function parseStringOffset(s) {
  const parts = s.trim().split(/\s+/);
  if (parts.length !== 2)
    return void 0;
  const a = stringToProgress[parts[0]];
  const b = stringToProgress[parts[1]];
  if (a === void 0 || b === void 0)
    return void 0;
  return [a, b];
}
function normaliseOffset(offset) {
  if (offset.length !== 2)
    return void 0;
  const result = [];
  for (const item of offset) {
    if (Array.isArray(item)) {
      result.push(item);
    } else if (typeof item === "string") {
      const parsed = parseStringOffset(item);
      if (!parsed)
        return void 0;
      result.push(parsed);
    } else {
      return void 0;
    }
  }
  return result;
}
function matchesPreset(offset, preset) {
  const normalised = normaliseOffset(offset);
  if (!normalised)
    return false;
  for (let i = 0; i < 2; i++) {
    const o = normalised[i];
    const p = preset[i];
    if (o[0] !== p[0] || o[1] !== p[1])
      return false;
  }
  return true;
}
function offsetToViewTimelineRange(offset) {
  if (!offset) {
    return { rangeStart: "contain 0%", rangeEnd: "contain 100%" };
  }
  for (const [preset, name] of presets) {
    if (matchesPreset(offset, preset)) {
      return { rangeStart: `${name} 0%`, rangeEnd: `${name} 100%` };
    }
  }
  return void 0;
}
const timelineCache = /* @__PURE__ */ new Map();
function scrollTimelineFallback(options) {
  const currentTime = { value: 0 };
  const cancel = scrollInfo((info) => {
    currentTime.value = info[options.axis].progress * 100;
  }, options);
  return { currentTime, cancel };
}
function getTimeline({ source, container, ...options }) {
  const { axis } = options;
  if (source)
    container = source;
  let containerCache = timelineCache.get(container);
  if (!containerCache) {
    containerCache = /* @__PURE__ */ new Map();
    timelineCache.set(container, containerCache);
  }
  const targetKey = options.target ?? "self";
  let targetCache = containerCache.get(targetKey);
  if (!targetCache) {
    targetCache = {};
    containerCache.set(targetKey, targetCache);
  }
  const axisKey = axis + (options.offset ?? []).join(",");
  if (!targetCache[axisKey]) {
    if (options.target && canUseNativeTimeline(options.target)) {
      const range = offsetToViewTimelineRange(options.offset);
      if (range) {
        targetCache[axisKey] = new ViewTimeline({
          subject: options.target,
          axis
        });
      } else {
        targetCache[axisKey] = scrollTimelineFallback({
          container,
          ...options
        });
      }
    } else if (canUseNativeTimeline()) {
      targetCache[axisKey] = new ScrollTimeline({
        source: container,
        axis
      });
    } else {
      targetCache[axisKey] = scrollTimelineFallback({
        container,
        ...options
      });
    }
  }
  return targetCache[axisKey];
}
function attachToAnimation(animation, options) {
  const timeline = getTimeline(options);
  const range = options.target ? offsetToViewTimelineRange(options.offset) : void 0;
  const useNative = options.target ? canUseNativeTimeline(options.target) && !!range : canUseNativeTimeline();
  return animation.attachTimeline({
    timeline: useNative ? timeline : void 0,
    ...range && useNative && {
      rangeStart: range.rangeStart,
      rangeEnd: range.rangeEnd
    },
    observe: (valueAnimation) => {
      valueAnimation.pause();
      return observeTimeline((progress2) => {
        valueAnimation.time = valueAnimation.iterationDuration * progress2;
      }, timeline);
    }
  });
}
function isElementTracking(options) {
  return options && (options.target || options.offset);
}
function isOnScrollWithInfo(onScroll) {
  return onScroll.length === 2;
}
function attachToFunction(onScroll, options) {
  if (isOnScrollWithInfo(onScroll) || isElementTracking(options)) {
    return scrollInfo((info) => {
      onScroll(info[options.axis].progress, info);
    }, options);
  } else {
    return observeTimeline(onScroll, getTimeline(options));
  }
}
function scroll(onScroll, { axis = "y", container = document.scrollingElement, ...options } = {}) {
  if (!container)
    return noop;
  const optionsWithDefaults = { axis, container, ...options };
  return typeof onScroll === "function" ? attachToFunction(onScroll, optionsWithDefaults) : attachToAnimation(onScroll, optionsWithDefaults);
}
const createScrollMotionValues = () => ({
  scrollX: motionValue(0),
  scrollY: motionValue(0),
  scrollXProgress: motionValue(0),
  scrollYProgress: motionValue(0)
});
const isRefPending = (ref) => {
  if (!ref)
    return false;
  return !ref.current;
};
function makeAccelerateConfig(axis, options, container, target) {
  return {
    // Refs attach child-first; defer so target.current is populated
    // before scroll() reads it.
    factory: (animation) => {
      let cleanup;
      const start = () => {
        if (isRefPending(container) || isRefPending(target)) {
          microtask.read(start);
          return;
        }
        cleanup = scroll(animation, {
          ...options,
          axis,
          container: container?.current || void 0,
          target: target?.current || void 0
        });
      };
      microtask.read(start);
      return () => {
        cancelMicrotask(start);
        cleanup?.();
      };
    },
    times: [0, 1],
    keyframes: [0, 1],
    ease: (v) => v,
    duration: 1
  };
}
function canAccelerateScroll(target, offset) {
  if (typeof window === "undefined")
    return false;
  return target ? supportsViewTimeline() && !!offsetToViewTimelineRange(offset) : supportsScrollTimeline();
}
function useScroll({ container, target, ...options } = {}) {
  const values = useConstant(createScrollMotionValues);
  if (canAccelerateScroll(target, options.offset)) {
    values.scrollXProgress.accelerate = makeAccelerateConfig("x", options, container, target);
    values.scrollYProgress.accelerate = makeAccelerateConfig("y", options, container, target);
  }
  const scrollAnimation = reactExports.useRef(null);
  const needsStart = reactExports.useRef(false);
  const start = reactExports.useCallback(() => {
    scrollAnimation.current = scroll((_progress, { x, y }) => {
      values.scrollX.set(x.current);
      values.scrollXProgress.set(x.progress);
      values.scrollY.set(y.current);
      values.scrollYProgress.set(y.progress);
    }, {
      ...options,
      container: container?.current || void 0,
      target: target?.current || void 0
    });
    return () => {
      scrollAnimation.current?.();
    };
  }, [container, target, JSON.stringify(options.offset)]);
  useIsomorphicLayoutEffect(() => {
    needsStart.current = false;
    if (isRefPending(container) || isRefPending(target)) {
      needsStart.current = true;
      return;
    } else {
      return start();
    }
  }, [start]);
  reactExports.useEffect(() => {
    if (!needsStart.current)
      return;
    let cleanup;
    const tryStart = () => {
      const containerPending = isRefPending(container);
      const targetPending = isRefPending(target);
      if (!containerPending && !targetPending)
        cleanup = start();
    };
    microtask.read(tryStart);
    return () => {
      cancelMicrotask(tryStart);
      cleanup?.();
    };
  }, [start]);
  return values;
}
function useMotionValue(initial) {
  const value = useConstant(() => motionValue(initial));
  const { isStatic } = reactExports.useContext(MotionConfigContext);
  if (isStatic) {
    const [, setLatest] = reactExports.useState(initial);
    reactExports.useEffect(() => value.on("change", setLatest), []);
  }
  return value;
}
function useCombineMotionValues(values, combineValues) {
  const value = useMotionValue(combineValues());
  const updateValue = () => value.set(combineValues());
  updateValue();
  useIsomorphicLayoutEffect(() => {
    const scheduleUpdate = () => frame.preRender(updateValue, false, true);
    const subscriptions = values.map((v) => v.on("change", scheduleUpdate));
    return () => {
      subscriptions.forEach((unsubscribe) => unsubscribe());
      cancelFrame(updateValue);
    };
  });
  return value;
}
function useComputed(compute) {
  collectMotionValues.current = [];
  compute();
  const value = useCombineMotionValues(collectMotionValues.current, compute);
  collectMotionValues.current = void 0;
  return value;
}
function useTransform(input, inputRangeOrTransformer, outputRangeOrMap, options) {
  if (typeof input === "function") {
    return useComputed(input);
  }
  const isOutputMap = outputRangeOrMap !== void 0 && !Array.isArray(outputRangeOrMap) && typeof inputRangeOrTransformer !== "function";
  if (isOutputMap) {
    return useMapTransform(input, inputRangeOrTransformer, outputRangeOrMap, options);
  }
  const outputRange = outputRangeOrMap;
  const transformer = typeof inputRangeOrTransformer === "function" ? inputRangeOrTransformer : transform(inputRangeOrTransformer, outputRange, options);
  const result = Array.isArray(input) ? useListTransform(input, transformer) : useListTransform([input], ([latest]) => transformer(latest));
  const inputAccelerate = !Array.isArray(input) ? input.accelerate : void 0;
  if (inputAccelerate && !inputAccelerate.isTransformed && typeof inputRangeOrTransformer !== "function" && Array.isArray(outputRangeOrMap) && options?.clamp !== false) {
    result.accelerate = {
      ...inputAccelerate,
      times: inputRangeOrTransformer,
      keyframes: outputRangeOrMap,
      isTransformed: true,
      ...{}
    };
  }
  return result;
}
function useListTransform(values, transformer) {
  const latest = useConstant(() => []);
  return useCombineMotionValues(values, () => {
    latest.length = 0;
    const numValues = values.length;
    for (let i = 0; i < numValues; i++) {
      latest[i] = values[i].get();
    }
    return transformer(latest);
  });
}
function useMapTransform(inputValue, inputRange, outputMap, options) {
  const keys2 = useConstant(() => Object.keys(outputMap));
  const output = useConstant(() => ({}));
  for (const key of keys2) {
    output[key] = useTransform(inputValue, inputRange, outputMap[key], options);
  }
  return output;
}
const thresholds = {
  some: 0,
  all: 1
};
function inView(elementOrSelector, onStart, { root, margin: rootMargin, amount = "some" } = {}) {
  const elements = resolveElements(elementOrSelector);
  const activeIntersections = /* @__PURE__ */ new WeakMap();
  const onIntersectionChange = (entries) => {
    entries.forEach((entry) => {
      const onEnd = activeIntersections.get(entry.target);
      if (entry.isIntersecting === Boolean(onEnd))
        return;
      if (entry.isIntersecting) {
        const newOnEnd = onStart(entry.target, entry);
        if (typeof newOnEnd === "function") {
          activeIntersections.set(entry.target, newOnEnd);
        } else {
          observer.unobserve(entry.target);
        }
      } else if (typeof onEnd === "function") {
        onEnd(entry);
        activeIntersections.delete(entry.target);
      }
    });
  };
  const observer = new IntersectionObserver(onIntersectionChange, {
    root,
    rootMargin,
    threshold: typeof amount === "number" ? amount : thresholds[amount]
  });
  elements.forEach((element) => observer.observe(element));
  return () => observer.disconnect();
}
function useInView(ref, { root, margin, amount, once = false, initial = false } = {}) {
  const [isInView, setInView] = reactExports.useState(initial);
  reactExports.useEffect(() => {
    if (!ref.current || once && isInView)
      return;
    const onEnter = () => {
      setInView(true);
      return once ? void 0 : () => setInView(false);
    };
    const options = {
      root: root && root.current || void 0,
      margin,
      amount
    };
    return inView(ref.current, onEnter, options);
  }, [root, ref, margin, once, amount]);
  return isInView;
}
const __iconNode$5 = [
  ["path", { d: "M5 12h14", key: "1ays0h" }],
  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
];
const ArrowRight = createLucideIcon("arrow-right", __iconNode$5);
const __iconNode$4 = [
  ["path", { d: "M12 16v5", key: "zza2cw" }],
  ["path", { d: "M16 14v7", key: "1g90b9" }],
  ["path", { d: "M20 10v11", key: "1iqoj0" }],
  [
    "path",
    { d: "m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15", key: "1fw8x9" }
  ],
  ["path", { d: "M4 18v3", key: "1yp0dc" }],
  ["path", { d: "M8 14v7", key: "n3cwzv" }]
];
const ChartNoAxesCombined = createLucideIcon("chart-no-axes-combined", __iconNode$4);
const __iconNode$3 = [
  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
  [
    "path",
    {
      d: "m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z",
      key: "9ktpf1"
    }
  ]
];
const Compass = createLucideIcon("compass", __iconNode$3);
const __iconNode$2 = [
  [
    "path",
    {
      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
      key: "zw3jo"
    }
  ],
  [
    "path",
    {
      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
      key: "1wduqc"
    }
  ],
  [
    "path",
    {
      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
      key: "kqbvx6"
    }
  ]
];
const Layers = createLucideIcon("layers", __iconNode$2);
const __iconNode$1 = [
  ["path", { d: "M5 12h14", key: "1ays0h" }],
  ["path", { d: "M12 5v14", key: "s699le" }]
];
const Plus = createLucideIcon("plus", __iconNode$1);
const __iconNode = [
  [
    "path",
    {
      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
      key: "oel41y"
    }
  ],
  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
];
const ShieldCheck = createLucideIcon("shield-check", __iconNode);
const VERTICALS = [
  { name: "Gaming", shortName: "Gaming", angle: 0 },
  { name: "Technology", shortName: "Tech", angle: 51.4 },
  { name: "Real Estate", shortName: "Real Estate", angle: 102.8 },
  { name: "Textile", shortName: "Textile", angle: 154.2 },
  { name: "Consultancy", shortName: "Advisory", angle: 205.7 },
  { name: "Investments", shortName: "Capital", angle: 257.1 },
  { name: "Beverages", shortName: "Beverages", angle: 308.5 }
];
function EcosystemCore({
  size: preferredSize = 520,
  highlight = null,
  showLabels = true,
  showCore = true
}) {
  const [size, setSize] = reactExports.useState(preferredSize);
  reactExports.useEffect(() => {
    const handleResize = () => {
      const width = window.innerWidth;
      if (width < 480) {
        setSize(Math.max(180, Math.min(250, width - 148)));
      } else if (width < 768) {
        setSize(Math.min(340, width - 132));
      } else if (width < 1024) {
        setSize(Math.min(440, preferredSize));
      } else {
        setSize(preferredSize);
      }
    };
    handleResize();
    window.addEventListener("resize", handleResize);
    return () => window.removeEventListener("resize", handleResize);
  }, [preferredSize]);
  const cx = size / 2;
  const cy = size / 2;
  const r = size * 0.36;
  const labelPad = size < 480 ? 46 : 78;
  const frameSize = size + labelPad * 2;
  const frameCenter = frameSize / 2;
  const labelRadius = r + (size < 480 ? size * 0.16 : size * 0.14);
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full items-center justify-center overflow-visible", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
    "div",
    {
      className: "relative mx-auto flex max-w-full items-center justify-center",
      style: {
        width: `${frameSize}px`,
        height: `${frameSize}px`
      },
      children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative aspect-square", style: { width: `${size}px` }, children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(
            "div",
            {
              className: "absolute inset-0 rounded-full opacity-60 blur-3xl",
              style: {
                background: "radial-gradient(circle at 50% 50%, rgb(26 147 111 / 0.24), transparent 70%)"
              }
            }
          ),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: `0 0 ${size} ${size}`, className: "relative h-full w-full", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsxs("defs", { children: [
              /* @__PURE__ */ jsxRuntimeExports.jsxs("radialGradient", { id: "coreGrad", cx: "50%", cy: "50%", r: "50%", children: [
                /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "0%", stopColor: "#88D498" }),
                /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "60%", stopColor: "#1A936F" }),
                /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "100%", stopColor: "#114B5F" })
              ] }),
              /* @__PURE__ */ jsxRuntimeExports.jsxs("linearGradient", { id: "lineGrad", x1: "0", y1: "0", x2: "1", y2: "0", children: [
                /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "0%", stopColor: "rgb(26 147 111 / 0.04)" }),
                /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "50%", stopColor: "rgb(136 212 152 / 0.5)" }),
                /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "100%", stopColor: "rgb(26 147 111 / 0.04)" })
              ] })
            ] }),
            [1, 0.78, 0.55].map((s, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
              motion.circle,
              {
                cx,
                cy,
                r: r * s,
                fill: "none",
                stroke: "rgb(136 212 152 / 0.16)",
                strokeWidth: 0.6,
                initial: { rotate: 0 },
                animate: {
                  rotate: i % 2 === 0 ? 360 : -360
                },
                transition: {
                  duration: 80 + i * 20,
                  repeat: Infinity,
                  ease: "linear"
                },
                style: {
                  transformOrigin: `${cx}px ${cy}px`
                }
              },
              i
            )),
            VERTICALS.map((v) => {
              const rad = v.angle * Math.PI / 180;
              const x = cx + Math.cos(rad) * r;
              const y = cy + Math.sin(rad) * r;
              const active = highlight === v.name;
              return /* @__PURE__ */ jsxRuntimeExports.jsx(
                motion.line,
                {
                  x1: cx,
                  y1: cy,
                  x2: x,
                  y2: y,
                  stroke: "url(#lineGrad)",
                  strokeWidth: active ? 1.5 : 0.7,
                  initial: {
                    pathLength: 0,
                    opacity: 0
                  },
                  animate: {
                    pathLength: 1,
                    opacity: active ? 1 : 0.55
                  },
                  transition: {
                    duration: 1.4,
                    ease: "easeOut"
                  }
                },
                v.name
              );
            }),
            VERTICALS.map((v, i) => {
              const rad = v.angle * Math.PI / 180;
              const x = cx + Math.cos(rad) * r;
              const y = cy + Math.sin(rad) * r;
              const active = highlight === v.name;
              return /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { children: [
                /* @__PURE__ */ jsxRuntimeExports.jsx(
                  motion.circle,
                  {
                    cx: x,
                    cy: y,
                    r: active ? 9 : 5,
                    fill: active ? "#1A936F" : "#050505",
                    stroke: active ? "#88D498" : "#1A936F",
                    strokeWidth: 1.2,
                    initial: {
                      scale: 0,
                      opacity: 0
                    },
                    animate: {
                      scale: 1,
                      opacity: 1
                    },
                    transition: {
                      delay: 0.4 + i * 0.08,
                      duration: 0.6,
                      ease: "easeOut"
                    }
                  }
                ),
                active && /* @__PURE__ */ jsxRuntimeExports.jsx(
                  motion.circle,
                  {
                    cx: x,
                    cy: y,
                    r: 5,
                    fill: "#88D498",
                    initial: {
                      scale: 1,
                      opacity: 0.6
                    },
                    animate: {
                      scale: 3,
                      opacity: 0
                    },
                    transition: {
                      duration: 1.6,
                      repeat: Infinity
                    }
                  }
                )
              ] }, v.name);
            }),
            showCore && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
              /* @__PURE__ */ jsxRuntimeExports.jsx(
                motion.circle,
                {
                  cx,
                  cy,
                  r: size * 0.09,
                  fill: "url(#coreGrad)",
                  initial: {
                    scale: 0
                  },
                  animate: {
                    scale: 1
                  },
                  transition: {
                    duration: 1.2,
                    ease: [0.22, 1, 0.36, 1]
                  }
                }
              ),
              /* @__PURE__ */ jsxRuntimeExports.jsx(
                motion.circle,
                {
                  cx,
                  cy,
                  r: size * 0.13,
                  fill: "none",
                  stroke: "rgb(136 212 152 / 0.35)",
                  strokeWidth: 0.6,
                  animate: {
                    scale: [1, 1.15, 1],
                    opacity: [0.4, 0.1, 0.4]
                  },
                  transition: {
                    duration: 4,
                    repeat: Infinity
                  },
                  style: {
                    transformOrigin: `${cx}px ${cy}px`
                  }
                }
              ),
              /* @__PURE__ */ jsxRuntimeExports.jsx(
                "text",
                {
                  x: cx,
                  y: cy + 4,
                  textAnchor: "middle",
                  style: {
                    fontSize: size < 420 ? size * 0.06 : size * 0.05,
                    fill: "#ffffff",
                    fontWeight: 500,
                    letterSpacing: "-0.02em"
                  },
                  children: "SR18"
                }
              )
            ] })
          ] })
        ] }),
        showLabels && VERTICALS.map((v) => {
          const rad = v.angle * Math.PI / 180;
          const x = frameCenter + Math.cos(rad) * labelRadius;
          const y = frameCenter + Math.sin(rad) * labelRadius;
          const active = highlight === v.name;
          const isRight = Math.cos(rad) > 0.35;
          const isLeft = Math.cos(rad) < -0.35;
          const transform2 = isRight ? "translate(0, -50%)" : isLeft ? "translate(-100%, -50%)" : "translate(-50%, -50%)";
          return /* @__PURE__ */ jsxRuntimeExports.jsx(
            motion.span,
            {
              className: `absolute rounded-full border px-2 py-1 uppercase leading-none shadow-[0_10px_30px_rgba(0,0,0,0.24)] backdrop-blur-xl transition-colors ${active ? "border-mint-soft/35 bg-mint-soft/[0.09] font-medium text-white" : "border-white/8 bg-black/25 text-white/55"}`,
              style: {
                left: x,
                top: y,
                transform: transform2,
                textAlign: isLeft ? "right" : isRight ? "left" : "center",
                fontSize: size < 480 ? "8px" : "10px",
                letterSpacing: size < 480 ? "0.1em" : "0.2em",
                whiteSpace: "nowrap"
              },
              initial: {
                opacity: 0,
                y: 4
              },
              animate: {
                opacity: 1,
                y: 0
              },
              transition: {
                delay: 0.8,
                duration: 0.8
              },
              children: size < 480 ? v.shortName : v.name
            },
            v.name
          );
        })
      ]
    }
  ) });
}
const EASE = [0.22, 1, 0.36, 1];
const LOGO_SRC = "/assets/logo.png";
const HomepageContentContext = reactExports.createContext(DEFAULT_HOMEPAGE_CONTENT);
function useContent() {
  return reactExports.useContext(HomepageContentContext);
}
function EmphasizedText({
  text,
  accent
}) {
  if (!accent || !text.includes(accent)) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: text });
  const [before, after] = text.split(accent);
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
    before,
    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-display text-gold-gradient italic", children: accent }),
    after
  ] });
}
function useIsMobile() {
  const [isMobile, setIsMobile] = reactExports.useState(false);
  reactExports.useEffect(() => {
    const check = () => setIsMobile(window.innerWidth < 768);
    check();
    window.addEventListener("resize", check);
    return () => window.removeEventListener("resize", check);
  }, []);
  return isMobile;
}
function Reveal({
  children,
  delay = 0,
  y = 30
}) {
  const ref = reactExports.useRef(null);
  const inView2 = useInView(ref, {
    once: true,
    margin: "-10% 0px"
  });
  return /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { ref, initial: {
    opacity: 0,
    y
  }, animate: inView2 ? {
    opacity: 1,
    y: 0
  } : {}, transition: {
    duration: 0.8,
    ease: EASE,
    delay
  }, children });
}
function SectionLabel({
  n,
  label
}) {
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-9 flex max-w-full items-center gap-3 text-[10px] uppercase tracking-[0.18em] text-muted-foreground sm:gap-4 sm:tracking-[0.35em] md:mb-12", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gold", children: n }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-px w-8 shrink-0 bg-border sm:w-12" }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 leading-relaxed", children: label })
  ] });
}
function Counter({
  to,
  suffix = "",
  duration = 2
}) {
  const ref = reactExports.useRef(null);
  const inView2 = useInView(ref, {
    once: true
  });
  const [v, setV] = reactExports.useState(0);
  reactExports.useEffect(() => {
    if (!inView2) return;
    const start = performance.now();
    let raf = 0;
    const tick = (t) => {
      const p = Math.min(1, (t - start) / (duration * 1e3));
      const eased = 1 - Math.pow(1 - p, 3);
      setV(Math.round(to * eased));
      if (p < 1) raf = requestAnimationFrame(tick);
    };
    raf = requestAnimationFrame(tick);
    return () => cancelAnimationFrame(raf);
  }, [inView2, to, duration]);
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { ref, children: [
    v.toLocaleString(),
    suffix
  ] });
}
function Hero() {
  const {
    hero
  } = useContent();
  const ref = reactExports.useRef(null);
  const isMobile = useIsMobile();
  const {
    scrollYProgress
  } = useScroll({
    target: ref,
    offset: ["start start", "end start"]
  });
  const y = useTransform(scrollYProgress, [0, 1], [0, isMobile ? 80 : 180]);
  const opacity = useTransform(scrollYProgress, [0, 0.65], [1, 0]);
  const scale = useTransform(scrollYProgress, [0, 1], [1, 0.9]);
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { ref, className: "ambient-section relative flex min-h-[100svh] items-center justify-center overflow-hidden px-6 pb-28 pt-30 md:pb-36 md:pt-32", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { style: {
      y,
      opacity,
      scale
    }, className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "opacity-15 [filter:saturate(0.72)] md:opacity-25", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EcosystemCore, { size: isMobile ? 420 : 720, showLabels: false, showCore: false }) }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative z-10 w-full max-w-6xl -translate-y-2 text-left md:mx-auto md:-translate-y-8 md:text-center", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "text-display max-w-[22rem] text-[clamp(2.65rem,13vw,4.3rem)] leading-[1.04] sm:max-w-5xl sm:text-[clamp(3.3rem,9vw,7rem)] md:mx-auto md:leading-[1.02]", children: [
        hero.words.map((w, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(motion.span, { className: "mr-[0.25em] inline-block", initial: {
          opacity: 0,
          y: 40
        }, animate: {
          opacity: 1,
          y: 0
        }, transition: {
          duration: 1.1,
          ease: EASE,
          delay: 0.2 + i * 0.12
        }, children: w }, i)),
        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
        /* @__PURE__ */ jsxRuntimeExports.jsx(motion.span, { initial: {
          opacity: 0,
          y: 40
        }, animate: {
          opacity: 1,
          y: 0
        }, transition: {
          duration: 1.1,
          ease: EASE,
          delay: 0.6
        }, className: "text-display text-gold-gradient italic", children: hero.accent })
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(motion.p, { initial: {
        opacity: 0
      }, animate: {
        opacity: 1
      }, transition: {
        duration: 1,
        delay: 1
      }, className: "mt-7 max-w-[20rem] text-sm leading-7 text-muted-foreground sm:mt-11 sm:max-w-xl md:mx-auto md:text-lg", children: hero.body }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.div, { initial: {
        opacity: 0,
        y: 16
      }, animate: {
        opacity: 1,
        y: 0
      }, transition: {
        duration: 0.9,
        delay: 1.2
      }, className: "mt-10 flex flex-col items-stretch gap-3 sm:mt-14 sm:flex-row sm:items-center sm:gap-4 md:justify-center", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { href: hero.primaryHref, className: "premium-button group inline-flex w-full items-center justify-center gap-3 rounded-lg px-6 py-4 text-xs uppercase tracking-[0.14em] text-white transition-all sm:w-auto sm:px-7 sm:tracking-[0.25em]", children: [
          hero.primaryCta,
          /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "h-4 w-4 transition-transform group-hover:translate-x-1" })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { href: hero.secondaryHref, className: "group inline-flex w-full items-center justify-center gap-3 rounded-lg border border-white/12 bg-white/[0.03] px-6 py-4 text-xs uppercase tracking-[0.14em] text-foreground backdrop-blur-xl transition-all hover:-translate-y-0.5 hover:border-gold/40 hover:bg-white/[0.06] sm:w-auto sm:px-7 sm:tracking-[0.25em]", children: [
          hero.secondaryCta,
          /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUpRight, { className: "h-4 w-4 transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { initial: {
      opacity: 0
    }, animate: {
      opacity: 1
    }, transition: {
      delay: 1.6,
      duration: 1
    }, className: "pointer-events-none absolute inset-x-0 bottom-7 hidden justify-center pt-10 md:flex", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3 text-[10px] uppercase tracking-[0.3em] text-muted-foreground", children: [
      hero.scrollPrompt,
      /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { animate: {
        y: [0, 8, 0]
      }, transition: {
        duration: 2,
        repeat: Infinity
      }, className: "h-8 w-px bg-gradient-to-b from-foreground/40 to-transparent" })
    ] }) })
  ] });
}
function WhoWeAre() {
  const {
    who
  } = useContent();
  return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { id: "who", className: "ambient-section relative px-6 py-24 md:py-32 lg:py-36", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-6xl", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { n: "01", label: who.label }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-10 md:grid-cols-12 md:gap-12", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md:col-span-7", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-display text-[clamp(2.15rem,10vw,3.2rem)] leading-[1.04] sm:text-[clamp(2.4rem,6vw,4.5rem)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EmphasizedText, { text: who.title, accent: who.accent }) }) }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md:col-span-5 md:pt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Reveal, { delay: 0.15, children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-base leading-7 text-muted-foreground md:text-lg md:leading-relaxed", children: who.body }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-8 space-y-4 text-sm md:mt-10", children: who.pillars.map(({
          label,
          body
        }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 border-t border-border pt-4 sm:flex-row sm:gap-6", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-[0.18em] text-gold sm:w-24 sm:tracking-[0.25em]", children: label }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-foreground", children: body })
        ] }, label)) })
      ] }) })
    ] })
  ] }) });
}
const STACKED_STORIES = [{
  eyebrow: "Capital Architecture",
  title: "Patient ownership, engineered for compounding.",
  body: "We structure capital around durable cash flows, long operating windows, and businesses that can keep improving after the first win.",
  metric: "10Y+",
  metricLabel: "Ownership horizon",
  Icon: Layers,
  gradient: "from-[#114B5F]/90 via-[#0b181d]/94 to-black"
}, {
  eyebrow: "Operator Intelligence",
  title: "Every vertical shares a strategic nervous system.",
  body: "Data, governance, hiring, capital allocation, and execution discipline move across the portfolio so each company benefits from the whole ecosystem.",
  metric: "7",
  metricLabel: "Connected verticals",
  Icon: ChartNoAxesCombined,
  gradient: "from-[#1A936F]/80 via-[#071311]/95 to-black"
}, {
  eyebrow: "Selective Expansion",
  title: "Growth only matters when the foundation can hold it.",
  body: "We expand through measured acquisitions, founder partnerships, and greenfield builds where SR18 can bring operating leverage, not only capital.",
  metric: "3x",
  metricLabel: "Scale discipline",
  Icon: Compass,
  gradient: "from-[#88D498]/45 via-[#082016]/95 to-black"
}, {
  eyebrow: "Risk Governance",
  title: "The downside is designed before the upside is pursued.",
  body: "Each opportunity is assessed through liquidity, resilience, management depth, and cyclicality before it earns a place in the portfolio.",
  metric: "360",
  metricLabel: "Risk view",
  Icon: ShieldCheck,
  gradient: "from-[#114B5F]/85 via-[#051014]/96 to-black"
}];
const THESIS_VISUALS = STACKED_STORIES.map(({
  Icon,
  gradient
}) => ({
  Icon,
  gradient
}));
function StackedStoryCard({
  story,
  index,
  total
}) {
  const ref = reactExports.useRef(null);
  const {
    scrollYProgress
  } = useScroll({
    target: ref,
    offset: ["start 28%", "end 22%"]
  });
  const scale = useTransform(scrollYProgress, [0, 0.65, 1], [1, 0.955, 0.91]);
  const y = useTransform(scrollYProgress, [0, 1], [0, -46]);
  const opacity = useTransform(scrollYProgress, [0, 0.75, 1], [1, 0.9, 0.68]);
  const glowOpacity = useTransform(scrollYProgress, [0, 0.45, 1], [0.36, 0.22, 0.12]);
  const Icon = story.Icon;
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, className: "relative h-[82vh] min-h-[620px] md:h-[92vh] md:min-h-[680px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { style: {
    scale,
    y,
    opacity,
    top: `calc(5.5rem + ${index * 0.85}rem)`,
    zIndex: total + index
  }, className: "sticky mx-auto max-w-6xl will-change-transform", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.article, { whileHover: {
    y: -10,
    scale: 1.008,
    boxShadow: "0 42px 140px rgba(26, 147, 111, 0.22), 0 30px 90px rgba(0, 0, 0, 0.55)"
  }, transition: {
    duration: 0.55,
    ease: EASE
  }, className: "group relative grid min-h-[520px] w-full overflow-hidden rounded-2xl border border-white/12 bg-white/[0.045] p-6 shadow-[0_34px_110px_rgba(0,0,0,0.52)] backdrop-blur-2xl sm:p-7 md:min-h-[620px] md:grid-cols-12 md:rounded-[2.25rem] md:p-10", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `absolute inset-0 bg-gradient-to-br ${story.gradient}` }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_18%_18%,rgba(136,212,152,0.2),transparent_26rem),radial-gradient(circle_at_88%_78%,rgba(26,147,111,0.18),transparent_24rem)] opacity-80" }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { style: {
      opacity: glowOpacity
    }, className: "absolute -right-24 -top-24 h-72 w-72 rounded-full bg-mint-soft blur-[95px] transition-opacity duration-500 group-hover:opacity-55" }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-x-8 top-0 h-px bg-gradient-to-r from-transparent via-white/35 to-transparent" }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 rounded-[inherit] ring-1 ring-inset ring-white/10" }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative z-10 flex flex-col justify-between gap-10 md:col-span-7", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-8 flex flex-wrap items-center gap-4", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-white/12 bg-white/[0.06] text-mint-soft shadow-[0_14px_40px_rgba(0,0,0,0.32)] backdrop-blur-xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "h-5 w-5" }) }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] uppercase tracking-[0.18em] text-white/55 sm:tracking-[0.38em]", children: story.eyebrow })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-display max-w-3xl text-[clamp(2rem,10vw,3rem)] leading-[1.08] text-white sm:text-[clamp(2.5rem,6vw,5rem)] sm:leading-[1.04]", children: story.title })
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "max-w-xl text-sm leading-7 text-white/68 sm:text-base md:text-lg md:leading-relaxed", children: story.body })
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative z-10 mt-8 flex flex-col justify-between border-t border-white/10 pt-8 md:col-span-5 md:mt-0 md:border-l md:border-t-0 md:pl-10 md:pt-0", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-6", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-[10px] uppercase tracking-[0.18em] text-white/45 sm:tracking-[0.3em]", children: [
            "Story ",
            String(index + 1).padStart(2, "0")
          ] }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 text-sm text-white/60", children: [
            String(index + 1).padStart(2, "0"),
            " / ",
            String(total).padStart(2, "0")
          ] })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUpRight, { className: "h-5 w-5 text-white/45 transition-transform duration-500 group-hover:-translate-y-1 group-hover:translate-x-1 group-hover:text-mint-soft" })
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-16", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-display text-[clamp(3.5rem,18vw,5rem)] leading-[1.05] text-gold-light-gradient sm:text-[clamp(4.5rem,12vw,9rem)]", children: story.metric }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 max-w-48 text-[10px] uppercase tracking-[0.18em] text-white/48 sm:tracking-[0.3em]", children: story.metricLabel })
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-10 grid grid-cols-4 gap-2", children: Array.from({
        length: total
      }).map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `h-1 rounded-full ${i <= index ? "bg-mint-soft" : "bg-white/12"}` }, i)) })
    ] })
  ] }) }) });
}
function StackedThesis() {
  const {
    thesis
  } = useContent();
  const stories = thesis.stories.map((story, index) => ({
    ...story,
    ...THESIS_VISUALS[index % THESIS_VISUALS.length]
  }));
  const ref = reactExports.useRef(null);
  const {
    scrollYProgress
  } = useScroll({
    target: ref,
    offset: ["start end", "end start"]
  });
  const backgroundY = useTransform(scrollYProgress, [0, 1], [-80, 120]);
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { id: "thesis", ref, className: "relative overflow-visible bg-black px-6 py-24 md:py-32 lg:py-36", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { style: {
      y: backgroundY
    }, className: "pointer-events-none absolute inset-x-0 top-0 h-[42rem] bg-[radial-gradient(circle_at_50%_20%,rgba(26,147,111,0.18),transparent_34rem)]" }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative mx-auto max-w-7xl", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { n: "02", label: thesis.label }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-14 grid gap-8 md:mb-20 md:grid-cols-12 md:gap-12", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md:col-span-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-display max-w-4xl text-left text-[clamp(2.15rem,10vw,3.2rem)] leading-[1.04] sm:text-[clamp(2.6rem,6vw,5rem)] sm:leading-[1]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EmphasizedText, { text: thesis.title, accent: thesis.accent }) }) }) }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md:col-span-4 md:pt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { delay: 0.12, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "max-w-lg text-left text-base leading-7 text-muted-foreground md:text-lg md:leading-relaxed", children: thesis.intro }) }) })
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative", children: stories.map((story, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(StackedStoryCard, { story, index, total: stories.length }, story.eyebrow)) })
    ] })
  ] });
}
function Ecosystem() {
  const {
    ecosystem
  } = useContent();
  const ecosystemItems = ecosystem.items.length ? ecosystem.items : DEFAULT_HOMEPAGE_CONTENT.ecosystem.items;
  const [active, setActive] = reactExports.useState(0);
  const [manualActive, setManualActive] = reactExports.useState(false);
  const sectionRef = reactExports.useRef(null);
  const isMobile = useIsMobile();
  const {
    scrollYProgress
  } = useScroll({
    target: sectionRef,
    offset: ["start center", "end center"]
  });
  reactExports.useEffect(() => {
    return scrollYProgress.on("change", (v) => {
      if (manualActive || isMobile) return;
      const idx = Math.min(ecosystemItems.length - 1, Math.floor(v * ecosystemItems.length));
      setActive(idx);
    });
  }, [ecosystemItems.length, isMobile, manualActive, scrollYProgress]);
  const selectVertical = (index) => {
    setManualActive(true);
    setActive(index);
  };
  const activeIndex = Math.min(active, ecosystemItems.length - 1);
  const activeItem = ecosystemItems[activeIndex];
  return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { id: "ecosystem", ref: sectionRef, className: "ambient-section relative scroll-mt-32 overflow-hidden bg-bone px-6 pt-36 pb-24 md:pt-44 md:pb-32 lg:pt-48 lg:pb-40", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative z-10 mx-auto max-w-7xl", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { n: "03", label: ecosystem.label }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-12 grid gap-7 md:mb-20 lg:grid-cols-[minmax(0,0.95fr)_minmax(22rem,0.85fr)] lg:items-end lg:gap-16", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-display max-w-[20rem] text-[clamp(2.25rem,10.5vw,3.35rem)] leading-[1.06] tracking-tight sm:max-w-4xl sm:text-[clamp(3rem,7vw,6rem)] sm:leading-[1.02]", children: ecosystem.title }) }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { delay: 0.08, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-xl border-l border-white/10 pl-4 text-sm leading-7 text-muted-foreground sm:pl-6 md:text-base lg:ml-auto", children: ecosystem.intro }) })
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-8 md:space-y-10 lg:space-y-12", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-[20rem] items-center justify-center rounded-2xl border border-white/8 bg-black/25 px-3 py-6 shadow-[inset_0_1px_0_rgba(255,255,255,0.05)] sm:min-h-[31rem] sm:p-8 lg:min-h-[34rem]", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EcosystemCore, { size: isMobile ? 320 : 520, highlight: activeItem?.name }) }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto flex w-full max-w-5xl min-w-0 flex-col", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.div, { initial: {
          opacity: 0,
          y: 16
        }, animate: {
          opacity: 1,
          y: 0
        }, transition: {
          duration: 0.5,
          ease: EASE
        }, className: "premium-card relative min-w-0 overflow-hidden rounded-2xl p-6 sm:p-7 lg:p-8 xl:p-9", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_88%_12%,rgba(136,212,152,0.14),transparent_32%),linear-gradient(135deg,rgba(255,255,255,0.05),transparent_45%)]" }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-5 flex flex-wrap items-center justify-between gap-3", children: [
              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-[10px] uppercase tracking-[0.18em] text-gold sm:tracking-[0.35em]", children: [
                "Vertical · ",
                String(activeIndex + 1).padStart(2, "0"),
                " /",
                " ",
                String(ecosystemItems.length).padStart(2, "0")
              ] }),
              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-full border border-mint-soft/20 bg-mint-soft/[0.06] px-3 py-1 text-[10px] uppercase tracking-[0.16em] text-mint-soft/80 sm:tracking-[0.22em]", children: activeItem.role })
            ] }),
            /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-display mb-5 text-[clamp(2rem,10vw,3rem)] leading-[1.05] sm:mb-6 sm:text-[clamp(2.6rem,6vw,4.75rem)]", children: activeItem.name }),
            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-7 max-w-xl text-base leading-7 text-white/82 sm:mb-8 sm:text-lg sm:leading-8", children: activeItem.vision }),
            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-3 md:grid-cols-3", children: [["Focus", activeItem.focus], ["Opportunity", activeItem.opportunity], ["Strategic Edge", activeItem.edge]].map(([k, val]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 rounded-xl border border-white/8 bg-white/[0.035] p-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.05)] xl:p-5", children: [
              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-3 text-[10px] uppercase tracking-[0.16em] text-muted-foreground sm:tracking-[0.24em]", children: k }),
              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm leading-6 text-foreground", children: val })
            ] }, k)) }),
            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 rounded-xl border border-white/8 bg-black/25 p-4 xl:p-5", children: [
              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2 text-[10px] uppercase tracking-[0.16em] text-muted-foreground sm:tracking-[0.24em]", children: "What SR18 Builds Here" }),
              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm leading-6 text-white/78", children: activeItem.build })
            ] })
          ] })
        ] }, activeItem.name),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-7 grid grid-cols-2 gap-2.5 sm:flex sm:flex-wrap sm:justify-center", children: ecosystemItems.map((v, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => selectVertical(i), "aria-label": `Show ${v.name} vertical`, "aria-pressed": active === i, className: `min-h-10 rounded-full border px-3 py-2 text-left text-[10px] uppercase tracking-[0.12em] transition-all duration-300 sm:text-center sm:tracking-[0.18em] ${activeIndex === i ? "border-mint-soft/35 bg-mint-soft/[0.09] text-white shadow-[0_14px_42px_rgba(26,147,111,0.12)]" : "border-white/8 bg-white/[0.025] text-muted-foreground hover:border-white/18 hover:text-white"}`, children: v.name }, v.name)) })
      ] })
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-16 grid gap-px overflow-hidden rounded-2xl border border-white/8 bg-white/8 sm:grid-cols-2 lg:mt-20 lg:grid-cols-4", children: ecosystem.principles.map(({
      number,
      title,
      body
    }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-black/55 p-6", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-5 text-[10px] uppercase tracking-[0.18em] text-gold sm:tracking-[0.28em]", children: number }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-3 text-sm uppercase tracking-[0.12em] text-white sm:tracking-[0.18em]", children: title }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm leading-6 text-muted-foreground", children: body })
    ] }, title)) })
  ] }) });
}
function Portfolio() {
  const {
    portfolio
  } = useContent();
  return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { id: "portfolio", className: "ambient-section relative px-6 py-24 md:py-32 lg:py-36", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-7xl", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { n: "04", label: portfolio.label }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-12 flex items-end justify-between md:mb-16", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-display max-w-3xl text-[clamp(2.15rem,10vw,3.2rem)] leading-[1.04] sm:text-[clamp(2.4rem,6vw,4.5rem)] sm:leading-[1.02]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EmphasizedText, { text: portfolio.title, accent: portfolio.accent }) }) }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-4 md:grid-cols-2", children: portfolio.items.map((p, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { delay: i * 0.04, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.article, { whileHover: "hover", className: "premium-card premium-card-hover group relative min-h-[25rem] cursor-pointer overflow-hidden rounded-lg bg-background sm:aspect-[5/4] sm:min-h-0", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { variants: {
        hover: {
          scale: 1.08
        }
      }, transition: {
        duration: 1.2,
        ease: EASE
      }, className: "absolute inset-0 bg-gradient-to-br from-[#06141a] via-[#0a0a0a] to-[#114B5F]/60" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/85 via-black/25 to-transparent" }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0 flex flex-col justify-between p-6 text-foreground md:p-8", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-[0.18em] opacity-80 sm:tracking-[0.3em]", children: p.code }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(motion.span, { variants: {
            hover: {
              rotate: 45
            }
          }, transition: {
            duration: 0.5
          }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "h-5 w-5" }) })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-3 text-[10px] uppercase tracking-[0.18em] text-gold sm:tracking-[0.3em]", children: p.sector }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-display text-[2rem] leading-[1.05] sm:text-3xl md:text-5xl", children: p.name }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { variants: {
            hover: {
              opacity: 1,
              height: "auto",
              marginTop: 16
            }
          }, initial: {
            opacity: 0,
            height: 0
          }, transition: {
            duration: 0.5,
            ease: EASE
          }, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "max-w-md text-sm leading-relaxed opacity-90", children: p.future }) }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 text-sm font-medium tracking-wider", children: p.growth })
        ] })
      ] })
    ] }) }, p.code)) })
  ] }) });
}
function GrowthDashboard() {
  const {
    dashboard
  } = useContent();
  const ref = reactExports.useRef(null);
  const inView2 = useInView(ref, {
    once: true,
    margin: "-15% 0px"
  });
  return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "ambient-section relative overflow-hidden bg-gold px-6 py-24 text-foreground md:py-32 lg:py-36", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-7xl", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-10 flex items-center gap-3 text-[10px] uppercase tracking-[0.18em] text-foreground/60 sm:gap-4 sm:tracking-[0.35em] md:mb-12", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gold-light-gradient", children: "05" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-px w-8 shrink-0 bg-white/25 sm:w-12" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: dashboard.label })
    ] }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-display mb-12 max-w-3xl text-[clamp(2.15rem,10vw,3.2rem)] leading-[1.04] sm:text-[clamp(2.4rem,6vw,4.5rem)] sm:leading-[1.02] md:mb-16", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EmphasizedText, { text: dashboard.title, accent: dashboard.accent }) }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-12 grid grid-cols-1 gap-4 sm:grid-cols-2 md:mb-16 lg:grid-cols-4", children: dashboard.metrics.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "premium-card premium-card-hover rounded-lg bg-gold-panel p-6 md:p-8", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-display text-gold-light-gradient text-4xl md:text-6xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Counter, { to: m.value, suffix: m.suffix }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 text-[10px] uppercase tracking-[0.18em] text-foreground/60 sm:tracking-[0.3em]", children: m.label })
    ] }, m.label)) }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, className: "grid gap-8 md:grid-cols-3 md:gap-12", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "premium-card rounded-lg p-6 md:col-span-2 md:p-8", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-8 flex flex-col gap-4 sm:flex-row sm:items-baseline sm:justify-between", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] uppercase tracking-[0.18em] text-foreground/60 sm:tracking-[0.3em]", children: dashboard.chartLabel }),
            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-display mt-2 text-2xl md:text-3xl", children: dashboard.chartRange })
          ] }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-display text-2xl text-gold-light-gradient", children: dashboard.chartGrowth })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 600 220", className: "h-48 w-full md:h-56", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("linearGradient", { id: "area", x1: "0", y1: "0", x2: "0", y2: "1", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "0%", stopColor: "#f3d8e7", stopOpacity: "0.35" }),
            /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "100%", stopColor: "#f3d8e7", stopOpacity: "0" })
          ] }) }),
          [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "0", y1: 40 + i * 50, x2: "600", y2: 40 + i * 50, stroke: "rgb(255 255 255 / 0.08)" }, i)),
          /* @__PURE__ */ jsxRuntimeExports.jsx(motion.path, { d: "M0,200 L85,180 L170,150 L255,140 L340,110 L425,75 L510,55 L600,20 L600,220 L0,220 Z", fill: "url(#area)", initial: {
            opacity: 0
          }, animate: inView2 ? {
            opacity: 1
          } : {}, transition: {
            duration: 1.5,
            delay: 0.6
          } }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(motion.path, { d: "M0,200 L85,180 L170,150 L255,140 L340,110 L425,75 L510,55 L600,20", fill: "none", stroke: "#f3d8e7", strokeWidth: "2", initial: {
            pathLength: 0
          }, animate: inView2 ? {
            pathLength: 1
          } : {}, transition: {
            duration: 2.5,
            ease: EASE
          } }),
          [0, 85, 170, 255, 340, 425, 510, 600].map((x, i) => {
            const ys = [200, 180, 150, 140, 110, 75, 55, 20];
            return /* @__PURE__ */ jsxRuntimeExports.jsx(motion.circle, { cx: x, cy: ys[i], r: "3", fill: "#f3d8e7", initial: {
              scale: 0
            }, animate: inView2 ? {
              scale: 1
            } : {}, transition: {
              delay: 0.5 + i * 0.25,
              duration: 0.4
            } }, x);
          })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 flex justify-between text-[9px] uppercase tracking-[0.18em] text-foreground/50 sm:text-[10px] sm:tracking-[0.25em]", children: ["'19", "'20", "'21", "'22", "'23", "'24", "'25", "'26"].map((y) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: y }, y)) })
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "premium-card rounded-lg p-6 md:p-8", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-8 text-[10px] uppercase tracking-[0.18em] text-foreground/60 sm:tracking-[0.3em]", children: dashboard.allocationLabel }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-5", children: dashboard.allocations.map(({
          label,
          percent
        }, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2 flex justify-between text-xs", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-foreground/80", children: label }),
            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-gold-light-gradient", children: [
              percent,
              "%"
            ] })
          ] }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-px overflow-hidden bg-white/10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { className: "h-full origin-left bg-white", style: {
            height: 2
          }, initial: {
            scaleX: 0
          }, animate: inView2 ? {
            scaleX: percent / 30
          } : {}, transition: {
            duration: 1.2,
            delay: 0.3 + i * 0.08,
            ease: EASE
          } }) })
        ] }, label)) })
      ] })
    ] })
  ] }) });
}
function Founders() {
  const {
    founders
  } = useContent();
  return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { id: "founders", className: "ambient-section relative px-6 py-24 md:py-32 lg:py-36", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-7xl", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { n: "06", label: founders.label }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-display mb-14 max-w-3xl text-[clamp(2.15rem,10vw,3.2rem)] leading-[1.04] sm:text-[clamp(2.4rem,6vw,4.5rem)] sm:leading-[1.02] md:mb-20", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EmphasizedText, { text: founders.title, accent: founders.accent }) }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-24 md:space-y-32", children: founders.items.map((f, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `grid items-start gap-10 md:grid-cols-12 md:gap-12 ${i % 2 ? "md:[&>*:first-child]:order-2" : ""}`, children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md:col-span-5", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "premium-card relative flex aspect-[4/5] items-center justify-center overflow-hidden rounded-lg", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-display text-6xl text-gold-gradient md:text-8xl", children: f.name.split(" ").map((n) => n[0]).join("") }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 text-xs uppercase tracking-[0.18em] text-muted-foreground sm:tracking-[0.3em]", children: "Founder Photo" })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute right-5 top-5 text-[10px] uppercase tracking-[0.18em] text-muted-foreground sm:right-6 sm:top-6 sm:tracking-[0.3em]", children: [
          "0",
          i + 1,
          " / 02"
        ] })
      ] }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "md:col-span-7 md:pl-8", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-3 text-[10px] uppercase tracking-[0.18em] text-gold sm:tracking-[0.3em]", children: f.role }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-display mb-6 text-[2.4rem] leading-[1.05] md:text-5xl", children: f.name }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-8 max-w-xl text-base leading-7 text-muted-foreground md:text-lg md:leading-relaxed", children: f.bio }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs("blockquote", { className: "text-display mb-10 border-l-2 border-gold pl-5 text-xl leading-snug italic text-foreground sm:pl-6 md:mb-12 md:text-2xl", children: [
          '"',
          f.philosophy,
          '"'
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: f.milestones.map(({
          year,
          body
        }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-6 border-t border-border pt-4 md:gap-8", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-display w-16 text-xl text-gold md:w-20", children: year }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 pt-1 text-sm text-foreground md:text-base", children: body })
        ] }, year)) })
      ] })
    ] }) }, f.name)) })
  ] }) });
}
function Leadership() {
  const {
    leadership
  } = useContent();
  return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { id: "leadership", className: "ambient-section relative bg-bone px-6 py-24 md:py-32 lg:py-36", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-7xl", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { n: "07", label: leadership.label }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-display mb-12 max-w-3xl text-[clamp(2.15rem,10vw,3.2rem)] leading-[1.04] sm:text-[clamp(2.4rem,6vw,4.5rem)] sm:leading-[1.02] md:mb-16", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EmphasizedText, { text: leadership.title, accent: leadership.accent }) }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: leadership.items.map((leader, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { delay: i * 0.04, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.div, { whileHover: "hover", className: "premium-card premium-card-hover group flex min-h-[260px] cursor-pointer flex-col justify-between rounded-lg p-6 sm:p-8 md:aspect-[4/5] md:p-10", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-[10px] uppercase tracking-[0.18em] text-gold sm:tracking-[0.3em]", children: [
        "0",
        i + 1
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.div, { variants: {
          hover: {
            y: -8
          }
        }, transition: {
          duration: 0.5,
          ease: EASE
        }, children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-display text-[2rem] leading-tight sm:text-3xl", children: leader.name }),
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-muted-foreground", children: leader.role })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsx(motion.p, { variants: {
          hover: {
            opacity: 1,
            height: "auto",
            marginTop: 16
          }
        }, initial: {
          opacity: 0,
          height: 0
        }, transition: {
          duration: 0.5,
          ease: EASE
        }, className: "overflow-hidden text-sm text-foreground", children: leader.body })
      ] })
    ] }) }, leader.name)) })
  ] }) });
}
function Roadmap() {
  const {
    roadmap
  } = useContent();
  return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { id: "roadmap", className: "ambient-section relative px-6 py-24 md:py-32 lg:py-36", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-7xl", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { n: "08", label: roadmap.label }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-display mb-12 max-w-3xl text-[clamp(2.15rem,10vw,3.2rem)] leading-[1.04] sm:text-[clamp(2.4rem,6vw,4.5rem)] sm:leading-[1.02] md:mb-16", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EmphasizedText, { text: roadmap.title, accent: roadmap.accent }) }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-0 right-0 top-12 hidden h-px bg-border md:block" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-10 md:grid-cols-5 md:gap-4", children: roadmap.items.map(({
        year,
        title,
        body
      }, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { delay: i * 0.06, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative md:pt-0", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute -top-1 left-0 hidden h-3 w-3 rounded-full bg-gold ring-4 ring-background md:block" }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-display text-gold-gradient mb-3 text-4xl md:mt-20 md:text-5xl", children: year }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-3 text-[10px] uppercase tracking-[0.18em] text-muted-foreground sm:tracking-[0.3em]", children: title }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm leading-relaxed text-foreground", children: body })
      ] }) }, year)) })
    ] })
  ] }) });
}
function InvestorPreview() {
  const {
    investor
  } = useContent();
  return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { id: "investor-desk", className: "ambient-section relative overflow-hidden bg-bone px-6 py-24 md:py-32 lg:py-36", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto grid max-w-7xl items-center gap-10 md:grid-cols-12 md:gap-12", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "md:col-span-7", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { n: "09", label: investor.label }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-display text-[clamp(2.15rem,10vw,3.2rem)] leading-[1.04] sm:text-[clamp(2.4rem,6vw,4.5rem)] sm:leading-[1.02]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EmphasizedText, { text: investor.title, accent: investor.accent }) }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { delay: 0.15, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-7 max-w-xl text-base leading-7 text-muted-foreground md:mt-8 md:text-lg md:leading-relaxed", children: investor.body }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { delay: 0.25, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { href: investor.href, className: "premium-button group mt-9 inline-flex w-full items-center justify-center gap-3 rounded-lg px-6 py-4 text-xs uppercase tracking-[0.14em] text-white transition-all sm:mt-10 sm:w-auto sm:px-7 sm:tracking-[0.25em]", children: [
        investor.cta,
        /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "h-4 w-4 transition-transform group-hover:translate-x-1" })
      ] }) })
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "md:col-span-5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { delay: 0.2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "premium-card premium-card-hover relative rounded-lg p-6 md:aspect-[4/5] md:p-8", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-6 text-[10px] uppercase tracking-[0.18em] text-gold sm:tracking-[0.3em]", children: investor.cardLabel }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3", children: investor.documents.map((d, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.div, { initial: {
        opacity: 0,
        x: -10
      }, whileInView: {
        opacity: 1,
        x: 0
      }, viewport: {
        once: true
      }, transition: {
        delay: i * 0.08,
        duration: 0.5
      }, className: "flex items-center justify-between gap-4 border-b border-border py-3 text-sm", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: d }),
        /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUpRight, { className: "h-3 w-3 shrink-0 text-muted-foreground" })
      ] }, d)) })
    ] }) }) })
  ] }) });
}
function PartnershipCTA() {
  const {
    partnership
  } = useContent();
  const isMobile = useIsMobile();
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { id: "contact", className: "ambient-section relative overflow-hidden bg-gold px-6 py-24 text-foreground md:py-32 lg:py-36", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center opacity-20 md:opacity-30", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EcosystemCore, { size: isMobile ? 520 : 900, showLabels: false }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative max-w-5xl text-left md:mx-auto md:text-center", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-8 text-[10px] uppercase tracking-[0.18em] text-foreground/60 sm:tracking-[0.4em]", children: partnership.label }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "text-display text-[clamp(2.55rem,12vw,4rem)] leading-[1.04] sm:text-[clamp(3.2rem,8vw,6rem)] sm:leading-[1.02]", children: [
        partnership.title,
        " ",
        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gold-light-gradient italic", children: partnership.accent })
      ] }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { delay: 0.2, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-7 max-w-2xl text-base leading-7 text-foreground/70 md:mx-auto md:mt-10 md:text-lg", children: partnership.body }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(Reveal, { delay: 0.3, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-10 flex flex-col items-stretch gap-4 sm:mt-12 sm:flex-row sm:items-center md:justify-center", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { href: partnership.primaryHref, className: "inline-flex w-full items-center justify-center gap-3 rounded-lg bg-white px-6 py-4 text-xs uppercase tracking-[0.14em] text-black transition-all hover:-translate-y-0.5 hover:bg-mint-soft hover:text-black sm:w-auto sm:px-8 sm:tracking-[0.25em]", children: [
          partnership.primaryCta,
          " ",
          /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "h-4 w-4" })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: partnership.secondaryHref, className: "inline-flex w-full items-center justify-center gap-3 rounded-lg border border-white/25 bg-white/[0.03] px-6 py-4 text-xs uppercase tracking-[0.14em] transition-all hover:-translate-y-0.5 hover:bg-white hover:text-black sm:w-auto sm:px-8 sm:tracking-[0.25em]", children: partnership.secondaryCta })
      ] }) })
    ] })
  ] });
}
function Footer() {
  const {
    footer
  } = useContent();
  return /* @__PURE__ */ jsxRuntimeExports.jsx("footer", { className: "ambient-section relative border-t border-border bg-background px-6 pt-20 pb-10 md:pt-24", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-7xl", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-16 grid gap-10 md:mb-20 md:grid-cols-12 md:gap-12", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "md:col-span-5", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/", className: "mb-8 inline-flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: LOGO_SRC, alt: "SR18 Holdings", className: "h-12 w-auto max-w-[12rem] object-contain md:h-14" }) }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "max-w-md leading-relaxed text-muted-foreground", children: footer.body })
      ] }),
      footer.columns.map((column) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "md:col-span-2", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-5 text-[10px] uppercase tracking-[0.18em] text-gold sm:tracking-[0.3em]", children: column.title }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-3 text-sm", children: column.links.map((link) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: link.href, className: "text-foreground transition-colors hover:text-gold", children: link.label }) }, link.label)) })
      ] }, column.title))
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "hairline" }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col justify-between gap-4 pt-8 text-[10px] uppercase tracking-[0.14em] text-muted-foreground sm:tracking-[0.22em] md:flex-row md:tracking-[0.3em]", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
        "© ",
        (/* @__PURE__ */ new Date()).getFullYear(),
        " SR18 Holdings. All rights reserved."
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-5 md:gap-6", children: footer.legalLinks.map((link) => /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: link.href, className: "hover:text-foreground", children: link.label }, link.label)) })
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-display -mb-8 mt-16 select-none text-center text-[18vw] leading-[1.05] text-mist md:mt-20 md:text-[14vw]", children: "SR18" })
  ] }) });
}
function Home() {
  const content = useHomepageContent();
  return /* @__PURE__ */ jsxRuntimeExports.jsx(HomepageContentContext.Provider, { value: content, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "overflow-hidden", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(Hero, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx(WhoWeAre, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx(StackedThesis, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Ecosystem, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Portfolio, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx(GrowthDashboard, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Founders, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Leadership, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Roadmap, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx(InvestorPreview, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx(PartnershipCTA, {}),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Footer, {})
  ] }) });
}
export {
  Home as component
};
