html { scroll-behavior: smooth; }
    body {
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: #0A0A0F;
      background: #fff;
    }
    .glass {
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      background: rgba(255,255,255,.76);
    }
    .grid-fade::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(10,10,15,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(10,10,15,.03) 1px, transparent 1px);
      background-size: 34px 34px;
      mask-image: radial-gradient(circle at center, black 48%, transparent 84%);
      pointer-events: none;
    }
    .service-card:hover .service-line,
    .service-card:focus-within .service-line {
      width: 100%;
    }
    .chip.active {
      background: #0A0A0F;
      color: #fff;
      border-color: #0A0A0F;
    }
    .reveal {
      opacity: 0;
      transform: translateY(22px);
      transition: opacity .7s ease, transform .7s ease;
    }
    .reveal.show {
      opacity: 1;
      transform: translateY(0);
    }

    .glass {
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      background: rgba(255,255,255,.78);
    }
    .grid-fade::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(10,10,15,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(10,10,15,.03) 1px, transparent 1px);
      background-size: 34px 34px;
      mask-image: radial-gradient(circle at center, black 45%, transparent 82%);
      pointer-events: none;
    }
    .hero-image::after,
    .image-overlay::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(10,10,15,.10), rgba(10,10,15,.48));
      border-radius: inherit;
    }
    .section-image::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(110deg, rgba(10,10,15,.68) 0%, rgba(42,20,88,.50) 42%, rgba(77,226,230,.12) 100%);
      border-radius: inherit;
    }
    .reveal {
      opacity: 0;
      transform: translateY(22px);
      transition: opacity .75s ease, transform .75s ease;
    }
    .reveal.show {
      opacity: 1;
      transform: translateY(0);
    }
    .chip.active {
      background: #0A0A0F;
      color: #fff;
      border-color: #0A0A0F;
    }
    .service-card:hover .service-line,
    .service-card:focus-within .service-line {
      width: 100%;
    }
    .carousel-track {
      display: flex;
      transition: transform .7s cubic-bezier(.22,1,.36,1);
      width: 100%;
    }
    .carousel-slide {
      min-width: 100%;
    }
    .carousel-dot.active {
      background: #0A0A0F;
      transform: scale(1.08);
    }