.offbase-visual{pointer-events:none;--ov-purple:#8b5cf6;--ov-purple-bright:#a970ff;--ov-orange:#ff9b6a;--ov-bg:#0b0b20;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.visual-background{position:absolute;inset:0;overflow:hidden}.purple-ambient{pointer-events:none;filter:blur(70px);border-radius:50%;position:absolute}.ambient-left{background:#5c32be1f;width:600px;height:600px;top:30px;left:-230px}.ambient-center{background:#5032b40f;width:700px;height:500px;top:70px;left:350px}.ambient-right{background:#5f32be1a;width:500px;height:600px;top:40px;right:-100px}.orange-ambient{filter:blur(45px);background:radial-gradient(circle,#ff784b30 0%,#ff784b14 28%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-20px;right:-20px}.ov-grain{opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:absolute;inset:0}.orbital-system{width:500px;height:500px;position:absolute;top:50px;left:-30px}.orbital-glow{filter:blur(45px);background:#7543ff21;border-radius:50%;width:280px;height:280px;position:absolute;top:110px;left:110px}.orbit-svg{width:100%;height:100%;position:absolute;inset:0}.orbit-svg circle{fill:none;stroke:#7e58ff38;stroke-width:1px}.orbit-node{filter:drop-shadow(0 0 8px #9664ffe6);fill:#9a70ff!important;stroke:none!important}.orbit-logo{border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:absolute;top:165px;left:165px}.offbase-mark{filter:drop-shadow(0 0 16px #8b5cf6a6);align-items:flex-end;gap:8px;display:flex}.offbase-mark span{clip-path:polygon(25% 0,100% 0,82% 100%,0 100%);background:linear-gradient(#b18cff,#7541e8);width:24px;height:72px;display:block}.offbase-mark span:nth-child(2){height:92px}.offbase-mark span:nth-child(3){height:65px}.orbit-card{color:#a978ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#24194dc7,#10102abf);border:1px solid #8b5cf65c;border-radius:13px;justify-content:center;align-items:center;width:82px;height:82px;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff0a,0 15px 40px #00000040,0 0 30px #7346f014}.orbit-card svg{width:40px;height:40px}.orbit-card-document{top:58px;right:85px}.orbit-card-euro{font-size:44px;font-weight:500;top:246px;left:46px}.orbit-card-people{bottom:77px;right:42px}.orbit-card-calendar{bottom:20px;left:164px}.feature-cards{flex-direction:column;gap:36px;width:330px;display:flex;position:absolute;top:108px;right:165px}.feature-card{box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#221945ad,#11112b99);border:1px solid #8b5cf652;border-radius:14px;align-items:center;width:330px;min-height:122px;padding:18px 20px;display:flex;box-shadow:inset 0 1px #ffffff09,0 25px 60px #00000040}.feature-card:nth-child(2),.feature-card:nth-child(3){border-color:#8b5cf661}.feature-card:nth-child(4){background:linear-gradient(135deg,#1e153ef0,#0e0d24eb);border-color:#ff96696b;box-shadow:inset 0 1px #ffffff0f,0 25px 60px #00000073}.feature-card:nth-child(4) .feature-content p{color:#e8e4f5db}.feature-icon-box{color:#9c70ff;background:linear-gradient(145deg,#311f63ad,#19143899);border:1px solid #8b5cf62e;border-radius:12px;flex:0 0 76px;justify-content:center;align-items:center;height:76px;display:flex}.feature-icon{width:44px;height:44px}.feature-content{margin-left:16px}.feature-content h3{color:#f5f2ff;letter-spacing:-.01em;margin:0 0 9px;font-size:15px;font-weight:650;line-height:1.2}.feature-content p{color:#dbd6e9ad;margin:0;font-size:12px;line-height:1.55}.connection-network{width:500px;height:650px;position:absolute;top:75px;right:90px;overflow:visible}.network-line{fill:none;stroke-width:1.15px;filter:url(#lineGlow)}.network-line.purple{stroke:url(#purpleLine)}.network-line.orange{stroke:url(#orangeLine)}.network-node{filter:drop-shadow(0 0 8px)drop-shadow(0 0 18px)}.purple-node{fill:#a66cff;color:#a66cff}.orange-node{fill:#ff9d70;color:#ff9d70}.ov-data-wave{opacity:.68;filter:drop-shadow(0 0 5px #824bff40);width:1100px;height:340px;position:absolute;bottom:-25px;left:-20px}.ambient-objects{position:absolute;inset:0}.orange-lamp-glow{filter:blur(32px);background:radial-gradient(circle,#ff89564d,#ff895614 32%,#0000 68%);border-radius:50%;width:430px;height:430px;position:absolute;bottom:40px;right:-30px}.lamp{opacity:.88;width:230px;height:400px;position:absolute;bottom:90px;right:-4px}.lamp-shade{background:radial-gradient(at 50% 70%,#ffc28bf2,#be68398c 45%,#331b30cc 100%);border-radius:100% 100% 30% 30%;width:185px;height:110px;position:absolute;top:30px;right:15px;box-shadow:0 0 60px #ff91524d}.lamp-stem{background:linear-gradient(90deg,#231b2f,#4b3045,#171524);border-radius:4px;width:7px;height:235px;position:absolute;top:130px;right:95px}.lamp-base{background:#171425;border-radius:50%;width:145px;height:20px;position:absolute;bottom:15px;right:28px;box-shadow:0 0 20px #00000080}.plant{width:220px;height:390px;position:absolute;bottom:0;left:-5px}.plant-pot{background:linear-gradient(90deg,#11101b,#28202e,#0c0c15);border-radius:8px 8px 25px 25px;width:135px;height:100px;position:absolute;bottom:-8px;left:30px}.plant-leaf{transform-origin:bottom;opacity:.85;background:linear-gradient(135deg,#181226,#38204c);border-radius:100% 0;width:65px;height:190px;position:absolute}.leaf-1{bottom:80px;left:65px;transform:rotate(-28deg)}.leaf-2{bottom:90px;left:92px;transform:rotate(5deg)}.leaf-3{bottom:95px;left:115px;transform:rotate(32deg)}.leaf-4{bottom:75px;left:42px;transform:rotate(-52deg)scale(.82)}.leaf-5{bottom:90px;left:135px;transform:rotate(54deg)scale(.72)}.laptop{opacity:.75;width:380px;height:230px;position:absolute;bottom:-20px;left:42%;transform:translate(-50%)rotate(-1deg)}.laptop-screen{background:linear-gradient(145deg,#161228,#09091a);border:1px solid #845beb42;border-radius:12px 12px 4px 4px;width:320px;height:190px;position:absolute;top:0;left:30px;box-shadow:0 0 35px #532daa2e}.laptop-logo{opacity:.6;gap:4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.laptop-logo span{clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);background:#8b5cf6;width:10px;height:35px}.laptop-logo span:nth-child(2){height:45px}.laptop-base{background:linear-gradient(#252035,#0f0d1a);border-radius:3px 3px 50% 50%;width:380px;height:27px;position:absolute;bottom:0;left:0}.coffee-cup{background:linear-gradient(90deg,#171322,#302239,#15101f);border-radius:12px 12px 30px 30px;width:125px;height:100px;position:absolute;bottom:4px;right:78px;box-shadow:0 10px 40px #00000059}.cup-handle{border:10px solid #241b30;border-left:0;border-radius:0 50% 50% 0;width:45px;height:55px;position:absolute;top:20px;right:-35px}.roadmap-cards{right:275px}@media (width<=1400px){.orbital-system{transform-origin:0;left:-120px;transform:scale(.85)}.feature-cards{transform-origin:100% 0;right:60px;transform:scale(.9)}.connection-network{opacity:.7;right:-50px}.lamp{transform-origin:100% 100%;right:-90px;transform:scale(.8)}}@media (width<=1100px){.orbital-system{opacity:.35;left:-220px}.connection-network{opacity:.3}.feature-cards{opacity:.5;right:-40px}.plant{opacity:.3}.laptop{opacity:.25}}@media (width<=768px){.orbital-system,.connection-network,.ov-data-wave,.lamp,.plant,.laptop,.coffee-cup{display:none}.feature-cards{opacity:.12;width:min(92vw,420px);position:absolute;inset:auto auto 30px 50%;transform:translate(-50%)}.feature-card{width:100%}}@media (prefers-reduced-motion:reduce){.offbase-visual *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}