:root {
      --bg: #070a11;
      --ink: #f6f8fc;
      --muted: #9aa8bc;
      --soft: #f4f8ff;
      --line: rgba(255,255,255,.12);
      --glass: rgba(255,255,255,.062);
      --aqua: #73ead8;
      --blue: #92b8ff;
      --gold: #f6d48a;
    }
    * { box-sizing: border-box; }
    html {
      scroll-behavior: smooth;
      overflow-x: hidden;
    }
    body {
      margin: 0;
      background:
        radial-gradient(circle at 13% 9%, rgba(115,234,216,.16), transparent 30rem),
        radial-gradient(circle at 86% 12%, rgba(146,184,255,.19), transparent 35rem),
        radial-gradient(circle at 60% 58%, rgba(246,212,138,.08), transparent 38rem),
        linear-gradient(180deg, #070a11, #0b1019 48%, #05070b);
      color: var(--ink);
      font: 16px/1.65 ui-sans-serif, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    body.nexeva-frame,
    body.nexeva-frame .site,
    body.nexeva-frame .wp-site-blocks,
    body.nexeva-frame.content-style-unboxed .site,
    body.nexeva-frame .content-bg {
      background:
        radial-gradient(circle at 13% 9%, rgba(115,234,216,.16), transparent 30rem),
        radial-gradient(circle at 86% 12%, rgba(146,184,255,.19), transparent 35rem),
        radial-gradient(circle at 60% 58%, rgba(246,212,138,.08), transparent 38rem),
        linear-gradient(180deg, #070a11, #0b1019 48%, #05070b);
      color: var(--ink);
    }
    body.nexeva-frame a,
    body.nexeva-frame .site a {
      color: inherit;
    }
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size: 68px 68px;
      mask-image: linear-gradient(to bottom, black, transparent 78%);
    }
    .network-bg {
      position: fixed;
      inset: 0;
      z-index: 0;
      width: 100%;
      max-width: 100%;
      height: 100%;
      pointer-events: none;
      opacity: .74;
      mix-blend-mode: screen;
    }
    @keyframes drift {
      0%, 100% { transform: translate3d(0, 0, 0); opacity: .55; }
      50% { transform: translate3d(12px, -18px, 0); opacity: .95; }
    }
    @keyframes scan {
      0% { transform: translateX(-120%); opacity: 0; }
      18%, 72% { opacity: .75; }
      100% { transform: translateX(120%); opacity: 0; }
    }
    @keyframes pulse {
      0%, 100% { transform: scale(.92); opacity: .35; }
      50% { transform: scale(1.12); opacity: .95; }
    }
    @keyframes orbit {
      to { transform: rotate(360deg); }
    }
    a { color: inherit; text-decoration: none; }
    .nav {
      position: sticky;
      top: 20px;
      z-index: 20;
      width: min(1180px, calc(100% - 40px));
      margin: 20px auto 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 22px;
      padding: 13px 18px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: rgba(7,10,17,.62);
      backdrop-filter: blur(18px);
      box-shadow: 0 24px 90px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.14);
    }
    .brand { font-size: 25px; font-weight: 850; letter-spacing: -.05em; }
    .links { display: flex; gap: 23px; color: var(--muted); font-size: 15.5px; }
    .links a {
      color: rgba(244,248,255,.72);
      transition: color .25s ease, text-shadow .25s ease, transform .25s ease;
    }
    .links a:hover,
    .links a:focus-visible {
      color: var(--ink);
      text-shadow: 0 0 22px rgba(115,234,216,.42);
      transform: translateY(-1px);
    }
    .mobile-menu-toggle,
    .mobile-menu {
      display: none;
    }
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 12px 18px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 999px;
      background: rgba(255,255,255,.082);
      box-shadow: inset 0 1px rgba(255,255,255,.18);
      transform: translate3d(0,0,0) scale(1);
      transition: transform .32s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease, border-color .32s ease, background .32s ease;
    }
    .pill.primary {
      color: #061016;
      background: linear-gradient(135deg, var(--aqua), var(--blue));
      border-color: transparent;
      font-weight: 760;
    }
    .pill:hover,
    .pill:focus-visible {
      transform: translateY(-2px) scale(1.055);
      border-color: rgba(115,234,216,.58);
      background: rgba(255,255,255,.12);
      box-shadow: 0 0 34px rgba(115,234,216,.2), 0 18px 54px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.22);
    }
    .pill.primary:hover,
    .pill.primary:focus-visible {
      background: linear-gradient(135deg, #8df7e6, #a9c6ff);
      box-shadow: 0 0 42px rgba(115,234,216,.35), 0 18px 54px rgba(0,0,0,.35);
    }
    .nav, .hero, .strip, section { position: relative; z-index: 1; }
    .hero {
      position: relative;
      min-height: 900px;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 92px 24px 54px;
    }
    .hero::after {
      content: "Nexeva";
      position: absolute;
      font-family: Georgia, "Times New Roman", serif;
      font-style: italic;
      font-size: clamp(140px, 20vw, 340px);
      letter-spacing: -.11em;
      color: rgba(255,255,255,.035);
      transform: translateY(-82px);
      pointer-events: none;
    }
    .hero-inner { position: relative; z-index: 1; }
    .eyebrow {
      color: var(--aqua);
      font-size: 12px;
      font-weight: 850;
      letter-spacing: .24em;
      text-transform: uppercase;
    }
    h1, h2, h3, p { margin-top: 0; }
    h1, h2, h3 {
      color: var(--ink);
      word-break: keep-all;
      overflow-wrap: normal;
      text-wrap: balance;
    }
    body.nexeva-frame h1,
    body.nexeva-frame h2,
    body.nexeva-frame h3,
    body.nexeva-frame .glass h1,
    body.nexeva-frame .glass h2,
    body.nexeva-frame .glass h3,
    body.nexeva-frame .proofs strong {
      color: var(--ink);
    }
    h1 {
      margin: 22px auto 24px;
      max-width: 980px;
      font-size: clamp(46px, 6.5vw, 96px);
      line-height: .94;
      letter-spacing: -.078em;
    }
    .hero h1 {
      max-width: 1060px;
      font-family: "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;
      font-size: clamp(44px, 5.6vw, 86px);
      font-weight: 760;
      line-height: 1.05;
      letter-spacing: -.045em;
    }
    h2 {
      font-size: clamp(34px, 4.8vw, 62px);
      line-height: 1.04;
      letter-spacing: -.055em;
      margin-bottom: 24px;
    }
    h3 { font-size: 23px; line-height: 1.16; letter-spacing: -.032em; }
    .serif {
      font-family: Georgia, "Times New Roman", serif;
      font-style: italic;
      font-weight: 400;
      letter-spacing: -.065em;
    }
    .hero h1 .serif {
      font-family: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", STSong, serif;
      font-style: normal;
      font-weight: 500;
      line-height: 1.06;
      letter-spacing: -.018em;
    }
    .keep-line { white-space: nowrap; }
    .headline-line,
    .split-heading .keep-line {
      display: block;
    }
    .hero-ai {
      color: transparent;
      background: linear-gradient(135deg, var(--aqua), var(--blue) 58%, #eaf4ff);
      -webkit-background-clip: text;
      background-clip: text;
      text-shadow: 0 0 34px rgba(115,234,216,.18);
    }
    .lead {
      max-width: 790px;
      margin: 0 auto 34px;
      color: var(--soft);
      font-size: clamp(17px, 1.65vw, 21px);
    }
    .actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
    .strip {
      width: min(1080px, calc(100% - 40px));
      margin: -92px auto 128px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 30px;
      background: rgba(255,255,255,.046);
      backdrop-filter: blur(20px);
    }
    .glass, .strip div {
      border: 1px solid var(--line);
      border-radius: 26px;
      background: var(--glass);
      box-shadow: inset 0 1px rgba(255,255,255,.12), 0 30px 80px rgba(0,0,0,.18);
    }
    .strip div { padding: 19px; }
    .strip strong { display: block; }
    .strip span { color: var(--muted); font-size: 13px; }
    section { width: min(1180px, calc(100% - 40px)); margin: 0 auto 150px; }
    .intro { max-width: 940px; text-align: center; }
    p { color: var(--soft); }
    .showcase {
      display: grid;
      grid-template-columns: .86fr 1.14fr;
      gap: 72px;
      align-items: center;
    }
    .showcase.diagnostic {
      width: min(1320px, calc(100% - 40px));
      grid-template-columns: .58fr 1.42fr;
      gap: 56px;
    }
    .showcase.reverse { grid-template-columns: 1.14fr .86fr; }
    .media {
      min-height: 430px;
      padding: 28px;
      position: relative;
      overflow: hidden;
    }
    .media.has-orbs { min-height: 540px; }
    .showcase.diagnostic .media.has-orbs {
      aspect-ratio: 1 / 1;
      min-height: 0;
    }
    .media::before {
      content: "";
      position: absolute;
      inset: 13%;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(146,184,255,.32), transparent 58%);
      filter: blur(22px);
    }
    .media::after,
    .lab-card::after {
      content: "";
      position: absolute;
      left: -40%;
      top: 24%;
      width: 70%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(115,234,216,.75), transparent);
      animation: scan 5.5s ease-in-out infinite;
    }
    .media.has-orbs::after { display: none; }
    .node {
      position: relative;
      display: inline-flex;
      margin: 10px;
      padding: 12px 16px;
      border: 1px solid rgba(255,255,255,.15);
      border-radius: 999px;
      background: rgba(7,10,17,.72);
      color: #e6edf7;
    }
    .node::after {
      content: "";
      width: 6px;
      height: 6px;
      margin-left: 8px;
      border-radius: 999px;
      background: var(--aqua);
      box-shadow: 0 0 18px rgba(115,234,216,.8);
      animation: pulse 2.8s ease-in-out infinite;
    }
    .semantic-cloud {
      position: absolute;
      inset: 34px;
      overflow: hidden;
      border-radius: 22px;
    }
    .semantic-orb {
      --size: 112px;
      --tx: 0px;
      --ty: 0px;
      position: absolute;
      left: var(--x);
      top: var(--y);
      width: var(--size);
      height: var(--size);
      display: grid;
      place-items: center;
      padding: 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.16);
      background:
        radial-gradient(circle at 34% 24%, rgba(255,255,255,.16), transparent 32%),
        rgba(7,10,17,.68);
      color: #edf6ff;
      font-size: clamp(13px, calc(var(--size) / 7.1), 20px);
      font-weight: 780;
      text-align: center;
      line-height: 1.12;
      box-shadow: inset 0 1px rgba(255,255,255,.18), 0 18px 52px rgba(0,0,0,.28);
      transform: translate3d(var(--tx), var(--ty), 0);
      transition: transform .42s cubic-bezier(.16, 1, .3, 1), border-color .32s ease, box-shadow .32s ease;
      will-change: transform;
    }
    .semantic-orb::after {
      content: "";
      position: absolute;
      right: 22%;
      top: 20%;
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--aqua);
      box-shadow: 0 0 20px rgba(115,234,216,.9);
      animation: pulse 2.6s ease-in-out infinite;
    }
    .semantic-orb:hover {
      border-color: rgba(115,234,216,.48);
      box-shadow: inset 0 1px rgba(255,255,255,.24), 0 0 36px rgba(115,234,216,.16), 0 24px 70px rgba(0,0,0,.34);
    }
    .platforms { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
    .card { padding: 28px; min-height: 282px; }
    .tilt-card {
      --rx: 0deg;
      --ry: 0deg;
      position: relative;
      overflow: hidden;
      transform: perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0) scale(1);
      transform-style: preserve-3d;
      transition: transform .42s cubic-bezier(.16, 1, .3, 1), border-color .3s ease, box-shadow .3s ease, background .3s ease;
      will-change: transform;
    }
    .tilt-card::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0;
      pointer-events: none;
      background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.2), transparent 34%);
      transition: opacity .28s ease;
    }
    .tilt-card:hover,
    .tilt-card:focus-within {
      border-color: rgba(115,234,216,.42);
      background: rgba(255,255,255,.082);
      box-shadow: 0 0 34px rgba(115,234,216,.12), 0 34px 100px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.18);
      transform: perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-8px) scale(1.032);
    }
    .tilt-card:hover::before,
    .tilt-card:focus-within::before { opacity: 1; }
    .tilt-card:hover .icon,
    .tilt-card:focus-within .icon {
      transform: translateY(-4px) scale(1.08);
      box-shadow: 0 0 34px rgba(115,234,216,.22), inset 0 1px rgba(255,255,255,.28);
    }
    .icon {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      margin-bottom: 28px;
      background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.32), rgba(115,234,216,.08));
      border: 1px solid rgba(255,255,255,.18);
      color: var(--aqua);
      transition: transform .36s cubic-bezier(.16, 1, .3, 1), box-shadow .36s ease;
    }
    .icon svg {
      width: 28px;
      height: 28px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .icon img {
      width: 30px;
      height: 30px;
      object-fit: contain;
      border-radius: 8px;
      filter: saturate(1.08) contrast(1.05);
    }
    .tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
    .tags span {
      color: var(--aqua);
      border: 1px solid rgba(115,234,216,.3);
      border-radius: 999px;
      padding: 4px 9px;
      font-size: 12px;
    }
    .lab {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 26px;
      padding: 34px;
      border-radius: 34px;
    }
    .lab h2 {
      max-width: 760px;
      font-size: clamp(30px, 4.1vw, 54px);
    }
    .lab-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .lab-card {
      position: relative;
      overflow: hidden;
      padding: 20px;
      min-height: 250px;
    }
    .thumb {
      height: 92px;
      margin-bottom: 22px;
      border-radius: 20px;
      border: 1px solid rgba(255,255,255,.13);
      background:
        radial-gradient(circle at 28% 30%, rgba(115,234,216,.5), transparent 25%),
        radial-gradient(circle at 72% 70%, rgba(146,184,255,.42), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.035));
    }
    .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 42px; text-align: center; }
    .num { font: italic 72px Georgia, "Times New Roman", serif; line-height: 1; }
    .proofs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .proofs .glass { padding: 30px; min-height: 252px; }
    .cta { text-align: center; padding: 92px 40px; }
    .cta h2 {
      max-width: 1040px;
      margin-left: auto;
      margin-right: auto;
    }
    .note { color: var(--muted); font-size: 13px; }
    .js .reveal {
      opacity: 0;
      transform: translateY(46px) scale(.985);
      transition: opacity .9s cubic-bezier(.16, 1, .3, 1), transform .9s cubic-bezier(.16, 1, .3, 1);
      transition-delay: var(--delay, 0ms);
    }
    .js .reveal.is-visible {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    .tech-layer {
      position: absolute;
      inset: 0;
      pointer-events: none;
      overflow: hidden;
      z-index: 0;
      display: none;
    }
    .spark {
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--aqua);
      box-shadow: 0 0 24px rgba(115,234,216,.88);
      animation: drift 7s ease-in-out infinite;
    }
    .spark:nth-child(1) { left: 18%; top: 25%; animation-delay: -1.2s; }
    .spark:nth-child(2) { right: 22%; top: 31%; animation-delay: -3.1s; background: var(--blue); }
    .spark:nth-child(3) { left: 28%; bottom: 23%; animation-delay: -4.4s; }
    .orbit-ring {
      position: absolute;
      right: 14%;
      bottom: 18%;
      width: 156px;
      height: 156px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 999px;
      animation: orbit 18s linear infinite;
    }
    .orbit-ring::after {
      content: "";
      position: absolute;
      left: 50%;
      top: -4px;
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--gold);
      box-shadow: 0 0 24px rgba(246,212,138,.78);
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
      }
      .js .reveal {
        opacity: 1;
        transform: none;
        transition: none;
      }
      .tilt-card,
      .tilt-card:hover,
      .pill:hover {
        transform: none;
      }
      .network-bg { opacity: .32; }
    }
    @media (max-width: 900px) {
      .links { display: none; }
      .nav {
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
      }
      .nav > .pill.primary {
        margin-left: auto;
      }
      .mobile-menu-toggle {
        position: relative;
        width: 48px;
        height: 48px;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 999px;
        display: inline-grid;
        place-items: center;
        gap: 0;
        background: rgba(255,255,255,.08);
        color: var(--ink);
        box-shadow: inset 0 1px rgba(255,255,255,.16);
      }
      .mobile-menu-toggle span:not(.sr-only) {
        position: absolute;
        left: calc(50% - 9px);
        top: calc(50% - 1px);
        display: block;
        width: 18px;
        height: 2px;
        margin: 0;
        border-radius: 999px;
        background: currentColor;
        transition: transform .12s ease, opacity .12s ease;
      }
      .mobile-menu-toggle span:nth-of-type(2) {
        transform: translateY(-5px);
      }
      .mobile-menu-toggle span:nth-of-type(3) {
        transform: translateY(5px);
      }
      .mobile-menu-toggle[aria-expanded="true"] span:nth-of-type(2) {
        transform: rotate(45deg);
      }
      .mobile-menu-toggle[aria-expanded="true"] span:nth-of-type(3) {
        transform: rotate(-45deg);
      }
      .mobile-menu {
        flex-basis: 100%;
        display: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 10px 2px 2px;
      }
      .mobile-menu.is-open {
        display: grid;
      }
      .mobile-menu a {
        padding: 12px 14px;
        border: 1px solid rgba(255,255,255,.12);
        border-radius: 18px;
        background: rgba(255,255,255,.06);
        color: var(--ink);
        font-size: 14px;
        font-weight: 680;
      }
      .strip, .platforms, .stats, .proofs, .showcase, .showcase.reverse, .lab, .lab-grid { grid-template-columns: 1fr; }
      .showcase.diagnostic { grid-template-columns: 1fr; }
      .strip { margin-top: -42px; }
      .hero { min-height: 760px; }
      .lab { padding: 22px; }
      .headline-line,
      .split-heading .keep-line {
        white-space: normal;
      }
      .media.has-orbs { min-height: 430px; }
      .semantic-cloud { inset: 20px; }
    }