/* NeuralMill effects — radii, borders, shadows/glows, blur, motion.
   Cards = 1px hairline border + soft radius + optional colored top accent bar. Hover lifts -2/-3px.
   Accent "glow" halos are the signature depth cue. Backdrop blur on the sticky nav. */
:root{
  /* ---- Radii (site uses many discrete values — kept verbatim, not snapped to a grid) ---- */
  --radius-xs:5px;    /* people-grid squares */
  --radius-sm:7px;
  --radius-md:9px;    /* buttons/chips */
  --radius-lg:11px;   /* primary button */
  --radius-xl:13px;   /* model cards */
  --radius-2xl:16px;  /* stat / standard cards */
  --radius-3xl:18px;  /* step / factor cards */
  --radius-4xl:22px;  /* feature panels */
  --radius-5xl:24px;  /* hero-scale panels */
  --radius-pill:100px;

  /* ---- Borders ---- */
  --border-hairline:1px solid var(--line);
  --border-strong-1:1px solid var(--line-2);
  --accent-bar:2px; /* colored top strip on cards @kind spacing */

  /* ---- Shadows & glows ---- */
  --shadow-panel:0 0 0 1px rgba(255,255,255,.05), 0 20px 60px -20px rgba(0,0,0,.7);
  --shadow-lift:0 14px 40px -8px rgba(0,0,0,.5);
  --glow-green:0 8px 30px -8px rgba(16,185,129,.6);
  --glow-green-strong:0 14px 40px -8px rgba(16,185,129,.7);
  --glow-cyan:0 0 20px rgba(34,211,238,.55);
  --glow-dot:0 0 10px currentColor; /* @kind shadow */

  /* ---- Blur ---- */
  --blur-nav:14px; /* @kind other */

  /* ---- Ambient background wash (radial accent glows behind the page) ---- */
  --ambient:
    radial-gradient(700px 500px at 12% -5%, rgba(16,185,129,.10), transparent 60%),
    radial-gradient(700px 520px at 92% 8%, rgba(59,130,246,.10), transparent 60%),
    radial-gradient(800px 600px at 50% 110%, rgba(168,85,247,.08), transparent 60%); /* @kind other */

  /* ---- Motion ---- */
  --ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
  --dur-fast:.18s; /* @kind other */
  --dur:.22s; /* @kind other */
  --dur-reveal:.7s; /* @kind other */
  --lift:-2px; /* @kind other */
  --lift-lg:-3px; /* @kind other */
}