header.hero.hero-math{
    position: relative;
    overflow: hidden;
    background:
      radial-gradient(circle at center, rgba(255,255,255,0.035) 0%, rgba(255,255,255,0.015) 22%, rgba(11,12,15,0) 42%),
      linear-gradient(135deg, #0b0c0f 0%, #101218 45%, #0b0c0f 100%);
    color: #f5f5f7;
    border-bottom: 1px solid rgba(255,255,255,.10);
    padding: clamp(56px, 7vw, 110px) 0;
    isolation: isolate;
  }

  header.hero.hero-math .container{
    position: relative;
    z-index: 3;
  }

  header.hero.hero-math::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
      radial-gradient(
        ellipse at center,
        rgba(11,12,15,0) 0%,
        rgba(11,12,15,0) 18%,
        rgba(11,12,15,0.22) 30%,
        rgba(11,12,15,0.55) 42%,
        rgba(11,12,15,0) 58%
      );
  }

  .hero-math-layer{
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
  }

  .hero-math-formula{
    position: absolute;
    color: rgba(255,255,255,0.10);
    white-space: nowrap;
    user-select: none;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1;
    filter: blur(0.2px);
    text-shadow: 0 0 18px rgba(255,255,255,0.03);
  }

  .hero-math-formula.small{ font-size: clamp(18px, 1.8vw, 26px); }
  .hero-math-formula.med{ font-size: clamp(24px, 2.3vw, 34px); }
  .hero-math-formula.big{ font-size: clamp(30px, 3vw, 44px); }

  .hero-math-formula.f1  { top: 9%;  left: 4%;  transform: rotate(-11deg); }
  .hero-math-formula.f2  { top: 27%; left: 7%;  transform: rotate(-7deg); }
  .hero-math-formula.f3  { top: 49%; left: 5%;  transform: rotate(-10deg); }
  .hero-math-formula.f4  { bottom: 12%; left: 9%; transform: rotate(-6deg); }

  .hero-math-formula.f5  { top: 10%;  right: 5%;  transform: rotate(10deg); }
  .hero-math-formula.f6  { top: 31%;  right: 8%;  transform: rotate(7deg); }
  .hero-math-formula.f7  { top: 54%;  right: 4%;  transform: rotate(11deg); }
  .hero-math-formula.f8  { bottom: 13%; right: 9%; transform: rotate(6deg); }

  .hero-math-formula.f9  { top: 4%; left: 28%; transform: rotate(-4deg); }
  .hero-math-formula.f10 { top: 6%; right: 27%; transform: rotate(4deg); }
  .hero-math-formula.f11 { bottom: 6%; left: 24%; transform: rotate(3deg); }
  .hero-math-formula.f12 { bottom: 7%; right: 23%; transform: rotate(-3deg); }

  header.hero.hero-math .price,
  header.hero.hero-math h1,
  header.hero.hero-math .subhead{
    position: relative;
    z-index: 4;
  }

  @media (max-width: 991.98px){
    .hero-math-formula.f9,
    .hero-math-formula.f10,
    .hero-math-formula.f11,
    .hero-math-formula.f12{
      display: none;
    }
  }

  @media (max-width: 767.98px){
    .hero-math-formula{
      opacity: 0.72;
    }

    .hero-math-formula.f2,
    .hero-math-formula.f3,
    .hero-math-formula.f6,
    .hero-math-formula.f7{
      display: none;
    }

    header.hero.hero-math{
      padding: clamp(48px, 9vw, 76px) 0;
    }
  }