.landing{position:relative;isolation:isolate}
.landing-grid{position:absolute;z-index:-3;inset:0 calc(50% - 50vw);overflow:hidden;pointer-events:none;background-image:linear-gradient(#7d68b50b 1px,transparent 1px),linear-gradient(90deg,#7d68b50b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent 2%,#000 22%,#000 76%,transparent 98%)}
.landing-grid:after{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(105deg,transparent 45%,#a67bff10 50%,transparent 55%);animation:gridSweep 10s linear infinite}
.ambient-glow{position:absolute;z-index:-2;width:460px;height:460px;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none;animation:ambientFloat 9s ease-in-out infinite alternate}
.glow-one{top:120px;right:-160px;background:#7852ff}.glow-two{top:470px;left:-260px;background:#20d9d2;animation-delay:-4s}
.landing-nav{position:relative;z-index:10}.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:-50%;background:linear-gradient(105deg,transparent 38%,#fff9 50%,transparent 62%);transform:translateX(-70%);animation:brandScan 5s ease-in-out infinite}
.hero-copy{position:relative;z-index:4}.hero-copy .eyebrow i{animation:statusPulse 1.8s ease-in-out infinite}.hero h1 em{background:linear-gradient(90deg,#9e72ff,#7858fa 45%,#4fe2dd 105%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:titleFlow 6s linear infinite}.primary-btn{position:relative;overflow:hidden;transition:transform .2s,filter .2s,box-shadow .2s}.primary-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff4 50%,transparent 65%);transform:translateX(-130%);transition:transform .55s}.primary-btn:hover:after{transform:translateX(130%)}.primary-btn:hover{box-shadow:0 15px 42px #7558fa65}
.hero-visual{perspective:1000px}.hero-visual:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,#815dff22,transparent 68%);filter:blur(12px);animation:corePulse 4s ease-in-out infinite}
.visual-core{position:absolute;z-index:1;width:84px;height:84px;border:1px solid #8c6aff44;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 55px #7d5bff2b;animation:coreSpin 12s linear infinite}.visual-core:before,.visual-core:after{content:"";position:absolute;border:1px dashed #47ded94d;border-radius:50%;inset:9px}.visual-core:after{inset:25px;background:#8e69ff55;border:0;box-shadow:0 0 30px #8e69ff88}.visual-core span{position:absolute;top:-4px;width:8px;height:8px;border-radius:50%;background:#52e8df;box-shadow:0 0 15px #52e8df}.visual-core i{position:absolute;bottom:8px;width:3px;height:3px;border-radius:50%;background:#ff6785}
.orbit{animation:orbitDrift 14s linear infinite}.orbit-two{animation-direction:reverse;animation-duration:19s}.orbit>i{position:absolute;width:7px;height:7px;border-radius:50%;background:#9b75ff;box-shadow:0 0 14px #9b75ff}.orbit-one>i:first-child{left:48px;top:65px}.orbit-one>i:nth-child(2){right:22px;bottom:125px;background:#ff6684}.orbit-two>i{right:42px;top:32px;background:#4ce0d9}
.chat-preview{overflow:hidden;transform:rotate(-2deg) translateZ(20px);animation:previewFloat 6s ease-in-out infinite;box-shadow:0 35px 80px #000a,0 0 0 1px #9375ff0d inset}.chat-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#fff05,transparent 20%,transparent 80%,#9270ff08)}.preview-scan{position:absolute;z-index:4;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#5aeee6aa,transparent);box-shadow:0 0 12px #5aeee6;animation:previewScan 4.5s linear infinite}.preview-head i{animation:statusPulse 1.5s infinite}.typing i{animation:typingDot 1.2s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}
.float-card{backdrop-filter:blur(16px);transition:border-color .25s,transform .25s}.float-card:hover{border-color:#8269bd;transform:translateY(-4px)}.fc-one{animation:cardFloatOne 5.4s ease-in-out infinite}.fc-two{animation:cardFloatTwo 6.2s ease-in-out infinite}.signal-bars{display:flex;align-items:flex-end;gap:2px;height:16px;margin-left:4px}.signal-bars i{width:2px;background:#4be2bd;border-radius:3px;animation:signal 1s ease-in-out infinite}.signal-bars i:nth-child(1){height:5px}.signal-bars i:nth-child(2){height:10px;animation-delay:.13s}.signal-bars i:nth-child(3){height:15px;animation-delay:.26s}.wave{height:24px;display:flex;align-items:center;gap:3px}.wave i{display:block;width:4px;height:7px;border-radius:4px;background:#4eddd7;animation:waveBar .8s ease-in-out infinite alternate}.wave i:nth-child(2){height:14px;animation-delay:-.2s}.wave i:nth-child(3){height:20px;animation-delay:-.4s}.wave i:nth-child(4){height:11px;animation-delay:-.6s}.wave i:nth-child(5){height:18px;animation-delay:-.3s}
.data-stream{position:absolute;color:#786f954c;font:500 8px/1 "Space Grotesk";letter-spacing:2px;white-space:nowrap}.stream-one{left:38px;top:100px;transform:rotate(-90deg)}.stream-two{right:25px;bottom:105px}.feature-strip article{position:relative;padding:10px;border-radius:14px;transition:background .25s,transform .25s}.feature-strip article:after{content:"";position:absolute;left:32px;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#7c5df766,transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.feature-strip article:hover{background:#15111f88;transform:translateY(-3px)}.feature-strip article:hover:after{transform:scaleX(1)}
.landing-status{display:flex;align-items:center;justify-content:center;gap:16px;margin:-35px 0 28px;color:#545d70;font:600 8px "Space Grotesk";letter-spacing:1.4px}.landing-status i{width:4px;height:4px;border-radius:50%;background:#3ddbc7;box-shadow:0 0 8px #3ddbc7}
@keyframes gridSweep{to{transform:translateX(45%)}}@keyframes ambientFloat{to{transform:translate(70px,-40px) scale(1.12)}}@keyframes brandScan{50%,100%{transform:translateX(70%)}}@keyframes statusPulse{50%{opacity:.35;box-shadow:0 0 22px currentColor}}@keyframes titleFlow{to{background-position:200% center}}@keyframes corePulse{50%{transform:scale(1.15);opacity:.55}}@keyframes coreSpin{to{transform:rotate(360deg)}}@keyframes orbitDrift{to{transform:rotate(360deg)}}@keyframes previewFloat{50%{transform:rotate(-.8deg) translate3d(0,-10px,28px)}}@keyframes previewScan{from{top:0}to{top:100%}}@keyframes typingDot{50%{transform:translateY(-3px);opacity:.45}}@keyframes cardFloatOne{50%{transform:translate3d(-7px,-10px,30px)}}@keyframes cardFloatTwo{50%{transform:translate3d(8px,9px,25px)}}@keyframes signal{50%{opacity:.35;transform:scaleY(.65)}}@keyframes waveBar{to{transform:scaleY(.45);opacity:.55}}
@media(max-width:980px){.landing-grid{background-size:48px 48px}.landing-status{margin-top:-15px}.data-stream{display:none}}
@media(max-width:700px){.landing-status{flex-wrap:wrap;gap:9px 12px;margin-top:-25px}.ambient-glow{width:280px;height:280px}.feature-strip article{padding:8px 0}.hero-visual{will-change:auto}}
@media(prefers-reduced-motion:reduce){.landing *,.landing *:before,.landing *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.chat-preview{transform:rotate(-2deg)}}
.p2p-media-state{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:4px 7px;border:1px solid #3b3454;border-radius:7px;background:#171322;color:#9f91bc;font-size:8px;letter-spacing:.6px}.p2p-media-state:before{content:"";width:5px;height:5px;border-radius:50%;background:#50ddd4;box-shadow:0 0 8px #50ddd4;animation:statusPulse 1.5s infinite}