@import url("https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap");.xona-platform{background:transparent;font-family:"Rajdhani",var(--extraFontFamily);height:100vh;min-height:100vh;overflow:hidden;position:relative;width:100%}.xona-platform,.xona-platform *,.xona-platform :after,.xona-platform :before{box-sizing:border-box}.xona-platform .xona-platform-aspect-wrapper{height:56.25vw;left:50%;max-height:100vh;max-width:177.78vh;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}.xona-platform .xona-platform-scene{background:transparent;container-name:scene;container-type:size;height:100%;overflow:hidden;position:relative;width:100%}.xona-platform{--xona-primary:#272944;--xona-accent:#cb3242;--xona-t3:#d4d2c9}.xona-platform .particle-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:8}.xona-platform .side-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;position:absolute;top:0;width:9%;z-index:5}.xona-platform .side-panel-inner{align-items:center;border:1px solid var(--Tertiary-T3,#d4d2c9);border-radius:4px;display:flex;flex-direction:column;gap:1rem;height:fit-content;padding:1rem;width:100%}.xona-platform .side-panel.left{animation:xona-platform-slideLeft .8s ease-out .2s forwards;left:0}.xona-platform .side-panel.right{animation:xona-platform-slideRight .8s ease-out .2s forwards;right:0}@keyframes xona-platform-slideLeft{0%{opacity:0;transform:translateX(-2cqw)}to{opacity:1;transform:translateX(0)}}@keyframes xona-platform-slideRight{0%{opacity:0;transform:translateX(2cqw)}to{opacity:1;transform:translateX(0)}}.xona-platform .side-title{color:#666;font-family:"Rajdhani",var(--extraFontFamily);font-size:max(1.5cqmin,1.5vmin);font-weight:700;letter-spacing:max(.2cqmin,.2vmin);margin-bottom:2%;text-align:center;text-transform:uppercase}.xona-platform .side-icon{aspect-ratio:1;max-width:max(6cqmin,6vmin);opacity:.4;transition:opacity .4s,transform .4s;width:60%}.xona-platform .side-icon:hover{opacity:.7;transform:scale(1.08)}.xona-platform .side-icon svg{display:block;height:100%;width:100%}.xona-platform .side-icon:nth-child(2){animation:xona-platform-iconBob 5s ease-in-out 0s infinite}.xona-platform .side-icon:nth-child(3){animation:xona-platform-iconBob 5s ease-in-out .5s infinite}.xona-platform .side-icon:nth-child(4){animation:xona-platform-iconBob 5s ease-in-out 1s infinite}.xona-platform .side-icon:nth-child(5){animation:xona-platform-iconBob 5s ease-in-out 1.5s infinite}@keyframes xona-platform-iconBob{0%,to{transform:translateY(0)}50%{transform:translateY(-.4cqmin)}}.xona-platform .center-circle{align-items:center;animation:xona-platform-circleIn .9s ease-out .3s forwards;background:radial-gradient(circle at 40% 35%,#2d3555,#1a1f35 60%,#12162a);border-radius:50%;box-shadow:0 0 max(6cqmin,6vmin) rgba(18,22,42,.35),0 0 max(12cqmin,12vmin) rgba(18,22,42,.1);display:flex;flex-direction:column;height:max(38cqmin,38vmin);justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(38cqmin,38vmin);z-index:10}@keyframes xona-platform-circleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.xona-platform .pulse-ring{animation:xona-platform-pulseRing 3.5s ease-out infinite;border:max(.1cqmin,.1vmin) solid rgba(203,50,66,.1);border-radius:50%;height:max(38cqmin,38vmin);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(38cqmin,38vmin);z-index:9}.xona-platform .pulse-ring:nth-of-type(2){animation-delay:1.8s}.xona-platform .pulse-ring:nth-of-type(3){animation-delay:3.5s}@keyframes xona-platform-pulseRing{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}8%{opacity:.4}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.xona-platform .scan-line{border-radius:50%;height:max(38cqmin,38vmin);left:50%;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(38cqmin,38vmin);z-index:11}.xona-platform .scan-line:after{animation:xona-platform-scanDown 5s ease-in-out infinite;background:linear-gradient(90deg,transparent 5%,rgba(203,50,66,.1) 50%,transparent 95%);content:"";height:max(.15cqmin,.15vmin);left:0;position:absolute;width:100%}@keyframes xona-platform-scanDown{0%{top:15%}50%{top:85%}to{top:15%}}.xona-platform .orbit{animation:xona-platform-orbitSpin 14s linear infinite,xona-platform-fadeIn .5s ease-out 1.2s forwards;height:max(42cqmin,42vmin);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;width:max(42cqmin,42vmin);z-index:12}@keyframes xona-platform-orbitSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes xona-platform-fadeIn{0%{opacity:0}to{opacity:1}}.xona-platform .orbit-dot{background:var(--xona-accent);border-radius:50%;box-shadow:0 0 max(1cqmin,1vmin) rgba(203,50,66,.5),0 0 max(2cqmin,2vmin) rgba(203,50,66,.15);height:max(.5cqmin,.5vmin);left:50%;position:absolute;top:0;transform:translateX(-50%);width:max(.5cqmin,.5vmin)}.xona-platform .browser-icon{animation:xona-platform-fadeUp .6s ease-out .9s forwards;opacity:0;width:70%}.xona-platform .browser-content{align-items:center;display:flex;height:100%;justify-content:center}.xona-platform .xona-logo{animation:xona-platform-logoPulse 5s ease-in-out infinite;height:auto;width:70%}.xona-platform .xona-logo svg{height:100%;width:100%}@keyframes xona-platform-logoPulse{0%,to{filter:drop-shadow(0 0 .3cqmin rgba(203,50,66,.2));transform:scale(1)}50%{filter:drop-shadow(0 0 1.2cqmin rgba(203,50,66,.5));transform:scale(1.06)}}.xona-platform .platform-text{animation:xona-platform-fadeUp .6s ease-out 1.1s forwards;color:hsla(0,0%,86%,.85);font-family:"Rajdhani",var(--extraFontFamily);font-size:max(1.1cqmin,1.1vmin);font-weight:600;letter-spacing:max(.3cqmin,.3vmin);margin-top:3%;opacity:0;text-transform:uppercase}@keyframes xona-platform-fadeUp{0%{opacity:0;transform:translateY(1cqmin)}to{opacity:1;transform:translateY(0)}}.xona-platform .label{background:hsla(47,26%,93%,.6);border:max(.08cqmin,.08vmin) solid var(--xona-t3);border-radius:max(.15cqmin,.15vmin);color:var(--xona-primary);cursor:default;font-family:Kode Mono,monospace;font-size:max(1.5cqmin,1.5vmin);font-weight:700;letter-spacing:max(-.02cqmin,-.02vmin);line-height:110%;opacity:0;padding:max(.4cqmin,.4vmin) max(.8cqmin,.8vmin);position:absolute;text-transform:uppercase;transition:color .3s,text-shadow .3s,border-color .3s;white-space:nowrap;z-index:20}.xona-platform .label.visible{animation:xona-platform-labelAppear .6s ease-out forwards}.xona-platform .label:hover{border-color:var(--xona-accent);color:var(--xona-accent);text-shadow:0 0 .6cqmin rgba(203,50,66,.15)}@keyframes xona-platform-labelAppear{0%{filter:blur(.2cqmin);opacity:0}to{filter:blur(0);opacity:1}}@keyframes xona-platform-labelFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-.5cqmin)}}.xona-platform .arrow-on-edge{opacity:0;pointer-events:none;position:absolute;transition:opacity .5s;z-index:16}.xona-platform .arrow-on-edge.visible{opacity:1}.xona-platform .arrow-on-edge svg{display:block;height:100%;width:100%}.xona-platform .arrow-layer,.xona-platform .label-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.xona-platform .label-layer{z-index:20}.xona-platform .arrow-layer{z-index:16}.xona-platform .label-layer .label{pointer-events:auto}