1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta 6 name="viewport" 7 content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=1.0, user-scalable=no" 8 /> 9 <title>Volaria AI S.A. | AI Transformation Partner</title> 10 <link rel="icon" type="image/png" href="/images/volarian-v-favicon.png" /> 11 <link rel="apple-touch-icon" href="/images/volarian-v-favicon.png" /> 12 <link rel="preconnect" href="https://fonts.googleapis.com" /> 13 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 14 <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> 15 <link 16 rel="preload" 17 as="image" 18 href="/images/volarian-v-logo-transparent---0de595e3-3198-4ef5-b8f1-e38d7713862f.png" 19 fetchpriority="high" 20 /> 21 <link 22 rel="preload" 23 as="style" 24 href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;700&family=JetBrains+Mono:wght@400;700&display=swap" 25 /> 26 <link 27 href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;700&family=JetBrains+Mono:wght@400;700&display=swap" 28 rel="stylesheet" 29 media="print" 30 onload="this.media='all'" 31 /> 32 <noscript> 33 <link 34 href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;700&family=JetBrains+Mono:wght@400;700&display=swap" 35 rel="stylesheet" 36 /> 37 </noscript> 38 <style> 39 :root { 40 --brain-glow: #8b5cf6; 41 --synapse-speed: 20s; 42 } 43 body { 44 font-family: "Inter", sans-serif; 45 overflow: hidden; 46 background-color: #000; 47 color: #fff; 48 /* Slightly smaller crosshair cursor (no JS, no lag). Falls back to native crosshair. */ 49 cursor: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='11'%20height='11'%20viewBox='0%200%2014%2014'%20shape-rendering='crispEdges'%3E%3Cpath%20d='M7%200v14M0%207h14'%20stroke='white'%20stroke-width='2'/%3E%3C/svg%3E") 50 7 7, 51 crosshair; 52 } 53 /* Scanline Effect - Skynet Style */ 54 body::after { 55 content: " "; 56 position: fixed; 57 inset: 0; 58 background: linear-gradient( 59 rgba(18, 16, 16, 0) 50%, 60 rgba(0, 0, 0, 0.25) 50% 61 ), 62 linear-gradient( 63 90deg, 64 rgba(255, 0, 0, 0.03), 65 rgba(0, 255, 0, 0.01), 66 rgba(0, 0, 255, 0.03) 67 ); 68 background-size: 100% 2px, 3px 100%; 69 z-index: 99999; 70 pointer-events: none; 71 opacity: 0.3; 72 } 73 74 .brain-membrane { 75 background: rgba(0, 0, 0, 0.85); 76 backdrop-filter: blur(40px) saturate(200%); 77 border: 1px solid rgba(139, 92, 246, 0.3); 78 box-shadow: 0 0 40px rgba(0, 0, 0, 0.9), 79 inset 0 0 20px rgba(139, 92, 246, 0.1); 80 transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); 81 } 82 83 .brain-membrane:hover { 84 border-color: rgba(139, 92, 246, 0.6); 85 box-shadow: 0 0 60px rgba(139, 92, 246, 0.2); 86 } 87 88 /* Neural Synapse Background */ 89 .lattice-container { 90 position: fixed; 91 inset: 0; 92 z-index: -1; 93 background: radial-gradient(circle at center, #0a0118 0%, #000 100%); 94 } 95 96 @keyframes synapse-float { 97 0% { 98 transform: translateY(0) rotate(0); 99 opacity: 0.1; 100 } 101 50% { 102 transform: translateY(-20px) rotate(180deg); 103 opacity: 0.3; 104 } 105 100% { 106 transform: translateY(0) rotate(360deg); 107 opacity: 0.1; 108 } 109 } 110 111 @keyframes fadeIn { 112 from { 113 opacity: 0; 114 } 115 to { 116 opacity: 1; 117 } 118 } 119 120 .synapse-node { 121 position: absolute; 122 background: var(--brain-glow); 123 filter: blur(2px); 124 border-radius: 50%; 125 pointer-events: none; 126 animation: synapse-float var(--synapse-speed) infinite ease-in-out; 127 } 128 129 /* Glitch Text for "Lucy" feel */ 130 .glitch-text { 131 position: relative; 132 animation: glitch 3s infinite; 133 } 134 135 @keyframes glitch { 136 0% { 137 text-shadow: 2px 0 #ff00c1, -2px 0 #00fff9; 138 } 139 25% { 140 text-shadow: -2px 0 #ff00c1, 2px 0 #00fff9; 141 } 142 50% { 143 text-shadow: 2px 0 #ff00c1, -2px 0 #00fff9; 144 } 145 75% { 146 text-shadow: -2px 0 #ff00c1, 2px 0 #00fff9; 147 } 148 100% { 149 text-shadow: 2px 0 #ff00c1, -2px 0 #00fff9; 150 } 151 } 152 153 .biometric-border { 154 position: absolute; 155 inset: 0; 156 border: 1px solid transparent; 157 background: linear-gradient( 158 90deg, 159 transparent, 160 var(--brain-glow), 161 transparent 162 ) 163 border-box; 164 -webkit-mask: linear-gradient(#fff 0 0) padding-box, 165 linear-gradient(#fff 0 0); 166 -webkit-mask-composite: destination-out; 167 mask-composite: exclude; 168 opacity: 0.2; 169 } 170 171 ::-webkit-scrollbar {
172 width: 2px; 173 } 174 ::-webkit-scrollbar-thumb { 175 background: #8b5cf6; 176 } 177 178 /* Mobile safe area support */ 179 @supports (padding-bottom: env(safe-area-inset-bottom)) { 180 .safe-area-bottom { 181 padding-bottom: env(safe-area-inset-bottom, 0px); 182 } 183 } 184 185 /* Prevent pull-to-refresh on mobile */ 186 html, 187 body { 188 overscroll-behavior: none; 189 } 190 191 /* Use dynamic viewport height for mobile browsers */ 192 html, 193 body, 194 #root { 195 height: 100%; 196 min-height: 100dvh; /* Dynamic viewport height - adjusts for browser UI */ 197 } 198 199 /* Mobile browser navigation bar compensation */ 200 @media (max-width: 768px) { 201 body { 202 padding-bottom: env(safe-area-inset-bottom, 0px); 203 } 204 } 205 206 /* Mobile performance optimization - disable expensive effects */ 207 @media (max-width: 768px) { 208 body::after { 209 display: none !important; 210 } 211 .brain-membrane { 212 backdrop-filter: blur(20px) !important; 213 -webkit-backdrop-filter: blur(20px) !important; 214 } 215 } 216 </style> 217
217<script type="module" crossorigin src="/assets/index-CsVtaqNf.js"></script>
217 218 <link rel="modulepreload" crossorigin href="/assets/react-vendor-C7QbMEqO.js"> 219 <link rel="modulepreload" crossorigin href="/assets/framer-motion-DRFRHxoT.js"> 220 <link rel="modulepreload" crossorigin href="/assets/lucide-icons-CZKm96zL.js"> 221 <link rel="preload" as="style" href="/assets/index-DQRSQ5ge.css" crossorigin> 222 <link rel="stylesheet" href="/assets/index-DQRSQ5ge.css" crossorigin media="print" onload="this.media='all'"> 223 <noscript><link rel="stylesheet" href="/assets/index-DQRSQ5ge.css" crossorigin></noscript> 224 </head> 225 <body> 226 <div id="root"></div> 227 <!-- Defer analytics to not block initial render or bfcache --> 228
228<script> 229 (function() { 230 function loadAnalytics() { 231 window.dataLayer = window.dataLayer || []; 232 function gtag(){dataLayer.push(arguments);} 233 window.gtag = gtag; 234 gtag('js', new Date()); 235 gtag('config', 'G-K5V02C87YX', { 236 send_page_view: true, 237 transport_type: 'beacon' 238 }); 239 var s = document.createElement('script'); 240 s.async = true; 241 s.src = 'https://www.googletagmanager.com/gtag/js?id=G-K5V02C87YX'; 242 document.head.appendChild(s); 243 } 244 if ('requestIdleCallback' in window) { 245 requestIdleCallback(loadAnalytics, { timeout: 3000 }); 246 } else { 247 setTimeout(loadAnalytics, 2000); 248 } 249 })(); 250 </script>
250 251 </body> 252</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.