@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600&display=swap');
:root{--cyan:#16d9ff;--blue:#087cff;--white:#eefaff;--muted:rgba(225,244,255,.68);--orange:#ff9d3f;--bg:#020810}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--white);font-family:Inter,sans-serif;overflow:hidden}body{min-height:100vh}.scene{position:relative;width:100vw;height:100vh;min-height:680px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 52% 48%,rgba(0,117,255,.16),transparent 24%),radial-gradient(circle at 78% 60%,rgba(255,151,58,.1),transparent 24%),linear-gradient(120deg,#02050a 0%,#061322 52%,#05090f 100%);perspective:1200px}.scene:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(110deg,rgba(255,166,74,.06),transparent 28%),linear-gradient(300deg,rgba(0,191,255,.09),transparent 35%)}.scene:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.48) 100%)}.ambient{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(80px);opacity:.22;z-index:-2;animation:breathe 8s ease-in-out infinite alternate}.ambient-a{left:24%;top:18%;background:#007dff}.ambient-b{right:-12%;bottom:-22%;background:#ff8c30;animation-delay:-3s}.grid-floor{position:absolute;left:-10%;right:-10%;bottom:-38%;height:72%;transform:perspective(500px) rotateX(63deg);transform-origin:center top;background-image:linear-gradient(rgba(18,205,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(18,205,255,.13) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);opacity:.52;z-index:-1;animation:floorMove 10s linear infinite}.scanlines{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:.1;background:repeating-linear-gradient(to bottom,transparent 0,transparent 4px,rgba(255,255,255,.08) 5px)}#particles{position:absolute;inset:0;z-index:1;pointer-events:none}.topbar{position:absolute;top:28px;left:4vw;right:4vw;z-index:20;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;text-transform:uppercase}.brand img{width:148px;max-height:70px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(0,174,255,.28))}.brand-divider{width:1px;height:48px;background:linear-gradient(var(--cyan),transparent)}.brand strong{display:block;font-family:"Space Grotesk";font-size:17px;letter-spacing:2px;line-height:1.15}.brand small{display:block;margin-top:6px;font-size:9px;letter-spacing:4px;color:rgba(235,250,255,.58)}.top-nav{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:4px;color:rgba(236,249,255,.72)}.top-nav i{width:1px;height:14px;background:rgba(255,255,255,.35)}.hero{position:absolute;inset:105px 4vw 180px;z-index:4;display:grid;grid-template-columns:minmax(250px,1fr) minmax(420px,1.15fr) minmax(210px,.7fr);align-items:center;gap:2vw}.intro{align-self:center;max-width:400px;transform:translateZ(50px)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:11px;letter-spacing:5px;margin-bottom:24px}.eyebrow span{width:40px;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.eyebrow b{width:10px;height:10px;border:1px solid var(--cyan);transform:rotate(45deg)}.intro h1,.intro h2{margin:0;font-family:"Space Grotesk";font-weight:300;font-size:clamp(32px,3.2vw,56px);line-height:.96;letter-spacing:2px}.intro h2{color:var(--cyan);text-shadow:0 0 28px rgba(0,210,255,.26);margin-top:8px}.intro p{max-width:370px;margin:24px 0 28px;color:var(--muted);font-size:13px;line-height:1.8}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:420px;border-top:1px solid rgba(104,210,255,.25);border-bottom:1px solid rgba(104,210,255,.18)}.feature-strip>div{min-height:72px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;border-right:1px solid rgba(104,210,255,.18)}.feature-strip>div:last-child{border-right:0}.feature-strip .icon{color:var(--cyan);font-size:20px;text-shadow:0 0 15px rgba(0,210,255,.7)}.feature-strip small{font-size:7px;text-align:center;letter-spacing:1.5px;line-height:1.4}.core-zone{position:relative;height:100%;min-height:480px;transform-style:preserve-3d;transition:transform .2s ease-out}.core-platform{position:absolute;left:50%;top:70%;width:340px;height:92px;transform:translate(-50%,-50%) rotateX(68deg);border-radius:50%;border:2px solid rgba(0,209,255,.8);box-shadow:0 0 25px rgba(0,194,255,.5),inset 0 0 35px rgba(0,160,255,.22);background:radial-gradient(ellipse,rgba(0,159,255,.2),rgba(0,0,0,.1) 65%)}.core-platform:before,.core-platform:after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(0,217,255,.35)}.core-platform:after{inset:30px;border-color:rgba(255,152,61,.45)}.core-platform span{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.core-platform span:nth-child(1){left:24%;top:25%}.core-platform span:nth-child(2){right:24%;top:35%;background:var(--orange);box-shadow:0 0 16px var(--orange)}.core-platform span:nth-child(3){left:48%;bottom:20%}.crystal-wrap{position:absolute;left:50%;top:40%;width:210px;height:210px;transform:translate(-50%,-50%);transform-style:preserve-3d;animation:crystalFloat 4.8s ease-in-out infinite}.crystal{position:absolute;inset:20px;transform-style:preserve-3d;transform:rotateX(-13deg) rotateY(28deg) rotateZ(2deg);animation:crystalSpin 16s linear infinite}.crystal-face{position:absolute;width:170px;height:170px;left:0;top:0;border:1px solid rgba(100,224,255,.9);background:linear-gradient(135deg,rgba(31,157,255,.34),rgba(6,25,58,.58));box-shadow:inset 0 0 35px rgba(36,202,255,.25),0 0 25px rgba(0,175,255,.15);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);backdrop-filter:blur(6px)}.face-front{transform:translateZ(42px);display:flex;align-items:center;justify-content:center;font-family:"Space Grotesk";font-size:54px;font-weight:500;text-shadow:0 0 18px #24dfff}.face-front span{color:#fff}.face-front sup{font-size:10px;color:#fff;margin-left:4px}.face-back{transform:rotateY(180deg) translateZ(42px);opacity:.5}.face-left{transform:rotateY(-90deg) translateZ(42px)}.face-right{transform:rotateY(90deg) translateZ(42px)}.face-top{transform:rotateX(90deg) translateZ(42px)}.face-bottom{transform:rotateX(-90deg) translateZ(42px)}.crystal-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(0,205,255,.45),transparent 58%);filter:blur(25px);animation:pulse 2.2s ease-in-out infinite}.halo{position:absolute;left:50%;top:42%;border:1px solid rgba(0,212,255,.5);border-radius:50%;transform:translate(-50%,-50%) rotateX(70deg)}.halo-1{width:290px;height:290px;animation:haloSpin 10s linear infinite}.halo-2{width:390px;height:390px;border-color:rgba(255,152,62,.35);animation:haloSpinReverse 14s linear infinite}.halo-3{width:480px;height:480px;border-style:dashed;border-color:rgba(0,189,255,.22);animation:haloSpin 22s linear infinite}.orbit{position:absolute;left:50%;top:42%;width:430px;height:130px;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(20deg);border:1px solid rgba(40,219,255,.25);border-radius:50%}.orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);left:12%;top:47%}.orbit-a{animation:orbit 7s linear infinite}.orbit-b{width:340px;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-35deg);animation:orbit 10s linear infinite reverse;border-color:rgba(255,160,78,.24)}.orbit-b:after{left:auto;right:10%;background:var(--orange);box-shadow:0 0 18px var(--orange)}.floating-card{position:absolute;top:32%;width:150px;padding:9px;border:1px solid rgba(66,210,255,.35);background:linear-gradient(135deg,rgba(9,36,64,.62),rgba(2,10,20,.38));backdrop-filter:blur(13px);box-shadow:0 15px 45px rgba(0,0,0,.28),inset 0 0 24px rgba(0,160,255,.07);animation:cardFloat 5s ease-in-out infinite}.card-left{left:3%;transform:rotateY(12deg) rotateZ(-2deg)}.card-right{right:1%;transform:rotateY(-12deg) rotateZ(2deg);animation-delay:-2s}.card-image{height:70px;margin-bottom:10px;background-size:cover;background-position:center;filter:saturate(.8) contrast(1.05)}.image-office{background:linear-gradient(135deg,rgba(20,134,255,.38),rgba(255,145,55,.2)),repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 15px)}.image-partnership{background:linear-gradient(135deg,rgba(255,160,70,.28),rgba(0,190,255,.3)),radial-gradient(circle at 30% 60%,#e9faff 0 2px,transparent 3px)}.floating-card strong{display:block;font-size:9px;letter-spacing:1.2px}.floating-card small{display:block;margin-top:5px;font-size:8px;color:var(--muted)}.focus-panel{align-self:center;justify-self:end;width:220px;padding:24px 20px;border:1px solid rgba(62,213,255,.28);background:linear-gradient(145deg,rgba(7,30,52,.65),rgba(3,10,18,.45));backdrop-filter:blur(18px);box-shadow:inset 0 0 35px rgba(0,169,255,.05),0 20px 50px rgba(0,0,0,.24);clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.panel-title{color:var(--cyan);font-size:10px;letter-spacing:4px;margin-bottom:20px}.focus-item{display:grid;grid-template-columns:25px 1fr 7px;align-items:center;gap:9px;min-height:52px;border-bottom:1px solid rgba(155,220,255,.1)}.focus-item:last-child{border-bottom:0}.focus-item span{color:var(--cyan);font-size:18px}.focus-item b{font-size:10px;letter-spacing:2px;font-weight:500}.focus-item i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:blink 1.8s infinite}.bottom-content{position:absolute;z-index:20;left:50%;bottom:34px;transform:translateX(-50%);text-align:center;width:min(600px,80vw)}.company-line{display:flex;align-items:center;justify-content:center;gap:14px;font-family:"Space Grotesk";font-size:12px;letter-spacing:7px}.company-line span{width:45px;height:1px;background:rgba(42,205,255,.6)}.bottom-content p{margin:12px 0 22px;font-size:9px;letter-spacing:4px;color:rgba(228,247,255,.58)}.enter-btn{position:relative;display:inline-flex;align-items:center;gap:18px;padding:0 30px 0 8px;height:54px;min-width:285px;border-radius:30px;border:1px solid rgba(44,220,255,.9);background:rgba(5,32,56,.52);color:#fff;font-family:"Space Grotesk";font-size:11px;letter-spacing:4px;cursor:pointer;overflow:hidden;box-shadow:0 0 25px rgba(0,183,255,.16),inset 0 0 25px rgba(0,170,255,.07);transition:.35s ease}.enter-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,218,255,.14),transparent);transform:translateX(-100%);animation:buttonSweep 3s infinite}.enter-btn:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 0 40px rgba(0,202,255,.36),inset 0 0 30px rgba(0,180,255,.15)}.btn-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#21cfff,#086eff);font-size:20px;box-shadow:0 0 20px rgba(0,201,255,.55)}.enter-btn b{position:absolute;right:13px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.micro{position:absolute;z-index:20;bottom:25px;font-size:8px;letter-spacing:3px;color:rgba(235,249,255,.48);line-height:1.7}.micro-left{left:4vw}.micro-right{right:4vw;text-align:right;border-left:1px solid var(--cyan);padding-left:18px}.loader{position:absolute;z-index:20;left:4vw;top:50%;transform:translateY(250px);width:220px}.loader-label{font-size:8px;letter-spacing:2px;color:rgba(230,249,255,.48);margin-bottom:7px}.loader-line{height:2px;background:rgba(255,255,255,.1)}.loader-line span{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width .15s}.transition{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:#01050b;opacity:0;pointer-events:none;transition:opacity .6s ease}.transition.active{opacity:1;pointer-events:auto}.transition-core{position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 25px #fff,0 0 100px var(--cyan),0 0 300px var(--cyan);animation:transitionCore 1.2s ease forwards}.transition span{margin-top:140px;font-size:10px;letter-spacing:5px;color:var(--cyan)}.panel-reveal{animation:reveal 1.3s cubic-bezier(.2,.8,.2,1) both}.focus-panel{animation-delay:.25s}.intro{animation-delay:.1s}@keyframes reveal{from{opacity:0;transform:translateY(20px) translateZ(50px);filter:blur(8px)}to{opacity:1;transform:translateY(0) translateZ(50px);filter:blur(0)}}@keyframes breathe{to{transform:scale(1.18) translate(3%,-3%);opacity:.32}}@keyframes floorMove{to{background-position:0 70px,70px 0}}@keyframes crystalFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-18px)}}@keyframes crystalSpin{to{transform:rotateX(-13deg) rotateY(388deg) rotateZ(2deg)}}@keyframes pulse{50%{transform:scale(1.18);opacity:.72}}@keyframes haloSpin{to{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(360deg)}}@keyframes haloSpinReverse{to{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(-360deg)}}@keyframes orbit{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(380deg)}}@keyframes cardFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes blink{50%{opacity:.25}}@keyframes buttonSweep{to{transform:translateX(100%)}}@keyframes transitionCore{0%{transform:scale(.1)}70%{transform:scale(50)}100%{transform:scale(100);opacity:0}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1.2fr}.focus-panel{display:none}.intro{z-index:5}.card-left{left:-3%}.card-right{right:-3%}.top-nav{display:none}}@media(max-width:720px){html,body{overflow:hidden}.scene{min-height:620px}.topbar{top:18px;left:20px;right:20px}.brand img{width:100px}.brand-divider{height:35px}.brand strong{font-size:11px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:2px}.hero{inset:90px 20px 150px;display:block}.intro{position:absolute;left:0;top:4%;max-width:290px}.intro h1,.intro h2{font-size:31px}.intro p{font-size:11px;max-width:270px;margin:13px 0}.feature-strip{max-width:285px}.feature-strip>div{min-height:54px}.feature-strip small{font-size:5px}.core-zone{position:absolute;inset:0}.crystal-wrap{top:52%;transform:translate(-50%,-50%) scale(.68)}.halo-1{width:220px;height:220px;top:53%}.halo-2{width:300px;height:300px;top:53%}.halo-3{width:370px;height:370px;top:53%}.core-platform{top:74%;transform:translate(-50%,-50%) scale(.72) rotateX(68deg)}.floating-card{display:none}.bottom-content{bottom:24px}.company-line{font-size:8px;letter-spacing:4px}.bottom-content p{font-size:6px;letter-spacing:2px}.enter-btn{min-width:245px;height:48px}.micro,.loader{display:none}}