@import url("ultra.css");
body{overflow-x:hidden;background:#05070c}
body:before{content:"";position:fixed;left:-20vw;right:-20vw;bottom:-28vh;height:82vh;z-index:-2;pointer-events:none;background-image:linear-gradient(#6de8f414 1px,transparent 1px),linear-gradient(90deg,#6de8f414 1px,transparent 1px);background-size:54px 54px;transform:perspective(520px) rotateX(63deg);transform-origin:center bottom;mask-image:linear-gradient(to top,#000 10%,transparent 76%);animation:grid-drift 12s linear infinite}
body:after{content:"";position:fixed;inset:-25%;z-index:-3;pointer-events:none;background:radial-gradient(circle at 18% 20%,#00d9ff1b,transparent 28%),radial-gradient(circle at 83% 18%,#7d5cff2c,transparent 30%),radial-gradient(circle at 62% 85%,#00ffbd12,transparent 24%);filter:blur(18px);animation:aurora 16s ease-in-out infinite alternate}
.nav{position:sticky;top:0;z-index:50;max-width:var(--max);padding-left:28px;padding-right:28px;background:#070a10b8;backdrop-filter:blur(20px) saturate(150%);border:1px solid #ffffff10;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 18px 50px #0004}
.logo{position:relative;text-shadow:0 0 22px #6de8f433}.logo:before{content:"";width:8px;height:8px;margin-right:10px;border-radius:2px;background:var(--cyan);box-shadow:0 0 18px var(--cyan),8px 8px 0 -2px var(--violet);transform:rotate(45deg)}
.navlinks a:not(.btn){position:relative}.navlinks a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:right .25s}.navlinks a:hover:after,.navlinks a.active:after{right:0}.navlinks a.active{color:#fff}
.hero{position:relative;min-height:760px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:6% 3% 8%;pointer-events:none;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:120px 120px;mask-image:radial-gradient(circle,#000,transparent 72%)}
.hero h1{position:relative;text-shadow:0 0 60px #8c70ff18}.hero h1:after{content:"INTELLIGENCE / ORCHESTRATED";position:absolute;left:4px;top:-34px;color:#ffffff16;font:10px ui-monospace,monospace;letter-spacing:4px}.gradient{filter:drop-shadow(0 0 20px #77dcf433)}
.console{position:relative;overflow:visible;box-shadow:0 35px 130px #000c,0 0 60px #6de8f414,inset 0 1px #ffffff18}.console:before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:conic-gradient(from var(--spin,0deg),transparent 20%,var(--cyan),transparent 42%,var(--violet),transparent 72%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-spin 7s linear infinite}.console:after{content:"LIVE MODEL / 04";position:absolute;right:12px;top:-27px;color:var(--cyan);font:9px ui-monospace,monospace;letter-spacing:2px}
.metric strong{font-variant-numeric:tabular-nums;text-shadow:0 0 20px #6de8f42e}.bars i{box-shadow:0 0 14px #6de8f433;animation:pulse-bar 2.6s ease-in-out infinite alternate}.bars i:nth-child(2n){animation-delay:-1.1s}.bars i:nth-child(3n){animation-delay:-1.8s}
.tech-chip{position:absolute;padding:8px 10px;border:1px solid #6de8f43b;background:#08111be8;backdrop-filter:blur(10px);border-radius:8px;color:#b8f7ff;font:9px ui-monospace,monospace;letter-spacing:1px;box-shadow:0 0 28px #6de8f413}.tech-chip.one{left:-38px;top:22%;animation:float-chip 5s ease-in-out infinite}.tech-chip.two{right:-42px;bottom:18%;animation:float-chip 6s ease-in-out -2s infinite}.tech-chip:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 9px var(--lime)}
.card{position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s,box-shadow .25s;transform-style:preserve-3d;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#6de8f40e,transparent 30%),linear-gradient(145deg,#121a27e8,#0d1119e8)}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,#ffffff09 47%,transparent 64%);transform:translateX(-100%);transition:transform .7s}.card:hover{border-color:#6de8f44f;box-shadow:0 22px 60px #0008,0 0 35px #6de8f40b}.card:hover:before{transform:translateX(100%)}
.btn{position:relative;overflow:hidden;box-shadow:0 0 28px #6de8f425}.btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(100deg,transparent,#fff7,transparent);transform:translateX(-120%) skewX(-20deg);transition:transform .55s}.btn:hover:before{transform:translateX(120%) skewX(-20deg)}
.scanlines{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#fff 4px)}.cursor-glow{position:fixed;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,#6de8f410,transparent 64%);transition:opacity .25s}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.pagehead{position:relative;overflow:hidden}.pagehead:after{content:"";position:absolute;width:460px;height:460px;right:-110px;top:-220px;border:1px solid #6de8f426;border-radius:50%;box-shadow:0 0 0 45px #6de8f407,0 0 0 90px #9b83ff08;animation:orbit-pulse 8s ease-in-out infinite}
@property --spin{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes border-spin{to{--spin:360deg}}@keyframes grid-drift{to{background-position:0 54px,54px 0}}@keyframes aurora{to{transform:translate3d(3%,-2%,0) scale(1.06)}}@keyframes pulse-bar{to{filter:brightness(1.7);transform:scaleY(.92);transform-origin:bottom}}@keyframes float-chip{50%{transform:translateY(-12px)}}@keyframes orbit-pulse{50%{transform:scale(1.08);opacity:.65}}
@media(max-width:760px){body:before{opacity:.45}.nav{padding-left:20px;padding-right:20px}.hero{min-height:auto}.tech-chip{display:none}.cursor-glow{display:none}.console:before{animation:none}}
@media(prefers-reduced-motion:reduce){body:before,body:after,.console:before,.bars i,.tech-chip,.pagehead:after{animation:none}.reveal{opacity:1;transform:none}}
