/* EXPERIMENT: blue gradients. Founder asked to "see how blue gradients look".
   To drop it, delete the <link> to this file in index.html; nothing else depends on it.
   Every gradient is the brand accent #1E76FA (rgb 30 118 250) at low alpha over the near-black page, so no new
   hue is introduced. Peak alpha behind text stays at or below ~0.14 so the text contrast ratios in
   styleguide/colours.html still hold within a fraction. This departs from context/visual-design.md ("no glow"),
   so it is kept out of the main stylesheets. Blocks are independent: delete one to remove just that effect. */

:root {
  --blue-rgb: 30, 118, 250;
}

/* ---- B. Nav: blue link states. The backing is the darker neutral set in styles.css and the line under the nav stays the neutral grey border. ---- */
/* Link hover: white text, short blue underline. Current section (set by js/experiments/nav-active.js): blue dot only, no underline. */
.nav__links a { position: relative; transition: color .2s; }
.nav__links a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 6px; height: 1px;
  background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .25s ease;
}
.nav__links a:hover::after { transform: scaleX(1); }
.nav__links a[aria-current] { color: var(--t-head); }
.nav__links a[aria-current]::before {
  content: ""; position: absolute; left: -12px; top: 50%; width: 5px; height: 5px; margin-top: -2.5px;
  border-radius: 50%; background: var(--accent);
}
@media (prefers-reduced-motion: reduce) { .nav__links a::after, .nav__links a { transition: none; } }

/* ---- C. Section honeycomb (the blue wash behind each section was removed). The dividers between sections stay the neutral white hairline from section-base.css. ---- */
.s--dots::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.78' height='36' viewBox='0 0 20.78 36' fill='none' stroke='%231E76FA' stroke-opacity='.1' stroke-width='1'%3E%3Cpath d='M0 6L10.39 0L20.78 6M0 6V18M20.78 6V18M0 18L10.39 24L20.78 18M10.39 24V36'/%3E%3C/svg%3E"); }

/* ---- D. Cards: the blue top tint was replaced by neutral frosted glass (css/experiments/frosted-cards.css). ---- */

/* ---- E. Call-to-action card: the strongest gradient on the page, pooling at the bottom. Outline stays the neutral card grey (founder instruction). ---- */
.cta__card {
  background:
    radial-gradient(ellipse 80% 70% at 50% 108%, rgba(var(--blue-rgb), 0.34), rgba(var(--blue-rgb), 0.08) 55%, transparent 80%),
    linear-gradient(180deg, rgba(var(--blue-rgb), 0.10), transparent 40%),
    var(--recessed);
}

/* ---- F. How-it-works diagram. The two frames are now neutral frosted glass (css/experiments/frosted-cards.css); the Matrix hub keeps a blue outline.
        The step rail stays neutral so only the moving pulses are blue. ---- */
.how__hub { border-color: rgba(var(--blue-rgb), 0.7); }

/* ---- G. Footer: the blue pool at the bottom edge was removed; only the watermark strength is raised. ---- */
.ftr__mark img { opacity: 0.09; }