/* Preloaded local fonts. Optional display keeps the initial fallback stable
   if a font is late or blocked; it may be used on the next navigation. */
@font-face{font-family:Inter;src:url('_ds/flume-website-v2-design-system-2337401e-10ba-4d94-a45b-9865a2d22c73/assets/fonts/Inter-Latin.woff2') format("woff2");font-weight:300 900;font-style:normal;font-display:optional}
@font-face{font-family:Dmsans;src:url('_ds/flume-website-v2-design-system-2337401e-10ba-4d94-a45b-9865a2d22c73/assets/fonts/DMSans-Regular.ttf') format("truetype");font-weight:400;font-style:normal;font-display:optional}
/* Preserve the original design: 600 is synthesized from the supplied Medium. */
@font-face{font-family:Dmsans;src:url('_ds/flume-website-v2-design-system-2337401e-10ba-4d94-a45b-9865a2d22c73/assets/fonts/DMSans-Medium.ttf') format("truetype");font-weight:500;font-style:normal;font-display:optional}

:root{
  /* ---- base ---- */
  --wv2-paper:#EFE7DC;         /* page ground — warm cream */
  --wv2-paper-card:#F7F1E8;    /* raised card on paper */
  --wv2-fill:#E4DACA;          /* image/placeholder fill, one step darker */
  --wv2-ink:#1E1B16;           /* text + dark panels — never pure black */
  --wv2-ink-hover:#3A342B;     /* ink button hover */
  --wv2-black:#000;            /* reserved: Login button ground only */
  --wv2-yellow:#FFD600;        /* logo yellow — accents only */
  --wv2-yellow-press:#EFCB00;  /* yellow button hover */
  --wv2-yellow-mono:#F9E000;   /* mono eyebrow on dark panels */
  --wv2-glow-a:#fba926;        /* panel glow gradient start */
  --wv2-glow-b:#f9e000;        /* panel glow gradient end */

  /* ---- ink on paper (alpha ramp) ---- */
  --wv2-ink-body:#1E1B16b3;    /* 70% — lead paragraphs */
  --wv2-ink-muted:#1E1B1699;   /* 60% — body + descriptions */
  --wv2-ink-soft:#1E1B1680;    /* 50% — asides, "coming soon" */
  --wv2-ink-faint:#1E1B1966;   /* 40% — mono labels, footer meta */
  --wv2-ink-line:#1E1B1626;    /* FAQ dividers */
  --wv2-ink-hairline:#1E1B161f;/* strip + footer rules */
  --wv2-ink-dash:#1E1B1933;    /* dashed placeholder outline */

  /* ---- on dark ---- */
  --wv2-on-dark:#EFE7DC;
  --wv2-on-dark-muted:#EFE7DC99;
  --wv2-on-dark-line:#EFE7DC26;
}

:root{
  --wv2-font-display:Dmsans, sans-serif;   /* headlines, category + stage names, member marks */
  --wv2-font-body:Inter, sans-serif;       /* everything else */
  --wv2-font-mono:ui-monospace, SFMono-Regular, monospace; /* eyebrows, captions, footer heads */
  --wv2-display-features:'ss03'; /* @kind font */ /* DM Sans single-storey a */
  --wv2-display-weight:600;

  /* display scale (fluid, as authored) */
  --wv2-h1:clamp(44px,4.4vw,62px); /* @kind font */
  --wv2-h1-track:-.15rem;
  --wv2-h1-leading:.98;
  --wv2-h2:clamp(36px,4vw,54px); /* @kind font */
  --wv2-h2-track:-.13rem;
  --wv2-h2-leading:1.02;
  --wv2-h2-cta:clamp(44px,5.4vw,76px); /* @kind font */ /* closing CTA only */
  --wv2-h2-cta-track:-.18rem;
  --wv2-h3:26px;                            /* vertical + stage names */
  --wv2-h3-track:-.05rem;
  --wv2-h4:19px;                            /* category names */
  --wv2-h4-track:-.02rem;

  /* body scale */
  --wv2-lead:16px;      --wv2-lead-leading:1.65;
  --wv2-body:14px;      --wv2-body-leading:1.7;
  --wv2-body-loose:1.8; /* @kind other */ /* line-height, stage paragraphs on dark */
  --wv2-quote-leading:1.75;
  --wv2-meta:13px;
  --wv2-micro:12px;
  --wv2-mono:11px;      --wv2-mono-track:.1em;
  --wv2-mono-wide:.2em; /* member strip label */

  /* measures */
  --wv2-measure-head:20ch;
  --wv2-measure-lead:52ch;
  --wv2-measure-body:64ch;
}

:root{
  --wv2-page-max:1440px;
  --wv2-page-x:80px;         /* nav, sections */
  --wv2-hero-inset:110px;    /* hero text column inset — deeper than the nav margin */
  --wv2-panel-gutter:24px;   /* dark panels inset from the page edge */
  --wv2-section-y:112px;
  --wv2-section-y-tight:88px;
  --wv2-grid-gap:24px;
  --wv2-head-gap:20px;       /* headline → subhead */
  --wv2-block-gap:48px;      /* header block → grid */
  --wv2-card-pad:32px;
  --wv2-panel-pad-y:88px;
  --wv2-panel-pad-x:72px;
  --wv2-stage-label:280px;   /* stage row label column */
  --wv2-stage-gap:40px;
  --wv2-faq-max:1000px;
  --wv2-panel-max:1060px;    /* stage rows inside the dark panel */
  --wv2-nav-h:84px;
}

:root{
  --wv2-radius-panel:20px;   /* dark panels */
  --wv2-radius-card:16px;    /* testimonial cards, animation frame */
  --wv2-radius-pill:100px;   /* all buttons */
  --wv2-radius-mark:8px;     /* logo tile */
  --wv2-bevel:30px;          /* clipped image corner */
  --wv2-clip-bevel:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px); /* @kind other */
  --wv2-transition:.25s ease; /* @kind other */
  --wv2-glow:linear-gradient(274deg,#fba926 15%,#f9e000 82%); /* @kind color */
  --wv2-glow-blur:blur(150px); /* @kind other */
  --wv2-glow-opacity:.06; /* @kind other */ /* content panel */
  --wv2-glow-opacity-cta:.09; /* @kind other */ /* closing CTA panel */
  --wv2-marker:linear-gradient(transparent 58%,#FFD600 58% 94%,transparent 94%); /* @kind color */ /* highlighter stroke */
}
@keyframes wv2-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* Applied before the component runtime paints the page. */
body{margin:0}::selection{background:#FFD600;color:#1E1B16}a{color:#1E1B16;text-decoration:none}a:hover{color:#1E1B16b3}@media (min-width:768px){.hz-sticky{display:none!important}}@media (max-width:767px){.hz-pad-bottom{padding-bottom:96px!important}}