:root{--bg:#04050a;--panel:#080a13;--line:#292c40;--text:#f5f6fb;--muted:#afb4c5;--purple:#994bff;--blue:#4d88ff;--green:#5cff9b;--max:1536px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:#04050a;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.skip-link{position:fixed;left:8px;top:-50px;z-index:100;background:white;color:black;padding:8px 12px}.skip-link:focus{top:8px}
.approved-stage{width:min(100vw,var(--max));margin:0 auto;position:relative;aspect-ratio:3/2;background:#03040a;overflow:hidden}.approved-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.hotspots{position:absolute;inset:0;z-index:5}.hotspot{position:absolute;display:block;border:1px solid transparent;border-radius:4px}.hotspot:focus-visible,.hotspot:hover{outline:none;border-color:rgba(104,180,255,.75);box-shadow:0 0 18px rgba(103,77,255,.35);background:rgba(71,47,255,.035)}
.studio{left:25.8%;top:1.7%;width:4.5%;height:5.2%}.capabilities{left:32.4%;top:1.7%;width:7.4%;height:5.2%}.work{left:41.2%;top:1.7%;width:4.1%;height:5.2%}.intelligence{left:47.3%;top:1.7%;width:8%;height:5.2%}.founder{left:56.4%;top:1.7%;width:6.1%;height:5.2%}.contact-nav{left:63.6%;top:1.7%;width:5.9%;height:5.2%}.project-top{left:81.2%;top:1.55%;width:15.9%;height:5.1%}
.explore{left:3%;top:49.2%;width:15.6%;height:5.1%}.project-hero{left:19.7%;top:49.2%;width:14.4%;height:5.1%}.card-ai{left:2.6%;top:71.6%;width:15.7%;height:19.7%}.card-auto{left:18.8%;top:71.6%;width:15.1%;height:19.7%}.card-founder{left:34.5%;top:71.6%;width:14.5%;height:19.7%}.card-global{left:49.3%;top:71.6%;width:14.5%;height:19.7%}.card-future{left:64%;top:71.6%;width:14.2%;height:19.7%}.screen-reader-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mobile-hero{display:none}.details{max-width:1320px;margin:0 auto;padding:110px 32px 70px;background:radial-gradient(circle at 80% 15%,rgba(88,48,181,.12),transparent 32rem)}.section-heading{max-width:780px}.section-heading>span,.work>div>span,.intelligence-section>div>span,.contact>div>span{color:#aa62ff;font-size:12px;letter-spacing:.2em}.section-heading h2,.work h2,.intelligence-section h2,.contact h2{font-size:clamp(38px,5vw,72px);line-height:.98;margin:15px 0 20px;letter-spacing:-.025em}.section-heading p{color:var(--muted);font-size:18px;line-height:1.7}.detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:55px}.detail-grid article,.intelligence-cards article{border:1px solid var(--line);background:linear-gradient(145deg,rgba(12,13,24,.93),rgba(6,7,14,.72));padding:28px;min-height:250px}.detail-grid b,.intelligence-cards strong{font-family:monospace;color:#8952ff;font-size:13px}.detail-grid h3,.intelligence-cards h3{font-size:20px;margin:22px 0 12px}.detail-grid p,.intelligence-cards p{color:#b8bdcc;line-height:1.65;font-size:14px}.work,.intelligence-section{border-top:1px solid var(--line);margin-top:110px;padding-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.chips{display:flex;flex-wrap:wrap;gap:12px;padding-top:34px}.chips span{border:1px solid #34364d;padding:14px 17px;font-size:12px;color:#c7cad6}.intelligence-cards{display:grid;gap:12px}.intelligence-cards article{min-height:0}.contact{margin-top:110px;padding:70px 0 90px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{max-width:570px;color:#b8bdcc;line-height:1.7}.contact form{display:grid;gap:18px}.contact label{font-size:11px;color:#a9adbd;letter-spacing:.08em}.contact input,.contact textarea{display:block;width:100%;margin-top:8px;background:#090b13;border:1px solid #34364b;color:#fff;padding:15px;font:inherit;outline:none}.contact input:focus,.contact textarea:focus{border-color:#7850ff;box-shadow:0 0 0 3px rgba(116,73,255,.12)}.contact button{border:1px solid #7c48ff;background:linear-gradient(90deg,#5820ff,#3185ff);color:white;padding:17px 20px;font-weight:600;letter-spacing:.05em;cursor:pointer}.contact small{color:#747b8f}footer{max-width:1320px;margin:0 auto;padding:28px 32px 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:#777d8f;font-size:11px;letter-spacing:.12em}
@media(max-width:980px){.approved-stage{display:none}.mobile-hero{display:block;min-height:100svh;background:radial-gradient(circle at 70% 20%,rgba(89,48,182,.24),transparent 23rem),#05060b}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px}.brand{text-decoration:none;color:white;display:flex;flex-direction:column}.brand strong{letter-spacing:.27em;font-size:22px}.brand span{letter-spacing:.35em;font-size:10px;color:#a45bff;margin-top:4px}.mobile-project{text-decoration:none;color:white;border:1px solid #6f3fc5;padding:12px 14px;font-size:10px}.mobile-visual{height:47vh;overflow:hidden;position:relative}.mobile-visual img{width:155%;max-width:none;height:100%;object-fit:cover;object-position:69% 42%;transform:translateX(-34%)}.mobile-copy{padding:30px 20px 55px}.mobile-copy>span{color:#af61ff;font-size:11px}.mobile-copy h1{font-family:"Arial Narrow",Inter,sans-serif;font-size:clamp(40px,12vw,62px);line-height:1.02;margin:18px 0}.mobile-copy h1 em{font-style:normal;color:#8e4dff}.mobile-copy p{color:#bcc0cf;line-height:1.7}.mobile-actions{display:grid;gap:12px;margin-top:28px}.mobile-actions a{text-decoration:none;color:white;border:1px solid #613ca4;padding:16px}.mobile-actions a:first-child{background:linear-gradient(90deg,#5521ff,#2c8aff)}.details{padding-top:80px}.detail-grid{grid-template-columns:1fr 1fr}.work,.intelligence-section,.contact{grid-template-columns:1fr;gap:28px}footer{flex-direction:column}}
@media(max-width:600px){.detail-grid{grid-template-columns:1fr}.details{padding-left:20px;padding-right:20px}.section-heading h2,.work h2,.intelligence-section h2,.contact h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Animated tech-border treatment for selected interactive links */
@media (min-width:981px) and (prefers-reduced-motion:no-preference){
  .hotspot.project-top,.hotspot.explore,.hotspot.project-hero,
  .hotspot.card-ai,.hotspot.card-auto,.hotspot.card-founder,.hotspot.card-global,.hotspot.card-future{
    border-color:rgba(137,73,255,.20);
    overflow:hidden;
    isolation:isolate;
  }
  .hotspot.project-top::before,.hotspot.explore::before,.hotspot.project-hero::before,
  .hotspot.card-ai::before,.hotspot.card-auto::before,.hotspot.card-founder::before,.hotspot.card-global::before,.hotspot.card-future::before{
    content:"";position:absolute;inset:-2px;pointer-events:none;z-index:2;
    background:linear-gradient(90deg,transparent 0 34%,#8d4dff 44%,#56a8ff 50%,#d172ff 56%,transparent 66%);
    background-size:240% 2px;background-repeat:no-repeat;background-position:-150% 0;
    filter:drop-shadow(0 0 5px rgba(122,75,255,.9));
    animation:nexron-border-scan 4.6s linear infinite;
  }
  .hotspot.project-top::after,.hotspot.explore::after,.hotspot.project-hero::after,
  .hotspot.card-ai::after,.hotspot.card-auto::after,.hotspot.card-founder::after,.hotspot.card-global::after,.hotspot.card-future::after{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
    border:1px solid rgba(142,77,255,.28);
    box-shadow:inset 0 0 13px rgba(72,83,255,.06),0 0 9px rgba(112,58,255,.05);
    animation:nexron-border-pulse 3.2s ease-in-out infinite;
  }
  .hotspot.explore::before{animation-duration:3.4s}.hotspot.project-top::before{animation-duration:3.8s}
  .hotspot.card-ai::before{animation-delay:-.2s}.hotspot.card-auto::before{animation-delay:-1s}.hotspot.card-founder::before{animation-delay:-1.8s}.hotspot.card-global::before{animation-delay:-2.6s}.hotspot.card-future::before{animation-delay:-3.4s}
  @keyframes nexron-border-scan{0%{background-position:-150% 0}50%{background-position:150% 0}100%{background-position:150% 100%}}
  @keyframes nexron-border-pulse{0%,100%{opacity:.45}50%{opacity:1;box-shadow:inset 0 0 17px rgba(72,83,255,.10),0 0 14px rgba(112,58,255,.18)}}
}

@media (prefers-reduced-motion:no-preference){
  .mobile-project,.mobile-actions a,.contact button{position:relative;overflow:hidden}
  .mobile-project::after,.mobile-actions a::after,.contact button::after{content:"";position:absolute;left:-45%;top:0;width:35%;height:1px;background:linear-gradient(90deg,transparent,#b96cff,#58a8ff,transparent);box-shadow:0 0 7px #7d54ff;animation:mobile-border-scan 3.6s linear infinite}
  @keyframes mobile-border-scan{to{left:115%}}
}

/* === V2: clearly visible traveling energy borders === */
@property --nexron-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@media (min-width:981px) and (prefers-reduced-motion:no-preference){
  .hotspot.project-top,.hotspot.explore,.hotspot.project-hero,
  .hotspot.card-ai,.hotspot.card-auto,.hotspot.card-founder,.hotspot.card-global,.hotspot.card-future{
    border:1px solid rgba(164,84,255,.52) !important;
    border-radius:5px;
    overflow:visible;
    isolation:isolate;
    box-shadow:0 0 10px rgba(111,60,255,.10), inset 0 0 10px rgba(69,110,255,.04);
  }

  .hotspot.project-top::before,.hotspot.explore::before,.hotspot.project-hero::before,
  .hotspot.card-ai::before,.hotspot.card-auto::before,.hotspot.card-founder::before,.hotspot.card-global::before,.hotspot.card-future::before{
    content:"";
    position:absolute;
    inset:-3px;
    padding:2px;
    border-radius:7px;
    pointer-events:none;
    z-index:3;
    background:conic-gradient(
      from var(--nexron-angle),
      transparent 0deg 245deg,
      rgba(71,119,255,0) 245deg,
      #4b8dff 258deg,
      #8d4cff 271deg,
      #f08cff 280deg,
      #77e9ff 289deg,
      rgba(83,99,255,0) 303deg,
      transparent 303deg 360deg
    );
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    filter:drop-shadow(0 0 3px #6d65ff) drop-shadow(0 0 8px rgba(147,77,255,.95));
    animation:nexron-energy-orbit 2.75s linear infinite;
  }

  .hotspot.project-top::after,.hotspot.explore::after,.hotspot.project-hero::after,
  .hotspot.card-ai::after,.hotspot.card-auto::after,.hotspot.card-founder::after,.hotspot.card-global::after,.hotspot.card-future::after{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:6px;
    pointer-events:none;
    z-index:2;
    border:1px solid rgba(137,74,255,.38);
    box-shadow:
      0 0 8px rgba(91,89,255,.20),
      inset 0 0 11px rgba(75,124,255,.08);
    animation:nexron-frame-breathe 1.9s ease-in-out infinite;
  }

  .hotspot.explore::before{animation-duration:2.05s}
  .hotspot.project-top::before{animation-duration:2.35s}
  .hotspot.project-hero::before{animation-duration:2.6s;animation-delay:-.8s}
  .hotspot.card-ai::before{animation-delay:0s}
  .hotspot.card-auto::before{animation-delay:-.55s}
  .hotspot.card-founder::before{animation-delay:-1.1s}
  .hotspot.card-global::before{animation-delay:-1.65s}
  .hotspot.card-future::before{animation-delay:-2.2s}

  .hotspot.project-top:hover::before,.hotspot.explore:hover::before,.hotspot.project-hero:hover::before,
  .hotspot.card-ai:hover::before,.hotspot.card-auto:hover::before,.hotspot.card-founder:hover::before,.hotspot.card-global:hover::before,.hotspot.card-future:hover::before{
    animation-duration:1.15s;
    filter:drop-shadow(0 0 5px #71d5ff) drop-shadow(0 0 14px #a74cff);
  }

  @keyframes nexron-energy-orbit{to{--nexron-angle:360deg}}
  @keyframes nexron-frame-breathe{
    0%,100%{opacity:.55;box-shadow:0 0 7px rgba(91,89,255,.16),inset 0 0 8px rgba(75,124,255,.05)}
    50%{opacity:1;box-shadow:0 0 15px rgba(111,71,255,.34),inset 0 0 16px rgba(75,124,255,.12)}
  }
}

@media (max-width:980px) and (prefers-reduced-motion:no-preference){
  .mobile-project,.mobile-actions a,.contact button{
    border-color:#8c52ff !important;
    box-shadow:0 0 12px rgba(119,72,255,.2);
  }
}

/* === V3: slower energy borders + sparks + moving digital field behind Nexra === */
.approved-stage{isolation:isolate}
.approved-art{z-index:0}
.ambient-motion{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hotspots{z-index:5}

/* Moving circuit field stays away from Nexra's body so the portrait itself does not move. */
.ambient-grid{
  position:absolute;inset:-8%;opacity:.24;
  background-image:
    linear-gradient(90deg,transparent 0 48%,rgba(91,97,255,.22) 49%,rgba(91,97,255,.22) 50%,transparent 51%),
    linear-gradient(transparent 0 48%,rgba(116,66,255,.18) 49%,rgba(116,66,255,.18) 50%,transparent 51%);
  background-size:74px 74px;
  -webkit-mask-image:radial-gradient(ellipse 24% 49% at 61% 46%,transparent 0 78%,#000 88% 100%);
  mask-image:radial-gradient(ellipse 24% 49% at 61% 46%,transparent 0 78%,#000 88% 100%);
  animation:nexron-grid-drift 24s linear infinite;
}
.ambient-grid::before,.ambient-grid::after{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,transparent 0 115px,rgba(86,121,255,.18) 116px 117px,transparent 118px 235px);
  transform:skewX(-18deg);opacity:.38;
}
.ambient-grid::after{transform:skewY(13deg);opacity:.2;animation:nexron-data-slide 17s linear infinite reverse}

.ambient-orbit{
  position:absolute;left:61%;top:31%;translate:-50% -50%;border-radius:50%;
  border:1px solid rgba(112,81,255,.22);
  box-shadow:0 0 28px rgba(82,70,255,.09),inset 0 0 22px rgba(65,91,255,.04);
}
.orbit-one{width:34%;aspect-ratio:1;animation:nexron-orbit-rotate 31s linear infinite}
.orbit-two{width:27%;aspect-ratio:1;border-style:dashed;opacity:.6;animation:nexron-orbit-rotate 22s linear infinite reverse}
.ambient-orbit::before{
  content:"";position:absolute;inset:-3px;border-radius:inherit;
  background:conic-gradient(from 0deg,transparent 0 71%,rgba(105,77,255,.0) 72%,#635aff 76%,#a755ff 78%,#65d3ff 80%,transparent 84% 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  filter:drop-shadow(0 0 6px rgba(108,77,255,.8));
}

/* Sparks */
.spark-field{position:absolute;inset:0}
.nexron-spark{
  position:absolute;width:2px;height:2px;border-radius:50%;pointer-events:none;
  background:#fff7c9;box-shadow:0 0 4px #ff9f45,0 0 10px rgba(255,92,31,.9);
  transform:translate(-50%,-50%);opacity:0;
  animation:nexron-spark-pop var(--spark-life,.9s) ease-out forwards;
}
.nexron-spark.violet{background:#f7d7ff;box-shadow:0 0 4px #d67cff,0 0 11px rgba(103,87,255,.95)}
.nexron-spark::after{
  content:"";position:absolute;left:50%;top:50%;width:var(--spark-length,13px);height:1px;
  transform-origin:left center;transform:rotate(var(--spark-angle,35deg));
  background:linear-gradient(90deg,currentColor,transparent);opacity:.9
}

/* Slow the border travel considerably. */
@media (min-width:981px) and (prefers-reduced-motion:no-preference){
  .hotspot.project-top::before,.hotspot.explore::before,.hotspot.project-hero::before,
  .hotspot.card-ai::before,.hotspot.card-auto::before,.hotspot.card-founder::before,.hotspot.card-global::before,.hotspot.card-future::before{
    animation-duration:10.5s !important;
  }
  .hotspot.explore::before{animation-duration:8.8s !important}
  .hotspot.project-top::before{animation-duration:9.6s !important}
  .hotspot.project-hero::before{animation-duration:11.2s !important}
  .hotspot.card-ai::before{animation-delay:0s!important}
  .hotspot.card-auto::before{animation-delay:-2.1s!important}
  .hotspot.card-founder::before{animation-delay:-4.2s!important}
  .hotspot.card-global::before{animation-delay:-6.3s!important}
  .hotspot.card-future::before{animation-delay:-8.4s!important}
  .hotspot.project-top:hover::before,.hotspot.explore:hover::before,.hotspot.project-hero:hover::before,
  .hotspot.card-ai:hover::before,.hotspot.card-auto:hover::before,.hotspot.card-founder:hover::before,.hotspot.card-global:hover::before,.hotspot.card-future:hover::before{
    animation-duration:5.8s !important;
  }
  .hotspot.project-top::after,.hotspot.explore::after,.hotspot.project-hero::after,
  .hotspot.card-ai::after,.hotspot.card-auto::after,.hotspot.card-founder::after,.hotspot.card-global::after,.hotspot.card-future::after{
    animation-duration:4.8s !important;
  }
}

/* Hotspots adjusted to the latest approved composition. */
.explore{left:3.1%;top:51.9%;width:16.2%;height:5.5%}
.project-hero{left:21.2%;top:51.9%;width:15.7%;height:5.5%}
.card-ai{left:2.5%;top:74.3%;width:17%;height:19.1%}
.card-auto{left:21.1%;top:74.3%;width:17%;height:19.1%}
.card-founder{left:40.1%;top:74.3%;width:16.7%;height:19.1%}
.card-global{left:58.6%;top:74.3%;width:18.2%;height:19.1%}
.card-future{left:79.1%;top:74.3%;width:18.2%;height:19.1%}
.project-top{left:80.5%;top:1.8%;width:17.4%;height:5.2%}

@keyframes nexron-grid-drift{to{transform:translate3d(74px,74px,0)}}
@keyframes nexron-data-slide{to{background-position:235px 0}}
@keyframes nexron-orbit-rotate{to{rotate:360deg}}
@keyframes nexron-spark-pop{
  0%{opacity:0;scale:.4}
  15%{opacity:1;scale:1.15}
  60%{opacity:.85;translate:var(--spark-x,8px) var(--spark-y,-12px)}
  100%{opacity:0;scale:.2;translate:calc(var(--spark-x,8px)*1.8) calc(var(--spark-y,-12px)*1.8)}
}

@media(prefers-reduced-motion:reduce){.ambient-grid,.ambient-orbit{animation:none!important}.nexron-spark{display:none!important}}

/* === V5: cinematic moving future environment behind stationary Nexra === */
.approved-stage{position:relative;overflow:hidden;background:#03040a}
.approved-art{position:relative;z-index:0;display:block;width:100%;height:auto}
.ambient-motion{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.hotspots{z-index:7}

/* Keep the central character visually untouched. The mask opens only around the background. */
.ambient-motion{
  -webkit-mask-image:radial-gradient(ellipse 17% 46% at 62% 45%,transparent 0 86%,rgba(0,0,0,.42) 94%,#000 100%);
  mask-image:radial-gradient(ellipse 17% 46% at 62% 45%,transparent 0 86%,rgba(0,0,0,.42) 94%,#000 100%);
}

.future-city-glow{
  position:absolute;left:33%;right:15%;bottom:18%;height:34%;opacity:.42;
  background:
    linear-gradient(to top,rgba(25,34,120,.24),transparent 72%),
    repeating-linear-gradient(90deg,transparent 0 3.2%,rgba(83,97,255,.15) 3.25% 3.45%,transparent 3.5% 6.5%);
  filter:blur(.2px) drop-shadow(0 0 15px rgba(63,95,255,.25));
  transform-origin:center bottom;
  animation:city-parallax 18s ease-in-out infinite alternate;
}
.future-city-glow::before{
  content:"";position:absolute;left:-8%;right:-8%;bottom:0;height:62%;
  background:
    repeating-linear-gradient(90deg,transparent 0 5.2%,rgba(109,72,255,.16) 5.25% 5.55%,transparent 5.6% 8.7%),
    linear-gradient(to top,rgba(102,45,255,.13),transparent 80%);
  clip-path:polygon(0 100%,0 62%,4% 62%,4% 24%,7% 24%,7% 69%,10% 69%,10% 38%,14% 38%,14% 76%,18% 76%,18% 12%,22% 12%,22% 56%,26% 56%,26% 33%,31% 33%,31% 82%,36% 82%,36% 18%,40% 18%,40% 63%,45% 63%,45% 42%,50% 42%,50% 75%,55% 75%,55% 15%,60% 15%,60% 54%,66% 54%,66% 29%,71% 29%,71% 70%,76% 70%,76% 40%,82% 40%,82% 77%,87% 77%,87% 21%,92% 21%,92% 58%,96% 58%,96% 32%,100% 32%,100% 100%);
  animation:city-flicker 6.8s steps(1,end) infinite;
}

.data-lanes{position:absolute;left:33%;right:13%;height:1px;opacity:.72;filter:drop-shadow(0 0 5px #625bff)}
.data-lanes::before,.data-lanes::after{content:"";position:absolute;top:0;width:22%;height:1px;background:linear-gradient(90deg,transparent,#6a56ff,#78d9ff,transparent);animation:data-rush 7.5s linear infinite}
.data-lanes::after{animation-delay:-3.6s;width:14%}
.lane-a{top:30%;transform:rotate(-4deg)}
.lane-b{top:52%;transform:rotate(3deg);opacity:.5}.lane-b::before,.lane-b::after{animation-duration:10.2s}

.scan-beam{
  position:absolute;left:36%;right:15%;top:-8%;height:13%;opacity:.22;
  background:linear-gradient(to bottom,transparent,rgba(92,111,255,.06),rgba(165,84,255,.28),rgba(81,197,255,.18),transparent);
  filter:blur(2px) drop-shadow(0 0 18px rgba(103,74,255,.35));
  animation:scan-down 14s cubic-bezier(.45,0,.55,1) infinite;
}

.ambient-grid{position:absolute;inset:-10%;opacity:.2;background-image:linear-gradient(90deg,transparent 0 49.4%,rgba(87,108,255,.18) 49.5% 50.5%,transparent 50.6%),linear-gradient(transparent 0 49.4%,rgba(132,73,255,.16) 49.5% 50.5%,transparent 50.6%);background-size:84px 84px;animation:grid-flight 29s linear infinite}
.ambient-grid::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 92px,rgba(54,133,255,.12) 93px 94px,transparent 95px 182px);animation:grid-shear 21s linear infinite reverse}

.ambient-orbit{position:absolute;left:62.2%;top:34%;translate:-50% -50%;border-radius:50%;border:1px solid rgba(112,81,255,.24);filter:drop-shadow(0 0 8px rgba(92,74,255,.2))}
.orbit-one{width:34%;aspect-ratio:1;animation:orbit-spin 27s linear infinite}
.orbit-two{width:28%;aspect-ratio:1;border-style:dashed;animation:orbit-spin 19s linear infinite reverse}
.orbit-three{width:40%;aspect-ratio:1;border-color:rgba(68,153,255,.13);animation:orbit-spin 43s linear infinite reverse}
.ambient-orbit::before{content:"";position:absolute;inset:-3px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0 66%,#5a54ff 70%,#c44fff 73%,#59d5ff 76%,transparent 80%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));filter:drop-shadow(0 0 7px rgba(111,77,255,.85))}

.holo-ticks{position:absolute;left:43%;top:13%;width:42%;height:50%;opacity:.28;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(129,92,255,.8) 0 .12deg,transparent .14deg 5deg);-webkit-mask:radial-gradient(circle,transparent 0 45%,#000 45.5% 47%,transparent 47.5% 100%);mask:radial-gradient(circle,transparent 0 45%,#000 45.5% 47%,transparent 47.5% 100%);animation:tick-spin 58s linear infinite}

@keyframes city-parallax{0%{transform:translate3d(-1.3%,0,0) scaleX(1.01)}100%{transform:translate3d(1.8%,-1.2%,0) scaleX(1.035)}}
@keyframes city-flicker{0%,18%,24%,45%,49%,72%,100%{opacity:.72}20%,46%,76%{opacity:.32}22%,48%{opacity:.95}}
@keyframes data-rush{0%{left:-28%;opacity:0}12%{opacity:1}82%{opacity:1}100%{left:108%;opacity:0}}
@keyframes scan-down{0%{transform:translateY(-10%);opacity:0}12%{opacity:.18}52%{opacity:.3}88%{opacity:.14}100%{transform:translateY(830%);opacity:0}}
@keyframes grid-flight{to{transform:translate3d(84px,84px,0)}}
@keyframes grid-shear{to{background-position:182px 0}}
@keyframes orbit-spin{to{rotate:360deg}}
@keyframes tick-spin{to{transform:rotate(360deg)}}

/* Extra traveling background particles, distinct from link sparks. */
.bg-particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#8bdcff;box-shadow:0 0 6px #5d7dff,0 0 14px rgba(168,66,255,.7);opacity:0;animation:bg-particle-fly var(--life,7s) linear forwards}
@keyframes bg-particle-fly{0%{opacity:0;transform:translate3d(0,0,0) scale(.5)}10%{opacity:.75}70%{opacity:.5}100%{opacity:0;transform:translate3d(var(--dx,120px),var(--dy,-80px),0) scale(1.6)}}

@media(max-width:980px){.approved-stage{display:none!important}.mobile-hero{display:block!important}}
@media(prefers-reduced-motion:reduce){.future-city-glow,.data-lanes::before,.data-lanes::after,.scan-beam,.ambient-grid,.ambient-grid::before,.ambient-orbit,.holo-ticks,.bg-particle{animation:none!important}.bg-particle{display:none!important}}

/* === V6: border-locked energy traces + larger sparks + stronger Nexra environment === */
@media (min-width:981px) and (prefers-reduced-motion:no-preference){
  .hotspot.project-top,.hotspot.explore,.hotspot.project-hero,
  .hotspot.card-ai,.hotspot.card-auto,.hotspot.card-founder,.hotspot.card-global,.hotspot.card-future{
    border:1px solid rgba(147,82,255,.58)!important;
    border-radius:4px!important;
    overflow:hidden!important;
    box-shadow:0 0 9px rgba(101,71,255,.18),inset 0 0 9px rgba(71,121,255,.06)!important;
  }
  .hotspot.project-top::before,.hotspot.explore::before,.hotspot.project-hero::before,
  .hotspot.card-ai::before,.hotspot.card-auto::before,.hotspot.card-founder::before,.hotspot.card-global::before,.hotspot.card-future::before{
    inset:0!important;
    padding:1px!important;
    border-radius:4px!important;
    filter:drop-shadow(0 0 2px #71a5ff) drop-shadow(0 0 6px rgba(159,75,255,.9))!important;
    background:conic-gradient(
      from var(--nexron-angle),
      transparent 0deg 246deg,
      rgba(74,105,255,0) 246deg,
      #4e91ff 258deg,
      #8f50ff 270deg,
      #ef91ff 279deg,
      #76eaff 288deg,
      rgba(84,95,255,0) 301deg,
      transparent 301deg 360deg
    )!important;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
    -webkit-mask-composite:xor!important;
    mask-composite:exclude!important;
  }
  .hotspot.project-top::after,.hotspot.explore::after,.hotspot.project-hero::after,
  .hotspot.card-ai::after,.hotspot.card-auto::after,.hotspot.card-founder::after,.hotspot.card-global::after,.hotspot.card-future::after{
    inset:0!important;
    border-radius:4px!important;
    border:1px solid rgba(129,75,255,.28)!important;
  }
}

/* Larger, more dramatic random sparks. */
.nexron-spark{
  width:4px!important;height:4px!important;
  background:#fff0c5!important;
  box-shadow:0 0 7px #ffb44f,0 0 15px rgba(255,99,31,.95),0 0 26px rgba(255,122,36,.45)!important;
}
.nexron-spark.violet{
  background:#f8e4ff!important;
  box-shadow:0 0 8px #dc86ff,0 0 17px rgba(106,94,255,.98),0 0 30px rgba(79,151,255,.5)!important;
}
.nexron-spark::before{
  content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;
  transform:translate(-50%,-50%);background:currentColor;opacity:.42;filter:blur(2px)
}
.nexron-spark::after{height:2px!important;filter:drop-shadow(0 0 3px currentColor)}

/* Make the futuristic environment behind Nexra much more visible. */
.ambient-motion{opacity:1!important}
.future-city-glow{opacity:.74!important;filter:drop-shadow(0 0 24px rgba(67,102,255,.48)) drop-shadow(0 0 34px rgba(143,57,255,.24))!important}
.future-city-glow::before{opacity:.92!important}
.data-lanes{opacity:.95!important;filter:drop-shadow(0 0 8px #5d6cff) drop-shadow(0 0 15px rgba(192,69,255,.55))!important}
.scan-beam{opacity:.48!important;filter:blur(1px) drop-shadow(0 0 25px rgba(103,74,255,.65))!important}
.ambient-grid{opacity:.36!important}
.ambient-orbit{border-color:rgba(126,91,255,.48)!important;filter:drop-shadow(0 0 12px rgba(101,88,255,.58))!important}
.orbit-three{border-color:rgba(79,176,255,.28)!important}
.holo-ticks{opacity:.46!important}
.bg-particle{width:3px!important;height:3px!important;box-shadow:0 0 9px #62b8ff,0 0 20px rgba(171,72,255,.86)!important}

.ambient-motion::before{
  content:"";position:absolute;left:39%;top:6%;width:49%;height:66%;border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 42%,rgba(68,117,255,.14) 43% 43.7%,transparent 44.2% 52%,rgba(164,67,255,.14) 53% 53.6%,transparent 54%),
    conic-gradient(from 20deg,transparent 0 14%,rgba(77,155,255,.16) 16% 18%,transparent 20% 45%,rgba(173,69,255,.17) 47% 50%,transparent 52% 78%,rgba(93,91,255,.17) 80% 82%,transparent 84%);
  filter:drop-shadow(0 0 22px rgba(93,70,255,.38));
  animation:nexron-neural-halo 19s linear infinite;
}
.ambient-motion::after{
  content:"";position:absolute;left:35%;right:13%;bottom:18%;height:39%;
  background:
    linear-gradient(105deg,transparent 0 14%,rgba(72,105,255,.07) 15%,transparent 18% 34%,rgba(171,67,255,.09) 35%,transparent 38% 56%,rgba(71,204,255,.08) 57%,transparent 61%),
    repeating-linear-gradient(0deg,transparent 0 21px,rgba(95,89,255,.08) 22px,transparent 23px 43px);
  opacity:.72;transform:perspective(600px) rotateX(63deg);transform-origin:center bottom;
  animation:nexron-floor-stream 13s linear infinite;
}
@keyframes nexron-neural-halo{to{transform:rotate(360deg)}}
@keyframes nexron-floor-stream{0%{background-position:0 0,0 0}100%{background-position:140px -60px,0 86px}}

@media(prefers-reduced-motion:reduce){.ambient-motion::before,.ambient-motion::after{animation:none!important}}

/* === V7: single-border energy traces + dramatic moving Nexra environment === */
@media (min-width:981px) and (prefers-reduced-motion:no-preference){
  /* Never draw a second box. The approved artwork already contains the frame. */
  .hotspot.project-top,.hotspot.explore,.hotspot.project-hero,
  .hotspot.card-ai,.hotspot.card-auto,.hotspot.card-founder,.hotspot.card-global,.hotspot.card-future{
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
    border-radius:4px!important;
  }
  .hotspot.project-top::after,.hotspot.explore::after,.hotspot.project-hero::after,
  .hotspot.card-ai::after,.hotspot.card-auto::after,.hotspot.card-founder::after,.hotspot.card-global::after,.hotspot.card-future::after{
    content:none!important;
    display:none!important;
  }
  /* One moving luminous segment riding directly on the existing border. */
  .hotspot.project-top::before,.hotspot.explore::before,.hotspot.project-hero::before,
  .hotspot.card-ai::before,.hotspot.card-auto::before,.hotspot.card-founder::before,.hotspot.card-global::before,.hotspot.card-future::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    pointer-events:none!important;
    border-radius:4px!important;
    padding:2px!important;
    background:conic-gradient(
      from var(--nexron-angle),
      transparent 0deg 302deg,
      rgba(84,124,255,0) 304deg,
      #67dfff 311deg,
      #6f79ff 320deg,
      #ce5cff 330deg,
      #fff0ff 336deg,
      #ff63e5 341deg,
      rgba(95,100,255,0) 350deg,
      transparent 354deg 360deg
    )!important;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
    -webkit-mask-composite:xor!important;
    mask-composite:exclude!important;
    filter:drop-shadow(0 0 4px #84cfff) drop-shadow(0 0 10px rgba(160,67,255,.95)) drop-shadow(0 0 18px rgba(75,118,255,.48))!important;
    animation:nexron-energy-orbit 7.8s linear infinite!important;
  }
  .hotspot.project-top::before{animation-duration:7.1s!important}
  .hotspot.explore::before{animation-duration:6.8s!important}
  .hotspot.project-hero::before{animation-duration:8.4s!important;animation-delay:-2.1s!important}
  .hotspot.card-ai::before{animation-delay:0s!important}
  .hotspot.card-auto::before{animation-delay:-1.45s!important}
  .hotspot.card-founder::before{animation-delay:-2.9s!important}
  .hotspot.card-global::before{animation-delay:-4.35s!important}
  .hotspot.card-future::before{animation-delay:-5.8s!important}
  .hotspot.project-top:hover::before,.hotspot.explore:hover::before,.hotspot.project-hero:hover::before,
  .hotspot.card-ai:hover::before,.hotspot.card-auto:hover::before,.hotspot.card-founder:hover::before,.hotspot.card-global:hover::before,.hotspot.card-future:hover::before{
    animation-duration:4.6s!important;
    filter:drop-shadow(0 0 6px #c9f2ff) drop-shadow(0 0 14px #b84cff) drop-shadow(0 0 28px rgba(80,108,255,.72))!important;
  }
}

/* Hotspots for the latest approved composition. */
.project-top{left:79.7%!important;top:1.8%!important;width:18.0%!important;height:5.8%!important}
.explore{left:2.0%!important;top:52.4%!important;width:18.2%!important;height:5.9%!important}
.project-hero{left:22.3%!important;top:52.4%!important;width:17.0%!important;height:5.9%!important}
.card-ai{left:2.0%!important;top:75.1%!important;width:17.0%!important;height:19.0%!important}
.card-auto{left:20.7%!important;top:75.1%!important;width:17.4%!important;height:19.0%!important}
.card-founder{left:39.7%!important;top:75.1%!important;width:17.2%!important;height:19.0%!important}
.card-global{left:58.9%!important;top:75.1%!important;width:17.8%!important;height:19.0%!important}
.card-future{left:78.6%!important;top:75.1%!important;width:18.8%!important;height:19.0%!important}

/* Very noticeable moving future environment behind stationary Nexra. */
.ambient-motion{
  z-index:3!important;
  opacity:1!important;
  mix-blend-mode:screen!important;
  -webkit-mask-image:radial-gradient(ellipse 15% 46% at 62% 46%,transparent 0 83%,rgba(0,0,0,.13) 89%,rgba(0,0,0,.7) 96%,#000 100%)!important;
  mask-image:radial-gradient(ellipse 15% 46% at 62% 46%,transparent 0 83%,rgba(0,0,0,.13) 89%,rgba(0,0,0,.7) 96%,#000 100%)!important;
}
.ambient-motion::before{
  content:"";position:absolute;left:34%;top:4%;width:58%;aspect-ratio:1;border-radius:50%;
  background:
    repeating-conic-gradient(from 0deg,rgba(104,88,255,.0) 0 4deg,rgba(95,140,255,.25) 4.3deg 4.7deg,rgba(0,0,0,0) 5deg 8deg),
    conic-gradient(from 40deg,transparent 0 48deg,rgba(68,168,255,.7) 54deg,rgba(156,68,255,.82) 62deg,transparent 71deg 162deg,rgba(255,60,205,.58) 169deg,transparent 178deg 262deg,rgba(87,128,255,.62) 268deg,transparent 278deg);
  -webkit-mask:radial-gradient(circle,transparent 0 48%,#000 49% 52%,transparent 53% 62%,#000 63% 64%,transparent 65% 73%,#000 74% 75%,transparent 76%);
  mask:radial-gradient(circle,transparent 0 48%,#000 49% 52%,transparent 53% 62%,#000 63% 64%,transparent 65% 73%,#000 74% 75%,transparent 76%);
  filter:drop-shadow(0 0 14px rgba(96,116,255,.95)) drop-shadow(0 0 30px rgba(174,53,255,.72));
  opacity:.95;animation:v7-portal-spin 14s linear infinite;
}
.ambient-motion::after{
  content:"";position:absolute;left:31%;right:17%;bottom:23%;height:24%;
  background:
    linear-gradient(90deg,transparent,rgba(57,111,255,.24) 15%,rgba(172,53,255,.42) 46%,rgba(75,198,255,.36) 72%,transparent),
    repeating-linear-gradient(90deg,transparent 0 4%,rgba(105,91,255,.8) 4.08% 4.18%,transparent 4.25% 8%);
  filter:blur(.2px) drop-shadow(0 0 18px rgba(69,87,255,.85));
  transform:perspective(500px) rotateX(67deg) scaleY(2.15);transform-origin:center bottom;
  opacity:.84;animation:v7-floor-rush 5.6s linear infinite;
}
.future-city-glow{
  opacity:1!important;
  left:27%!important;right:10%!important;bottom:16%!important;height:46%!important;
  background:
    radial-gradient(ellipse at 52% 70%,rgba(98,59,255,.56),transparent 28%),
    radial-gradient(ellipse at 74% 74%,rgba(28,125,255,.46),transparent 24%),
    linear-gradient(to top,rgba(51,52,181,.45),rgba(100,33,181,.16) 42%,transparent 78%),
    repeating-linear-gradient(90deg,transparent 0 3.4%,rgba(114,75,255,.4) 3.45% 3.62%,transparent 3.7% 6.7%)!important;
  filter:drop-shadow(0 0 24px rgba(81,89,255,.7)) drop-shadow(0 0 48px rgba(172,56,255,.46))!important;
  animation:v7-city-breathe 3.8s ease-in-out infinite alternate!important;
}
.ambient-grid{opacity:.55!important;animation-duration:9s!important}
.data-lanes::before,.data-lanes::after{opacity:.85!important;filter:drop-shadow(0 0 7px #6fe7ff) drop-shadow(0 0 16px #9a48ff)!important}
.scan-beam{opacity:.9!important;height:4px!important;background:linear-gradient(90deg,transparent,#50dfff,#bd4fff,#ffffff,#6f76ff,transparent)!important;box-shadow:0 0 16px #5bbfff,0 0 38px rgba(172,67,255,.9)!important;animation-duration:5.2s!important}
.ambient-orbit{border-width:2px!important;opacity:.92!important;filter:drop-shadow(0 0 11px rgba(91,143,255,.85)) drop-shadow(0 0 22px rgba(164,64,255,.55))!important}
.orbit-one{animation-duration:13s!important}.orbit-two{animation-duration:9s!important}.orbit-three{animation-duration:18s!important}
.holo-ticks{opacity:.7!important;animation-duration:22s!important}
.bg-particle{width:3px!important;height:3px!important;box-shadow:0 0 8px #7ee9ff,0 0 18px rgba(155,72,255,.9)!important}

/* Large, unmistakable sparks, still attached to the single existing frame. */
.nexron-spark{width:6px!important;height:6px!important;background:#fff6db!important;box-shadow:0 0 8px #fff,0 0 16px #ff9d4d,0 0 34px rgba(255,91,33,.95),0 0 56px rgba(255,75,25,.46)!important;z-index:10!important}
.nexron-spark.violet{background:#fff!important;box-shadow:0 0 9px #fff,0 0 19px #ad85ff,0 0 38px #795cff,0 0 62px rgba(60,183,255,.58)!important}
.nexron-spark::after{height:2px!important;width:var(--spark-length,34px)!important}

@keyframes v7-portal-spin{to{transform:rotate(360deg)}}
@keyframes v7-floor-rush{0%{background-position:0 0,0 0;opacity:.56}50%{opacity:1}100%{background-position:180px 0,340px 0;opacity:.56}}
@keyframes v7-city-breathe{0%{transform:translate3d(-1.5%,1%,0) scale(1);filter:brightness(.85) saturate(1.1)}100%{transform:translate3d(1.8%,-1.4%,0) scale(1.045);filter:brightness(1.45) saturate(1.55)}}
.v7-lightning{position:absolute;top:8%;bottom:22%;width:2px;opacity:.0;background:linear-gradient(to bottom,transparent,#86e7ff 16%,#ffffff 32%,#9e5cff 49%,transparent 68%);filter:drop-shadow(0 0 7px #4dafff) drop-shadow(0 0 18px #b24cff);transform-origin:top;animation:v7-lightning-flash 5.8s steps(1,end) infinite}
.lightning-a{left:42%;transform:rotate(-16deg);animation-delay:-1.8s}.lightning-b{left:82%;transform:rotate(12deg);animation-delay:-4.4s}
@keyframes v7-lightning-flash{0%,84%,87%,90%,100%{opacity:0}85%{opacity:.95}86%{opacity:.18}88%{opacity:.72}89%{opacity:.12}}
@media(prefers-reduced-motion:reduce){.ambient-motion::before,.ambient-motion::after,.v7-lightning{animation:none!important}.v7-lightning{display:none!important}}