/* NOVYRAA V8 — COMPOSED LUXURY TECHNOLOGY SYSTEM
   Motion is placed inside intentional visual zones; content remains clean. */
.nv8-hero-visual{
  position:relative; width:100%; min-height:610px; overflow:hidden; isolation:isolate;
  border:1px solid rgba(255,255,255,.10); border-radius:30px;
  background:
    radial-gradient(420px 340px at 58% 48%,rgba(99,230,240,.09),transparent 68%),
    radial-gradient(380px 260px at 20% 76%,rgba(199,166,106,.06),transparent 72%),
    linear-gradient(145deg,#0b0e12,#030405 72%);
  box-shadow:0 35px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.055);
}
.nv8-noise{position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.nv8-grid-floor{position:absolute;left:-10%;right:-10%;bottom:-8%;height:57%;opacity:.18;transform:perspective(750px) rotateX(62deg);transform-origin:center bottom;background-image:linear-gradient(rgba(99,230,240,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(99,230,240,.14) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to top,#000,transparent 85%);animation:nv8-grid 18s linear infinite}
.nv8-horizon{position:absolute;left:8%;right:8%;top:55%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,230,240,.34),rgba(199,166,106,.25),transparent);animation:nv8-breathe 6s ease-in-out infinite}
.nv8-orbit{position:absolute;left:55%;top:49%;border-radius:50%;border:1px solid rgba(99,230,240,.21);transform-style:preserve-3d;z-index:2}
.nv8-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;right:-3px;top:50%;background:#63e6f0;box-shadow:0 0 18px #63e6f0}
.nv8-o1{width:300px;height:130px;transform:translate(-50%,-50%) rotateX(67deg);animation:nv8-orbit1 10s linear infinite}
.nv8-o2{width:410px;height:175px;border-color:rgba(199,166,106,.20);transform:translate(-50%,-50%) rotateX(67deg) rotateZ(56deg);animation:nv8-orbit2 14s linear infinite reverse}
.nv8-o2 span{background:#c7a66a;box-shadow:0 0 18px #c7a66a}
.nv8-o3{width:525px;height:225px;border-color:rgba(111,156,255,.14);transform:translate(-50%,-50%) rotateX(67deg) rotateZ(-42deg);animation:nv8-orbit3 18s linear infinite}
.nv8-o3 span{background:#6f9cff;box-shadow:0 0 18px #6f9cff}
.nv8-core{position:absolute;left:55%;top:49%;width:145px;height:145px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 37% 28%,#253238,#080c0f 62%);border:1px solid rgba(99,230,240,.36);box-shadow:0 0 75px rgba(99,230,240,.13),inset 0 0 45px rgba(99,230,240,.07);z-index:4}
.nv8-core-ring{position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(199,166,106,.30);animation:nv8-spin 13s linear infinite}
.nv8-core-letter{font:700 48px/1 Manrope,sans-serif;letter-spacing:-.08em;color:#f4f0e7;transform:translateX(-2px)}
.nv8-core small{position:absolute;bottom:30px;font:500 6px "DM Mono",monospace;letter-spacing:.23em;color:#76838a}
.nv8-data-line{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,#63e6f0,transparent);z-index:3;opacity:.7}
.nv8-data-line i{position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#63e6f0;box-shadow:0 0 13px #63e6f0}
.nv8-l1{width:180px;left:13%;top:31%;transform:rotate(18deg);animation:nv8-signal 3.8s ease-in-out infinite}
.nv8-l2{width:210px;right:5%;top:66%;transform:rotate(-18deg);animation:nv8-signal 4.6s ease-in-out infinite .8s}
.nv8-l3{width:145px;left:28%;bottom:17%;transform:rotate(-8deg);background:linear-gradient(90deg,transparent,#c7a66a,transparent);animation:nv8-signal 4.1s ease-in-out infinite 1.2s}
.nv8-l3 i{background:#c7a66a;box-shadow:0 0 13px #c7a66a}
.nv8-system-card{position:absolute;z-index:7;padding:14px 16px;min-width:180px;border:1px solid rgba(255,255,255,.105);border-radius:12px;background:rgba(6,9,12,.78);backdrop-filter:blur(18px);box-shadow:0 20px 45px rgba(0,0,0,.3);font:500 8px/1.55 "DM Mono",monospace;color:#7d8990}
.nv8-system-card strong{display:block;margin:5px 0 3px;color:#e9eeee;font:700 12px Manrope,sans-serif;letter-spacing:-.02em}
.nv8-system-card small{font:500 7px "DM Mono",monospace;color:#6f7b82}
.nv8-status{font:500 7px "DM Mono",monospace;letter-spacing:.12em;color:#63e6f0}
.nv8-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#63e6f0;box-shadow:0 0 9px #63e6f0;margin-right:6px}
.nv8-status.gold{color:#c7a66a}.nv8-status.gold i{background:#c7a66a;box-shadow:0 0 9px #c7a66a}
.nv8-status.blue{color:#6f9cff}.nv8-status.blue i{background:#6f9cff;box-shadow:0 0 9px #6f9cff}
.nv8-sc1{left:6%;top:13%;animation:nv8-float 6s ease-in-out infinite}
.nv8-sc2{right:5%;top:13%;animation:nv8-float 7s ease-in-out infinite .8s}
.nv8-sc3{right:6%;bottom:12%;animation:nv8-float 6.5s ease-in-out infinite 1.2s}
.nv8-corner{position:absolute;color:#5d6971;font:500 7px "DM Mono",monospace;letter-spacing:.16em;z-index:8}
.nv8-c1{left:22px;bottom:20px}.nv8-c2{right:22px;bottom:20px}
.nv8-capability-strip{overflow:hidden;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);padding:16px 0;background:#050709}
.nv8-capability-track{display:inline-flex;gap:25px;min-width:max-content;animation:nv8-marquee 32s linear infinite}
.nv8-capability-track span{font:500 8px "DM Mono",monospace;letter-spacing:.20em;color:#77828a}
.nv8-capability-track b{font:400 10px "DM Mono",monospace;color:#c7a66a}
@keyframes nv8-grid{from{transform:perspective(750px) rotateX(62deg) translateY(0)}to{transform:perspective(750px) rotateX(62deg) translateY(54px)}}
@keyframes nv8-orbit1{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(360deg)}}
@keyframes nv8-orbit2{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(416deg)}}
@keyframes nv8-orbit3{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(318deg)}}
@keyframes nv8-spin{to{transform:rotate(360deg)}}
@keyframes nv8-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes nv8-breathe{0%,100%{opacity:.45}50%{opacity:.9}}
@keyframes nv8-signal{0%,100%{opacity:.1;scale:.65 1}50%{opacity:.9;scale:1.05 1}}
@keyframes nv8-marquee{to{transform:translateX(-50%)}}
@media(max-width:980px){
 .nv8-hero-visual{min-height:560px}.nv8-system-card{transform:scale(.9)}.nv8-sc1{left:3%}.nv8-sc2{right:2%}
}
@media(max-width:620px){
 .nv8-hero-visual{min-height:455px;border-radius:20px}.nv8-orbit{left:58%;top:51%}.nv8-o1{width:240px;height:105px}.nv8-o2{width:330px;height:140px}.nv8-o3{width:415px;height:175px}.nv8-core{left:58%;top:51%;width:110px;height:110px}.nv8-core-letter{font-size:36px}.nv8-core small{bottom:23px;font-size:5px}
 .nv8-system-card{min-width:135px;padding:9px 10px}.nv8-system-card strong{font-size:9px}.nv8-system-card small{font-size:6px}.nv8-status{font-size:6px}
 .nv8-sc1{top:8%}.nv8-sc2{top:9%;right:0}.nv8-sc3{bottom:9%;right:0}.nv8-l1{left:8%;width:120px}.nv8-l2{width:130px}
}
@media(prefers-reduced-motion:reduce){
 .nv8-grid-floor,.nv8-orbit,.nv8-core-ring,.nv8-data-line,.nv8-system-card,.nv8-capability-track{animation:none!important}
}