/* Toy Labs — bright lab: cyan + lime, chunky rounded, playful */
:root {
  --ink:        #0D1B24;
  --ink-soft:   #55707F;
  --bg:         #FFFFFF;
  --bg-alt:     #F0FAFF;
  --surface:    #FFFFFF;
  --line:       #D6E9F2;

  --brand:      #00A8E8;
  --brand-2:    #8ED81C;
  --brand-ink:  #04121C;
  --accent:     #FF7A1A;

  --font-display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --r-sm: 12px; --r-md: 20px; --r-lg: 28px; --r-pill: 999px;
  --display-weight: 600;
  --display-tracking: -0.015em;
  --display-case: none;

  /* graph-paper lab bench */
  --texture:
    linear-gradient(to right, rgba(0,168,232,.045) 1px, transparent 1px) 0 0 / 34px 34px,
    linear-gradient(to bottom, rgba(0,168,232,.045) 1px, transparent 1px) 0 0 / 34px 34px;
  --hero-overlay: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(4,18,28,.30) 100%);
}
.hero { background: radial-gradient(90% 70% at 78% 8%, rgba(142,216,28,.16), transparent 62%),
                     radial-gradient(70% 60% at 6% 92%, rgba(0,168,232,.14), transparent 60%); }
.step__n { border-radius: 999px; }