/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#050508;--ink-2:#0a0811;--ink-3:#11101a;--white:#f5f4fb;--silver:#c9c8d3;--muted:#8d8a9b;--violet:#7c3cff;--violet-bright:#a879ff;--violet-pale:#d8c4ff;--cyan:#54dcff;--line:#e0d8ff24;--pointer-x:50vw;--pointer-y:50vh;--hero-x:0;--hero-y:0;--scroll-y:0;--scroll-progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--ink);color:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}main{overflow:clip}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--violet-bright);outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#7c3cff8c}.scroll-progress{z-index:100;pointer-events:none;background:#ffffff08;height:2px;position:fixed;inset:0 0 auto}.scroll-progress i{width:100%;height:100%;transform:scaleX(var(--scroll-progress));transform-origin:0;background:linear-gradient(90deg,#5c24d8,#caa7ff,#6de6ff);display:block;box-shadow:0 0 16px #9c67ffd9}.cursor-glow{z-index:3;left:var(--pointer-x);top:var(--pointer-y);pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#793bff14,#0000 67%);border-radius:50%;width:460px;height:460px;transition:opacity .5s;position:fixed;transform:translate(-50%,-50%)}.cursor-glow.is-active{opacity:1}.brand-intro{--intro-duration:5.8s;z-index:1000;isolation:isolate;perspective:1200px;pointer-events:none;animation:intro-curtain var(--intro-duration) cubic-bezier(.76, 0, .24, 1) forwards;background:radial-gradient(circle at 50% 49%,#481c9630,#0000 31%),linear-gradient(#020203,#050309 56%,#020203);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.brand-intro:before,.brand-intro:after{content:"";z-index:1;width:1px;height:100%;animation:intro-guides var(--intro-duration) ease both;background:linear-gradient(#0000,#9964ff5c,#0000);position:absolute;top:0}.brand-intro:before{left:25%}.brand-intro:after{right:25%}.intro-grid{z-index:0;opacity:0;transform-origin:50%;animation:intro-grid-drift var(--intro-duration) ease both;background-image:linear-gradient(#ad7fff17 1px,#0000 1px),linear-gradient(90deg,#ad7fff17 1px,#0000 1px);background-size:74px 74px;position:absolute;inset:-12%;transform:perspective(760px)rotateX(67deg)translateY(37%);-webkit-mask-image:radial-gradient(circle,#000 0,#0000 62%);mask-image:radial-gradient(circle,#000 0,#0000 62%)}.intro-logo-lockup{z-index:4;will-change:transform, filter, opacity;backface-visibility:hidden;width:min(640px,86vw);animation:intro-lockup var(--intro-duration) cubic-bezier(.16, 1, .3, 1) both;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-logo-lockup .veyrox-logo{filter:drop-shadow(0 0 10px #ffffff14)drop-shadow(0 0 38px #6f35ff5c);width:100%;height:auto;display:block;overflow:visible}.intro-logo-lockup .veyrox-logo__x-core{transform-box:fill-box;transform-origin:50%;animation:1.15s ease-in-out 1.2s infinite intro-x-heartbeat}.intro-x-portal{z-index:7;aspect-ratio:210/176;opacity:0;transform-origin:50%;will-change:left, top, transform, opacity, filter;width:min(109px,14.6vw);animation:intro-x-flight var(--intro-duration) cubic-bezier(.72, 0, .14, 1) both;position:fixed;top:calc(50% - min(24px,3.2vw));left:calc(50% + min(263px,35.3vw));transform:translate(-50%,-50%)scale(.92)}.intro-x-portal .veyrox-x-mark{z-index:2;filter:drop-shadow(0 0 15px #ae76ffe6)drop-shadow(0 0 38px #5e1dffa6);width:100%;height:auto;display:block;position:relative;overflow:visible}.intro-orbit{z-index:1;opacity:0;border:1px solid #cfb2ff8a;border-radius:50%;position:absolute;inset:-31%;box-shadow:0 0 25px #6f30ff2e,inset 0 0 20px #6f30ff1f}.intro-orbit:before,.intro-orbit:after{content:"";background:#d9c2ff;border-radius:50%;position:absolute;box-shadow:0 0 14px #8f4cff}.intro-orbit:before{width:4px;height:4px;top:18%;left:8%}.intro-orbit:after{width:3px;height:3px;bottom:20%;right:10%}.orbit-a{animation:1.9s linear 3.45s both intro-orbit-a}.orbit-b{border-style:dashed;border-color:#804bff57;animation:2.4s linear 3.45s both intro-orbit-b;inset:-49%}.intro-speed-field{z-index:6;opacity:0;mix-blend-mode:screen;animation:intro-speed-field var(--intro-duration) ease both;position:fixed;inset:0}.intro-speed-field i{transform-origin:0;background:linear-gradient(90deg,#f5eeffdb,#8143ff47 28%,#0000 75%);width:42vmax;height:1px;animation:1.15s cubic-bezier(.22,1,.36,1) 4.24s both intro-ray;position:absolute;top:50%;left:50%;box-shadow:0 0 11px #a66fff9e}.intro-speed-field i:first-child{rotate:7deg}.intro-speed-field i:nth-child(2){animation-delay:4.29s;rotate:42deg}.intro-speed-field i:nth-child(3){animation-delay:4.25s;rotate:86deg}.intro-speed-field i:nth-child(4){animation-delay:4.34s;rotate:137deg}.intro-speed-field i:nth-child(5){animation-delay:4.27s;rotate:188deg}.intro-speed-field i:nth-child(6){animation-delay:4.31s;rotate:224deg}.intro-speed-field i:nth-child(7){animation-delay:4.24s;rotate:276deg}.intro-speed-field i:nth-child(8){animation-delay:4.36s;rotate:324deg}.intro-world-window{z-index:5;opacity:0;clip-path:circle(0);filter:hue-rotate(226deg)saturate(1.22)contrast(1.12)brightness(.78);transform-origin:50%;will-change:clip-path, transform, opacity;animation:intro-world-enter var(--intro-duration) cubic-bezier(.72, 0, .18, 1) both;background:linear-gradient(90deg,#030306fa 0%,#030306d1 31%,#03030626 64%,#03030675 100%),linear-gradient(#03030647 38%,#030306f2 100%),#06060a url(/veyrox-hero.webp) 50%/cover no-repeat;position:fixed;inset:-4%;transform:scale(1.28)}.intro-aura{z-index:2;aspect-ratio:1;background:radial-gradient(circle,#5f2bd62e,#0000 64%);border-radius:50%;width:min(760px,90vw);animation:3.7s ease-in-out both intro-pulse;position:absolute}.intro-portal-wash{z-index:8;aspect-ratio:1;opacity:0;filter:blur(2px);mix-blend-mode:screen;will-change:transform, opacity;width:32vmin;animation:intro-portal-open var(--intro-duration) cubic-bezier(.7, 0, .2, 1) both;background:radial-gradient(circle,#fff 0 3%,#e0cafffa 9%,#9d63ffe0 22%,#5b1cdda8 43%,#2608574d 61%,#0000 74%);border-radius:50%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.08)}.intro-line{z-index:4;width:min(370px,62vw);height:1px;animation:intro-loader-shell var(--intro-duration) ease both;background:#ffffff14;position:absolute;top:calc(50% + min(118px,16vw));overflow:hidden}.intro-line i{transform-origin:0;background:linear-gradient(90deg,#0000,#8f52ff,#d8c4ff,#0000);width:100%;height:100%;animation:2.55s cubic-bezier(.16,1,.3,1) .55s forwards intro-line-fill;display:block;transform:scaleX(0);box-shadow:0 0 18px #8e4fffd9}.intro-copy{z-index:4;color:#e3ddf46b;letter-spacing:.38em;opacity:0;animation:intro-copy var(--intro-duration) .72s ease both;font-size:8px;font-weight:700;position:absolute;top:calc(50% + min(143px,19vw))}.site-header{z-index:50;background:linear-gradient(#030305c7,#03030514);border-bottom:1px solid #ffffff17;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;padding:0 clamp(24px,4.8vw,76px);transition:min-height .35s,background .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;animation:.9s cubic-bezier(.16,1,.3,1) 5.52s both interface-reveal;display:grid;position:fixed;inset:0 0 auto}.is-scrolled .site-header{-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);background:#050509c2;min-height:70px}.brand{align-items:center;width:max-content;display:inline-flex}.veyrox-logo{display:block;overflow:visible}.brand .brand-logo{filter:drop-shadow(0 0 14px #713eff29);width:174px;height:auto;transition:width .35s,filter .35s;display:block;overflow:visible}.brand:hover .brand-logo{filter:drop-shadow(0 0 18px #9054ff8a)}.is-scrolled .brand .brand-logo{width:150px}.desktop-nav{color:#ebe7f596;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:clamp(22px,2.7vw,46px);font-size:10px;font-weight:700;display:flex}.desktop-nav a{padding:12px 0;transition:color .2s;position:relative}.desktop-nav a:after{content:"";transform-origin:100%;background:linear-gradient(90deg, transparent, var(--violet-bright));height:1px;transition:transform .3s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover{color:#fff}.desktop-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.header-cta{--magnetic-x:0px;--magnetic-y:0px;letter-spacing:.17em;transform:translate(var(--magnetic-x), var(--magnetic-y));background:#7437f112;border:1px solid #be9eff3d;justify-self:end;align-items:center;gap:14px;padding:12px 18px;font-size:9px;font-weight:800;transition:border-color .25s,background .25s,transform .16s;display:inline-flex}.header-cta i{color:var(--violet-bright);font-size:16px;font-style:normal}.header-cta:hover{background:#7437f12e;border-color:#be9eff99}.hero{z-index:1;isolation:isolate;background:#030305;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-art,.hero-aurora,.hero-vignette,.hero-grid,.fantasy-fog{pointer-events:none;position:absolute;inset:0}.hero-art{z-index:-7;filter:hue-rotate(226deg)saturate(1.22)contrast(1.12)brightness(.78);transform:translate3d(calc(var(--hero-x) * -22px), calc(var(--hero-y) * -15px), 0) scale(1.07);will-change:transform;background:#06060a url(/veyrox-hero.webp) 50%/cover no-repeat;animation:1.9s cubic-bezier(.16,1,.3,1) 4.08s both hero-reveal;inset:-4%}.hero-aurora{z-index:-6;opacity:.7;background:conic-gradient(from 120deg at 72% 48%, transparent 0 24%, #6027de47 30%, transparent 38% 100%), radial-gradient(ellipse at 72% 50%, #964fff38, transparent 27%);filter:blur(35px);animation:14s ease-in-out infinite alternate aurora-drift;inset:-30%}.hero-vignette{z-index:-5;background:linear-gradient(90deg,#030306fa 0%,#030306d1 31%,#03030626 64%,#03030675 100%),linear-gradient(#03030647 38%,#030306f2 100%)}.hero-grid{z-index:-4;opacity:.12;transform:translate3d(calc(var(--hero-x) * -8px), calc(var(--hero-y) * -8px), 0);background-image:linear-gradient(#ccb7ff1f 1px,#0000 1px),linear-gradient(90deg,#ccb7ff1f 1px,#0000 1px);background-size:92px 92px;-webkit-mask-image:linear-gradient(90deg,#000000d1,#0000 56%);mask-image:linear-gradient(90deg,#000000d1,#0000 56%)}.fantasy-fog{z-index:-2;filter:blur(54px);opacity:.17;border-radius:50%;width:72vw;height:38vh;inset:auto}.fog-one{background:#6c2cf3b8;animation:13s ease-in-out infinite alternate fog-drift;bottom:-17vh;right:-12vw}.fog-two{background:#5fdfff57;animation:17s ease-in-out 2s infinite alternate-reverse fog-drift;bottom:-25vh;right:17vw}.particle-field{z-index:2;pointer-events:none;position:absolute;inset:0}.particle-field i{opacity:0;background:#d7c4ff;border-radius:50%;width:3px;height:3px;animation:7s ease-in-out infinite particle-float;position:absolute;box-shadow:0 0 12px #9361ff}.particle-field i:first-child{animation-delay:.2s;top:24%;left:9%}.particle-field i:nth-child(2){width:2px;height:2px;animation-delay:1.4s;top:76%;left:17%}.particle-field i:nth-child(3){animation-delay:3.1s;top:18%;left:29%}.particle-field i:nth-child(4){animation-delay:.9s;top:67%;left:36%}.particle-field i:nth-child(5){width:2px;height:2px;animation-delay:2.7s;top:31%;left:47%}.particle-field i:nth-child(6){animation-delay:1.8s;top:81%;left:55%}.particle-field i:nth-child(7){animation-delay:4.2s;top:19%;left:63%}.particle-field i:nth-child(8){animation-delay:.4s;top:61%;left:68%}.particle-field i:nth-child(9){width:4px;height:4px;animation-delay:2.2s;top:35%;left:75%}.particle-field i:nth-child(10){animation-delay:3.8s;top:74%;left:81%}.particle-field i:nth-child(11){animation-delay:1.1s;top:22%;left:89%}.particle-field i:nth-child(12){width:2px;height:2px;animation-delay:4.7s;top:55%;left:93%}.particle-field i:nth-child(13){animation-delay:5.1s;top:48%;left:42%}.particle-field i:nth-child(14){animation-delay:2.9s;top:42%;left:58%}.particle-field i:nth-child(15){animation-delay:.7s;top:87%;left:72%}.particle-field i:nth-child(16){animation-delay:3.4s;top:48%;left:24%}.particle-field i:nth-child(17){animation-delay:5.6s;top:46%;left:84%}.particle-field i:nth-child(18){animation-delay:1.7s;top:12%;left:51%}.portal-assembly{z-index:1;aspect-ratio:1;width:clamp(340px,36vw,590px);transform:translate3d(calc(var(--hero-x) * 24px), calc(-50% + var(--hero-y) * 18px), 0);pointer-events:none;opacity:.72;position:absolute;top:51%;right:clamp(6vw,14vw,220px)}.portal-halo,.portal-ring,.portal-core{border-radius:50%;position:absolute;inset:50%;transform:translate(-50%,-50%)}.portal-halo{filter:blur(16px);background:radial-gradient(circle,#0000 43%,#8243ff1f 53%,#0000 70%);width:88%;height:88%;animation:4.5s ease-in-out infinite portal-breathe}.portal-ring{border:1px solid #caaeff57}.ring-one{border-style:dashed;width:67%;height:67%;animation:22s linear infinite ring-spin}.ring-two{border-color:#5addff26;width:78%;height:78%;animation:28s linear infinite ring-spin-reverse}.ring-three{border-color:#ae77ff1a;width:91%;height:91%;animation:5s ease-in-out infinite ring-pulse}.portal-core{border:1px solid #ddccff3d;width:58%;height:58%;box-shadow:0 0 45px #7136ff2e,inset 0 0 40px #7136ff21}.portal-shard{clip-path:polygon(50% 0,100% 35%,60% 100%,0 68%);background:linear-gradient(#e4d4ff,#6e2df0);width:7px;height:34px;animation:5s ease-in-out infinite shard-float;position:absolute;box-shadow:0 0 16px #975dffcc}.shard-one{top:22%;left:10%;transform:rotate(-22deg)}.shard-two{animation-delay:1.4s;top:55%;right:5%;transform:rotate(31deg)scale(.7)}.shard-three{animation-delay:2.6s;bottom:1%;left:29%;transform:rotate(16deg)scale(.55)}.hero-content{z-index:4;width:min(820px,88vw);margin-left:clamp(24px,6.8vw,108px);padding:155px 0 110px;animation:1.15s cubic-bezier(.16,1,.3,1) 5.48s both hero-copy-in;position:relative}.status-pill{color:#eae5f791;letter-spacing:.19em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08060f6b;border:1px solid #c8b1ff33;align-items:center;gap:10px;margin-bottom:29px;padding:9px 12px;font-size:9px;font-weight:750;display:inline-flex}.status-dot{background:var(--violet-bright);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite status-pulse;box-shadow:0 0 15px #a879fff2}.hero-overline{color:var(--violet-pale);letter-spacing:.3em;margin:0 0 12px;font-size:9px;font-weight:800}.hero h1{max-width:790px;color:var(--white);letter-spacing:-.072em;text-wrap:balance;margin:0;font-size:clamp(56px,7.2vw,116px);font-weight:640;line-height:.83}.hero h1 span{color:#0000;-webkit-text-stroke:1px #d9c5ffb8;filter:drop-shadow(0 0 25px #773bff26)}.hero-description{color:#e3deeea3;max-width:570px;margin:31px 0 0;font-size:clamp(14px,1.25vw,17px);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:37px;display:flex}.button{--magnetic-x:0px;--magnetic-y:0px;letter-spacing:.1em;text-transform:uppercase;min-height:54px;transform:translate(var(--magnetic-x), var(--magnetic-y));border:1px solid #0000;justify-content:center;align-items:center;padding:0 22px;font-size:10px;font-weight:800;transition:border-color .22s,background .22s,color .22s,transform .16s;display:inline-flex;position:relative;overflow:hidden}.button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff61,#0000);width:34%;transition:left .65s;position:absolute;inset:-50% auto -50% -45%;transform:skew(-22deg)}.button:hover:before{left:120%}.button i{font-style:normal}.button-primary{color:#fff;background:linear-gradient(135deg,#6224d8,#9a5cff 58%,#c8a9ff);gap:31px;box-shadow:0 14px 45px #6124d840,inset 0 1px #ffffff52}.button-primary:hover{box-shadow:0 18px 60px #7a3eff6b,inset 0 1px #ffffff73}.button-ghost{color:#f5f4fbe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08060f5c;border-color:#dbcdff33}.button-ghost:hover{background:#7437f11a;border-color:#dbcdff80}.hero-sidecopy{z-index:4;color:#e4ddf44d;letter-spacing:.24em;transform-origin:100%;align-items:center;gap:13px;font-size:7px;font-weight:700;display:flex;position:absolute;top:50%;right:clamp(23px,3.5vw,56px);transform:translateY(-50%)rotate(90deg)translate(50%)}.hero-sidecopy i{background:#c7b1ff59;width:52px;height:1px;display:block}.scroll-cue{z-index:5;color:#e0d9f052;letter-spacing:.24em;align-items:center;gap:13px;font-size:7px;font-weight:800;display:flex;position:absolute;bottom:25px;left:clamp(24px,6.8vw,108px)}.scroll-cue>i{background:#ffffff1f;width:74px;height:1px;display:block;position:relative;overflow:hidden}.scroll-cue b{background:linear-gradient(90deg, transparent, var(--violet-bright), transparent);animation:2.2s ease-in-out infinite scroll-line;position:absolute;inset:0}.world-marquee{z-index:4;background:linear-gradient(90deg,#0b0712,#110a20,#08070d);border-top:1px solid #cfb9ff26;border-bottom:1px solid #cfb9ff26;width:max-content;display:flex;position:relative;overflow:hidden}.world-marquee>div{flex-shrink:0;align-items:center;gap:37px;min-width:100vw;padding:18px 25px;animation:24s linear infinite marquee;display:flex}.world-marquee span{color:#e8e2f580;letter-spacing:.22em;white-space:nowrap;font-size:9px;font-weight:760}.world-marquee i{color:var(--violet-bright);text-shadow:0 0 14px var(--violet);font-size:11px;font-style:normal}.section-kicker{z-index:2;color:#d9d2e66e;letter-spacing:.22em;align-items:center;gap:17px;font-size:9px;font-weight:800;display:flex;position:relative}.section-kicker span{color:var(--violet-bright)}.section-kicker:after{content:"";opacity:.45;background:currentColor;width:48px;height:1px}.section-kicker.light{color:#e7e1f27a}.has-motion-js [data-reveal]{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1);translate:0 42px}.has-motion-js [data-reveal].is-visible{opacity:1;translate:0}.value-grid [data-reveal]:nth-child(2),.project-grid [data-reveal]:nth-child(2){transition-delay:.11s}.value-grid [data-reveal]:nth-child(3){transition-delay:.22s}.studio-section{background:linear-gradient(#0f091acc,#0000 42%),radial-gradient(at 12% 65%,#6a31e01f,#0000 38%),#07070b;padding:clamp(105px,11vw,175px) clamp(24px,7vw,112px) clamp(95px,10vw,155px);position:relative;overflow:hidden}.studio-section:before{content:"VEYROX";color:#0000;letter-spacing:-.08em;-webkit-text-stroke:1px #cfbaff09;pointer-events:none;font-size:clamp(120px,22vw,340px);font-weight:800;line-height:1;position:absolute;top:15%;right:-2%}.studio-orb{border:1px solid #945aff1f;border-radius:50%;width:540px;height:540px;animation:8s ease-in-out infinite ring-pulse;position:absolute;top:28%;left:-250px;box-shadow:0 0 120px #6426e214,inset 0 0 120px #6426e20d}.studio-layout{z-index:2;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:end;gap:clamp(60px,9vw,150px);margin-top:61px;display:grid;position:relative}.studio-title>p{color:var(--violet-bright);letter-spacing:.24em;margin:0 0 16px;font-size:9px;font-weight:800}.studio-title h2{letter-spacing:-.065em;margin:0;font-size:clamp(49px,6.3vw,98px);font-weight:570;line-height:.95}.studio-title h2 span{color:#0000;-webkit-text-stroke:1px #dccdf773}.studio-copy>p{color:#dbd5e78f;margin:0;font-size:14px;line-height:1.86}.studio-copy>a{color:#f5f4fbd6;letter-spacing:.06em;border-bottom:1px solid #ddcffa2e;justify-content:space-between;margin-top:30px;padding:16px 0;font-size:11px;font-weight:700;transition:border-color .22s,color .22s;display:flex}.studio-copy>a span{color:var(--violet-bright)}.studio-copy>a:hover{color:#fff;border-color:var(--violet-bright)}.value-grid{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(70px,8vw,118px);display:grid;position:relative}.value-grid article{background:linear-gradient(145deg,#ffffff09,#6d36e009);border:1px solid #dccef81c;min-height:270px;padding:28px 30px;transition:border-color .35s,background .35s,translate .35s;position:relative;overflow:hidden}.value-grid article:before{content:"";opacity:0;background:radial-gradient(circle,#8447ff2e,#0000 43%);transition:opacity .4s;position:absolute;inset:-50% -30%}.value-grid article:hover{background:linear-gradient(145deg,#ffffff0e,#6d36e014);border-color:#b990ff5e;translate:0 -8px}.value-grid article:hover:before{opacity:1}.value-grid article>span{color:#e1d8f152;letter-spacing:.16em;font-size:9px;font-weight:800;position:relative}.value-grid article>i{color:var(--violet-bright);text-shadow:0 0 25px #9453ff9e;font-size:26px;font-style:normal;position:absolute;top:26px;right:28px}.value-grid h3{letter-spacing:-.025em;margin:88px 0 14px;font-size:23px;font-weight:580;position:relative}.value-grid p{color:#dbd5e77a;max-width:350px;margin:0;font-size:13px;line-height:1.75;position:relative}.kodlox-universe{isolation:isolate;background:#06040d;grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(34px,5vw,80px);padding:clamp(110px,11vw,175px) clamp(24px,6vw,96px) clamp(92px,9vw,140px);display:grid;position:relative;overflow:hidden}.kodlox-backdrop{z-index:-3;filter:saturate(1.08)contrast(1.08);background:linear-gradient(90deg,#06040dfa 0%,#070410e8 33%,#0d071d94 65%,#040911e6 100%),url(/kodlox-concept.webp) 78%/cover no-repeat;position:absolute;inset:0}.kodlox-universe:before{content:"";z-index:-2;background:radial-gradient(circle at 70% 45%,#6b2bff47,#0000 27%),radial-gradient(circle at 83% 63%,#24cbff1f,#0000 22%);animation:9s ease-in-out infinite alternate kodlox-ambient;position:absolute;inset:0}.kodlox-universe:after{content:"";z-index:-1;opacity:.13;background-image:linear-gradient(#bc9dff26 1px,#0000 1px),linear-gradient(90deg,#bc9dff26 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 72% 52%,#000,#0000 70%);mask-image:radial-gradient(circle at 72% 52%,#000,#0000 70%)}.code-rain{pointer-events:none;opacity:.17;position:absolute;inset:0;overflow:hidden}.code-rain span{color:#a677ff;letter-spacing:.1em;font-family:ui-monospace,monospace;font-size:10px;animation:12s linear infinite code-fall;position:absolute;top:-50px}.code-rain span:first-child{animation-delay:-2s;left:12%}.code-rain span:nth-child(2){animation-delay:-7s;left:29%}.code-rain span:nth-child(3){animation-delay:-4s;left:47%}.code-rain span:nth-child(4){animation-delay:-10s;left:64%}.code-rain span:nth-child(5){animation-delay:-1s;left:79%}.code-rain span:nth-child(6){animation-delay:-6s;left:93%}.kodlox-copy{z-index:5;max-width:610px;position:relative}.kodlox-wordmark{color:#fff;letter-spacing:.28em;align-items:center;gap:16px;margin-top:36px;font-size:13px;font-weight:850;display:flex}.kodlox-wordmark i{color:#d9c4ff;letter-spacing:0;background:linear-gradient(145deg,#7b37ff52,#3acdff14);border:1px solid #a979ff8c;border-radius:13px;place-items:center;width:44px;height:44px;font-family:ui-monospace,monospace;font-size:13px;font-style:normal;display:grid;box-shadow:0 0 28px #7437f140}.kodlox-copy h2{letter-spacing:-.068em;margin:30px 0 0;font-size:clamp(50px,5.9vw,88px);font-weight:610;line-height:.92}.kodlox-copy h2 span{color:#0000;filter:drop-shadow(0 0 28px #7339f12e);background:linear-gradient(90deg,#a66cff,#d8c6ff 55%,#62dfff);-webkit-background-clip:text;background-clip:text}.kodlox-copy>p{color:#e1dbed9e;max-width:570px;margin:28px 0 0;font-size:14px;line-height:1.8}.kodlox-feature-list{border-top:1px solid #d2bff824;gap:0;margin-top:34px;display:grid}.kodlox-feature-list>div{border-bottom:1px solid #d2bff824;grid-template-columns:38px 1fr;gap:18px;padding:18px 0;display:grid}.kodlox-feature-list b{color:var(--violet-bright);letter-spacing:.17em;font-size:8px}.kodlox-feature-list span{color:#d8d1e480;font-size:12px;line-height:1.58}.kodlox-feature-list strong{color:#f7f5fce6;margin-bottom:4px;font-size:13px;font-weight:650;display:block}.kodlox-button{background:#6e30ec21;border-color:#ad81ff52;gap:35px;margin-top:28px}.kodlox-button:hover{background:#6e30ec42;border-color:#ad81ffad}.kodlox-stage{z-index:4;perspective:1400px;min-height:790px;position:relative}.stage-glow{filter:blur(25px);background:radial-gradient(circle,#682bea45,#0000 66%);border-radius:50%;width:540px;height:540px;animation:5s ease-in-out infinite stage-glow;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.stage-orbit{border:1px solid #b287ff2e;border-radius:50%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotateX(68deg)}.orbit-one{border-style:dashed;width:650px;height:650px;animation:24s linear infinite orbit-spin}.orbit-two{border-color:#59deff21;width:485px;height:485px;animation:19s linear infinite orbit-spin-reverse}.floating-hud{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#120d1fe0,#080810b8);border:1px solid #ceb9fa38;border-radius:13px;align-items:center;gap:13px;min-width:176px;padding:13px 15px;animation:5.5s ease-in-out infinite hud-float;display:flex;position:absolute;box-shadow:0 17px 40px #00000057,inset 0 1px #ffffff0f}.floating-hud>i{color:#fff;background:linear-gradient(145deg,#6c2ee7,#a56dff);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-style:normal;font-weight:850;display:grid;box-shadow:0 0 21px #8345ff61}.floating-hud span{color:#ddd7ea7a;font-size:9px;line-height:1.45}.floating-hud b{color:#fff;letter-spacing:.08em;font-size:10px;display:block}.hud-streak{top:18%;left:0}.hud-coin{animation-delay:1.4s;top:31%;right:-2%}.hud-battle{animation-delay:2.8s;bottom:16%;right:2%}.hud-battle>i{background:linear-gradient(145deg,#175c83,#3ed6ff)}.kodlox-phone{--tilt-x:0deg;--tilt-y:0deg;z-index:8;width:354px;height:720px;transform:translate(-50%, -50%) perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;background:linear-gradient(145deg,#292534,#07070c 32%,#181522 72%,#393343);border:1px solid #ded2f64d;border-radius:46px;padding:10px;transition:transform .15s;animation:6s ease-in-out infinite phone-breathe;position:absolute;top:49%;left:50%;overflow:hidden;box-shadow:0 50px 90px #0009,0 0 70px #6528eb30,inset 0 0 0 1px #ffffff14}.phone-shine{z-index:20;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0e,#0000);animation:7s ease-in-out 2s infinite phone-shine;position:absolute;inset:-30% 58% -30% -55%;transform:skew(-17deg)}.phone-notch{z-index:30;background:#020205;border-radius:14px;width:104px;height:25px;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px #ffffff12}.kodlox-screen{background:radial-gradient(circle at 50% 9%,#6d30f038,#0000 27%),linear-gradient(#111023,#0c0b18 56%,#0a0913);border-radius:37px;height:100%;position:relative;overflow:hidden}.kodlox-screen:before{content:"";opacity:.11;background-image:linear-gradient(#c7adff2b 1px,#0000 1px),linear-gradient(90deg,#c7adff2b 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.app-statusbar{z-index:2;color:#eeebf675;letter-spacing:.05em;justify-content:space-between;padding:13px 22px 6px;font-size:7px;font-weight:700;display:flex;position:relative}.app-topbar{z-index:2;justify-content:space-between;align-items:center;padding:14px 20px 11px;display:flex;position:relative}.mini-logo{letter-spacing:.14em;font-size:11px;font-weight:900}.mini-logo span{color:var(--violet-bright);text-shadow:0 0 11px var(--violet)}.app-resources{gap:6px;display:flex}.app-resources span{background:#ffffff09;border:1px solid #cebaf829;border-radius:8px;padding:6px 8px;font-size:7px;font-weight:750}.app-resources .energy{color:#62e0ff}.app-resources .coin{color:#c49aff}.app-profile{z-index:2;background:linear-gradient(145deg,#ffffff0e,#6f32ed12);border:1px solid #ccb3ff24;border-radius:15px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;margin:0 15px;padding:12px;display:grid;position:relative}.app-avatar{background:radial-gradient(circle at 35% 25%,#a16dff,#3a176f 55%,#141022);border:1px solid #a66fffa6;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 0 22px #7a39f847}.app-avatar span{font-family:ui-monospace,monospace;font-size:10px;font-weight:850}.app-profile small{color:#e5dcf559;letter-spacing:.13em;font-size:6px;display:block}.app-profile strong{margin-top:3px;font-size:12px;display:block}.app-profile p{color:#a677ff;margin:2px 0 0;font-size:7px}.app-profile>b{color:#e4dcf29e;font-size:7px}.xp-track{z-index:2;background:#ffffff14;border-radius:4px;height:3px;margin:10px 29px 0;position:relative;overflow:hidden}.xp-track i{background:linear-gradient(90deg,#6d2be7,#bb86ff,#52dcff);width:72%;height:100%;display:block;box-shadow:0 0 12px #8e4fff}.unit-heading{z-index:2;grid-template-columns:1fr auto;margin:17px 22px 0;display:grid;position:relative}.unit-heading span{color:var(--violet-bright);letter-spacing:.16em;font-size:6px;font-weight:800}.unit-heading strong{letter-spacing:-.03em;grid-column:1;margin-top:4px;font-size:17px}.unit-heading small{color:#e0d7ef5c;grid-area:1/2/span 2;align-self:end;font-size:6px}.lesson-path{z-index:2;height:245px;margin:5px 22px 0;position:relative}.path-energy{border:2px dashed #a069ff4d;border-top-color:#0000;border-radius:50%;width:157px;height:160px;animation:2.8s ease-in-out infinite path-pulse;position:absolute;top:36px;left:70px;transform:rotate(11deg)}.lesson-node{flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute}.lesson-node i{color:#e1d8f26b;background:#151224;border:2px solid #d6c3fb33;border-radius:16px;place-items:center;width:49px;height:49px;font-family:ui-monospace,monospace;font-size:8px;font-style:normal;font-weight:850;display:grid;transform:rotate(45deg)}.lesson-node i:first-line{transform:rotate(-45deg)}.lesson-node span{color:#e1daef66;font-size:6px;font-weight:650}.lesson-node.done i{color:#70e6ff;background:linear-gradient(145deg,#154c72,#13243d);border-color:#55dfff99;box-shadow:0 0 20px #3ed0ff33}.lesson-node.active i{color:#fff;background:linear-gradient(145deg,#7b36f4,#3a1678);border-color:#9e69ff;animation:2.2s ease-in-out infinite node-active;box-shadow:0 0 29px #7c38f98c}.lesson-node.active span{color:#d8c5ff}.lesson-node.locked{opacity:.46}.node-one{top:31px;left:15px}.node-two{top:73px;left:128px}.node-three{top:24px;right:12px}.node-four{bottom:5px;right:50px}.daily-code-card{z-index:2;background:linear-gradient(145deg,#5b28be2e,#19112db8);border:1px solid #be9aff2e;border-radius:14px;margin:-4px 17px 0;padding:12px 13px;position:relative}.daily-code-card>div{justify-content:space-between;display:flex}.daily-code-card span{color:#e0d7f066;letter-spacing:.13em;font-size:6px;font-weight:800}.daily-code-card b{color:#a878ff;font-size:7px}.daily-code-card code{color:#8bdfff;margin-top:8px;font-family:ui-monospace,monospace;font-size:8px;line-height:1.6;display:block}.app-bottomnav{z-index:4;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0c0a16c7;border:1px solid #d0bef61f;border-radius:16px;grid-template-columns:repeat(3,1fr);padding:9px 5px 7px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.app-bottomnav span{color:#e0d8f04d;flex-direction:column;align-items:center;gap:3px;font-size:6px;display:flex}.app-bottomnav i{font-size:12px;font-style:normal}.app-bottomnav .selected{color:#b78cff}.kodlox-stats{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08060f6b;border-top:1px solid #d6bfff29;border-bottom:1px solid #d6bfff29;grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-top:28px;display:grid;position:relative}.kodlox-stats>div{border-right:1px solid #d6bfff1f;padding:28px 30px}.kodlox-stats>div:last-child{border-right:0}.kodlox-stats strong{letter-spacing:-.05em;font-size:clamp(29px,3vw,45px);font-weight:580;display:block}.kodlox-stats span{color:#ded7ea6b;letter-spacing:.15em;text-transform:uppercase;margin-top:5px;font-size:8px;font-weight:750;display:block}.projects-section{background:linear-gradient(#0f081b7a,#0000 24%),#07070a;padding:clamp(105px,11vw,170px) clamp(18px,4.8vw,76px);position:relative;overflow:hidden}.projects-aurora{background:radial-gradient(circle,#6b2bea21,#0000 64%);border-radius:50%;width:65vw;height:65vw;animation:12s ease-in-out infinite alternate aurora-drift;position:absolute;top:-18vw;right:-16vw}.section-heading{z-index:2;grid-template-columns:1fr minmax(280px,420px);align-items:end;gap:56px;margin-bottom:58px;display:grid;position:relative}.section-heading h2,.journal-intro h2{letter-spacing:-.06em;margin:24px 0 0;font-size:clamp(43px,5.4vw,82px);font-weight:580;line-height:.94}.section-heading h2 span,.journal-intro h2 span{color:#0000;-webkit-text-stroke:1px #d8c8f76e}.section-heading>p{color:#ddd7e97a;margin:0;font-size:13px;line-height:1.82}.project-grid{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid;position:relative}.project-card{--tilt-x:0deg;--tilt-y:0deg;--glow-x:50%;--glow-y:50%;isolation:isolate;min-height:clamp(560px,50vw,720px);transform:perspective(1300px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;background:#0d0c13;border:1px solid #dbcdf721;transition:transform .17s,border-color .35s,box-shadow .35s;display:block;position:relative;overflow:hidden}.project-card:before{content:"";z-index:4;opacity:0;pointer-events:none;background:radial-gradient(circle at var(--glow-x) var(--glow-y), #b385ff2e, transparent 35%);transition:opacity .3s;position:absolute;inset:0}.project-card:hover:before{opacity:1}.project-card:hover{border-color:#b586ff6e;box-shadow:0 40px 90px #00000073,0 0 50px #6d2bea17}.project-image,.project-shade,.project-scan{position:absolute;inset:0}.project-image{z-index:-3;filter:saturate(.84)contrast(1.08)brightness(.88);background-position:50%;background-size:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .6s;transform:scale(1.02)}.project-shade{z-index:-2;background:linear-gradient(#0404079e,#04040708 35%,#050509db 78%,#06060a 100%),linear-gradient(90deg,#04040878,#0000 63%)}.project-scan{z-index:-1;opacity:0;background:linear-gradient(110deg,#0000 35%,#bc99ff2e,#0000 60%);transition:opacity .3s;transform:translate(-80%)}.project-card:hover .project-image{filter:saturate(1.08)contrast(1.06)brightness();transform:scale(1.075)}.project-card:hover .project-scan{opacity:1;animation:1.5s project-scan}.project-topline{color:#e1d9f06b;letter-spacing:.17em;justify-content:space-between;align-items:center;padding:25px 27px;font-size:8px;font-weight:760;display:flex}.project-status{color:#efeaf8ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08060e7a;border:1px solid #e0d0fc2e;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.project-status i{background:var(--violet-bright);border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #a879ffdb}.project-content{padding:36px 34px 37px;position:absolute;bottom:0;left:0;right:0;transform:translateZ(20px)}.project-content>p:first-child{color:#b98cff;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:8px;font-weight:800}.accent-silver .project-content>p:first-child{color:#b8c2cf}.project-content h3{letter-spacing:-.06em;margin:0;font-size:clamp(43px,4.7vw,72px);font-weight:580;line-height:1}.project-description{color:#e4deef9c;max-width:560px;margin:18px 0 0;font-size:12px;line-height:1.75}.project-footer{justify-content:space-between;align-items:end;gap:20px;margin-top:22px;display:flex}.project-tags{flex-wrap:wrap;gap:7px;display:flex}.project-tags span{color:#e2dbef8c;letter-spacing:.13em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07060c47;border:1px solid #ddcff82b;padding:7px 9px;font-size:7px;font-weight:760}.project-arrow{width:45px;height:45px;color:var(--violet-bright);border:1px solid #d2bcfa40;border-radius:50%;flex:none;place-items:center;font-size:17px;font-style:normal;transition:background .25s,color .25s,transform .25s;display:grid}.project-card:hover .project-arrow{background:var(--violet);color:#fff;transform:rotate(45deg)}.journal-section{background:linear-gradient(145deg,#0b0911,#07070a 58%,#0b0813);grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:clamp(68px,9vw,150px);padding:clamp(110px,11vw,170px) clamp(24px,7vw,112px);display:grid;position:relative;overflow:hidden}.journal-section:before{content:"04";color:#bc99ff06;font-size:38vw;font-weight:850;line-height:.8;position:absolute;bottom:-9vw;left:-2vw}.journal-orb{background:radial-gradient(circle,#682be824,#0000 65%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite stage-glow;position:absolute;top:-230px;right:-200px}.journal-intro{align-self:start;position:sticky;top:105px}.journal-intro>p{color:#dad3e673;max-width:350px;margin:24px 0 0;font-size:13px;line-height:1.8}.journal-list{z-index:2;border-top:1px solid #dccdf721;position:relative}.journal-item{border-bottom:1px solid #dccdf721;grid-template-columns:42px 115px minmax(0,1fr) 28px;align-items:start;gap:23px;padding:31px 0 34px;transition:padding .3s,background .3s;display:grid;position:relative}.journal-item:before{content:"";z-index:-1;opacity:0;background:linear-gradient(90deg,#6f30ec1a,#0000);transition:opacity .3s;position:absolute;inset:0 -22px}.journal-item:hover{padding-left:12px}.journal-item:hover:before{opacity:1}.journal-number,.journal-meta{color:#dad2e859;letter-spacing:.15em;font-size:8px;font-weight:760}.journal-meta{flex-direction:column;gap:9px;display:flex}.journal-meta span:last-child{color:#9e69ff}.journal-copy h3{letter-spacing:-.03em;margin:-4px 0 11px;font-size:clamp(20px,2vw,29px);font-weight:580}.journal-copy p{color:#dad3e67a;margin:0;font-size:12px;line-height:1.75}.journal-arrow{color:var(--violet-bright);font-size:17px;transition:transform .25s}.journal-item:hover .journal-arrow{transform:rotate(45deg)}.contact-section{background:radial-gradient(circle at 77% 45%,#6f2fec2e,#0000 28%),radial-gradient(circle at 77% 45%,#48d8ff12,#0000 15%),#050508;min-height:700px;padding:clamp(110px,12vw,185px) clamp(24px,7vw,112px);position:relative;overflow:hidden}.contact-section:before{content:"";opacity:.12;background-image:linear-gradient(90deg,#0000 49.8%,#cbb4f733 50%,#0000 50.2%);background-size:150px 100%;position:absolute;inset:0}.contact-energy{width:420px;height:420px;position:absolute;top:50%;right:11%;transform:translateY(-50%)}.contact-energy i{border:1px solid #b48aff38;border-radius:50%;animation:4.5s ease-in-out infinite ring-pulse;position:absolute;inset:50%;transform:translate(-50%,-50%)}.contact-energy i:first-child{width:100%;height:100%}.contact-energy i:nth-child(2){border-style:dashed;width:73%;height:73%;animation:22s linear infinite ring-spin}.contact-energy i:nth-child(3){background:radial-gradient(circle,#7b3dff24,#0000 70%);width:45%;height:45%;animation-delay:1.3s}.contact-logo{opacity:.05;width:min(480px,36vw);position:absolute;top:48%;right:6%;transform:translateY(-50%)rotate(-90deg)}.contact-logo .brand-logo{width:100%;height:auto;overflow:visible}.contact-layout{z-index:2;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:end;gap:clamp(60px,9vw,145px);margin-top:58px;display:grid;position:relative}.contact-layout h2{letter-spacing:-.07em;margin:0;font-size:clamp(49px,7vw,106px);font-weight:570;line-height:.88}.contact-layout h2 span{color:#0000;-webkit-text-stroke:1px #d8c3fc7a}.contact-copy>p{color:#dcd5e885;margin:0;font-size:13px;line-height:1.82}.mail-link{--magnetic-x:0px;--magnetic-y:0px;color:var(--white);transform:translate(var(--magnetic-x), var(--magnetic-y));border-bottom:1px solid #dbc8fa42;justify-content:space-between;align-items:center;gap:20px;margin-top:29px;padding:17px 0;font-size:clamp(15px,1.45vw,19px);transition:color .2s,border-color .2s,transform .16s;display:flex}.mail-link span{color:var(--violet-bright)}.mail-link:hover{border-color:var(--violet-bright);color:#cbaaff}.social-row{color:#dcd5e84d;letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;gap:9px 16px;margin-top:25px;font-size:7px;font-weight:760;display:flex}footer{color:#dcd5e852;letter-spacing:.1em;background:#050508;border-top:1px solid #dccbfa1a;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:32px clamp(24px,4.8vw,76px);font-size:8px;display:grid}footer p{margin:0}footer>a:last-child{letter-spacing:.15em;justify-self:end;font-weight:750}.footer-brand .brand-logo{width:155px}@keyframes intro-curtain{0%,89%{opacity:1;visibility:visible}96%{opacity:.92;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes intro-lockup{0%{opacity:0;filter:blur(11px)brightness(.55);transform:translate(-50%,-50%)scale(.9)}11%{opacity:1;filter:blur()brightness();transform:translate(-50%,-50%)scale(.98)}48%,57%{opacity:1;filter:blur()brightness();transform:translate(-50%,-50%)scale(1)}64%{opacity:.78;filter:blur()brightness(1.18);transform:translate(-50%,-50%)scale(1.012)}72%,to{opacity:0;filter:blur(5px)brightness(1.5);transform:translate(-50%,-50%)scale(1.055)}}@keyframes intro-x-heartbeat{0%,to{opacity:.82;filter:brightness();transform:scale(.98)}50%{opacity:1;filter:brightness(1.55);transform:scale(1.035)}}@keyframes intro-x-flight{0%,50%{opacity:0;filter:brightness(.8);top:calc(50% - min(24px,3.2vw));left:calc(50% + min(263px,35.3vw));transform:translate(-50%,-50%)scale(.92)}55%,62%{opacity:1;filter:brightness(1.15);top:calc(50% - min(24px,3.2vw));left:calc(50% + min(263px,35.3vw));transform:translate(-50%,-50%)scale(1)}74%{opacity:1;filter:brightness(1.35);top:50%;left:50%;transform:translate(-50%,-50%)scale(1.5)}82%{opacity:1;filter:brightness(1.55);top:50%;left:50%;transform:translate(-50%,-50%)scale(2.85)}92%{opacity:.82;filter:brightness(2)blur(.45px);top:50%;left:50%;transform:translate(-50%,-50%)scale(12)}97%{opacity:.28;filter:brightness(2.25)blur(1.2px);top:50%;left:50%;transform:translate(-50%,-50%)scale(31)}to{opacity:0;filter:brightness(3)blur(2px);top:50%;left:50%;transform:translate(-50%,-50%)scale(52)}}@keyframes intro-grid-drift{0%{opacity:0;transform:perspective(760px)rotateX(67deg)translateY(41%)scale(.9)}18%,58%{opacity:.48}76%{opacity:.14}to{opacity:0;transform:perspective(760px)rotateX(67deg)translateY(31%)scale(1.18)}}@keyframes intro-speed-field{0%,72%{opacity:0}79%,91%{opacity:1}to{opacity:0}}@keyframes intro-ray{0%{opacity:0;transform:translate(1vmax)scaleX(0)}35%{opacity:1;transform:translate(5vmax)scaleX(.38)}to{opacity:0;transform:translate(24vmax)scaleX(1.6)}}@keyframes intro-orbit-a{0%{opacity:0;transform:rotate(0)scale(.68)}22%,70%{opacity:.86}to{opacity:0;transform:rotate(220deg)scale(1.48)}}@keyframes intro-orbit-b{0%{opacity:0;transform:rotate(35deg)scale(.7)}20%,72%{opacity:.62}to{opacity:0;transform:rotate(-210deg)scale(1.34)}}@keyframes intro-world-enter{0%,81%{opacity:0;clip-path:circle(0);transform:scale(1.28)}84%{opacity:.82;clip-path:circle(2.5vmax);transform:scale(1.25)}92%{opacity:1;clip-path:circle(38vmax);transform:scale(1.14)}to{opacity:1;clip-path:circle(100vmax);transform:scale(1.07)}}@keyframes intro-pulse{0%{opacity:0;transform:scale(.65)}55%{opacity:1}to{opacity:.2;transform:scale(1.32)}}@keyframes intro-guides{0%{opacity:0}16%,55%{opacity:1}72%,to{opacity:0}}@keyframes intro-loader-shell{0%,8%{opacity:0}17%,52%{opacity:1}63%,to{opacity:0;transform:translateY(9px)}}@keyframes intro-line-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-copy{0%,5%{opacity:0}13%,47%{opacity:1}60%,to{opacity:0;letter-spacing:.6em}}@keyframes intro-portal-open{0%,75%{opacity:0;transform:translate(-50%,-50%)scale(.08)}83%{opacity:.44;transform:translate(-50%,-50%)scale(.76)}93%{opacity:1;transform:translate(-50%,-50%)scale(6.8)}to{opacity:0;transform:translate(-50%,-50%)scale(12)}}@keyframes hero-reveal{0%{opacity:0;transform:translate(0)scale(1.28)}to{opacity:1}}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes interface-reveal{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes aurora-drift{0%{transform:rotate(-5deg)translate(-2%,-2%)scale(.95)}to{transform:rotate(7deg)translate(3%,4%)scale(1.08)}}@keyframes fog-drift{0%{opacity:.08;transform:translate(-5%,6%)scale(.9)}to{opacity:.22;transform:translate(9%,-7%)scale(1.14)}}@keyframes particle-float{0%,to{opacity:0;transform:translateY(22px)scale(.5)}30%,70%{opacity:.7}50%{transform:translateY(-36px)scale(1)}}@keyframes portal-breathe{0%,to{opacity:.45;transform:translate(-50%,-50%)scale(.92)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}@keyframes ring-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes ring-spin-reverse{to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes ring-pulse{0%,to{opacity:.35;scale:.96}50%{opacity:.85;scale:1.04}}@keyframes shard-float{0%,to{opacity:.45;translate:0 8px}50%{opacity:1;translate:0 -12px}}@keyframes status-pulse{0%,to{opacity:.45;scale:.8}50%{opacity:1;scale:1.15}}@keyframes scroll-line{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes marquee{to{transform:translate(-100%)}}@keyframes kodlox-ambient{0%{opacity:.65;transform:scale(.96)}to{opacity:1;transform:scale(1.05)}}@keyframes code-fall{0%{opacity:0;transform:translateY(-5vh)}14%{opacity:1}85%{opacity:.65}to{opacity:0;transform:translateY(110vh)}}@keyframes stage-glow{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.9)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@keyframes orbit-spin{to{transform:translate(-50%,-50%)rotateX(68deg)rotate(360deg)}}@keyframes orbit-spin-reverse{to{transform:translate(-50%,-50%)rotateX(68deg)rotate(-360deg)}}@keyframes hud-float{0%,to{translate:0 5px}50%{translate:0 -9px}}@keyframes phone-breathe{0%,to{margin-top:4px}50%{margin-top:-8px}}@keyframes phone-shine{0%,63%{opacity:0;translate:-40%}70%{opacity:1}83%,to{opacity:0;translate:280%}}@keyframes path-pulse{0%,to{opacity:.35}50%{opacity:.85;filter:drop-shadow(0 0 8px #8347ff99)}}@keyframes node-active{0%,to{scale:1}50%{scale:1.08}}@keyframes project-scan{0%{transform:translate(-80%)}to{transform:translate(100%)}}@media (width<=1160px){.desktop-nav{gap:22px}.kodlox-universe{grid-template-columns:minmax(320px,.78fr) minmax(470px,1.22fr);padding-left:35px;padding-right:35px}.hud-streak{left:-4%}.hud-coin{right:-4%}.kodlox-phone{width:330px;height:690px}}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.portal-assembly{opacity:.5;right:-7vw}.hero-content{width:min(690px,88vw)}.studio-layout,.section-heading,.journal-section,.contact-layout{grid-template-columns:1fr}.studio-copy{max-width:600px}.value-grid{grid-template-columns:1fr}.value-grid article{min-height:220px}.value-grid h3{margin-top:64px}.kodlox-universe{grid-template-columns:1fr;padding-left:24px;padding-right:24px}.kodlox-copy{max-width:760px}.kodlox-stage{min-height:790px}.kodlox-phone{width:354px;height:720px}.hud-streak{left:calc(50% - 315px)}.hud-coin{right:calc(50% - 320px)}.hud-battle{right:calc(50% - 330px)}.kodlox-stats{grid-template-columns:repeat(2,1fr)}.kodlox-stats>div:nth-child(2){border-right:0}.kodlox-stats>div:nth-child(-n+2){border-bottom:1px solid #d6bfff1f}.project-grid{grid-template-columns:1fr}.project-card{min-height:650px}.journal-intro{position:static}.contact-copy{max-width:560px}.contact-energy{opacity:.6;right:-170px}}@media (width<=680px){.cursor-glow{display:none}.site-header{min-height:70px;padding-left:18px;padding-right:18px}.brand .brand-logo{width:134px}.is-scrolled .brand .brand-logo{width:122px}.header-cta{padding:10px 12px}.header-cta span{display:none}.hero{align-items:flex-end;min-height:820px}.hero-art{filter:hue-rotate(226deg)saturate(1.18)contrast(1.12)brightness(.66);background-position:61%}.hero-vignette{background:linear-gradient(90deg,#030306cc,#03030633),linear-gradient(#0303061f 22%,#030306fa 75%)}.portal-assembly{opacity:.43;width:115vw;top:35%;right:-32vw}.hero-content{width:auto;margin:0 21px;padding:150px 0 92px}.status-pill{letter-spacing:.14em;margin-bottom:21px;font-size:7px}.hero-overline{font-size:7px}.hero h1{font-size:clamp(49px,15vw,70px);line-height:.87}.hero-description{margin-top:24px;font-size:13px}.hero-actions{margin-top:28px}.button{flex:170px;min-height:52px}.hero-sidecopy{display:none}.scroll-cue{left:21px}.world-marquee>div{gap:25px;padding-top:15px;padding-bottom:15px}.world-marquee span{font-size:7px}.studio-section{padding-left:21px;padding-right:21px}.studio-layout{margin-top:44px}.studio-title h2{font-size:47px}.value-grid article{padding:24px}.kodlox-universe{padding-left:18px;padding-right:18px}.kodlox-copy h2{font-size:50px}.kodlox-copy>p{font-size:13px}.kodlox-stage{transform-origin:top;min-height:690px;margin-top:30px;margin-bottom:-70px;transform:scale(.88)}.kodlox-phone{width:326px;height:680px}.floating-hud{min-width:150px;padding:10px 11px}.hud-streak{top:13%;left:-4%}.hud-coin{top:27%;right:-4%}.hud-battle{bottom:10%;right:-5%}.orbit-one{width:540px;height:540px}.orbit-two{width:420px;height:420px}.kodlox-stats{grid-template-columns:1fr 1fr;margin-top:0}.kodlox-stats>div{padding:23px 15px}.kodlox-stats strong{font-size:30px}.kodlox-stats span{font-size:6px}.projects-section{padding-left:13px;padding-right:13px}.projects-section .section-heading{padding-left:8px;padding-right:8px}.section-heading h2{font-size:49px}.project-card{min-height:570px}.project-topline{padding:20px}.project-status{max-width:185px;font-size:6px}.project-content{padding:27px 22px 29px}.project-content h3{font-size:49px}.journal-section{padding-left:21px;padding-right:21px}.journal-item{grid-template-columns:30px minmax(0,1fr) 20px;gap:13px}.journal-meta{flex-direction:row;grid-area:1/2;gap:13px}.journal-copy{grid-column:2}.journal-arrow{grid-area:1/3/span 2}.contact-section{min-height:690px;padding-left:21px;padding-right:21px}.contact-layout h2{font-size:50px}.contact-energy{right:-260px}.contact-logo{display:none}footer{grid-template-columns:1fr auto;padding-left:21px;padding-right:21px}footer p{display:none}.footer-brand .brand-logo{width:128px}}@media (hover:none),(pointer:coarse){.cursor-glow{display:none}.project-card,.kodlox-phone{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-intro{display:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-art,.hero-content{opacity:1}.has-motion-js [data-reveal]{opacity:1;translate:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
