:root {
      --font-primary: "Space Grotesk", "Inter", "Satoshi", "Neue Montreal", system-ui, sans-serif;
      --nexus-navy: #0F172A;
      --nexus-blue: #2563EB;
      --nexus-sky: #60A5FA;
      --nexus-white: #FFFFFF;
      --nexus-black: #0A0A0A;
      --line: rgba(255, 255, 255, .12);
      --text-soft: rgba(255, 255, 255, .68);
      --ease: cubic-bezier(.22, 1, .36, 1);
    }

    * {
      box-sizing: border-box;
    }

    html {
      min-height: 100%;
      background: var(--nexus-black);
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      min-height: 100vh;
      min-height: 100dvh;
      overflow-x: hidden;
      color: var(--nexus-white);
      font-family: var(--font-primary);
      background:
        radial-gradient(circle at 50% -18%, rgba(37, 99, 235, .28), transparent 31rem),
        radial-gradient(circle at 18% 24%, rgba(96, 165, 250, .12), transparent 26rem),
        radial-gradient(circle at 86% 78%, rgba(37, 99, 235, .14), transparent 29rem),
        linear-gradient(180deg, #0A0A0A 0%, #0F172A 48%, #0A0A0A 100%);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }

    a {
      color: inherit;
      text-decoration: none;
      -webkit-tap-highlight-color: transparent;
    }

    img,
    svg {
      display: block;
    }

    @keyframes fade-up {
      from {
        opacity: 0;
        transform: translate3d(0, 24px, 0);
      }
      to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
      }
    }

    @keyframes blur-reveal {
      from {
        opacity: 0;
        filter: blur(18px);
        transform: scale(.975);
      }
      to {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
      }
    }

    @keyframes line-drift {
      to {
        background-position: 56px 0, 0 56px;
      }
    }

    @keyframes glow-breathe {
      0%, 100% {
        opacity: .2;
        transform: translate3d(0, 0, 0) scale(1);
      }
      50% {
        opacity: .32;
        transform: translate3d(0, -10px, 0) scale(1.04);
      }
    }

    .page {
      position: relative;
      isolation: isolate;
      display: grid;
      grid-template-rows: 1fr auto;
      min-height: 100vh;
      min-height: 100dvh;
      padding: clamp(2rem, 5vw, 4rem) clamp(1.25rem, 4vw, 3.5rem);
    }

    .page::before,
    .page::after {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
    }

    .page::before {
      z-index: -4;
      background-image:
        linear-gradient(rgba(255, 255, 255, .034) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .034) 1px, transparent 1px);
      background-size: 56px 56px;
      mask-image:
        radial-gradient(circle at center, rgba(0, 0, 0, .96), rgba(0, 0, 0, .24) 62%, transparent 78%);
      animation: line-drift 18s linear infinite;
    }

    .page::after {
      z-index: -3;
      background:
        linear-gradient(115deg, transparent 0 22%, rgba(96, 165, 250, .10) 22.08%, transparent 22.7% 67%, rgba(37, 99, 235, .09) 67.08%, transparent 67.8%),
        radial-gradient(740px at 50% 52%, rgba(255, 255, 255, .055), transparent 68%);
      opacity: .9;
    }

    .ambient-glow {
      position: fixed;
      z-index: -2;
      pointer-events: none;
      border-radius: 999px;
      filter: blur(96px);
      animation: glow-breathe 8s var(--ease) infinite;
    }

    .ambient-glow.one {
      top: -18rem;
      left: 50%;
      width: 38rem;
      height: 38rem;
      margin-left: -19rem;
      background: var(--nexus-blue);
    }

    .ambient-glow.two {
      right: -18rem;
      bottom: -18rem;
      width: 34rem;
      height: 34rem;
      background: var(--nexus-sky);
      animation-delay: -3.4s;
    }

    .architecture {
      position: fixed;
      inset: 0;
      z-index: -1;
      overflow: hidden;
      pointer-events: none;
    }

    .architecture span {
      position: absolute;
      background: linear-gradient(90deg, transparent, rgba(96, 165, 250, .28), transparent);
      opacity: .52;
      transform-origin: center;
    }

    .architecture span:nth-child(1) {
      top: 19%;
      left: 9%;
      width: 15rem;
      height: 1px;
      transform: rotate(32deg);
    }

    .architecture span:nth-child(2) {
      right: 10%;
      top: 31%;
      width: 18rem;
      height: 1px;
      transform: rotate(-24deg);
    }

    .architecture span:nth-child(3) {
      left: 16%;
      bottom: 20%;
      width: 13rem;
      height: 1px;
      transform: rotate(-18deg);
      opacity: .34;
    }

    .content {
      display: grid;
      place-items: center;
      width: min(100%, 46rem);
      margin: 0 auto;
      text-align: center;
    }

    .content-inner {
      width: 100%;
      animation: blur-reveal 1.1s var(--ease) both;
    }

    h1 {
      margin: 0;
      font-size: clamp(3.6rem, 10vw, 7.8rem);
      font-weight: 700;
      line-height: .9;
      letter-spacing: 0;
      text-wrap: balance;
      animation: fade-up .95s var(--ease) .08s both;
    }

    h1 img {
      width: min(100%, clamp(5.75rem, 19.34vw, 14.72rem));
      height: auto;
      margin: 0 auto;
      object-fit: contain;
      filter: drop-shadow(0 26px 80px rgba(37, 99, 235, .20));
    }

    .description {
      max-width: 39rem;
      margin: clamp(1.25rem, 3vw, 1.8rem) auto 0;
      color: var(--text-soft);
      font-size: clamp(1.02rem, 2vw, 1.22rem);
      font-weight: 300;
      line-height: 1.72;
      text-wrap: pretty;
      animation: fade-up .95s var(--ease) .18s both;
    }

    .actions {
      display: grid;
      gap: .86rem;
      width: min(100%, 28.5rem);
      margin: clamp(2.25rem, 5vw, 3.25rem) auto 0;
      animation: fade-up .95s var(--ease) .28s both;
    }

    .action-link {
      position: relative;
      isolation: isolate;
      display: grid;
      grid-template-columns: 1.35rem 1fr 1.35rem;
      align-items: center;
      min-height: 4.15rem;
      padding: 0 1.25rem;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 999px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .028)),
        rgba(15, 23, 42, .66);
      box-shadow:
        0 24px 68px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .08);
      color: rgba(255, 255, 255, .9);
      font-size: .93rem;
      font-weight: 700;
      text-transform: uppercase;
      backdrop-filter: blur(22px);
      transition:
        transform .55s var(--ease),
        border-color .45s ease,
        background .45s ease,
        box-shadow .45s ease;
    }

    .action-link::before {
      content: "";
      position: absolute;
      inset: 1px;
      z-index: -1;
      border-radius: inherit;
      background: linear-gradient(110deg, transparent 22%, rgba(255, 255, 255, .11), transparent 46%);
      transform: translateX(-130%);
      transition: transform .7s var(--ease);
    }

    .action-link::after {
      content: "";
      width: .42rem;
      height: .42rem;
      justify-self: end;
      border-radius: 999px;
      background: rgba(255, 255, 255, .35);
      box-shadow: 0 0 16px rgba(255, 255, 255, .18);
      transition: background .35s ease, box-shadow .35s ease, transform .35s var(--ease);
    }

    .action-link svg {
      width: 1.28rem;
      height: 1.28rem;
      color: var(--nexus-sky);
      stroke-width: 1.8;
      transition: transform .45s var(--ease), color .35s ease;
    }

    .action-link span {
      justify-self: center;
    }

    .action-link:hover,
    .action-link:focus-visible {
      transform: translateY(-3px) scale(1.01);
      border-color: rgba(96, 165, 250, .34);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04)),
        rgba(15, 23, 42, .76);
      box-shadow:
        0 28px 82px rgba(0, 0, 0, .34),
        0 0 38px rgba(37, 99, 235, .16),
        inset 0 1px 0 rgba(255, 255, 255, .12);
      outline: none;
    }

    .action-link:hover::before,
    .action-link:focus-visible::before {
      transform: translateX(130%);
    }

    .action-link:hover::after,
    .action-link:focus-visible::after {
      background: var(--nexus-sky);
      box-shadow: 0 0 22px rgba(96, 165, 250, .78);
      transform: scale(1.08);
    }

    .action-link:hover svg,
    .action-link:focus-visible svg {
      transform: translateY(-1px);
      color: var(--nexus-white);
    }

    .action-link.primary {
      border-color: rgba(96, 165, 250, .46);
      background:
        linear-gradient(135deg, rgba(37, 99, 235, .96), rgba(96, 165, 250, .9)),
        var(--nexus-blue);
      box-shadow:
        0 28px 88px rgba(37, 99, 235, .24),
        0 0 34px rgba(96, 165, 250, .16),
        inset 0 1px 0 rgba(255, 255, 255, .26);
      color: var(--nexus-white);
    }

    .action-link.primary::before {
      background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, .23), transparent 48%);
    }

    .action-link.primary::after {
      background: var(--nexus-white);
      box-shadow: 0 0 22px rgba(255, 255, 255, .42);
    }

    .action-link.primary svg {
      color: var(--nexus-white);
    }

    .action-link.primary:hover,
    .action-link.primary:focus-visible {
      border-color: rgba(255, 255, 255, .38);
      box-shadow:
        0 34px 92px rgba(37, 99, 235, .34),
        0 0 48px rgba(96, 165, 250, .22),
        inset 0 1px 0 rgba(255, 255, 255, .32);
    }

    .signature {
      display: grid;
      place-items: center;
      padding-top: clamp(2.75rem, 8vh, 5.75rem);
      animation: fade-up .95s var(--ease) .44s both;
    }

    .signature img {
      width: clamp(8.8rem, 18vw, 12.25rem);
      height: auto;
      object-fit: contain;
      opacity: .84;
      filter: drop-shadow(0 0 24px rgba(96, 165, 250, .12));
    }

    @media (max-width: 720px) {
      .page {
        padding: 2rem 1.08rem 2.35rem;
      }

      .content {
        width: min(100%, 34rem);
      }

      h1 {
        font-size: clamp(3.2rem, 18vw, 5.15rem);
      }

      .description {
        max-width: 31rem;
        line-height: 1.66;
      }

      .actions {
        width: min(100%, 26rem);
        gap: .78rem;
      }

      .action-link {
        min-height: 4rem;
        padding: 0 1.05rem;
      }

      .architecture span:nth-child(1),
      .architecture span:nth-child(2) {
        width: 10rem;
      }
    }

    @media (max-width: 390px) {
      .page {
        padding-inline: .9rem;
      }

      h1 {
        font-size: clamp(2.9rem, 17vw, 4.2rem);
      }

      .action-link {
        grid-template-columns: 1.2rem 1fr 1.2rem;
        font-size: .85rem;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
      }
    }