@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700&family=Dancing+Script:wght@700&display=swap";@layer properties,theme,base,components,utilities;@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;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-900:oklch(39.6% .141 25.723);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-500:oklch(62.7% .265 303.9);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-700:oklch(37% .013 285.805);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wider:.05em;--tracking-widest:.1em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--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;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 utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-\[2px\]{top:2px}.right-\[1\%\]{right:1%}.bottom-\[-80px\]{bottom:-80px}.bottom-\[3\.8em\]{bottom:3.8em}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-\[1\.6em\]{left:1.6em}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.\!mx-auto{margin-inline:auto!important}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-full{width:100%;height:100%}.h-12{height:calc(var(--spacing)*12)}.h-24{height:calc(var(--spacing)*24)}.h-\[24vh\]{height:24vh}.h-\[32vh\]{height:32vh}.h-\[48\%\]{height:48%}.h-\[60px\]{height:60px}.h-\[72\%\]{height:72%}.h-\[80\%\]{height:80%}.h-fit{height:fit-content}.h-full{height:100%}.min-h-\[64vh\]{min-height:64vh}.min-h-screen{min-height:100vh}.\!w-full{width:100%!important}.w-2\/3{width:66.6667%}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-\[56\%\]{width:56%}.w-\[60px\]{width:60px}.w-\[64\%\]{width:64%}.w-\[80\%\]{width:80%}.w-\[88\%\]{width:88%}.w-\[92\%\]{width:92%}.w-\[94\%\]{width:94%}.w-\[96\%\]{width:96%}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[10ch\]{max-width:10ch}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-4{--tw-translate-x:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-60\%\]{--tw-translate-x:-60%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-90\%\]{--tw-translate-x:-90%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[20\%\]{--tw-translate-x:20%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[0\.6\]{scale:.6}.-rotate-2{rotate:-2deg}.rotate-2{rotate:2deg}.rotate-180{rotate:180deg}.\[transform\:translateZ\(0\)\]{transform:translateZ(0)}.\[transform\:translateZ\(30px\)\]{transform:translateZ(30px)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.gap-20{gap:calc(var(--spacing)*20)}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-8{row-gap:calc(var(--spacing)*8)}.gap-y-14{row-gap:calc(var(--spacing)*14)}.gap-y-16{row-gap:calc(var(--spacing)*16)}.gap-y-24{row-gap:calc(var(--spacing)*24)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[4px\]{border-radius:4px}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[5px\]{border-style:var(--tw-border-style);border-width:5px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-black{border-color:var(--color-black)}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.border-black\/10{border-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.border-black\/60{border-color:#0009}@supports (color:color-mix(in lab,red,red)){.border-black\/60{border-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.border-green-500{border-color:var(--color-green-500)}.border-red-900\/50{border-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.border-red-900\/50{border-color:color-mix(in oklab,var(--color-red-900)50%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab,red,red)){.border-white\/60{border-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.border-zinc-700{border-color:var(--color-zinc-700)}.\!bg-\[\#c3b6f6\]\/60{background-color:#c3b6f699!important}.\!bg-white\/80{background-color:#fffc!important}@supports (color:color-mix(in lab,red,red)){.\!bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)!important}}.bg-\[\#00ffff\]{background-color:#0ff}.bg-\[\#c3b6f6\]\/60{background-color:#c3b6f699}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-gray-800{--tw-gradient-from:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-900{--tw-gradient-to:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.\!fill-white{fill:var(--color-white)!important}.fill-\[\#E5E5E5\]{fill:#e5e5e5}.fill-\[\#F5F5F5\]{fill:#f5f5f5}.fill-white{fill:var(--color-white)}.stroke-\[\#E5E5E5\]{stroke:#e5e5e5}.stroke-\[0\.5\]{stroke-width:.5px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-top{object-position:top}.\!px-0{padding-inline:calc(var(--spacing)*0)!important}.\!px-2{padding-inline:calc(var(--spacing)*2)!important}.\!px-4{padding-inline:calc(var(--spacing)*4)!important}.\!px-6{padding-inline:calc(var(--spacing)*6)!important}.\!px-\[4\%\]{padding-inline:4%!important}.px-4{padding-inline:calc(var(--spacing)*4)}.px-\[10px\]{padding-inline:10px}.\!py-4{padding-block:calc(var(--spacing)*4)!important}.\!py-10{padding-block:calc(var(--spacing)*10)!important}.\!py-16{padding-block:calc(var(--spacing)*16)!important}.py-6{padding-block:calc(var(--spacing)*6)}.py-\[4px\]{padding-block:4px}.\!pb-2{padding-bottom:calc(var(--spacing)*2)!important}.\!pb-4{padding-bottom:calc(var(--spacing)*4)!important}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.text-center{text-align:center}.text-justify{text-align:justify}.text-start{text-align:start}.align-middle{vertical-align:middle}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[font-size\:4rem\]{font-size:4rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[10px\]{font-size:10px}.text-\[26px\]{font-size:26px}.leading-none{--tw-leading:1;line-height:1}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#2d2d2d\]{color:#2d2d2d}.text-\[\#060010\]{color:#060010}.text-\[\#86868B\]{color:#86868b}.text-\[\#a1a1aa\]{color:#a1a1aa}.text-black{color:var(--color-black)}.text-blue-400{color:var(--color-blue-400)}.text-gray-400{color:var(--color-gray-400)}.text-indigo-400{color:var(--color-indigo-400)}.text-orange-400{color:var(--color-orange-400)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-100{opacity:1}.mix-blend-luminosity{mix-blend-mode:luminosity}.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)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.shadow-black{--tw-shadow-color:#000}@supports (color:color-mix(in lab,red,red)){.shadow-black{--tw-shadow-color:color-mix(in oklab,var(--color-black)var(--tw-shadow-alpha),transparent)}}.shadow-black\/20{--tw-shadow-color:#0003}@supports (color:color-mix(in lab,red,red)){.shadow-black\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-shadow-alpha),transparent)}}.brightness-75{--tw-brightness:brightness(75%);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,)}.brightness-\[0\.40\]{--tw-brightness:brightness(.4);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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[100ms\]{--tw-duration:.1s;transition-duration:.1s}.duration-\[500ms\]{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.25\,0\.1\,0\.25\,1\.0\)\]{--tw-ease:cubic-bezier(.25,.1,.25,1);transition-timing-function:ease}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[perspective\:800px\]{perspective:800px}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}@media(hover:hover){.group-hover\:-rotate-2:is(:where(.group):hover *){rotate:-2deg}.group-hover\:rotate-2:is(:where(.group):hover *){rotate:2deg}.group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-\[\#8060FF\]:hover{border-color:#8060ff}.hover\:\!bg-\[\#8060FF\]:hover{background-color:#8060ff!important}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}}.active\:cursor-grabbing:active{cursor:grabbing}@media(min-width:40rem){.sm\:hidden{display:none}.sm\:h-\[40vh\]{height:40vh}.sm\:w-1\/2{width:50%}.sm\:w-16{width:calc(var(--spacing)*16)}.sm\:w-\[40\%\]{width:40%}.sm\:w-\[50\%\]{width:50%}.sm\:w-\[72\%\]{width:72%}.sm\:w-\[80\%\]{width:80%}.sm\:w-\[88\%\]{width:88%}.sm\:-rotate-0,.sm\:rotate-0{rotate:none}.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:items-start{align-items:flex-start}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-x-2{column-gap:calc(var(--spacing)*2)}.sm\:gap-x-8{column-gap:calc(var(--spacing)*8)}.sm\:gap-y-0{row-gap:calc(var(--spacing)*0)}.sm\:gap-y-2{row-gap:calc(var(--spacing)*2)}.sm\:gap-y-10{row-gap:calc(var(--spacing)*10)}.sm\:gap-y-20{row-gap:calc(var(--spacing)*20)}.sm\:rounded-4xl{border-radius:var(--radius-4xl)}.sm\:\!px-8{padding-inline:calc(var(--spacing)*8)!important}.sm\:\!px-10{padding-inline:calc(var(--spacing)*10)!important}.sm\:\!px-\[6\%\]{padding-inline:6%!important}.sm\:\!px-\[10\%\]{padding-inline:10%!important}.sm\:\!py-12{padding-block:calc(var(--spacing)*12)!important}.sm\:pb-1{padding-bottom:calc(var(--spacing)*1)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-\[16px\]{font-size:16px}.sm\:opacity-0{opacity:0}}@media(min-width:48rem){.md\:pb-1{padding-bottom:calc(var(--spacing)*1)}}@media(min-width:64rem){.lg\:h-16{height:calc(var(--spacing)*16)}.lg\:h-\[48vh\]{height:48vh}.lg\:min-h-\[72vh\]{min-height:72vh}.lg\:w-1\/3{width:33.3333%}.lg\:w-16{width:calc(var(--spacing)*16)}.lg\:w-\[28\%\]{width:28%}.lg\:w-\[56\%\]{width:56%}.lg\:w-\[64\%\]{width:64%}.lg\:w-\[96\%\]{width:96%}.lg\:scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.lg\:flex-row{flex-direction:row}.lg\:justify-between{justify-content:space-between}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-x-8{column-gap:calc(var(--spacing)*8)}.lg\:gap-y-0{row-gap:calc(var(--spacing)*0)}.lg\:\!px-12{padding-inline:calc(var(--spacing)*12)!important}.lg\:\!px-\[4\%\]{padding-inline:4%!important}.lg\:\!py-16{padding-block:calc(var(--spacing)*16)!important}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:leading-10{--tw-leading:calc(var(--spacing)*10);line-height:calc(var(--spacing)*10)}}@media(min-width:80rem){.xl\:h-\[48\%\]{height:48%}.xl\:min-h-\[64vh\]{min-height:64vh}.xl\:w-\[32\%\]{width:32%}.xl\:w-\[48\]{width:48px}.xl\:w-\[92\%\]{width:92%}.xl\:scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y)}.xl\:gap-8{gap:calc(var(--spacing)*8)}.xl\:gap-32{gap:calc(var(--spacing)*32)}.xl\:gap-x-6{column-gap:calc(var(--spacing)*6)}.xl\:gap-x-10{column-gap:calc(var(--spacing)*10)}.xl\:\!px-10{padding-inline:calc(var(--spacing)*10)!important}.xl\:\!py-20{padding-block:calc(var(--spacing)*20)!important}.xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:96rem){.\32xl\:h-\[56vh\]{height:56vh}.\32xl\:h-\[64\%\]{height:64%}.\32xl\:h-\[72vh\]{height:72vh}.\32xl\:h-\[86\%\]{height:86%}.\32xl\:min-h-\[72vh\]{min-height:72vh}.\32xl\:w-2\/3{width:66.6667%}.\32xl\:w-\[32\%\]{width:32%}.\32xl\:w-\[56\%\]{width:56%}}@media(prefers-color-scheme:dark){.dark\:fill-\[\#262626\]{fill:#262626}.dark\:fill-\[\#404040\]{fill:#404040}.dark\:stroke-\[\#404040\]{stroke:#404040}}}:root{--bg-color:#0a0a0a;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-secondary:#a1a1aa;--accent-color:#646cff;--accent-glow:#646cff66;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--font-main:"Outfit",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button{color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.container{max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}.navbar-wrapper{position:fixed;top:40px;left:0;right:0;margin:0 auto;width:100%;max-width:1200px;display:flex;justify-content:center;align-items:center;padding:0 2rem;z-index:100;pointer-events:none;transition:transform .3s ease,opacity .3s ease;gap:var(--spacing-md)}.navbar-wrapper.hidden{transform:translateY(-100%);opacity:0}.navbar-wrapper.visible{transform:translateY(0);opacity:1;pointer-events:auto}html.technical-popup-open .navbar-wrapper{display:none}.logo-circle{pointer-events:auto;width:42px;height:42px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;text-decoration:none;margin-right:12px;overflow:hidden}.logo-image{width:100%;height:100%;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease,transform .3s ease}.logo-circle:hover{background:#ffffff4d;transform:scale(1.05)}.logo-circle:hover .logo-image{filter:grayscale(0%)}.navbar-pill{padding:8px 24px 8px 10px;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:100px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003;display:flex;align-items:center}.nav-links{display:flex;gap:var(--spacing-md);margin:0;padding:0;list-style:none}.nav-link{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--accent-color);transform:scaleX(1);transform-origin:left;transition:transform .3s ease}.nav-link:not(.active):after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--accent-color);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}@media(max-width:768px){.navbar-wrapper{top:20px;padding:0 1rem;gap:var(--spacing-sm)}.logo-circle{width:32px;height:32px;margin-right:8px}.navbar-pill{padding:6px 16px 6px 6px}.nav-links{gap:.8rem}.nav-link{font-size:.75rem}}.hero-section{position:relative;width:100%;height:100vh;overflow:hidden;background:#000}.hero-section:after{display:none}.background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-content{position:relative;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;pointer-events:auto;z-index:10}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:#fff;margin:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-button{margin-top:1rem;padding:1rem 2.5rem;background:#fff;border:1px solid #ffffff;border-radius:50px;font-size:1rem;font-weight:500;color:#000;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 20px #ffffff1a}@media(max-width:768px){.hero-button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}}.hero-button svg{transition:transform .3s ease}.hero-button:hover svg{transform:translateY(3px)}.hero-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffffff40}.glass-highlight{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.25em .5em .3em;color:#fff;width:fit-content;max-width:100%;overflow:hidden!important;position:relative;clip-path:inset(0 round 12px);-webkit-clip-path:inset(0 round 12px)}@media(max-width:768px){.glass-highlight{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff26}}.image-skeleton-container{position:relative;background-color:#1a1a1a;overflow:hidden;display:block}.image-skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#3a3a3a,#2a2a2a 60%,#1a1a1a 80% 100%);background-size:200% 100%;animation:shimmer 2s infinite;z-index:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-skeleton-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out;z-index:2}.image-skeleton-image.image-loading{opacity:0}.image-skeleton-image.image-loaded{opacity:1}.image-skeleton-image.image-loaded{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tilted-card-container{transition:all .3s ease;will-change:transform,box-shadow}.tilted-card-glow{box-shadow:0 0 20px #6366f14d,0 0 40px #a855f733!important;transition:box-shadow .4s ease}.tilted-card-image{transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s ease;will-change:transform}.tilted-card-container:hover .tilted-card-image{filter:brightness(.9) contrast(1.15)}.tilted-card-webp{transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform,filter,opacity;pointer-events:none}.tilted-card-dark-overlay{transition:opacity .4s ease;will-change:opacity}.tilted-card-gradient-accent{transition:opacity .4s ease;will-change:opacity,background}.tilted-card-container:hover{border-color:#6366f166!important}.tilted-card-dark-overlay,.tilted-card-gradient-accent{transition:opacity .4s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.tilted-card-glow{box-shadow:0 0 15px #6366f14d,0 0 30px #a855f733!important}.tilted-card-container:hover .tilted-card-image{transform:scale(1.02)}.tilted-card-image,.tilted-card-webp{filter:brightness(.85) contrast(1.1) grayscale(0%)!important}}.bento-item{background:transparent;border:none;cursor:pointer;transition:transform .3s ease}.bento-item:hover{transform:translateY(-2px)}.bento-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;position:relative}.bento-pill{position:absolute;top:1.5rem;left:1.5rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.5rem 1.25rem;border-radius:50px;color:#fff;font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;z-index:2;overflow:hidden;box-shadow:0 4px 6px #0000001a}.bento-item:hover .bento-pill{background:#fff3;transform:scale(1.05)}.bento-pill-fixed{top:20px!important;left:20px!important;z-index:20!important;background:#ffffff1a!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-radius:50px!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;padding:8px 16px!important;font-size:14px!important;font-weight:500!important;box-shadow:0 4px 6px #0000001a!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.bento-item:hover .bento-pill-fixed{background:#fff3!important;transform:scale(1.05)!important;box-shadow:0 4px 6px #0000001a,0 0 20px #6366f14d!important}.bento-link{transition:all .3s ease}.bento-link:hover{text-decoration:none}@media(max-width:768px){.bento-pill-fixed{display:none!important}}.bento-mobile-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000c,#0006,#0000);display:flex;align-items:flex-end;justify-content:flex-start;opacity:1;pointer-events:none;border-radius:24px;z-index:20}.bento-mobile-overlay-content{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:0;padding:0;z-index:21}.bento-mobile-title{font-size:clamp(.875rem,2vw,1rem);font-weight:400;margin:0;color:var(--text-primary);line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.8);text-align:left;padding-left:1rem;padding-right:1rem;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-view-more-button{background:#fff;color:#000;border:none;padding:.5rem 1rem;border-radius:0 0 24px 24px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003;width:100%;text-align:left;display:flex;align-items:center;gap:.25rem;pointer-events:auto}.bento-view-more-button .arrow-icon{display:inline-block;font-size:.875rem}.bento-view-more-button:active{background:#f0f0f0;transform:translateY(0)}@media(min-width:769px){.bento-mobile-overlay{display:none}}.bento-hover-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000bf,#00000080,#0003);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:flex-start;opacity:0;pointer-events:none;transition:opacity .3s ease;border-radius:24px;z-index:15;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:layout style paint}.bento-hover-overlay-visible{opacity:1;pointer-events:auto}.bento-hover-overlay-content{padding:2rem;text-align:left;max-width:90%;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;pointer-events:auto}.bento-hover-role{color:var(--text-primary);font-size:1.125rem;line-height:1.4;margin:0;font-weight:600;margin-bottom:.5rem}.bento-hover-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0;font-weight:300}.bento-hover-button{background:#fff;color:#000;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003;text-transform:none;letter-spacing:0;pointer-events:auto;margin-top:.5rem}.bento-hover-button:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.bento-hover-button:active{transform:translateY(0)}@media(max-width:768px){.bento-hover-overlay{display:none}}@media(max-width:1024px)and (prefers-reduced-motion:no-preference){.bento-hover-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}@media(prefers-reduced-motion:reduce){.bento-hover-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(to top,#000000d9,#0009,#0000004d)}}.video-grid-container{width:100%;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-grid-main{width:100%;max-width:1200px;margin:0 auto;aspect-ratio:16 / 9;position:relative;overflow:hidden;border-radius:1rem;background:#0006;box-shadow:0 4px 20px #0006}.video-grid-main-inner{width:100%;height:100%}.video-player-thumbnail{width:100%;height:100%;position:relative;cursor:pointer;overflow:hidden}.video-player-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.video-player-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ffffff80}.video-player-placeholder svg{opacity:.4}.video-player-placeholder span{font-size:.875rem;opacity:.6}.video-player-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003;transition:background .2s ease}.video-player-thumbnail:hover .video-player-play-overlay{background:#0000004d}.video-player-play-btn{width:72px;height:72px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .25s ease}.video-player-play-btn svg{width:32px;height:32px;fill:#fff;margin-left:4px}.video-player-thumbnail:hover .video-player-play-btn{transform:scale(1.1);background:#0009;border-color:#ffffff4d}.video-player-iframe-wrapper{width:100%;height:100%;position:relative}.video-player-iframe{width:100%;height:100%;border:none;display:block}.video-grid-thumbs{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:.75rem;width:100%;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.video-grid-thumbs::-webkit-scrollbar{height:6px}.video-grid-thumbs::-webkit-scrollbar-track{background:transparent}.video-grid-thumbs::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.video-grid-thumbs::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.video-thumb{width:200px;height:112px;flex-shrink:0;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.video-thumb:hover{border-color:#ffffff40}.video-thumb-selected{border-color:#a855f7!important;box-shadow:0 0 20px #a855f780,0 0 40px #a855f740}.video-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.video-thumb-placeholder{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:#fff6}.video-thumb-placeholder svg{opacity:.5}.video-thumb-placeholder span{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.video-thumb-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.video-thumb-badge span{background:#a855f7;color:#fff;padding:.35rem .75rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transform:rotate(-3deg);box-shadow:0 2px 10px #0000004d}@media(min-width:768px){.video-thumb{width:220px;height:124px}.video-grid-thumbs{gap:1rem}}@media(min-width:1024px){.video-thumb{width:240px;height:135px}}@media(max-width:767px){.video-grid-container{gap:1rem;padding:1rem;border-radius:.75rem}.video-grid-main{border-radius:.75rem}.video-grid-thumbs{gap:.5rem}.video-thumb{width:140px;height:79px;border-radius:6px;border-width:2px}.video-thumb-badge span{padding:.25rem .5rem;font-size:.6rem}.video-player-play-btn{width:56px;height:56px}.video-player-play-btn svg{width:24px;height:24px}}.fullscreen-image-overlay{position:fixed;inset:0;background:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-md)}.fullscreen-image-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:95vw;max-height:95vh}.fullscreen-image-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;z-index:10001;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.fullscreen-image-close:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.fullscreen-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;padding-bottom:80px}.fullscreen-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px}.fullscreen-image-heading{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg);background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 70%,transparent 100%);display:flex;align-items:center;justify-content:center;text-align:center}.fullscreen-image-heading-text{color:#fff;font-size:1.25rem;font-weight:500;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}@media(max-width:768px){.fullscreen-image-overlay{padding:var(--spacing-sm)}.fullscreen-image-container{max-width:100vw;max-height:100vh}.fullscreen-image-close{top:var(--spacing-sm);right:var(--spacing-sm);width:40px;height:40px}.fullscreen-image-wrapper{padding-bottom:70px}.fullscreen-image-heading{padding:var(--spacing-md)}.fullscreen-image-heading-text{font-size:1rem}}@media(max-width:480px){.fullscreen-image-heading-text{font-size:.9rem}.fullscreen-image-wrapper{padding-bottom:60px}}.terra-detail-container{--terra-bg: #0a0a0a;--terra-text-primary: #ffffff;--terra-text-secondary: #a1a1aa;--terra-accent: #646cff;--terra-border-radius: 20px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;width:100%;background-color:var(--terra-bg);color:var(--terra-text-primary);font-family:var(--font-main);overflow-x:hidden}.terra-hero{min-height:auto;display:flex;align-items:flex-start;padding:var(--spacing-xl) 0 var(--spacing-md) 0;background:var(--terra-bg)}.terra-hero-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.terra-hero-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.terra-header-row{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.terra-back-button{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--terra-text-primary);font-weight:500;font-size:1rem;padding:8px 16px;border-radius:20px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.terra-back-button:hover{background:#fff3;transform:translate(-4px)}.terra-category-label{font-size:.9rem;font-weight:500;color:var(--terra-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0}.terra-headline{font-size:5rem;font-weight:400;line-height:1.1;margin:0;color:var(--terra-text-primary);text-align:left}.terra-headline .headline-bold{font-weight:800}.terra-subtitle{font-size:1.5em;line-height:1.7;color:var(--terra-text-secondary);text-align:left;margin:0;max-width:90%}.terra-tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-start;width:100%;margin-top:var(--spacing-md)}.terra-tag{padding:.6rem 1.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2rem;font-size:.85rem;color:var(--terra-text-secondary);font-weight:400;font-family:var(--font-main);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:inline-flex;align-items:center;gap:.5rem}.terra-tag-icon{width:14px;height:14px;flex-shrink:0;opacity:.7}.terra-solution-stack{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.terra-solution-card{display:flex;width:100%;align-items:center;gap:var(--spacing-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.terra-solution-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0006;border-color:#fff3}@media(max-width:768px){.terra-solution-card{flex-direction:column!important;padding:var(--spacing-md)}.terra-solution-card .terra-visual-placeholder,.terra-solution-card .terra-solution-text{width:100%}}.terra-solution-text h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;text-align:left;color:var(--terra-text-primary)}.terra-solution-text p{font-size:1rem;line-height:1.6;color:var(--terra-text-secondary);margin:0;text-align:left}.terra-download-card{width:100%;max-width:1000px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px;padding:4rem 2rem 0;display:flex;flex-direction:column;align-items:center;gap:4rem;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;position:relative;cursor:pointer}.terra-download-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000004d;border-color:#fff3}.terra-download-buttons{display:flex;gap:6rem;justify-content:center;width:100%;z-index:10}.terra-download-group{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.terra-download-label{font-size:1.5rem;font-weight:700;color:var(--terra-text-primary)}.terra-download-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8060ff33;border:1px solid rgba(128,96,255,.3);color:#fff;border-radius:12px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.terra-download-btn:hover{transform:translateY(-2px) scale(1.05);background:#8060ff66;box-shadow:0 0 20px #8060ff33}.terra-stacked-images-container{position:relative;width:100%;height:300px;display:flex;justify-content:center;align-items:flex-end;margin-bottom:-50px}.terra-stacked-image{width:200px;height:300px;background-color:#ddd;border-radius:16px;position:absolute;bottom:0;box-shadow:0 -10px 30px #0000001a;transition:transform .4s ease;background-size:cover;background-position:center;border:4px solid white}.terra-stacked-image.img-1{transform:translate(-300px) translateY(40px) rotate(-15deg);z-index:1}.terra-stacked-image.img-2{transform:translate(-160px) translateY(20px) rotate(-8deg);z-index:2}.terra-stacked-image.img-3{transform:translateY(0) rotate(0);z-index:3}.terra-stacked-image.img-4{transform:translate(160px) translateY(20px) rotate(8deg);z-index:2}.terra-stacked-image.img-5{transform:translate(300px) translateY(40px) rotate(15deg);z-index:1}.terra-download-card:hover .terra-stacked-image.img-1{transform:translate(-320px) translateY(30px) rotate(-18deg)}.terra-download-card:hover .terra-stacked-image.img-2{transform:translate(-170px) translateY(10px) rotate(-10deg)}.terra-download-card:hover .terra-stacked-image.img-3{transform:translateY(-10px) rotate(0)}.terra-download-card:hover .terra-stacked-image.img-4{transform:translate(170px) translateY(10px) rotate(10deg)}.terra-download-card:hover .terra-stacked-image.img-5{transform:translate(320px) translateY(30px) rotate(18deg)}@media(max-width:768px){.terra-download-buttons{flex-direction:column;gap:3rem}.terra-stacked-images-container{transform:scale(.7);margin-bottom:-80px}}.terra-video-main{width:100%;aspect-ratio:16/9;background:#000;border-radius:24px;overflow:hidden;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.terra-video-thumbnails{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;justify-content:flex-start}.terra-video-thumb{min-width:250px;aspect-ratio:16/9;background:#eee;border-radius:8px;cursor:pointer;transition:transform .2s ease;border:2px solid transparent}.terra-video-thumb:hover{transform:scale(1.02);border-color:#000}@media(max-width:1024px){.terra-headline{font-size:3.5rem}.terra-hero-content,.terra-core-challenge{gap:2rem}}@media(max-width:768px){.terra-hero-content{padding:0 var(--spacing-md)}.terra-hero{padding-top:6rem;padding-bottom:var(--spacing-md);min-height:auto}.terra-headline{font-size:2.5rem}.terra-subtitle{font-size:1rem;max-width:100%}.terra-section-title{font-size:2.5rem}}.terra-placeholder-text{color:var(--terra-text-secondary);font-size:1.5rem;font-weight:500}.terra-challenge-visual{height:400px;background:var(--bg-secondary);border-radius:24px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.2rem}.terra-solution-visual{width:100%;height:250px;background:var(--bg-secondary);border-radius:24px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.terra-video-placeholder-text{color:#fff;font-size:1.5rem}.terra-section-title-large{font-size:3rem;font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--spacing-md);color:var(--terra-text-primary)}.terra-section-text-left{font-size:1.15rem;line-height:1.6;color:var(--text-secondary);text-align:left}@media(max-width:768px){.terra-section-title-large{font-size:2rem}.terra-hero-content{padding:0 var(--spacing-md)}}.contributions-section{width:100%;margin:2rem 0 4rem}.contributions-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:0;width:100%;position:relative}.contributions-column{display:flex;flex-direction:column;padding:0 2rem}.contributions-column-title{font-size:1.75rem;font-weight:400;line-height:1.2;margin:0 0 1.5rem;color:#fff;text-align:left}.contributions-separator-horizontal{width:100%;height:1px;background:#ffffff1a;margin-bottom:1.5rem}.contributions-separator-vertical{width:1px;height:100%;background:#ffffff1a;margin:0 2rem;align-self:stretch}.contributions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.contribution-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;text-align:left}.contribution-pointer{flex-shrink:0;width:6px;height:6px;background:#646cff;border-radius:50%;margin-top:.5rem}.contribution-separator{width:100%;height:1px;background:#ffffff0d;margin:.5rem 0}.contribution-text{font-size:1rem;line-height:1.6;color:#a1a1aa;flex:1;text-align:left}.contribution-text strong{font-weight:700;color:#fff}@media(max-width:768px){.contributions-grid{grid-template-columns:1fr;gap:0}.contributions-column{padding:0 1rem;margin-bottom:3rem}.contributions-separator-vertical{display:none}.contributions-separator-horizontal{margin-bottom:1rem}.contributions-column-title{font-size:1.5rem;margin-bottom:1rem}.contribution-text{font-size:.95rem}}.playshifu-tablet-stack{height:400px!important;align-items:flex-end!important;justify-content:center!important;margin-bottom:-50px!important;position:relative;width:100%}.playshifu-download-card{padding:3rem 2rem 0!important;gap:2rem!important}.playshifu-tablet-image{width:450px!important;height:320px!important;border-radius:12px;background-size:cover!important;background-position:center!important}.playshifu-tablet-stack .img-1{transform:translate(-480px) translateY(40px) rotate(-15deg)!important;bottom:0!important;left:55%!important;margin-left:-225px!important}.playshifu-tablet-stack .img-2{transform:translate(-240px) translateY(20px) rotate(-8deg)!important;bottom:0!important;left:55%!important;margin-left:-225px!important}.playshifu-tablet-stack .img-3{transform:translate(0) translateY(0) rotate(0)!important;bottom:0!important;left:55%!important;margin-left:-225px!important}.playshifu-tablet-stack .img-4{transform:translate(240px) translateY(20px) rotate(8deg)!important;bottom:0!important;left:55%!important;margin-left:-225px!important}.terra-download-card:hover .playshifu-tablet-stack .img-1{transform:translate(-500px) translateY(-10px) rotate(-18deg)!important;left:55%!important;margin-left:-225px!important}.terra-download-card:hover .playshifu-tablet-stack .img-2{transform:translate(-250px) translateY(-5px) rotate(-10deg)!important;left:55%!important;margin-left:-225px!important}.terra-download-card:hover .playshifu-tablet-stack .img-3{transform:translate(0) translateY(-10px) rotate(0)!important;left:55%!important;margin-left:-225px!important}.terra-download-card:hover .playshifu-tablet-stack .img-4{transform:translate(250px) translateY(-5px) rotate(10deg)!important;left:55%!important;margin-left:-225px!important}@media(max-width:768px){.playshifu-tablet-stack{transform:scale(.7);margin-bottom:-80px!important}}.isro-work-section{background-color:var(--terra-bg);padding:var(--spacing-xl) 4%!important;margin-top:1rem;width:100%}@media(min-width:640px){.isro-work-section{padding:var(--spacing-xl) 10%!important}}.isro-technicalities-grid{display:grid;grid-template-columns:1fr;gap:0;width:100%;margin-top:2rem}@media(min-width:768px){.isro-technicalities-grid{grid-template-columns:1fr 1fr;gap:0 3rem}}.isro-technicality-item{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.isro-technicality-item:first-child{padding-top:0}.isro-technicality-item:last-child{border-bottom:none;padding-bottom:0}@media(min-width:768px){.isro-technicality-item{padding:1.75rem 0}.isro-technicality-item:nth-child(1),.isro-technicality-item:nth-child(2){padding-top:0}.isro-technicality-item:nth-last-child(-n+2){border-bottom:none;padding-bottom:0}}.isro-technicality-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--terra-text-secondary);margin-top:.25rem}.isro-technicality-icon svg{width:24px;height:24px}.isro-technicality-text{font-size:1rem;line-height:1.6;color:var(--terra-text-secondary);margin:0;flex:1;text-align:left}@media(min-width:1024px){.isro-technicality-text{font-size:1.1rem}}.isro-work-section .terra-section-title-large{color:var(--terra-text-primary);font-weight:400;margin-bottom:1.5rem}.isro-nda-fade{position:relative;width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) 4%;margin-top:var(--spacing-md);overflow:hidden;background-color:var(--terra-bg)}@media(min-width:640px){.isro-nda-fade{padding:var(--spacing-xl) 10%;min-height:70vh}}.isro-nda-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0a0a0a,#0a0a0afa 5%,#0a0a0af2 15%,#0a0a0ae6 30%,#0a0a0ad9,#0a0a0acc 70%,#0a0a0abf 85%,#0a0a0ab3 95%,#0a0a0a);z-index:1}.isro-nda-glassmorphic-bg{position:absolute;z-index:1;width:95%;max-width:1400px;height:80%;max-height:500px;background:#ffffff08;border-radius:32px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d;top:50%;left:50%;transform:translate(-50%,-50%)}.isro-nda-message{position:relative;z-index:2;text-align:center;max-width:600px;padding:3rem 2rem;background:#6464644d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.isro-nda-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1rem;line-height:1.4}.isro-nda-text{font-size:1rem;color:#a1a1aa;margin:0;line-height:1.6}@media(min-width:768px){.isro-nda-title{font-size:1.75rem}.isro-nda-text{font-size:1.1rem}}@media(min-width:1024px){.isro-nda-title{font-size:2rem}}.detect-tablet-stack{height:400px!important;align-items:flex-end!important;justify-content:center!important;margin-bottom:-50px!important;position:relative;width:100%}.detect-download-card{padding:3rem 2rem 0!important;gap:2rem!important}.detect-tablet-image{width:450px!important;height:320px!important;border-radius:12px;background-size:cover!important;background-position:center!important}.detect-tablet-stack .img-1{transform:translate(-320px) translateY(40px) rotate(-15deg)!important;bottom:0!important;left:55%!important;margin-left:-225px!important}.detect-tablet-stack .img-2{transform:translate(0) translateY(0) rotate(0)!important;bottom:0!important;left:55%!important;margin-left:-225px!important}.detect-tablet-stack .img-3{transform:translate(320px) translateY(40px) rotate(15deg)!important;bottom:0!important;left:55%!important;margin-left:-225px!important}.terra-download-card:hover .detect-tablet-stack .img-1{transform:translate(-340px) translateY(30px) rotate(-18deg)!important;left:55%!important;margin-left:-225px!important}.terra-download-card:hover .detect-tablet-stack .img-2{transform:translate(0) translateY(-10px) rotate(0)!important;left:55%!important;margin-left:-225px!important}.terra-download-card:hover .detect-tablet-stack .img-3{transform:translate(340px) translateY(30px) rotate(18deg)!important;left:55%!important;margin-left:-225px!important}@media(max-width:768px){.detect-tablet-stack{transform:scale(.7);margin-bottom:-80px!important}}.superbolter-tablet-stack{height:400px!important;align-items:flex-end!important;justify-content:center!important;margin-bottom:-50px!important;position:relative;width:100%;overflow:visible!important}.superbolter-tablet-image{width:400px!important;height:400px!important;border-radius:12px;background-size:cover!important;background-position:center!important;border:8px solid #808080!important}.superbolter-iphone-image{width:200px!important;height:400px!important;border-radius:24px;background-size:cover!important;background-position:center!important;border:6px solid #1a1a1a!important;box-shadow:0 0 0 2px gray inset}.superbolter-tablet-stack .img-1{transform:translate(-280px) translateY(40px) rotate(-12deg)!important;bottom:0!important;left:50%!important;margin-left:-200px!important;z-index:1}.superbolter-tablet-stack .img-2{transform:translate(0) translateY(0) rotate(0)!important;bottom:0!important;left:50%!important;margin-left:-100px!important;z-index:3}.superbolter-tablet-stack .img-3{transform:translate(280px) translateY(40px) rotate(12deg)!important;bottom:0!important;left:50%!important;margin-left:-200px!important;z-index:1}.terra-download-card:hover .superbolter-tablet-stack .img-1{transform:translate(-300px) translateY(-10px) rotate(-15deg)!important;left:50%!important;margin-left:-200px!important}.terra-download-card:hover .superbolter-tablet-stack .img-2{transform:translate(0) translateY(-10px) rotate(0)!important;left:50%!important;margin-left:-100px!important}.terra-download-card:hover .superbolter-tablet-stack .img-3{transform:translate(300px) translateY(-10px) rotate(15deg)!important;left:50%!important;margin-left:-200px!important}@media(max-width:768px){.superbolter-tablet-stack{transform:scale(.7);margin-bottom:-80px!important}}.bento-section{padding:0;background:transparent;min-height:100vh}.works-intro{max-width:800px;margin:0 auto var(--spacing-md);text-align:center;padding-top:0}.works-quote{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2;letter-spacing:-1px}.works-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);grid-auto-rows:300px;padding-bottom:var(--spacing-lg);max-width:1200px;margin:0 auto}.bento-item{display:block}.item-large{grid-column:span 2;grid-row:span 2}@media(max-width:768px){.item-large{grid-column:span 1;grid-row:span 1}}.masonry-container{position:relative;width:100%;min-height:100vh}.masonry-item{position:absolute;box-sizing:border-box;cursor:pointer;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.masonry-item>*{width:100%;height:100%}.masonry-item-content{width:100%;height:100%;background-size:cover;background-position:center;border-radius:10px;box-shadow:0 10px 50px -10px #0003;overflow:hidden}.color-overlay{position:absolute;inset:0;border-radius:10px;background:linear-gradient(to top right,#ec489980,#0ea5e980);opacity:0;pointer-events:none;transition:opacity .3s ease}.project-masonry-card{width:100%;height:100%;position:relative;overflow:visible;border-radius:10px;cursor:pointer;box-shadow:0 10px 50px -10px #0003;transition:transform .3s ease,box-shadow .3s ease;will-change:transform,box-shadow;transform:translateZ(0);backface-visibility:hidden}.project-masonry-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px -10px #0006}.project-masonry-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;overflow:hidden;position:relative;filter:grayscale(100%);transition:filter .4s ease;will-change:filter;transform:translateZ(0)}@media(max-width:768px){.project-masonry-image{filter:grayscale(0%)}}@media(min-width:769px){.project-masonry-card:hover .project-masonry-image,.project-masonry-image.hovered{filter:grayscale(0%)}}.project-masonry-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000c,#0006,#0000);display:flex;align-items:flex-end;justify-content:flex-start;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:10px}.project-masonry-overlay-visible{opacity:1;pointer-events:auto}@media(max-width:768px){.project-masonry-overlay{opacity:1!important;pointer-events:auto;transition:none}}.project-masonry-overlay-content{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:5px;padding:0;z-index:2}.project-masonry-tags{position:absolute;top:var(--spacing-md);left:var(--spacing-md);display:flex;flex-direction:column;gap:.5rem;z-index:3;opacity:1;transition:opacity .2s ease,visibility .2s ease;visibility:visible}.project-masonry-tags.hidden{opacity:0;visibility:hidden;pointer-events:none}@media(max-width:768px){.project-masonry-tags{display:none}}.project-masonry-tag{font-size:.75rem;font-weight:600;color:var(--text-primary);background:#000000b3;padding:.35rem .75rem;border-radius:20px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.1);white-space:nowrap;transition:all .3s ease;will-change:transform,opacity;transform:translateZ(0)}.project-masonry-title{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;margin:0;color:var(--text-primary);line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.8);text-align:left;padding-left:1rem;padding-right:1rem;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-view-more-button{background:#fff;color:#000;border:none;padding:.5rem 1rem;border-radius:0 0 10px 10px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003;width:100%;text-align:left;display:flex;align-items:center;gap:.25rem}.arrow-icon{display:inline-block;font-size:.875rem}.project-view-more-button:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.project-view-more-button:active{transform:translateY(0)}.project-expanded-overlay{position:fixed;inset:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-expanded-container{position:relative;background:#0f0f0f;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 64px #000000e6,0 0 0 1px #ffffff08 inset;display:flex;flex-direction:row;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.project-expanded-left{width:55%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;background:#0a0a0a;border-right:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.project-expanded-blurred-background{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(4px) brightness(.5) saturate(1.2);-webkit-filter:blur(4px) brightness(.5) saturate(1.2);transform-origin:center center;will-change:transform;z-index:0;opacity:.9;backface-visibility:hidden;-webkit-backface-visibility:hidden}.project-expanded-mockup{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;z-index:1}.video-thumbnail{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.video-element{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;transform:translateZ(0);will-change:transform}.drive-video-iframe{width:100%;height:100%;border:none;position:absolute;top:0;left:0;z-index:1}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:20;cursor:pointer;transition:background .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.video-play-overlay:hover{background:#00000080}.video-play-overlay:hover .video-play-button{transform:scale(1.15);box-shadow:0 20px 60px #ffffff4d,0 0 40px #fff3}.video-play-button{width:100px;height:100px;border-radius:50%;background:#fffffff2;border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);color:#000;box-shadow:0 10px 40px #00000080,0 0 20px #ffffff1a,inset 0 1px #fff9;will-change:transform,box-shadow;transform:translateZ(0);backface-visibility:hidden}.video-play-button:hover{background:#fff;border-color:#ffffff80}.video-play-button:active{transform:scale(1.05)}.video-play-button svg{margin-left:6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hidden-video{display:none}.project-expanded-mockup-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.1rem}.project-video-link-wrapper-left{width:100%;display:flex;justify-content:flex-start;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.project-expanded-content-wrapper{width:45%;display:flex;flex-direction:column;position:relative;background:#0f0f0f;overflow:hidden}.project-expanded-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.project-expanded-close:hover{background:#ffffff1a;border-color:#ffffff26;transform:scale(1.1) rotate(90deg)}.project-expanded-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);padding-top:var(--spacing-md);padding-right:var(--spacing-sm)}.project-expanded-content::-webkit-scrollbar{width:6px}.project-expanded-content::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.project-expanded-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.project-expanded-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.project-expanded-title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.3;text-align:left}.project-expanded-title strong{font-weight:700;color:var(--text-primary)}.project-three-line-description{font-size:clamp(.875rem,1.1vw,1rem);line-height:1.6;color:var(--text-secondary);margin-bottom:var(--spacing-md);text-align:left}.project-tags-wrapper{display:flex;justify-content:flex-start;width:100%;margin-bottom:var(--spacing-md)}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem}.project-tag{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.35rem .75rem;font-size:.75rem;color:var(--text-primary);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.project-tag:hover{background:#ffffff14;border-color:#ffffff1f}.project-tag .tag-icon{flex-shrink:0;opacity:.8;width:12px;height:12px}.project-video-link-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-lg);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;white-space:nowrap}.project-video-link-button:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-2px)}.project-expanded-description{margin-top:var(--spacing-sm)}.project-responsibilities{margin-top:0;padding-top:0}.responsibilities-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:left}.responsibilities-list{list-style:none;padding:0;margin:0;text-align:left}.responsibility-item{font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-sm);position:relative;text-align:left}.responsibility-item:before{content:"•";position:absolute;left:0;color:var(--text-secondary);font-size:1.2rem;line-height:1.6}.responsibility-item:last-child{margin-bottom:0}@media(max-width:968px){.project-expanded-container{flex-direction:column;border-radius:16px}.project-expanded-left{width:100%;height:50%;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:0}.project-expanded-content-wrapper{width:100%;height:50%}.project-expanded-title{font-size:1.5rem}}@media(max-width:640px){.project-expanded-overlay{padding:12px;align-items:center}.project-expanded-container{border-radius:16px;width:100%!important;height:calc(100vh - 24px)!important;max-width:100%;max-height:calc(100vh - 24px)}.project-expanded-left{padding:0}.project-expanded-content{padding:var(--spacing-sm)}.project-expanded-close{top:var(--spacing-xs);right:var(--spacing-xs);width:32px;height:32px}.project-expanded-title{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.project-three-line-description{font-size:.875rem;margin-bottom:var(--spacing-sm)}.project-tags{gap:.3rem}.project-tag{font-size:.7rem;padding:.3rem .6rem}}.projects-section{min-height:100vh;padding:var(--spacing-xl) 0;background:var(--bg-primary);position:relative;display:flex;align-items:flex-start;justify-content:center}.projects-section .masonry-container{padding:var(--spacing-md) 0}.projects-container{max-width:1400px;width:100%;padding:0 var(--spacing-sm);position:relative}.projects-header{text-align:center;margin-bottom:var(--spacing-lg)}.projects-section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary);letter-spacing:-.02em}.projects-section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.project-card{width:100%;cursor:pointer;position:relative;will-change:transform}.project-card-content{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:var(--spacing-lg);transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;cursor:pointer;height:100%;display:flex;flex-direction:column;will-change:transform,box-shadow}.project-card-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0d,#ffffff05);opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);pointer-events:none;border-radius:24px;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:0}50%{opacity:.03}}.project-card-content:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#646cff80,#ffffff1a,#646cff80);border-radius:24px;opacity:0;transition:opacity .4s ease;z-index:-1;filter:blur(8px)}.project-card-content:hover{border-color:#ffffff40;background:#ffffff0f;transform:translateY(-12px) scale(1.03);box-shadow:0 25px 70px #00000080,0 0 50px #646cff4d,0 0 100px #646cff1a}.project-card-content:hover:before{opacity:1}.project-card-content:hover:after{opacity:1}.project-card-content.expanded{transform:translateY(-8px) scale(1.02);box-shadow:0 24px 48px #0006}.project-card-content.expanded:before{opacity:1}.project-card-text{position:relative;z-index:2;flex:1}.project-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary);line-height:1.2}.project-description{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.project-tags-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.05)}.project-tag-preview{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:.75rem;color:var(--text-secondary);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card-content:hover .project-tag-preview{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.project-tag-preview:first-child{background:#646cff1a;border-color:#646cff4d;color:var(--accent-color)}.project-card-content:hover .project-tag-preview:first-child{background:#646cff26;border-color:#646cff66;box-shadow:0 4px 12px #646cff33}.project-number{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:.75rem;font-weight:600;color:var(--text-secondary);opacity:.5;z-index:3}@media(max-width:968px){.projects-section{padding:var(--spacing-lg) 0}.projects-masonry-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card-content{padding:var(--spacing-md)}}@media(max-width:640px){.projects-header{margin-bottom:var(--spacing-md)}.projects-section-title{font-size:2rem}.projects-section-subtitle{font-size:1rem}.projects-masonry-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.project-card-content{padding:var(--spacing-sm)}.project-title{font-size:1.25rem}.project-description{font-size:.9rem}}.not-found-section{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem;background:transparent;width:100%;position:relative}.not-found-wrapper{width:100%;display:flex;align-items:center;justify-content:center;min-height:60vh}.not-found-container{width:100%;max-width:700px;text-align:center;display:flex;align-items:center;justify-content:center}.not-found-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%}.not-found-title{font-size:9rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin:0;font-family:var(--font-main, "Outfit", sans-serif);letter-spacing:-.02em}.not-found-divider{width:100px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);margin:.5rem 0}.not-found-subtitle{font-size:2.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0;font-family:var(--font-main, "Outfit", sans-serif);letter-spacing:-.01em}.not-found-text{font-size:1.125rem;color:var(--text-secondary, rgba(255, 255, 255, .7));line-height:1.7;max-width:550px;margin:0;font-family:var(--font-main, "Outfit", sans-serif)}.not-found-button-wrapper{margin-top:1rem;display:flex;justify-content:center;align-items:center}.not-found-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:.75rem;font-weight:600;font-size:1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #667eea66;font-family:var(--font-main, "Outfit", sans-serif);border:none;cursor:pointer;position:relative;overflow:hidden}.not-found-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.not-found-button:hover:before{left:100%}.not-found-button:hover{box-shadow:0 8px 30px #667eea99;transform:translateY(-2px)}.not-found-button:active{transform:translateY(0)}@media(max-width:768px){.not-found-section{min-height:calc(100vh - 150px);padding:1.5rem}.not-found-title{font-size:6rem}.not-found-subtitle{font-size:1.75rem}.not-found-text{font-size:1rem;max-width:100%}.not-found-button{padding:.875rem 2rem;font-size:1rem}.not-found-content{gap:1.5rem}.not-found-divider{width:80px}}@media(max-width:480px){.not-found-title{font-size:5rem}.not-found-subtitle{font-size:1.5rem}.not-found-button{padding:.75rem 1.75rem;font-size:.95rem}}.project-detail-blog{background-color:var(--bg-primary);min-height:100vh;padding-bottom:var(--spacing-md)}.blog-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}.blog-nav-container{padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:100;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center}.blog-back-button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:1rem;padding:8px 16px;border-radius:20px;background:#ffffff1a;transition:all .2s ease}.blog-back-button:hover{background:#0000001a;transform:translate(-4px)}.blog-header{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);text-align:left}.blog-title{font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-xs);color:var(--text-primary);letter-spacing:-.02em}.blog-subtitle{font-size:1.2rem;color:var(--text-secondary);font-weight:400;margin-top:0}.blog-banner-container{width:100%;height:500px;border-radius:24px;overflow:hidden;margin-bottom:var(--spacing-xl);box-shadow:0 20px 40px #0000001a}.blog-banner-image{width:100%;height:100%;object-fit:cover}.blog-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.blog-section{margin-bottom:var(--spacing-lg)}.blog-section h2{font-size:1.8rem;margin-bottom:var(--spacing-md);color:var(--text-primary);font-weight:700}.role-text{font-size:1.15rem;line-height:1.8;color:var(--text-secondary);max-width:800px}.tech-tags{display:flex;flex-wrap:wrap;gap:12px}.tech-pill{padding:8px 20px;background:var(--bg-secondary);border-radius:100px;font-size:.95rem;color:var(--text-primary);border:1px solid rgba(0,0,0,.05);font-weight:500;transition:all .2s ease}.tech-pill:hover{background:#e5e7eb;transform:translateY(-1px)}.links-section .project-links-row{justify-content:flex-start;margin:0;gap:16px}.simple-link-button{display:inline-flex;align-items:center;gap:12px;background:var(--bg-secondary);padding:12px 24px;border-radius:50px;text-decoration:none;color:var(--text-primary);box-shadow:0 4px 12px #0000000d;transition:all .2s ease;border:1px solid rgba(0,0,0,.08)}.simple-link-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.button-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.button-icon svg{width:100%;height:100%}.button-label{font-weight:600;font-size:1rem}.external-icon{width:16px;height:16px;color:var(--text-secondary);opacity:.6}.review-carousel-wrapper{width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden;padding:var(--spacing-xl) 0;background:linear-gradient(to right,transparent,rgba(0,0,0,.02) 20%,rgba(0,0,0,.02) 80%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);margin-bottom:var(--spacing-xl)}.review-carousel-track{display:flex;gap:var(--spacing-lg);width:max-content;animation:scroll 60s linear infinite}.review-card{background:#1e1e1ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:24px;border:1px solid rgba(0,0,0,.05);width:500px;flex-shrink:0;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-sm)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.review-text{font-size:1.05rem;line-height:1.6;color:var(--text-primary);font-style:italic;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.review-author{font-size:.9rem;font-weight:600;color:var(--text-secondary)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.features-container{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.feature-card{display:flex;align-items:center;gap:var(--spacing-xl);width:100%;background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:32px;border:1px solid rgba(0,0,0,.05);box-shadow:0 20px 40px -10px #0000000d;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -15px #0000001a}.feature-card.image-right{flex-direction:row-reverse}.feature-image-container{flex:1;height:350px;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #0000000d}.feature-image-placeholder{width:100%;height:100%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-weight:500;font-size:1.2rem}.feature-content{flex:1;padding:var(--spacing-md)}.feature-content h3{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--text-primary);font-weight:700}.feature-content p{font-size:1.15rem;line-height:1.7;color:var(--text-secondary)}@media(max-width:768px){.blog-title{font-size:2.5rem}.blog-banner-container{height:250px}.links-section .project-links-row{justify-content:flex-start;flex-wrap:wrap}.feature-card,.feature-card.image-right{flex-direction:column;padding:var(--spacing-md)}.feature-image-container{width:100%;height:250px}.feature-content{padding:0}.review-card{width:300px}}.youtube-embed-container{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:24px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 20px 40px #00000026;margin-top:var(--spacing-lg)}.video-thumbnail{width:100%;height:100%;position:relative}.thumbnail-image{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .3s ease}.youtube-embed-container:hover .thumbnail-image{opacity:.7}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.4)}.youtube-embed-container:hover .play-button-overlay{transform:translate(-50%,-50%) scale(1.1);background:#ffffff4d}.play-icon{width:40px;height:40px;color:#fff;margin-left:4px}.video-iframe{width:100%;height:100%;border:none}.scroll-to-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--text-primary);color:var(--bg-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;z-index:1000;transition:all .3s ease;overflow:visible}.scroll-to-top-btn:hover{background:var(--text-primary);box-shadow:0 6px 16px #0003;transform:translateY(-2px) scale(1.05)}.scroll-text{position:absolute;right:60px;background:#000c;color:#fff;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500;white-space:nowrap;opacity:0;transform:translate(10px);transition:all .3s ease;pointer-events:none}.scroll-to-top-btn:hover .scroll-text{opacity:1;transform:translate(0)}@media(max-width:768px){.scroll-to-top-btn{bottom:20px;right:20px;width:45px;height:45px}.scroll-text{display:none}}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--behind-glow-color: rgba(150, 180, 200, .4);--behind-glow-size: 25%;--inner-gradient: none;--sunpillar-1: hsl(200, 15%, 70%);--sunpillar-2: hsl(200, 20%, 72%);--sunpillar-3: hsl(200, 18%, 68%);--sunpillar-4: hsl(200, 25%, 75%);--sunpillar-5: hsl(200, 22%, 73%);--sunpillar-6: hsl(200, 20%, 71%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-behind{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0%,transparent var(--behind-glow-size));filter:blur(50px) saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s ease}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(0) rotateX(0) rotateY(0);background:#000000e6;backface-visibility:hidden;overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{position:relative;z-index:1}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);pointer-events:none}.pc-inside{inset:0;position:absolute;background-image:var(--inner-gradient);background-color:#000000e6;transform:none}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .8s ease;filter:brightness(.6) contrast(1.1) saturate(.1) opacity(.3);animation:holo-bg 18s linear infinite;animation-play-state:running;mix-blend-mode:soft-light}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0;transition:opacity .8s ease}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.7) contrast(1.1) saturate(.15);animation-play-state:paused}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:soft-light;filter:brightness(calc(1.15 - var(--pointer-from-center) * .15)) contrast(calc(1.1 + var(--pointer-from-center) * .1)) saturate(calc(.1 + var(--pointer-from-center) * .1));mix-blend-mode:overlay;opacity:.6}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:soft-light;filter:brightness(.7) contrast(1.1);opacity:.4}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(200,15%,75%) 12%,hsla(200,20%,25%,.6) 90%);mix-blend-mode:soft-light;filter:brightness(.7) contrast(1.05);opacity:.5;z-index:4}.pc-avatar-content{mix-blend-mode:normal;overflow:visible;transform:translateZ(2);backface-visibility:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));bottom:-1px;backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out}.pc-avatar-content:before{content:"";position:absolute;inset:0;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.pc-user-info{position:absolute;--ui-inset: 20px;--ui-radius-bias: 6px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:max(0px,var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias));padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}.pc-status{font-size:14px;color:#ffffffb3;line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:12px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;display:inline-block}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-content:not(.pc-avatar-content){max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;font-size:min(5svh,3em);margin:0;background-image:linear-gradient(to bottom,#fff,#a0b0c0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#e0e0e0,#9090a0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media(max-width:768px){.pc-card-wrapper{touch-action:pan-y}.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{--ui-inset: 15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media(max-width:480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{--ui-inset: 12px;padding:8px 10px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}}@media(max-width:320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{padding:4px 8px;font-size:9px;border-radius:50px}}.about-section{background:var(--bg-primary);position:relative;z-index:1;margin-top:0;margin-bottom:4rem;padding:2rem;display:flex;justify-content:center;align-items:center}.about-grid-container{width:100%;max-width:1000px;margin:0 auto}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:var(--bg-secondary);box-sizing:border-box}.about-image-container{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:0;margin:0;box-sizing:border-box}.about-image-container>*{width:100%;max-width:100%}.about-content{display:flex;flex-direction:column;justify-content:center;gap:.75rem;padding:0;margin:0;align-items:flex-start;width:100%;box-sizing:border-box}.about-title{font-size:5rem;font-weight:800;margin:0;padding:0;color:var(--text-primary);line-height:1;text-align:left;width:100%}.about-subtitle{font-size:1.5rem;color:var(--text-secondary);margin:0;padding:0;font-weight:500;text-transform:uppercase;letter-spacing:.05em;text-align:left;width:100%}.about-intro{font-size:1.25rem;line-height:1.6;color:var(--text-primary);max-width:100%;text-align:left;margin:0;padding:0;width:100%}.about-intro p{margin:0 0 1rem;padding:0}.about-intro p:last-child{margin-bottom:0}.tech-keyword{font-weight:700;color:var(--text-primary)}@media(max-width:968px){.about-section{padding:1rem}.about-grid-container{max-width:100%}.about-layout{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;justify-items:center}.about-image-container{width:100%;max-width:400px;margin-left:auto;margin-right:auto;justify-content:center;display:flex;align-items:center;padding:0}.about-image-container>*{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center}.about-image-container .pc-card-wrapper{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;margin:0}.about-image-container .pc-card-shell{width:auto;max-width:100%;margin-left:auto;margin-right:auto;display:block}.about-image-container .pc-card{margin:0 auto}.about-content{text-align:left;align-items:flex-start;padding:0;gap:.5rem}.about-title{font-size:2.5rem;margin:0;padding:0}.about-subtitle{font-size:1rem;margin:0;padding:0}.about-intro{text-align:left;max-width:100%;font-size:1rem;padding:0;margin:0}}.tech-stack-section{background:var(--bg-primary);position:relative;z-index:0;padding:4rem 2rem;margin-bottom:6rem;width:100%;overflow:hidden}.tech-stack-container{width:100%;max-width:100%;margin:0 auto}.tech-stack-scroll-wrapper{overflow:hidden;width:100%;position:relative;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.tech-stack-scroll{display:flex;gap:4rem;width:fit-content;animation:scroll-horizontal 40s linear infinite;will-change:transform;align-items:center}.tech-stack-scroll:hover{animation-play-state:paused}.tech-stack-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);height:50px}.tech-stack-item:hover{transform:scale(1.1)}.tech-stack-logo{height:50px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(100%) brightness(.8);opacity:.7;transition:all .3s ease}.tech-stack-item:hover .tech-stack-logo{filter:grayscale(100%) brightness(1);opacity:1}@keyframes scroll-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:968px){.tech-stack-section{padding:3rem 1rem}.tech-stack-scroll{gap:3rem;animation-duration:35s}.tech-stack-item{height:40px}.tech-stack-logo{height:40px;max-width:100px}}@media(max-width:640px){.tech-stack-section{padding:2rem 1rem}.tech-stack-scroll{gap:2rem;animation-duration:30s}.tech-stack-item{height:35px}.tech-stack-logo{height:35px;max-width:80px}}.frame-budget-visualizer{margin:3rem 0;padding:2rem;background:#27272acc;border:1px solid rgba(39,39,42,1);border-radius:12px}.frame-budget-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.frame-budget-description{color:#a1a1aa;margin:0 0 2rem;line-height:1.6}.frame-budget-container{width:100%;max-width:800px;margin:0 auto}.frame-budget-bar-wrapper{position:relative;width:100%;height:64px;background:#27272a;border-radius:8px;overflow:hidden;display:flex;align-items:center;margin-bottom:1rem}.frame-budget-safe-zone-marker{position:absolute;left:0;top:0;bottom:0;border-right:2px dashed #4C5;z-index:10;opacity:.5}.frame-budget-limit-label{position:absolute;right:8px;top:8px;font-size:.75rem;color:#4c5;font-family:monospace}.frame-budget-progress{position:absolute;height:40px;margin:0 8px;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding:0 1rem;font-size:.875rem;font-weight:700;color:#000;transition:all 1.5s cubic-bezier(.4,0,.2,1);top:0}.frame-budget-progress-init{width:0;opacity:0}.frame-budget-progress-overflow{background:#f44;animation:pulse 1s ease-in-out infinite}.frame-budget-progress-optimized{background:#4ade80}.frame-budget-progress-text{font-size:.875rem;font-weight:700;color:#fff}.frame-budget-progress-text-overflow{animation:pulse 1s ease-in-out infinite}.frame-budget-progress-text-optimized{color:#000}.frame-budget-markers{display:flex;justify-content:space-between;font-size:.75rem;color:#71717a;font-family:monospace;text-transform:uppercase;margin-top:.5rem}.frame-budget-marker{font-size:.75rem;color:#71717a;font-family:monospace;text-transform:uppercase}.frame-budget-marker-target{color:#4c5;font-weight:600}.pipeline-comparison{margin:3rem 0;padding:2rem 0}.pipeline-comparison-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.pipeline-comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.pipeline-card{position:relative;padding:1.5rem;background:#27272a80;border:2px solid rgba(39,39,42,1);border-radius:12px;cursor:default;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.pipeline-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #00000080}.pipeline-card-hovered{background:#27272a;transform:translateY(-4px);box-shadow:0 10px 40px #00000080}.pipeline-card-ready-badge{position:absolute;top:0;right:0;background:#4c5;color:#000;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-bottom-left-radius:8px}.pipeline-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.pipeline-card-name{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.pipeline-card-check-icon{color:#4c5}.pipeline-card-alert-icon{color:#f44}.pipeline-card-description{font-size:.875rem;color:#a1a1aa;margin:0;line-height:1.6}.pipeline-card-tooltip{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);padding:.75rem 1rem;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.875rem;color:var(--text-primary);white-space:nowrap;z-index:10;pointer-events:none}.pipeline-card-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(255,255,255,.2)}.batching-visualizer{margin:6rem 0;padding:2rem 0}.batching-visualizer-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.batching-text-content{display:flex;flex-direction:column;gap:1.5rem}.batching-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.batching-description{color:#a1a1aa;line-height:1.6;margin:0}.batching-strong{color:var(--text-primary);font-weight:700}.batching-how-it-works{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;flex-wrap:wrap}.batching-step{padding:.5rem 1rem;background:#27272a80;border:1px solid rgba(63,63,70,1);border-radius:8px;font-size:.875rem;color:var(--text-primary)}.batching-step-arrow{color:#71717a;font-size:1.25rem;font-weight:700}.batching-stats-row{display:flex;gap:1rem;font-family:monospace;font-size:.875rem;align-items:center;flex-wrap:wrap}.batching-stats{display:flex;gap:1rem;font-family:monospace;font-size:.875rem;align-items:center}.batching-stat{padding:1rem;border-radius:8px;background:#27272a;border:1px solid rgba(63,63,70,1);color:#71717a;transition:all .3s ease}.batching-stat-active{border-color:#4c5;color:#4c5}.batching-stat-number{font-size:1.5rem;font-weight:700}.batching-stat-label{font-size:.875rem}.batching-arrow{color:#71717a;display:flex;align-items:center}.batching-toggle{padding:.5rem 1rem;background:#27272a;border:1px solid rgba(63,63,70,1);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.batching-toggle:hover{background:#3f3f46}.batching-visualizer-box{height:256px;background:#000;border-radius:12px;border:1px solid rgba(39,39,42,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem}.batching-visualizer-inner{position:relative;width:100%;height:100%}.batching-element{position:absolute;width:32px;height:32px;background:#6366f1;border:1px solid #818cf8;transition:all .8s cubic-bezier(.4,0,.2,1)}.batching-overlay-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:20;opacity:0;transition:opacity 1s ease;transition-delay:.5s}.batching-overlay-visible{opacity:1}.image-comparison-slider{margin:6rem 0;padding:2rem 0}.image-comparison-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.image-comparison-subtitle{color:#a1a1aa;margin-bottom:2rem}.image-comparison-container{position:relative;width:100%;max-width:1000px;margin:0 auto;height:400px;border-radius:12px;overflow:hidden;cursor:col-resize;-webkit-user-select:none;user-select:none}.image-comparison-before,.image-comparison-after{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-comparison-before{background:linear-gradient(to bottom right,#7f1d1d,#000);border-right:2px solid #fff}.image-comparison-after{background:linear-gradient(to bottom right,#14532d,#000)}.image-comparison-before img,.image-comparison-after img{width:100%;height:100%;object-fit:cover;display:block}.image-comparison-before img{filter:blur(1px)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-placeholder-before{background:linear-gradient(to bottom right,#7f1d1d,#000)}.image-placeholder-after{background:linear-gradient(to bottom right,#14532d,#000)}.image-comparison-pattern{position:absolute;inset:0;opacity:.2;pointer-events:none}.image-comparison-pattern-before{background-image:radial-gradient(#f87171 2px,transparent 2px);background-size:40px 40px}.image-comparison-pattern-after{background-image:radial-gradient(#4ade80 2px,transparent 2px);background-size:20px 20px}.image-comparison-overlay{position:absolute;text-align:center;z-index:10}.image-comparison-overlay-before,.image-comparison-overlay-after{z-index:10}.image-comparison-overlay-title{font-size:2.25rem;font-weight:700;margin:0 0 .25rem}.image-comparison-overlay-before .image-comparison-overlay-title{color:#f87171;filter:blur(1px)}.image-comparison-overlay-after .image-comparison-overlay-title{color:#4ade80}.image-comparison-overlay-subtitle{font-size:1rem;margin:0}.image-comparison-overlay-before .image-comparison-overlay-subtitle{color:#fecaca}.image-comparison-overlay-after .image-comparison-overlay-subtitle{color:#86efac}.image-comparison-handle{position:absolute;top:0;bottom:0;width:4px;transform:translate(-50%);z-index:20;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.image-comparison-handle-line{width:100%;height:100%;background:#ffffffe6;box-shadow:0 0 20px #00000080}.image-comparison-handle-circle{position:absolute;width:32px;height:32px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;color:#000}.image-comparison-handle-icon{transform:rotate(90deg)}.animated-checklist{margin:4rem 0;padding:2rem 0}.animated-checklist-container{width:100%;max-width:672px;margin:0 auto;background:#27272acc;border:1px solid rgba(39,39,42,1);border-radius:12px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.animated-checklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.animated-checklist-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.animated-checklist-count{font-size:.875rem;font-family:monospace;color:#71717a}.animated-checklist-list{display:flex;flex-direction:column;gap:.75rem}.animated-checklist-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;background:transparent;transition:all .5s ease}.animated-checklist-item-checked{background:#14532d33;transform:translate(8px)}.animated-checklist-checkbox{flex-shrink:0;width:24px;height:24px;border-radius:4px;border:1px solid rgba(63,63,70,1);background:#27272a;display:flex;align-items:center;justify-content:center;color:#000;transition:all .3s ease}.animated-checklist-checkbox-checked{background:#4c5;border-color:#4c5}.animated-checklist-text{font-size:1.125rem;color:#71717a;transition:color .3s ease}.animated-checklist-text-checked{color:#dcfce7}.animated-checklist-badge{margin-top:2rem;padding:.5rem 1.5rem;background:#4c5;border-radius:9999px;text-align:center;box-shadow:0 0 20px #4c550066;font-weight:700;color:#000;opacity:0;transform:translateY(16px);transition:all 1s ease}.animated-checklist-badge-visible{opacity:1;transform:translateY(0);animation:bounce 1s ease}.perfect-for-section{margin:3rem 0;padding:2rem 0}.perfect-for-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.perfect-for-box{padding:1.5rem;border-radius:12px;border:2px solid}.perfect-for-box-green{background:#14532d1a;border-color:#4c5}.perfect-for-box-red{background:#7f1d1d1a;border-color:#f44}.perfect-for-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.perfect-for-icon{flex-shrink:0}.perfect-for-box-green .perfect-for-icon{color:#4c5}.perfect-for-box-red .perfect-for-icon{color:#f44}.perfect-for-title{font-size:1.125rem;font-weight:700;margin:0;color:var(--text-primary)}.perfect-for-list{list-style:none;padding:0;margin:0}.perfect-for-item{padding:.5rem 0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.perfect-for-item:before{content:"•";margin-right:.5rem;color:var(--text-secondary)}@media(max-width:968px){.pipeline-comparison-grid{grid-template-columns:1fr;gap:1rem}.batching-visualizer-content{grid-template-columns:1fr;gap:2rem}.batching-visualizer-box{height:200px}.image-comparison-container{height:300px}.image-comparison-overlay-title{font-size:1.5rem}}@media(max-width:640px){.frame-budget-visualizer,.pipeline-comparison,.batching-visualizer,.image-comparison-slider,.animated-checklist{margin:2rem 0;padding:1rem 0}.frame-budget-visualizer{padding:1.5rem}.frame-budget-title{font-size:1.25rem}.frame-budget-description{font-size:.875rem}.frame-budget-bar-wrapper{height:48px}.frame-budget-progress{height:32px;font-size:.75rem;padding:0 .75rem}.pipeline-comparison-title,.batching-title{font-size:1.25rem}.batching-visualizer-box{height:180px}.batching-element{width:24px;height:24px}.image-comparison-container{height:250px}.image-comparison-overlay-title{font-size:1.25rem}.image-comparison-overlay-subtitle{font-size:.875rem}.image-comparison-handle-circle{width:24px;height:24px}.animated-checklist-container{padding:1.5rem}.animated-checklist-title{font-size:1.25rem}.animated-checklist-item{padding:.5rem}.animated-checklist-text{font-size:1rem}.perfect-for-container{grid-template-columns:1fr;gap:1rem}}.vr-technical-page{min-height:100vh;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-main);padding:0;width:100%}.vr-tech-header-section{width:100%;background:var(--bg-primary);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;padding-bottom:0}.vr-tech-header-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0;margin:0;z-index:10}.vr-tech-header-close:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.vr-tech-header-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr .4fr;gap:0;min-height:auto;position:relative;overflow:hidden}.vr-tech-header-left{padding:1.5rem 3rem 0;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;background:var(--bg-primary)}.vr-tech-header-category{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0;text-align:left}.vr-tech-header-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;text-align:left}.vr-tech-header-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;margin-bottom:0;padding-bottom:2.5rem;align-items:center}.vr-tech-header-tag{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.35rem .75rem;font-size:.75rem;color:var(--text-primary);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.vr-tech-header-tag:hover{background:#ffffff14;border-color:#ffffff1f}.vr-tech-tag-icon{flex-shrink:0;opacity:.8;width:12px;height:12px}.vr-tech-header-image{width:100%;height:100%;min-height:120px;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px);opacity:.6;position:relative;overflow:hidden}.vr-tech-header-image:before{content:"";position:absolute;inset:0;background:linear-gradient(to left,var(--bg-primary) 0%,transparent 100%);z-index:1}.vr-tech-section{max-width:1200px;margin:0 auto;padding:2.55rem 2rem;text-align:left}.vr-tech-section-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;text-align:left}.vr-tech-section-description{color:var(--text-secondary);margin:0 0 2.55rem;line-height:1.6;text-align:left}.vr-tech-narrative{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}.vr-tech-narrative-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0;opacity:.9;width:100%}.vr-tech-frame-budget{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;text-align:left}.vr-tech-frame-budget-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:3rem}.vr-tech-frame-budget-container{position:relative;width:100%;max-width:800px;height:64px;background:#27272a80;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:0 8px;margin-bottom:1rem}.vr-tech-safe-zone-marker{position:absolute;left:0;top:0;bottom:0;width:42%;border-right:2px dashed #4ade80;z-index:10;opacity:.5}.vr-tech-limit-label{position:absolute;right:8px;top:8px;font-size:.75rem;color:#4ade80;font-family:monospace}.vr-tech-progress-bar{position:absolute;height:40px;left:8px;right:8px;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding:0 1rem;font-size:.875rem;font-weight:700;color:#000;transition:all 1.5s cubic-bezier(.4,0,.2,1);top:50%;transform:translateY(-50%)}.vr-tech-progress-init{width:0;opacity:0}.vr-tech-progress-overflow{width:95%;background:#ef4444;animation:vr-tech-pulse 1s ease-in-out infinite}.vr-tech-progress-optimized{width:40%;background:#4ade80}.vr-tech-progress-text{font-size:.875rem;font-weight:700;color:#fff}.vr-tech-progress-text-overflow{animation:vr-tech-pulse 1s ease-in-out infinite}.vr-tech-progress-text-optimized{color:#000}@keyframes vr-tech-pulse{0%,to{opacity:1}50%{opacity:.7}}.vr-tech-frame-markers{display:flex;justify-content:space-between;width:100%;max-width:800px;font-size:.75rem;color:var(--text-secondary);font-family:monospace;text-transform:uppercase}.vr-tech-marker-target{color:#4ade80;font-weight:600}.vr-tech-pipelines{margin:2.55rem auto;text-align:left}.vr-tech-pipelines-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.vr-tech-pipeline-card{position:relative;padding:1.5rem;background:var(--bg-secondary);border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:default;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.vr-tech-pipeline-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #00000080}.vr-tech-pipeline-card-hovered{background:#27272acc;transform:translateY(-4px) scale(1.05);box-shadow:0 10px 40px #00000080}.vr-tech-pipeline-card-blurred{opacity:.4;filter:blur(1px)}.vr-tech-card-border-default{border-color:#ffffff1a}.vr-tech-card-border-green{border-color:#4ade80}.vr-tech-card-border-red{border-color:#ef444480}.vr-tech-ready-badge{position:absolute;top:0;right:0;background:#4ade80;color:#000;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-bottom-left-radius:8px}.vr-tech-pipeline-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.vr-tech-pipeline-card-title{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.vr-tech-pipeline-card-icon{display:flex;align-items:center;color:#4ade80}.vr-tech-pipeline-card-icon svg{color:inherit}.vr-tech-pipeline-card[class*=border-red] .vr-tech-pipeline-card-icon{color:#ef4444}.vr-tech-pipeline-card-desc{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.6}.vr-tech-batching{margin:2.55rem auto;text-align:left}.vr-tech-batching-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.vr-tech-batching-text{display:flex;flex-direction:column;gap:1.5rem}.vr-tech-batching-stats{display:flex;gap:1rem;font-family:monospace;font-size:.875rem;align-items:center;flex-wrap:wrap}.vr-tech-batching-stat{padding:1rem;border-radius:8px;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);transition:all .3s ease}.vr-tech-batching-stat-active{border-color:#4ade80;color:#4ade80}.vr-tech-batching-stat-number{font-size:1.5rem;font-weight:700}.vr-tech-batching-stat-label{font-size:.875rem}.vr-tech-batching-arrow{color:var(--text-secondary);display:flex;align-items:center}.vr-tech-batching-toggle{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;margin-top:1rem}.vr-tech-batching-toggle:hover{background:#27272acc}.vr-tech-batching-visualizer{height:256px;background:#000;border-radius:12px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem}.vr-tech-batching-visualizer-inner{position:relative;width:100%;height:100%}.vr-tech-batching-box{position:absolute;width:32px;height:32px;background:#6366f1;border:1px solid #818cf8;transition:all .8s cubic-bezier(.4,0,.2,1)}.vr-tech-batching-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:20;opacity:0;transition:opacity 1s ease;transition-delay:.5s}.vr-tech-batching-overlay-visible{opacity:1}.vr-tech-comparison{margin:2.55rem auto;text-align:left}.vr-tech-comparison-container{position:relative;width:100%;height:400px;border-radius:12px;overflow:hidden;cursor:col-resize;-webkit-user-select:none;user-select:none}.vr-tech-comparison-before,.vr-tech-comparison-after{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vr-tech-comparison-before{border-right:2px solid #fff}.vr-tech-comparison-after{position:relative}.vr-tech-comparison-pattern{position:absolute;inset:0;opacity:.2;pointer-events:none}.vr-tech-comparison-pattern-before{background-image:radial-gradient(#f87171 2px,transparent 2px);background-size:40px 40px}.vr-tech-comparison-pattern-after{background-image:radial-gradient(#4ade80 2px,transparent 2px);background-size:20px 20px}.vr-tech-comparison-overlay{position:absolute;z-index:10;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1.5rem 2rem;transition:opacity .3s ease-in-out;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px}.vr-tech-comparison-overlay-before{left:0;text-align:left;margin-left:25px;margin-bottom:25px}.vr-tech-comparison-overlay-after{right:0;text-align:right;align-items:flex-end;margin-right:25px;margin-bottom:25px}.vr-tech-comparison-overlay-title{font-size:2.25rem;font-weight:700;margin:0 0 .25rem}.vr-tech-comparison-overlay-before .vr-tech-comparison-overlay-title{color:#f87171;filter:blur(1px)}.vr-tech-comparison-overlay-after .vr-tech-comparison-overlay-title{color:#4ade80}.vr-tech-comparison-overlay-subtitle{font-size:1rem;margin:0}.vr-tech-comparison-overlay-before .vr-tech-comparison-overlay-subtitle{color:#fecaca}.vr-tech-comparison-overlay-after .vr-tech-comparison-overlay-subtitle{color:#86efac}.vr-tech-comparison-handle{position:absolute;top:0;bottom:0;width:4px;transform:translate(-50%);z-index:20;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.vr-tech-comparison-handle-line{width:100%;height:100%;background:#ffffffe6;box-shadow:0 0 20px #00000080}.vr-tech-comparison-handle-circle{position:absolute;width:32px;height:32px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;color:#000}.vr-tech-checklist{margin:2.55rem auto;text-align:left}.vr-tech-checklist-container{width:100%;max-width:672px;margin:0 auto;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.vr-tech-checklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.vr-tech-checklist-count{font-size:.875rem;font-family:monospace;color:var(--text-secondary)}.vr-tech-checklist-list{display:flex;flex-direction:column;gap:.75rem}.vr-tech-checklist-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;background:transparent;transition:all .5s ease}.vr-tech-checklist-item-checked{background:#14532d33;transform:translate(8px)}.vr-tech-checklist-checkbox{flex-shrink:0;width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:#000;transition:all .3s ease}.vr-tech-checklist-checkbox-checked{background:#4ade80;border-color:#4ade80}.vr-tech-checklist-text{font-size:1.125rem;color:var(--text-secondary);transition:color .3s ease}.vr-tech-checklist-text-checked{color:#dcfce7}.vr-tech-checklist-badge{margin-top:2rem;text-align:center;font-weight:700;color:#dcfce7;opacity:0;transform:translateY(16px);transition:all 1s ease}.vr-tech-checklist-badge-visible{opacity:1;transform:translateY(0);animation:vr-tech-bounce 1s ease}@keyframes vr-tech-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:968px){.vr-tech-header-close{top:1rem;right:1rem;width:40px;height:40px}.vr-tech-header-close svg{width:20px;height:20px}.vr-tech-header-content{grid-template-columns:1fr;min-height:auto;max-height:45vh}.vr-tech-header-left{padding:1rem 2rem}.vr-tech-header-title{font-size:clamp(1.5rem,5vw,2rem);line-height:1.1;margin-bottom:.75rem}.vr-tech-header-tags{margin-top:.75rem;padding-bottom:1rem;gap:.35rem}.vr-tech-header-tag{font-size:.65rem;padding:.25rem .5rem}.vr-tech-header-image{height:180px;order:-1;min-height:150px}.vr-tech-header-image:before{background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%)}.vr-tech-section{padding:2rem 1.5rem}.vr-tech-pipelines-grid{grid-template-columns:1fr;gap:1rem}.vr-tech-batching-content{grid-template-columns:1fr;gap:2rem}.vr-tech-batching-visualizer{height:200px}.vr-tech-comparison-container{height:300px}.vr-tech-comparison-overlay-title{font-size:1.5rem}}@media(max-width:640px){.vr-tech-header-close{top:.75rem;right:.75rem;width:36px;height:36px}.vr-tech-header-close svg{width:18px;height:18px}.vr-tech-header-content{max-height:42vh}.vr-tech-header-left{padding:.75rem 1.5rem}.vr-tech-header-title{font-size:clamp(1.25rem,6vw,1.75rem);line-height:1.1;margin-bottom:.75rem}.vr-tech-header-category{font-size:.75rem;margin-bottom:.25rem}.vr-tech-header-tags{margin-top:.75rem;padding-bottom:.75rem;gap:.3rem}.vr-tech-header-tag{font-size:.6rem;padding:.2rem .45rem}.vr-tech-header-image{height:140px;min-height:120px}.vr-tech-section{padding:1.5rem 1rem}.vr-tech-section-title{font-size:1.5rem}.vr-tech-narrative{padding:1.5rem 1rem}.vr-tech-narrative-text{font-size:1rem;line-height:1.7}.vr-tech-frame-budget-container{height:48px}.vr-tech-progress-bar{height:32px;font-size:.75rem;padding:0 .75rem}.vr-tech-batching-visualizer{height:180px}.vr-tech-batching-box{width:24px;height:24px}.vr-tech-comparison-container{height:250px}.vr-tech-comparison-overlay{padding:.75rem 1rem}.vr-tech-comparison-overlay-before{margin-left:10px;margin-bottom:10px}.vr-tech-comparison-overlay-after{margin-right:10px;margin-bottom:10px}.vr-tech-comparison-overlay-title{font-size:1.25rem}.vr-tech-comparison-overlay-subtitle{font-size:.75rem}.vr-tech-comparison-handle-circle{width:24px;height:24px}.vr-tech-checklist-container{padding:1.5rem}.vr-tech-checklist-text{font-size:1rem}}.crowd-rendering-page{min-height:100vh;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-main);padding:0;width:100%}.crowd-rendering-content{background:var(--bg-primary);max-width:1200px;margin:0 auto;padding:0}.crowd-rendering-bottleneck{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;text-align:left}.crowd-rendering-slider-container{margin-bottom:2rem}.crowd-rendering-slider-labels{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-family:monospace}.crowd-rendering-slider-value{color:var(--text-primary);font-weight:700}.crowd-rendering-slider{width:100%;height:8px;background:#27272a80;border-radius:4px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.crowd-rendering-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#4ade80;border-radius:50%;cursor:pointer}.crowd-rendering-slider::-moz-range-thumb{width:20px;height:20px;background:#4ade80;border-radius:50%;cursor:pointer;border:none}.crowd-rendering-comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.crowd-rendering-comparison-card{position:relative;padding:1.5rem;background:var(--bg-secondary);border:2px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.crowd-rendering-comparison-card-solution{border-color:#4ade804d}.crowd-rendering-solution-badge{position:absolute;top:0;right:0;padding:.5rem .75rem;background:#4ade801a;color:#4ade80;font-size:.75rem;font-weight:700;border-bottom-left-radius:8px;border-left:1px solid rgba(74,222,128,.2);border-bottom:1px solid rgba(74,222,128,.2)}.crowd-rendering-comparison-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.875rem}.crowd-rendering-comparison-header-highlight{color:var(--text-primary)}.crowd-rendering-comparison-header svg{color:#fbbf24}.crowd-rendering-progress-bar-container{height:16px;background:#27272a80;border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.crowd-rendering-progress-bar{height:100%;border-radius:9999px;transition:all .3s ease}.crowd-rendering-progress-bar.bg-green-500,.crowd-rendering-progress-bar-green{background:#4ade80}.crowd-rendering-progress-bar.bg-yellow-500{background:#fbbf24}.crowd-rendering-progress-bar.bg-red-500{background:#ef4444}.crowd-rendering-progress-label{display:flex;justify-content:space-between;font-size:.75rem;font-family:monospace;color:var(--text-secondary)}.crowd-rendering-progress-success{color:#4ade80;font-weight:700}.crowd-rendering-progress-warning{color:#ef4444;font-weight:700;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.crowd-rendering-comparison-details{margin-top:1rem;font-size:.75rem;color:var(--text-secondary)}.crowd-rendering-comparison-details p{margin:.25rem 0}.crowd-rendering-baking-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:1.5rem}.crowd-rendering-baking-content{display:flex;flex-direction:column;gap:1.5rem}.crowd-rendering-baking-description{color:var(--text-secondary);line-height:1.6}.crowd-rendering-channel-info{padding:1rem;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:monospace;font-size:.875rem;display:flex;flex-direction:column;gap:.5rem}.crowd-rendering-channel-item{display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.crowd-rendering-channel-red{color:#ef4444}.crowd-rendering-channel-green{color:#4ade80}.crowd-rendering-channel-blue{color:#3b82f6}.crowd-rendering-channel-arrow{color:var(--text-secondary)}.crowd-rendering-baking-note{font-size:.75rem;color:var(--text-secondary)}.crowd-rendering-baking-visualization{background:#000;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:300px}.crowd-rendering-texture-container{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.crowd-rendering-texture-label{font-size:.75rem;font-family:monospace;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase}.crowd-rendering-texture-frames{display:flex;gap:.5rem}.crowd-rendering-texture-frame{width:48px;height:48px;border-radius:4px;border:2px solid transparent;transition:all .3s ease;opacity:.3}.crowd-rendering-texture-frame-active{border-color:var(--text-primary);opacity:1;transform:scale(1.1)}.crowd-rendering-vertex-shader{position:relative;width:128px;height:128px;border:1px dashed rgba(0,0,0,.5);border-radius:8px;display:flex;align-items:center;justify-content:center}.crowd-rendering-vertex-label{position:absolute;top:.5rem;left:.5rem;font-size:.75rem;font-family:monospace;color:var(--text-secondary)}.crowd-rendering-vertex-dot{width:16px;height:16px;background:var(--text-primary);border-radius:50%;box-shadow:0 0 15px #fffc;transition:transform .7s ease-in-out}.crowd-rendering-vertex-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);opacity:.1;pointer-events:none}.crowd-rendering-vertex-grid>div{border:1px solid var(--text-secondary)}.crowd-rendering-play-button{position:absolute;bottom:1rem;right:1rem;font-size:.75rem;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:color .3s ease}.crowd-rendering-play-button:hover{color:var(--text-primary)}.crowd-rendering-instancing-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:1.5rem}.crowd-rendering-instancing-controls{display:flex;flex-direction:column;gap:1rem}.crowd-rendering-instancing-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.crowd-rendering-mode-button{width:100%;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);text-align:left;transition:all .3s ease;cursor:pointer;background:var(--bg-secondary)}.crowd-rendering-mode-button:hover{background:#27272acc}.crowd-rendering-mode-inactive{opacity:.5}.crowd-rendering-mode-active{opacity:1}.crowd-rendering-mode-skeletal{background:#7f1d1d33;border-color:#ef4444}.crowd-rendering-mode-instanced{background:#14532d33;border-color:#4ade80}.crowd-rendering-mode-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.crowd-rendering-mode-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:700}.crowd-rendering-mode-badge-red{background:#ef4444;color:#000}.crowd-rendering-mode-badge-green{background:#4ade80;color:#000}.crowd-rendering-mode-details{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem}.crowd-rendering-canvas-container{height:320px;background:#000;border-radius:12px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.crowd-rendering-canvas{width:100%;height:100%}.crowd-rendering-canvas-stats{position:absolute;top:1rem;left:1rem;font-family:monospace;font-size:.75rem;background:#00000080;padding:.5rem;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.5)}.crowd-rendering-stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.crowd-rendering-stat-item:not(:first-child){margin-top:.25rem}.crowd-rendering-stat-icon-red{color:#ef4444}.crowd-rendering-stat-icon-green{color:#4ade80}.crowd-rendering-tradeoffs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.crowd-rendering-tradeoff-card{padding:1.5rem;border-radius:12px;background:var(--bg-secondary);border:2px solid rgba(255,255,255,.1)}.crowd-rendering-tradeoff-card-green{border-color:#14532d4d}.crowd-rendering-tradeoff-card-red{border-color:#7f1d1d4d}.crowd-rendering-tradeoff-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.crowd-rendering-tradeoff-title-green{color:#4ade80}.crowd-rendering-tradeoff-title-red{color:#ef4444}.crowd-rendering-tradeoff-list{display:flex;flex-direction:column;gap:.75rem;font-size:.875rem;color:var(--text-primary);list-style:none;padding:0;margin:0}.crowd-rendering-tradeoff-list li{display:flex;align-items:flex-start;gap:.5rem}.crowd-rendering-tradeoff-bullet{width:6px;height:6px;border-radius:50%;margin-top:.375rem;flex-shrink:0}.crowd-rendering-tradeoff-bullet-green{background:#4ade80}.crowd-rendering-tradeoff-bullet-red{background:#ef4444}.crowd-rendering-results{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;text-align:left}.crowd-rendering-results-container{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.crowd-rendering-result-metric{display:flex;flex-direction:column;gap:.5rem}.crowd-rendering-result-label{font-size:.875rem;color:var(--text-secondary)}.crowd-rendering-result-bar-container{position:relative;height:32px;background:#27272a80;border-radius:8px;overflow:hidden;display:flex;align-items:center}.crowd-rendering-result-bar-old{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;font-weight:700;color:var(--text-primary);white-space:nowrap;background:#3f3f46cc;border-radius:8px 0 0 8px;z-index:1}.crowd-rendering-result-bar-red{background:#ef4444;border-radius:0 8px 8px 0;color:var(--text-primary);z-index:1}.crowd-rendering-result-bar-new{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:flex-end;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;font-weight:700;color:#000;background:#4ade80;transition:all 1s ease-out;border-radius:0 8px 8px 0;z-index:2;min-width:fit-content}.crowd-rendering-result-bar-green{background:#4ade80;border-radius:8px 0 0 8px;border-right:2px solid #000;padding-right:0;padding-left:0;justify-content:center;z-index:2}.crowd-rendering-result-bar-animated{transition:all 1s ease-out}.crowd-rendering-result-footer{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.crowd-rendering-result-improvement{color:#4ade80;font-weight:700}@media(max-width:968px){.crowd-rendering-content,.crowd-rendering-section{padding:2rem 1.5rem}.crowd-rendering-comparison-grid{grid-template-columns:1fr}.crowd-rendering-baking-grid{grid-template-columns:1fr;gap:2rem}.crowd-rendering-instancing-grid{grid-template-columns:1fr}.crowd-rendering-canvas-container{height:250px}.crowd-rendering-tradeoffs-grid{grid-template-columns:1fr}}@media(max-width:968px){.crowd-rendering-page .vr-tech-header-content{grid-template-columns:1fr;min-height:auto;max-height:45vh}.crowd-rendering-page .vr-tech-header-left{padding:1rem 2rem}.crowd-rendering-page .vr-tech-header-title{font-size:clamp(1.5rem,5vw,2rem);line-height:1.1;margin-bottom:.75rem}.crowd-rendering-page .vr-tech-header-tags{margin-top:.75rem;padding-bottom:1rem;gap:.35rem}.crowd-rendering-page .vr-tech-header-tag{font-size:.65rem;padding:.25rem .5rem}.crowd-rendering-page .vr-tech-header-image{height:180px;order:-1;min-height:150px}.crowd-rendering-page .vr-tech-header-image:before{background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%)}}@media(max-width:640px){.crowd-rendering-page .vr-tech-header-content{max-height:47vh}.crowd-rendering-page .vr-tech-header-left{padding:.75rem 1.5rem}.crowd-rendering-page .vr-tech-header-title{font-size:clamp(1.25rem,6vw,1.75rem);line-height:1.1;margin-bottom:.75rem}.crowd-rendering-page .vr-tech-header-category{font-size:.75rem;margin-bottom:.25rem}.crowd-rendering-page .vr-tech-header-tags{margin-top:.75rem;padding-bottom:.75rem;gap:.3rem}.crowd-rendering-page .vr-tech-header-tag{font-size:.6rem;padding:.2rem .45rem}.crowd-rendering-page .vr-tech-header-image{height:140px;min-height:120px}.crowd-rendering-content,.crowd-rendering-section{padding:1.5rem 1rem}.crowd-rendering-section-title{font-size:1.5rem}.crowd-rendering-bottleneck{padding:1.5rem}.crowd-rendering-baking-visualization{min-height:250px;padding:1.5rem}.crowd-rendering-canvas-container{height:200px}}.crowd-rendering-narrative{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}.crowd-rendering-narrative-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0;opacity:.9;width:100%}@media(max-width:768px){.crowd-rendering-narrative{padding:1.5rem 1rem}.crowd-rendering-narrative-text{font-size:1rem;line-height:1.7}}.bottleneck-forensics-page{min-height:100vh;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-main);padding:0;width:100%}.bottleneck-forensics-page ::selection{background:#eab308;color:#000}.bottleneck-forensics-main{max-width:1200px;margin:0 auto;padding:0;background:var(--bg-primary)}.bottleneck-pipeline-wrapper{position:relative}.bottleneck-pipeline-connector{position:absolute;top:2rem;left:0;right:0;height:.25rem;background:#ffffff1a;z-index:0}@media(max-width:768px){.bottleneck-pipeline-connector{display:none}}.bottleneck-pipeline-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.bottleneck-pipeline-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.bottleneck-pipeline-stage{position:relative;padding:1rem;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:var(--bg-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:help;-webkit-tap-highlight-color:transparent}.bottleneck-pipeline-stage-blue{background:#3b82f633;border-color:#3b82f6}.bottleneck-pipeline-stage-indigo{background:#6366f133;border-color:#6366f1}.bottleneck-pipeline-stage-yellow{background:#eab30833;border-color:#eab308}.bottleneck-pipeline-stage-orange{background:#f9731633;border-color:#f97316}.bottleneck-pipeline-stage-red{background:#ef444433;border-color:#ef4444}@media(min-width:768px){.bottleneck-pipeline-stage:hover{transform:scale(1.05);z-index:10}}@media(max-width:767px){.bottleneck-pipeline-stage{cursor:pointer;touch-action:manipulation}.bottleneck-pipeline-stage:active{transform:scale(.98)}}.bottleneck-pipeline-stage-active{z-index:10}.bottleneck-pipeline-icon{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;background:var(--bg-primary);color:var(--text-secondary);transition:all .3s}.bottleneck-pipeline-icon-blue{background:#3b82f6;color:#000}.bottleneck-pipeline-icon-indigo{background:#6366f1;color:#000}.bottleneck-pipeline-icon-yellow{background:#eab308;color:#000}.bottleneck-pipeline-icon-orange{background:#f97316;color:#000}.bottleneck-pipeline-icon-red{background:#ef4444;color:#000}.bottleneck-pipeline-title{text-align:center;font-weight:700;font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.bottleneck-pipeline-details{margin-top:1rem;display:none;flex-direction:column;gap:.5rem;font-size:.75rem;transition:opacity .3s;opacity:0}.bottleneck-pipeline-details-visible{display:flex;opacity:1}@media(min-width:768px){.bottleneck-pipeline-details{display:flex}}.bottleneck-pipeline-item{background:var(--bg-primary);padding:.25rem .5rem;border-radius:.25rem;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.bottleneck-profiler{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;text-align:left}.bottleneck-profiler-controls{display:flex;gap:1rem;margin-bottom:2rem}.bottleneck-profiler-button{padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;font-weight:700;text-transform:capitalize;transition:all .2s;background:#27272a;color:#a1a1aa;border:none;cursor:pointer}.bottleneck-profiler-button:hover{background:#3f3f46}.bottleneck-profiler-button-active{background:#22c55e;color:#000}.bottleneck-profiler-visualizer{background:var(--bg-primary);border-radius:.5rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);font-family:Courier New,monospace;font-size:.75rem;position:relative;overflow:hidden}.bottleneck-profiler-grid{position:absolute;inset:0;display:flex;justify-content:space-between;padding:0 1.5rem;pointer-events:none;opacity:.2}.bottleneck-profiler-grid-line{border-left:1px solid #71717a;height:100%}.bottleneck-profiler-grid-line-critical{border-left-color:#ef4444}.bottleneck-profiler-limit-label{position:absolute;top:.5rem;right:3rem;color:#ef4444;opacity:.5}.bottleneck-profiler-bar-wrapper{margin-bottom:1.5rem;position:relative}.bottleneck-profiler-bar-wrapper:last-child{margin-bottom:0}.bottleneck-profiler-bar-label{display:flex;justify-content:space-between;color:var(--text-secondary);margin-bottom:.25rem}.bottleneck-profiler-bar-container{height:2rem;background:var(--bg-secondary);border-radius:.25rem;width:100%;overflow:hidden;position:relative}.bottleneck-profiler-bar{height:100%;transition:all .5s ease-out;display:flex;align-items:center;padding:0 .5rem}.bottleneck-profiler-bar-cpu-safe{background:#3b82f6}.bottleneck-profiler-bar-gpu-safe{background:#eab308}.bottleneck-profiler-bar-danger{background:#ef4444}.bottleneck-profiler-bar-text{color:#000;font-weight:700;white-space:nowrap}.bottleneck-profiler-warning{position:absolute;top:0;right:0;color:#f87171;display:flex;align-items:center;gap:.25rem}.bottleneck-profiler-warning-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bottleneck-renderdoc-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.bottleneck-renderdoc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bottleneck-renderdoc-card{padding:1.5rem;background:var(--bg-secondary);border:2px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;cursor:default}.bottleneck-renderdoc-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #00000080}.bottleneck-renderdoc-card-red:hover{border-color:#ef444480}.bottleneck-renderdoc-card-yellow:hover{border-color:#eab30880}.bottleneck-renderdoc-card-blue:hover{border-color:#3b82f680}.bottleneck-renderdoc-card-purple:hover{border-color:#a855f780}.bottleneck-renderdoc-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;text-align:left}.bottleneck-renderdoc-card-icon{padding:.5rem;border-radius:.25rem}.bottleneck-renderdoc-icon-red{background:#ef44441a;color:#ef4444}.bottleneck-renderdoc-icon-yellow{background:#eab3081a;color:#eab308}.bottleneck-renderdoc-icon-blue{background:#3b82f61a;color:#3b82f6}.bottleneck-renderdoc-icon-purple{background:#a855f71a;color:#a855f7}.bottleneck-renderdoc-card-title{font-weight:700;color:var(--text-primary);text-align:left}.bottleneck-renderdoc-card-description{font-size:.875rem;color:var(--text-secondary);text-align:left;line-height:1.6}.bottleneck-lab{margin:6rem 0}.bottleneck-section.bottleneck-profiler{margin:4rem 0}.bottleneck-lab-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:3rem;background:var(--bg-secondary);padding:2rem;border-radius:12px;border:2px solid rgba(255,255,255,.1)}@media(min-width:768px){.bottleneck-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bottleneck-lab-badge{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:#22c55e33;color:#22c55e;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875rem;font-weight:700}.bottleneck-lab-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-align:left}.bottleneck-lab-description{color:var(--text-secondary);margin-bottom:2rem;text-align:left}.bottleneck-lab-settings{display:flex;flex-direction:column;gap:1.5rem;background:var(--bg-primary);padding:1.5rem;border-radius:12px;border:2px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box;overflow-x:hidden}.bottleneck-lab-setting-group{width:100%;min-width:0;overflow:hidden}.bottleneck-lab-setting-label{font-size:.75rem;font-family:Courier New,monospace;color:var(--text-secondary);display:block;margin-bottom:.5rem;text-align:left}.bottleneck-lab-button-group{display:flex;gap:.5rem;width:100%;min-width:0}.bottleneck-lab-setting-button{flex:1;min-width:0;padding:.5rem;font-size:.875rem;font-weight:700;border-radius:.25rem;border:1px solid rgba(255,255,255,.1);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottleneck-lab-setting-button:hover{background:#ffffff0d}.bottleneck-lab-setting-button-active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.bottleneck-lab-setting-button-active:hover{background:#fff3;color:#fff;border-color:#ffffff4d}.bottleneck-lab-setting-button{transition:all .2s}.bottleneck-lab-simulation{position:relative;background:var(--bg-primary);border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column}.bottleneck-lab-stats{position:absolute;top:1rem;right:1rem;z-index:10;text-align:right}.bottleneck-lab-fps{font-size:2.25rem;font-weight:900;font-family:Courier New,monospace}.bottleneck-lab-fps-success{color:#22c55e}.bottleneck-lab-fps-warning{color:#eab308}.bottleneck-lab-fps-danger{color:#ef4444}.bottleneck-lab-ms{font-size:.75rem;font-family:Courier New,monospace;color:var(--text-secondary)}.bottleneck-lab-visual{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem}.bottleneck-lab-water{position:relative;width:100%;aspect-ratio:16 / 9;background:#1e3a8a4d;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.bottleneck-lab-water-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));opacity:.2}.bottleneck-lab-water-cell{border:1px solid rgba(59,130,246,.5)}.bottleneck-lab-probe{position:relative;border:2px solid #eab308;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:all .5s}.bottleneck-lab-probe-active{background:#eab3084d;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bottleneck-lab-probe-fixed,.bottleneck-lab-probe-static{background:#eab3081a}.bottleneck-lab-probe-icon{color:#eab308}.bottleneck-lab-probe-icon-spinning{animation:spin 1s linear infinite}.bottleneck-lab-probe-warning{position:absolute;bottom:-2rem;background:#ef4444;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:700;white-space:nowrap}.bottleneck-lab-water-label{position:absolute;bottom:.5rem;left:.5rem;font-size:.75rem;font-family:Courier New,monospace;color:#60a5fa}.bottleneck-lab-console{height:8rem;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.1);padding:1rem;font-family:Courier New,monospace;font-size:.75rem;overflow-y:auto}.bottleneck-lab-console-line{color:var(--text-secondary);margin-bottom:.25rem}.bottleneck-lab-console-line-error{color:#f87171}.bottleneck-lab-console-line-success{color:#22c55e;margin-top:.5rem}.bottleneck-forensics-footer{margin-top:8rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.1)}.bottleneck-forensics-footer-title{color:var(--text-primary);font-weight:700;margin-bottom:1.5rem}.bottleneck-forensics-footer-grid{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.bottleneck-forensics-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bottleneck-forensics-footer-link{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:12px;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);transition:all .2s;text-decoration:none;color:var(--text-secondary)}.bottleneck-forensics-footer-link:hover{background:#27272a}.bottleneck-forensics-footer-link:hover span{color:#eab308}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:968px){.bottleneck-forensics-page .vr-tech-header-content{grid-template-columns:1fr;min-height:auto;max-height:45vh}.bottleneck-forensics-page .vr-tech-header-left{padding:1rem 2rem}.bottleneck-forensics-page .vr-tech-header-title{font-size:clamp(1.5rem,5vw,2rem);line-height:1.1;margin-bottom:.75rem}.bottleneck-forensics-page .vr-tech-header-tags{margin-top:.75rem;padding-bottom:1rem;gap:.35rem}.bottleneck-forensics-page .vr-tech-header-tag{font-size:.65rem;padding:.25rem .5rem}.bottleneck-forensics-page .vr-tech-header-image{height:180px;order:-1;min-height:150px}.bottleneck-forensics-page .vr-tech-header-image:before{background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%)}.bottleneck-forensics-page .vr-tech-section{padding:2rem 1.5rem}.bottleneck-lab-grid{padding:1.5rem}.bottleneck-lab-settings{padding:1rem;overflow-x:hidden}.bottleneck-lab-button-group{gap:.375rem;overflow:hidden}.bottleneck-lab-setting-button{font-size:.75rem;padding:.5rem .375rem;min-width:0}}@media(max-width:640px){.bottleneck-forensics-page .vr-tech-header-content{max-height:42vh}.bottleneck-forensics-page .vr-tech-header-close{top:.75rem;right:.75rem;width:36px;height:36px}.bottleneck-forensics-page .vr-tech-header-close svg{width:18px;height:18px}.bottleneck-forensics-page .vr-tech-header-left{padding:.75rem 1.5rem}.bottleneck-forensics-page .vr-tech-header-title{font-size:clamp(1.25rem,6vw,1.75rem);line-height:1.1;margin-bottom:.75rem}.bottleneck-forensics-page .vr-tech-header-category{font-size:.75rem;margin-bottom:.25rem}.bottleneck-forensics-page .vr-tech-header-tags{margin-top:.75rem;padding-bottom:.75rem;gap:.3rem}.bottleneck-forensics-page .vr-tech-header-tag{font-size:.6rem;padding:.2rem .45rem}.bottleneck-forensics-page .vr-tech-header-image{height:140px;min-height:120px}.bottleneck-forensics-page .vr-tech-section{padding:1.5rem 1rem}.bottleneck-forensics-page .vr-tech-section-title{font-size:1.5rem}}.bottleneck-narrative{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}.bottleneck-narrative-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0;opacity:.9;width:100%}@media(max-width:768px){.bottleneck-narrative{padding:1.5rem 1rem}.bottleneck-narrative-text{font-size:1rem;line-height:1.7}}.faster-load-section{width:100%;min-height:100vh;background:var(--bg-primary);padding:0;margin:0}.faster-load-section .vr-tech-header-section{width:100%;margin:0;padding:0;position:relative}.faster-load-section .vr-tech-header-content{max-width:1400px;margin:0 auto;min-height:auto;padding:0}.faster-load-section .vr-tech-header-left{padding:1.5rem 3rem 0;gap:.5rem}.faster-load-section .vr-tech-header-tags{margin-top:.75rem;padding-bottom:2.5rem}.faster-load-section .vr-tech-header-close{position:absolute;top:1.5rem;right:1.5rem;z-index:10}.faster-load-section .vr-tech-header-image{width:100%;height:100%}.faster-load-section>section{max-width:1200px;margin:0 auto;padding:2.55rem 2rem}.faster-load-section .faster-load-summary{max-width:1200px;margin:0 auto;padding:2.55rem 2rem}.faster-load-comparison{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto}.faster-load-comparison-buttons{display:flex;gap:1rem;margin-bottom:2rem}.faster-load-comparison-button{flex:1;padding:1rem;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.faster-load-comparison-button:hover{background:#27272acc}.faster-load-comparison-button-active-monolith{border-color:#ef4444;background:#ef44441a}.faster-load-comparison-button-active-addressables{border-color:#3b82f6;background:#3b82f61a}.faster-load-comparison-button-title{font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.faster-load-comparison-button-desc{font-size:.75rem;color:var(--text-secondary)}.faster-load-comparison-visualizer{position:relative;height:96px;background:#27272a80;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.faster-load-monolith-bar{height:100%;background:#ef4444;transition:all 75ms ease;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:.875rem;white-space:nowrap;overflow:hidden}.faster-load-addressables-container{position:absolute;inset:0;display:flex;gap:.25rem;padding:.25rem}.faster-load-addressables-chunk{height:100%;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#000}.faster-load-chunk-core{background:#3b82f6}.faster-load-chunk-ui{background:#60a5fa}.faster-load-chunk-world{background:#93c5fd}.faster-load-chunk-npcs{background:#bfdbfe}.faster-load-chunk-hidden{width:0;opacity:0}.faster-load-chunk-visible{opacity:1}.faster-load-chunk-core-visible{width:25%}.faster-load-chunk-ui-visible{width:16.67%}.faster-load-chunk-world-visible{width:33.33%}.faster-load-chunk-npcs-visible{width:25%}.faster-load-comparison-timeline{display:flex;justify-content:space-between;font-family:monospace;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.faster-load-chunking{margin:2.55rem auto}.faster-load-chunking-map{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.faster-load-chunking-status{display:flex;gap:.5rem;margin-bottom:1.5rem;height:32px}.faster-load-chunking-status-item{flex:1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#000;transition:all .5s ease}.faster-load-chunking-status-loaded{opacity:1}.faster-load-chunking-status-unloaded{background:#27272a80;opacity:.3;color:var(--text-secondary)}.faster-load-chunking-status-core{background:#71717a}.faster-load-chunking-status-forest{background:#16a34a}.faster-load-chunking-status-desert{background:#ca8a04}.faster-load-chunking-track{position:relative;height:96px;background:#27272a80;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.faster-load-chunking-zone{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2.25rem;letter-spacing:.1em;-webkit-user-select:none;user-select:none}.faster-load-chunking-zone-forest{left:0;width:45%;background:#16653433;border-right:1px solid rgba(34,197,94,.3);color:#22c55e}.faster-load-chunking-zone-desert{right:0;width:45%;background:#78350f33;border-left:1px solid rgba(234,179,8,.3);color:#eab308}.faster-load-chunking-player{position:absolute;top:0;bottom:0;width:2px;background:#ffffff80;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%)}.faster-load-chunking-player-icon{width:32px;height:32px;background:#fff;border-radius:50%;box-shadow:0 0 15px #fffc;display:flex;align-items:center;justify-content:center;color:#000;margin-top:-48px}.faster-load-chunking-slider{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:30}.faster-load-chunking-labels{display:flex;justify-content:space-between;font-size:.75rem;font-family:monospace;color:var(--text-secondary)}.faster-load-ktx{margin:2.55rem auto}.faster-load-ktx-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.faster-load-ktx-buttons{display:flex;gap:1rem;margin-bottom:2rem}.faster-load-ktx-button{padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease}.faster-load-ktx-button:hover{background:#27272acc}.faster-load-ktx-button-active{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.faster-load-ktx-button-inactive{border-color:#71717a80;color:var(--text-secondary)}.faster-load-ktx-stats{margin-top:2rem}.faster-load-ktx-stat{display:flex;justify-content:space-between;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.875rem}.faster-load-ktx-stat-label{color:var(--text-secondary)}.faster-load-ktx-stat-value{font-weight:700}.faster-load-ktx-stat-value-optimized{color:#60a5fa}.faster-load-ktx-stat-value-standard{color:var(--text-primary)}.faster-load-ktx-stat-value-bad{color:#f87171}.faster-load-ktx-visualizer{background:var(--bg-secondary);border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;min-height:300px}.faster-load-ktx-box{position:relative;display:flex;align-items:center;justify-content:center;border:4px solid;border-radius:8px;transition:all .5s ease}.faster-load-ktx-box-png{width:192px;height:192px;border-color:#71717a80;background:#27272acc;transform:rotate(0)}.faster-load-ktx-box-ktx{width:96px;height:96px;border-color:#3b82f6;background:#3b82f61a;transform:rotate(12deg)}.faster-load-ktx-box-content{text-align:center}.faster-load-ktx-box-format{font-weight:900;font-size:1.875rem;margin-bottom:.25rem}.faster-load-ktx-box-format-png{color:var(--text-secondary)}.faster-load-ktx-box-format-ktx{color:#60a5fa}.faster-load-ktx-box-size{font-size:.75rem;font-family:monospace;color:var(--text-primary);background:#00000080;padding:.25rem .5rem;border-radius:4px}.faster-load-ktx-shadow{position:absolute;bottom:-48px;left:50%;transform:translate(-50%);border-radius:100%;background:#00000080;filter:blur(16px);transition:all .5s ease}.faster-load-ktx-shadow-png{width:192px;height:32px;opacity:1}.faster-load-ktx-shadow-ktx{width:64px;height:16px;opacity:.3}.faster-load-async{margin:2.55rem auto}.faster-load-async-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.faster-load-async-code{font-family:monospace;font-size:.75rem;background:#000;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.faster-load-async-code-header{display:flex;gap:.5rem;margin-bottom:1rem}.faster-load-async-code-dot{width:12px;height:12px;border-radius:50%}.faster-load-async-code-dot-red{background:#ef4444}.faster-load-async-code-dot-yellow{background:#eab308}.faster-load-async-code-dot-green{background:#22c55e}.faster-load-async-code-line{margin-bottom:.25rem;transition:all .3s ease}.faster-load-async-code-comment{color:var(--text-secondary)}.faster-load-async-code-active{background:#3b82f633;color:#93c5fd}.faster-load-async-code-complete{background:#22c55e33;color:#86efac}.faster-load-async-code-inactive{color:var(--text-secondary)}.faster-load-async-visual{background:var(--bg-secondary);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.faster-load-async-texture{position:relative;width:192px;height:192px;background:#000;border-radius:8px;overflow:hidden;border:1px solid rgba(113,113,122,.5)}.faster-load-async-texture-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.faster-load-async-texture-low{position:absolute;inset:0;background:linear-gradient(to bottom right,#1e40af,#7c3aed);filter:blur(8px);transform:scale(1.1);transition:opacity .3s ease}.faster-load-async-texture-high{position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?q=80&w=300&auto=format&fit=crop);background-size:cover;transition:opacity .7s ease}.faster-load-async-texture-visible{opacity:1}.faster-load-async-texture-hidden{opacity:0}.faster-load-async-texture-label{position:absolute;bottom:.5rem;right:.5rem;background:#000000b3;color:var(--text-primary);font-size:10px;padding:.25rem .5rem;border-radius:4px;font-family:monospace;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.faster-load-async-perception{margin-top:1rem;font-size:.875rem;color:var(--text-secondary);font-family:monospace}.faster-load-groups{margin:2.55rem auto}.faster-load-groups-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.faster-load-group-card{padding:1.5rem;background:var(--bg-secondary);border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:default;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faster-load-group-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #00000080}.faster-load-group-card-red:hover{border-color:#ef444480}.faster-load-group-card-blue:hover{border-color:#3b82f680}.faster-load-group-card-green:hover{border-color:#22c55e80}.faster-load-group-card-purple:hover{border-color:#a855f780}.faster-load-group-icon{margin-bottom:.5rem}.faster-load-group-icon-red{color:#ef4444}.faster-load-group-icon-blue{color:#3b82f6}.faster-load-group-icon-green{color:#22c55e}.faster-load-group-icon-purple{color:#a855f7}.faster-load-group-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.faster-load-group-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.6}.faster-load-summary{margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.1)}.faster-load-summary-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.faster-load-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.faster-load-summary-card{padding:1.5rem;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px}.faster-load-summary-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase}.faster-load-summary-value{font-size:1.875rem;font-weight:700;color:var(--text-primary)}.faster-load-summary-arrow{color:var(--text-secondary);margin:0 .5rem}.faster-load-summary-optimized{color:#3b82f6}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:968px){.faster-load-section .vr-tech-header-content{grid-template-columns:1fr;max-height:45vh}.faster-load-section .vr-tech-header-left{padding:1rem 1.5rem}.faster-load-section .vr-tech-header-title{font-size:clamp(1.5rem,5vw,2rem);line-height:1.1;margin-bottom:.75rem}.faster-load-section .vr-tech-header-tags{margin-top:.75rem;padding-bottom:1rem;gap:.35rem}.faster-load-section .vr-tech-header-tag{font-size:.65rem;padding:.25rem .5rem}.faster-load-section .vr-tech-header-image{order:-1;height:180px;min-height:150px}.faster-load-section .vr-tech-header-image:before{background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%)}.faster-load-section>section{padding:2rem 1.5rem}.faster-load-section .faster-load-summary{padding:2rem 1.5rem}.faster-load-comparison-buttons{flex-direction:column}.faster-load-ktx-content,.faster-load-async-content{grid-template-columns:1fr;gap:2rem}.faster-load-groups-grid{grid-template-columns:repeat(2,1fr)}.faster-load-summary-grid{grid-template-columns:1fr}}@media(max-width:640px){.faster-load-section .vr-tech-header-close{top:.75rem;right:.75rem;width:36px;height:36px}.faster-load-section .vr-tech-header-close svg{width:18px;height:18px}.faster-load-section .vr-tech-header-content{max-height:42vh}.faster-load-section .vr-tech-header-left{padding:.75rem 1.5rem}.faster-load-section .vr-tech-header-title{font-size:clamp(1.25rem,6vw,1.75rem);line-height:1.1;margin-bottom:.75rem}.faster-load-section .vr-tech-header-category{font-size:.75rem;margin-bottom:.25rem}.faster-load-section .vr-tech-header-tags{margin-top:.75rem;padding-bottom:.75rem;gap:.3rem}.faster-load-section .vr-tech-header-tag{font-size:.6rem;padding:.2rem .45rem}.faster-load-section .vr-tech-header-image{height:140px;min-height:120px}.faster-load-section>section{padding:1.5rem 1rem}.faster-load-section .faster-load-summary{padding:1.5rem 1rem}.faster-load-section .vr-tech-section-title{font-size:1.5rem}.faster-load-groups-grid{grid-template-columns:1fr}.faster-load-chunking-track{height:80px}.faster-load-chunking-zone{font-size:1.5rem}.faster-load-ktx-visualizer{min-height:250px}.faster-load-async-texture{width:160px;height:160px}}.faster-load-narrative{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}.faster-load-narrative-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0;opacity:.9;width:100%}@media(max-width:768px){.faster-load-narrative{padding:1.5rem 1rem}.faster-load-narrative-text{font-size:1rem;line-height:1.7}}.hotreload-icon-blue{color:#3b82f6}.hotreload-icon-orange{color:#fb923c}.hotreload-icon-purple{color:#a855f7}.hotreload-icon-green{color:#4ade80}.hotreload-icon-yellow{color:#eab308}.hotreload-icon-red{color:#ef4444}.hotreload-compilation{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;max-width:1200px;width:100%}.hotreload-compilation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;width:100%}.hotreload-compilation-card{padding:1.5rem;background:var(--bg-primary);border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.hotreload-compilation-card:hover{transform:translateY(-2px);box-shadow:0 10px 40px #00000080}.hotreload-compilation-card-active{background:#3b82f61a;border-color:#3b82f6}.hotreload-compilation-card-active-orange{background:#fb923c1a;border-color:#fb923c}.hotreload-compilation-card-inactive{opacity:.6}.hotreload-compilation-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.hotreload-compilation-card-title-group{display:flex;align-items:center;gap:.75rem}.hotreload-compilation-card-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.hotreload-active-badge{font-size:.75rem;background:#3b82f6;color:#000;padding:.25rem .5rem;border-radius:4px;font-weight:700}.hotreload-active-badge-orange{background:#fb923c}.hotreload-compilation-features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem}.hotreload-feature-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.hotreload-check-icon{color:#4ade80;flex-shrink:0}.hotreload-x-icon{color:#ef4444;flex-shrink:0}.hotreload-compilation-flow{background:#000;padding:1rem;border-radius:8px;font-family:monospace;font-size:.75rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.hotreload-flow-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.hotreload-flow-item-disabled{opacity:.5}.hotreload-flow-arrow{color:var(--text-secondary);transform:rotate(90deg)}.hotreload-flow-arrow-disabled{opacity:.5}.hotreload-flow-jit{padding:.5rem;border:1px solid rgba(59,130,246,.5);background:#3b82f61a;border-radius:4px;text-align:center;color:#93c5fd;animation:hotreload-pulse 1s ease-in-out infinite}.hotreload-flow-aot{padding:.5rem;border:1px solid rgba(251,146,60,.5);background:#fb923c1a;border-radius:4px;text-align:center;color:#fdba74;margin-bottom:.5rem}.hotreload-flow-locked{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#27272acc;border-radius:4px;color:var(--text-secondary)}@keyframes hotreload-pulse{0%,to{opacity:1}50%{opacity:.7}}.hotreload-lab{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;max-width:1200px;width:100%}.hotreload-lab-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;width:100%}.hotreload-lab-editor{display:flex;flex-direction:column;height:100%}.hotreload-lab-tabs{display:flex;gap:.25rem;background:#00000080;padding:.25rem;border-radius:8px 8px 0 0;border-bottom:1px solid rgba(255,255,255,.1)}.hotreload-lab-tab{padding:.5rem 1rem;font-size:.75rem;font-weight:700;border-radius:4px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.hotreload-lab-tab:hover{color:var(--text-primary)}.hotreload-lab-tab-active{background:var(--bg-secondary);color:var(--text-primary)}.hotreload-lab-code{flex:1;background:#000;padding:1.5rem;font-family:monospace;font-size:.875rem;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 8px 8px;position:relative}.hotreload-lab-code-comment{color:var(--text-secondary);opacity:.6;margin-bottom:1rem}.hotreload-lab-code-line{margin-bottom:2rem}.hotreload-code-purple{color:#a855f7}.hotreload-code-yellow{color:#eab308}.hotreload-code-text{color:var(--text-secondary)}.hotreload-code-green{color:#4ade80}.hotreload-lab-controls{margin-top:2rem;display:flex;gap:1rem}.hotreload-lab-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;font-size:.75rem;font-weight:700;color:#000;border:none;cursor:pointer;transition:all .3s ease}.hotreload-lab-button-csharp{background:#fff}.hotreload-lab-button-csharp:hover:not(.hotreload-lab-button-disabled){background:#fffc}.hotreload-lab-button-lua{background:#fb923c}.hotreload-lab-button-lua:hover:not(.hotreload-lab-button-disabled){background:#f97316}.hotreload-lab-button-disabled{opacity:.5;cursor:not-allowed}.hotreload-spin{animation:hotreload-spin 1s linear infinite}@keyframes hotreload-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hotreload-lab-gameview{background:var(--bg-primary);border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column}.hotreload-lab-gameview-header{background:var(--bg-secondary);padding:.5rem 1rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.hotreload-compiling-indicator{color:#eab308;animation:hotreload-pulse 1s ease-in-out infinite}.hotreload-lab-gameview-content{flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;position:relative}.hotreload-cube{width:64px;height:64px;transition:all .5s ease;box-shadow:0 0 20px #00000080}.hotreload-cube-blue{background:#3b82f6;box-shadow:0 0 20px #3b82f680}.hotreload-cube-red{background:#ef4444;box-shadow:0 0 20px #ef444480}.hotreload-cube-compiling{opacity:.5;transform:scale(.9);filter:grayscale(100%)}.hotreload-lab-console{height:128px;background:#000;border-top:1px solid rgba(255,255,255,.1);padding:.5rem;font-family:monospace;font-size:.625rem;color:var(--text-secondary);overflow-y:auto}.hotreload-console-line{margin-bottom:.25rem}.hotreload-console-empty{opacity:.5}.hotreload-architecture{margin:2.55rem auto;max-width:1200px;width:100%}.hotreload-architecture-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin-top:1.5rem;width:100%}.hotreload-architecture-data{padding:1rem;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;position:relative;transition:all .3s ease;text-align:left}.hotreload-architecture-data:hover{background:#27272acc}.hotreload-data-label{position:absolute;top:-.75rem;left:1rem;background:var(--bg-secondary);padding:.25rem .5rem;font-size:.75rem;font-weight:700;color:#fb923c;border:1px solid rgba(255,255,255,.1);border-radius:4px}.hotreload-data-code{font-size:.75rem;font-family:monospace;color:var(--text-secondary);margin:0;white-space:pre-wrap}.hotreload-data-reload{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .3s ease}.hotreload-architecture-data:hover .hotreload-data-reload{opacity:1}.hotreload-architecture-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary)}.hotreload-architecture-arrow-label{font-size:.75rem;font-family:monospace}.hotreload-architecture-interpreter{padding:1rem;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:left}.hotreload-interpreter-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.hotreload-interpreter-title{font-weight:700;color:var(--text-primary);font-size:.875rem}.hotreload-interpreter-bars{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.hotreload-interpreter-bar{height:.5rem;background:var(--bg-primary);border-radius:2px;width:75%}.hotreload-interpreter-bar-full{width:100%}.hotreload-interpreter-bar-half{width:50%}.hotreload-interpreter-log{font-size:.75rem;color:#4ade80;font-family:monospace}.hotreload-pipeline{background:linear-gradient(to bottom right,var(--bg-secondary),#000);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;max-width:1200px;width:100%}.hotreload-pipeline-flow{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;width:100%}.hotreload-pipeline-step{flex:1;background:#27272a80;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.5rem}.hotreload-pipeline-step-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.5rem;text-align:left}.hotreload-pipeline-step-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.hotreload-pipeline-step-label-green{color:#4ade80}.hotreload-pipeline-nodes{display:flex;flex-direction:column;gap:.5rem;width:100%;align-items:flex-start}.hotreload-pipeline-node{padding:.5rem;border-radius:4px;font-size:.75rem;color:#fff;font-weight:500;box-shadow:0 4px 6px #0000004d}.hotreload-pipeline-node-green{background:#27272acc;border-left:2px solid #4ade80}.hotreload-pipeline-node-blue{background:#27272acc;border-left:2px solid #3b82f6}.hotreload-pipeline-connector{height:1rem;border-left:2px dotted var(--text-secondary);margin-left:1rem}.hotreload-pipeline-arrow{color:var(--text-secondary);flex-shrink:0}.hotreload-pipeline-step-title{font-weight:700;color:var(--text-primary);font-size:.875rem;margin:0}.hotreload-pipeline-step-desc{font-size:.75rem;color:var(--text-secondary);margin:0}.hotreload-pipeline-step-runtime{background:#14532d1a;border-color:#4ade804d}.hotreload-pipeline-runtime-content{font-size:.75rem;color:var(--text-secondary);text-align:left;width:100%}.hotreload-pipeline-runtime-log{margin-top:.75rem;background:#00000080;padding:.5rem;border-radius:4px;color:#86efac;font-family:monospace}.hotreload-checklist{margin:2.55rem auto;max-width:1200px;width:100%}.hotreload-checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;width:100%}.hotreload-checklist-card{padding:1.5rem;background:#27272a80;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:left}.hotreload-checklist-card-green{border-color:#14532d4d}.hotreload-checklist-card-red{border-color:#7f1d1d4d}.hotreload-checklist-card-title{font-size:1.125rem;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.hotreload-checklist-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.hotreload-checklist-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.hotreload-checklist-dot{width:6px;height:6px;border-radius:50%;margin-top:.375rem;flex-shrink:0}.hotreload-checklist-dot-green{background:#4ade80}.hotreload-checklist-dot-red{background:#ef4444}@media(max-width:968px){.hotreload-compilation,.hotreload-lab,.hotreload-architecture,.hotreload-pipeline,.hotreload-checklist{padding-left:1.5rem;padding-right:1.5rem}.hotreload-compilation-grid,.hotreload-lab-container,.hotreload-architecture-flow{grid-template-columns:1fr}.hotreload-architecture-arrow{transform:rotate(90deg);margin:1rem 0}.hotreload-pipeline-flow{flex-direction:column}.hotreload-pipeline-arrow{transform:rotate(90deg)}.hotreload-checklist-grid{grid-template-columns:1fr}}@media(max-width:640px){.hotreload-compilation,.hotreload-lab{padding:1.5rem}.hotreload-lab-gameview-content{min-height:150px}.hotreload-cube{width:48px;height:48px}}.hotreload-narrative{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}.hotreload-narrative-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0;opacity:.9;width:100%}@media(max-width:768px){.hotreload-narrative{padding:1.5rem 1rem}.hotreload-narrative-text{font-size:1rem;line-height:1.7}}.parallelism-technical-page{min-height:100vh;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-main);padding:0;width:100%}.parallelism-tech-header-section{width:100%;background:var(--bg-primary);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;padding-bottom:0}.parallelism-tech-header-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0;margin:0;z-index:10}.parallelism-tech-header-close:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.parallelism-tech-header-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr .4fr;gap:0;min-height:auto;position:relative;overflow:hidden}.parallelism-tech-header-left{padding:1.5rem 3rem 0;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;background:var(--bg-primary)}.parallelism-tech-header-category{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0;text-align:left}.parallelism-tech-header-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;text-align:left}.parallelism-tech-header-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;margin-bottom:0;padding-bottom:2.5rem;align-items:center}.parallelism-tech-header-tag{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.35rem .75rem;font-size:.75rem;color:var(--text-primary);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.parallelism-tech-header-tag:hover{background:#ffffff14;border-color:#ffffff1f}.parallelism-tech-tag-icon{flex-shrink:0;opacity:.8;width:12px;height:12px}.parallelism-tech-header-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px);opacity:.6;position:relative;overflow:hidden}.parallelism-tech-header-image:before{content:"";position:absolute;inset:0;background:linear-gradient(to left,var(--bg-primary) 0%,transparent 100%);z-index:1}.parallelism-tech-section{max-width:1200px;margin:0 auto;padding:2.55rem 2rem;text-align:left}.parallelism-tech-section-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;text-align:left}.parallelism-tech-section-description{color:var(--text-secondary);margin:0 0 2.55rem;line-height:1.6;text-align:left}.parallelism-tech-cpu-viz{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;text-align:left}.parallelism-tech-mode-selector{display:flex;gap:1rem;margin-bottom:2rem}.parallelism-tech-mode-button{flex:1;padding:1rem;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:var(--bg-primary);text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.parallelism-tech-mode-button:hover{border-color:#fff3}.parallelism-tech-mode-active{border-color:#3b82f6;background:#3b82f61a}.parallelism-tech-mode-title{font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.parallelism-tech-mode-desc{font-size:.75rem;color:var(--text-secondary)}.parallelism-tech-cores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.parallelism-tech-core-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.parallelism-tech-core-bar{width:100%;background:#000;border-radius:8px;height:128px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.parallelism-tech-core-fill{position:absolute;bottom:0;left:0;right:0;transition:all .3s ease;border-radius:0 0 8px 8px}.parallelism-tech-core-fill-red{background:#ef4444}.parallelism-tech-core-fill-blue{background:#3b82f6}.parallelism-tech-core-grid-lines{position:absolute;inset:0;display:grid;grid-template-rows:repeat(4,1fr);opacity:.2;pointer-events:none}.parallelism-tech-core-grid-line{border-bottom:1px solid rgba(255,255,255,.5)}.parallelism-tech-core-label{font-size:.75rem;font-family:monospace;color:var(--text-secondary)}.parallelism-tech-core-usage{font-size:.75rem;font-weight:700;color:var(--text-secondary)}.parallelism-tech-core-usage-high{color:var(--text-primary)}.parallelism-tech-burst-comparison{margin:2.55rem auto;text-align:left}.parallelism-tech-burst-container{background:var(--bg-secondary);padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.parallelism-tech-burst-track{margin-bottom:2rem}.parallelism-tech-burst-track-header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.parallelism-tech-burst-track-label{display:flex;align-items:center;gap:.5rem}.parallelism-tech-burst-track-label-burst{color:#f97316}.parallelism-tech-burst-track-time{font-family:monospace}.parallelism-tech-burst-track-time-burst{color:#f97316;font-weight:700}.parallelism-tech-burst-bar-container{height:48px;background:#000;border-radius:8px;width:100%;position:relative;display:flex;align-items:center;padding:0 .5rem;border:1px solid rgba(255,255,255,.1)}.parallelism-tech-burst-bar{height:32px;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding:0 .5rem;font-size:.75rem;font-weight:700;color:#fff;transition:all 75ms ease;min-width:5%}.parallelism-tech-burst-bar-standard{background:#71717a}.parallelism-tech-burst-bar-burst{background:linear-gradient(to right,#ea580c,#eab308);color:#000}.parallelism-tech-burst-button-container{display:flex;justify-content:center;margin-top:1rem}.parallelism-tech-burst-button{padding:.5rem 1.5rem;background:var(--text-primary);color:#000;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease}.parallelism-tech-burst-button:hover:not(:disabled){background:#ffffffe6}.parallelism-tech-burst-button:disabled{opacity:.5;cursor:not-allowed}.parallelism-tech-boid-simulation{margin:2.55rem auto;text-align:left}.parallelism-tech-boid-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}.parallelism-tech-boid-controls{display:flex;flex-direction:column;gap:1rem}.parallelism-tech-boid-mode-button{width:100%;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:var(--bg-secondary);text-align:left;cursor:pointer;transition:all .3s ease;opacity:.5}.parallelism-tech-boid-mode-active{opacity:1;border-color:#4ade80;background:#14532d33}.parallelism-tech-boid-mode-title{font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.parallelism-tech-boid-mode-desc{font-size:.75rem;color:var(--text-secondary)}.parallelism-tech-boid-canvas-container{height:320px;background:#000;border-radius:12px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem}.parallelism-tech-boid-canvas{width:100%;height:100%;display:block}.parallelism-tech-boid-stats{position:absolute;top:1rem;left:1rem;font-family:monospace;font-size:.75rem;background:#00000080;padding:.5rem;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.parallelism-tech-boid-fps{display:flex;align-items:center;gap:.5rem;font-weight:700;margin-bottom:.25rem}.parallelism-tech-boid-fps-high{color:#4ade80}.parallelism-tech-boid-fps-low{color:#ef4444}.parallelism-tech-boid-entities{color:var(--text-secondary)}.parallelism-tech-safety{margin:2.55rem auto;text-align:left}.parallelism-tech-safety-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.parallelism-tech-safety-visual{background:var(--bg-secondary);padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.parallelism-tech-safety-threads{display:flex;gap:1rem}.parallelism-tech-safety-thread{padding:1rem;background:#27272a80;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:.5rem}.parallelism-tech-safety-thread-label{color:#60a5fa;font-weight:700;font-size:.875rem}.parallelism-tech-safety-thread-status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.parallelism-tech-safety-status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%}.parallelism-tech-safety-data-container{position:relative;width:100%;max-width:300px}.parallelism-tech-safety-data-line{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.parallelism-tech-safety-data-line:before{content:"";width:100%;height:1px;background:#fff3}.parallelism-tech-safety-data-box{position:relative;z-index:10;background:var(--bg-primary);border:1px solid rgba(255,255,255,.2);padding:1rem;border-radius:8px;text-align:center}.parallelism-tech-safety-data-type{color:var(--text-primary);font-family:monospace;font-size:.875rem;margin-bottom:.5rem}.parallelism-tech-safety-badge{background:#14532d33;color:#4ade80;font-size:.625rem;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(74,222,128,.3);display:inline-flex;align-items:center;gap:.25rem}.parallelism-tech-safety-description{text-align:center;font-size:.75rem;color:var(--text-secondary);max-width:100%;margin:0}.parallelism-tech-safety-code{font-family:monospace;font-size:.75rem;background:#000;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.parallelism-tech-code-line{margin:.5rem 0}.parallelism-tech-code-attribute{color:#a78bfa}.parallelism-tech-code-struct{color:#60a5fa}.parallelism-tech-code-type{color:#fbbf24}.parallelism-tech-code-interface{color:#4ade80}.parallelism-tech-code-keyword{color:#60a5fa}.parallelism-tech-code-body{margin-left:1rem;margin:1rem 0 1rem 1rem}.parallelism-tech-code-comment{color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;margin:1rem 0}.parallelism-tech-code-check{color:#4ade80}.parallelism-tech-checklist{margin:2.55rem auto;text-align:left}.parallelism-tech-checklist-container{width:100%;max-width:672px;margin:0 auto;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.parallelism-tech-checklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.parallelism-tech-checklist-count{font-size:.875rem;font-family:monospace;color:var(--text-secondary)}.parallelism-tech-checklist-list{display:flex;flex-direction:column;gap:.75rem}.parallelism-tech-checklist-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;background:transparent;transition:all .5s ease}.parallelism-tech-checklist-item-checked{background:#14532d33;transform:translate(8px)}.parallelism-tech-checklist-checkbox{flex-shrink:0;width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:#000;transition:all .3s ease}.parallelism-tech-checklist-checkbox-checked{background:#4ade80;border-color:#4ade80}.parallelism-tech-checklist-text{font-size:1.125rem;color:var(--text-secondary);transition:color .3s ease}.parallelism-tech-checklist-text-checked{color:#dcfce7}.parallelism-tech-checklist-badge{margin-top:2rem;text-align:center;font-weight:700;color:#dcfce7;opacity:0;transform:translateY(16px);transition:all 1s ease}.parallelism-tech-checklist-badge-visible{opacity:1;transform:translateY(0);animation:parallelism-tech-bounce 1s ease}@keyframes parallelism-tech-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:968px){.parallelism-tech-header-close{top:1rem;right:1rem;width:40px;height:40px}.parallelism-tech-header-close svg{width:20px;height:20px}.parallelism-tech-header-content{grid-template-columns:1fr;min-height:auto;max-height:45vh}.parallelism-tech-header-left{padding:1rem 2rem}.parallelism-tech-header-title{font-size:clamp(1.5rem,5vw,2rem);line-height:1.1;margin-bottom:.75rem}.parallelism-tech-header-tags{margin-top:.75rem;padding-bottom:1rem;gap:.35rem}.parallelism-tech-header-tag{font-size:.65rem;padding:.25rem .5rem}.parallelism-tech-header-image{height:180px;order:-1;min-height:150px}.parallelism-tech-header-image:before{background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%)}.parallelism-tech-section{padding:2rem 1.5rem}.parallelism-tech-cores-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.parallelism-tech-boid-content{grid-template-columns:1fr;gap:2rem}.parallelism-tech-boid-canvas-container{height:200px}.parallelism-tech-safety-content{grid-template-columns:1fr;gap:2rem}}@media(max-width:640px){.parallelism-tech-header-close{top:.75rem;right:.75rem;width:36px;height:36px}.parallelism-tech-header-close svg{width:18px;height:18px}.parallelism-tech-header-content{max-height:42vh}.parallelism-tech-header-left{padding:.75rem 1.5rem}.parallelism-tech-header-title{font-size:clamp(1.25rem,6vw,1.75rem);line-height:1.1;margin-bottom:.75rem}.parallelism-tech-header-category{font-size:.75rem;margin-bottom:.25rem}.parallelism-tech-header-tags{margin-top:.75rem;padding-bottom:.75rem;gap:.3rem}.parallelism-tech-header-tag{font-size:.6rem;padding:.2rem .45rem}.parallelism-tech-header-image{height:140px;min-height:120px}.parallelism-tech-section{padding:1.5rem 1rem}.parallelism-tech-section-title{font-size:1.5rem}.parallelism-tech-cores-grid{grid-template-columns:repeat(2,1fr)}.parallelism-tech-core-bar{height:96px}.parallelism-tech-mode-selector{flex-direction:column}.parallelism-tech-boid-canvas-container{height:180px}.parallelism-tech-checklist-container{padding:1.5rem}.parallelism-tech-checklist-text{font-size:1rem}}.parallelism-tech-narrative{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}.parallelism-tech-narrative-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0;opacity:.9;width:100%}@media(max-width:768px){.parallelism-tech-narrative{padding:1.5rem 1rem}.parallelism-tech-narrative-text{font-size:1rem;line-height:1.7}}.rvs-technical-page{min-height:100vh;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-main);padding:0;width:100%}.rvs-tech-header-section{width:100%;background:var(--bg-primary);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;padding-bottom:0}.rvs-tech-header-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0;margin:0;z-index:10}.rvs-tech-header-close:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.rvs-tech-header-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr .4fr;gap:0;min-height:auto;position:relative;overflow:hidden}.rvs-tech-header-left{padding:1.5rem 3rem 0;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;background:var(--bg-primary)}.rvs-tech-header-category{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0;text-align:left}.rvs-tech-header-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;text-align:left}.rvs-tech-header-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;margin-bottom:0;padding-bottom:2.5rem;align-items:center}.rvs-tech-header-tag{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.35rem .75rem;font-size:.75rem;color:var(--text-primary);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.rvs-tech-header-tag:hover{background:#ffffff14;border-color:#ffffff1f}.rvs-tech-tag-icon{flex-shrink:0;opacity:.8;width:12px;height:12px}.rvs-tech-header-image{width:100%;height:100%;min-height:120px;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px);opacity:.6;position:relative;overflow:hidden}.rvs-tech-header-image:before{content:"";position:absolute;inset:0;background:linear-gradient(to left,var(--bg-primary) 0%,transparent 100%);z-index:1}.rvs-tech-section{max-width:1200px;margin:0 auto;padding:2.55rem 2rem;text-align:left}.rvs-tech-section-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;text-align:left}.rvs-tech-section-description{color:var(--text-secondary);margin:0 0 2.55rem;line-height:1.6;text-align:left}.rvs-tech-workflow{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;text-align:left}.rvs-tech-workflow-track{margin-bottom:2rem}.rvs-tech-workflow-track:last-child{margin-bottom:0}.rvs-tech-workflow-header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.rvs-tech-workflow-label{display:flex;align-items:center;gap:.5rem}.rvs-tech-workflow-label-visual{color:#a855f7}.rvs-tech-workflow-stage{color:var(--text-secondary)}.rvs-tech-workflow-stage-visual{color:#a855f7;font-weight:700}.rvs-tech-workflow-bar-container{height:40px;background:#000;border-radius:9999px;width:100%;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 4px}.rvs-tech-workflow-bar{height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:flex-end;padding:0 .75rem;font-size:.75rem;font-weight:700;color:#fff;transition:all 75ms ease;min-width:5%}.rvs-tech-workflow-bar-trad{background:#52525b}.rvs-tech-workflow-bar-visual{background:#9333ea}.rvs-tech-workflow-ghost{position:absolute;right:0;top:0;bottom:0;width:80px;background:linear-gradient(to left,#000 0%,transparent 100%);pointer-events:none}.rvs-tech-code-node{margin:2.55rem auto;text-align:left}.rvs-tech-code-node-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.rvs-tech-code-node-switcher{display:flex;flex-direction:column;gap:1rem}.rvs-tech-code-node-button{width:100%;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:var(--bg-secondary);text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:.5}.rvs-tech-code-node-button:hover{opacity:.8}.rvs-tech-code-node-button-active{opacity:1;background:#27272acc;border-color:#fff3}.rvs-tech-code-node-button-purple.rvs-tech-code-node-button-active{background:#581c8733;border-color:#9333ea}.rvs-tech-code-node-button-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.rvs-tech-code-node-button-title{font-weight:700;color:var(--text-primary)}.rvs-tech-code-node-button-icon{color:var(--text-secondary);transition:color .3s ease}.rvs-tech-code-node-button:hover .rvs-tech-code-node-button-icon,.rvs-tech-code-node-button-active .rvs-tech-code-node-button-icon{color:var(--text-primary)}.rvs-tech-code-node-button-purple .rvs-tech-code-node-button-icon{color:#9333ea}.rvs-tech-code-node-button-code{font-family:monospace;font-size:.75rem;color:var(--text-secondary)}.rvs-tech-code-node-display{background:#000;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:2rem;min-height:300px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.rvs-tech-code-node-grid-bg{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#4c1d95 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.rvs-tech-code-node-code-view{font-family:monospace;font-size:.875rem;color:#4ade80;width:100%;max-width:24rem;z-index:10;position:relative}.rvs-tech-code-keyword{color:#a855f7}.rvs-tech-code-function{color:#fbbf24}.rvs-tech-code-number{color:#60a5fa}.rvs-tech-code-string{color:#fb923c}.rvs-tech-code-node-graph-view{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:1rem;z-index:10}.rvs-tech-node-box{width:96px;height:64px;background:#27272acc;border-radius:8px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;padding:.5rem;box-shadow:0 10px 15px -3px #0000004d;position:relative}.rvs-tech-node-box-active{background:#581c8780;border-color:#9333ea;box-shadow:0 0 15px #a855f74d}.rvs-tech-node-title{font-size:10px;font-weight:700;color:var(--text-secondary);text-align:center;margin-top:auto}.rvs-tech-node-title-active{color:#e9d5ff}.rvs-tech-node-input{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#4ade80;border-radius:50%}.rvs-tech-node-input-purple{background:#9333ea}.rvs-tech-node-output{position:absolute;right:-14px;bottom:.5rem;width:12px;height:12px;background:#4ade80;border-radius:50%}.rvs-tech-node-output-purple{background:#9333ea}.rvs-tech-node-connector{width:64px;height:4px;background:#52525b}.rvs-tech-broadcast{margin:2.55rem auto;text-align:left}.rvs-tech-broadcast-container{position:relative;background:#09090bf2;padding:3rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;min-height:400px}.rvs-tech-broadcast-button{position:relative;z-index:20;width:128px;height:128px;border-radius:50%;border:4px solid #9333ea;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease;background:var(--bg-secondary);cursor:pointer;color:var(--text-primary)}.rvs-tech-broadcast-button:hover{background:#27272acc}.rvs-tech-broadcast-button-triggered{background:#9333ea;border-color:#fff;transform:scale(1.05);box-shadow:0 0 50px #9333ea99}.rvs-tech-broadcast-icon{color:#fff;margin-bottom:.5rem}.rvs-tech-broadcast-label{font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em}.rvs-tech-broadcast-event{font-size:10px;color:#c084fc}.rvs-tech-broadcast-ring{position:absolute;width:128px;height:128px;border-radius:50%;border:1px solid #9333ea;z-index:10;animation:rvs-tech-ping 1s ease-out infinite}.rvs-tech-broadcast-ring-2{border-width:2px;border-color:#fff;animation:rvs-tech-ping 1.5s ease-out infinite}@keyframes rvs-tech-ping{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.rvs-tech-broadcast-listeners{display:grid;grid-template-columns:repeat(3,1fr);gap:6rem;margin-top:4rem;width:100%}.rvs-tech-broadcast-listener{display:flex;flex-direction:column;align-items:center;transition:all .5s ease;opacity:.5}.rvs-tech-broadcast-listener-active{opacity:1;transform:translateY(8px)}.rvs-tech-broadcast-listener-delay-1{transition-delay:.1s}.rvs-tech-broadcast-listener-delay-2{transition-delay:.2s}.rvs-tech-broadcast-listener-icon{padding:1rem;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:var(--bg-secondary);margin-bottom:.5rem;color:#52525b;transition:all .3s ease}.rvs-tech-broadcast-listener-icon-red{background:#7f1d1d80;border-color:#ef4444;color:#ef4444}.rvs-tech-broadcast-listener-icon-blue{background:#1e3a8a80;border-color:#3b82f6;color:#3b82f6}.rvs-tech-broadcast-listener-icon-yellow{background:#713f1280;border-color:#eab308;color:#eab308}.rvs-tech-broadcast-listener-label{font-size:.75rem;font-weight:700;color:var(--text-secondary)}.rvs-tech-broadcast-listener-action{font-size:10px;transition:color .3s ease;color:transparent}.rvs-tech-broadcast-listener-action-visible{color:inherit}.rvs-tech-broadcast-listener-icon-red+.rvs-tech-broadcast-listener-label+.rvs-tech-broadcast-listener-action-visible{color:#fca5a5}.rvs-tech-broadcast-listener-icon-blue+.rvs-tech-broadcast-listener-label+.rvs-tech-broadcast-listener-action-visible{color:#93c5fd}.rvs-tech-broadcast-listener-icon-yellow+.rvs-tech-broadcast-listener-label+.rvs-tech-broadcast-listener-action-visible{color:#fde047}.rvs-tech-json{margin:2.55rem auto;text-align:left}.rvs-tech-json-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;background:#27272a80;padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.rvs-tech-json-flow{display:flex;gap:.5rem;align-items:center;margin-top:1.5rem}.rvs-tech-json-flow-item{background:#00000080;padding:.75rem;border-radius:8px;font-size:.75rem;font-family:monospace;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.1)}.rvs-tech-json-flow-icon{color:#9333ea}.rvs-tech-json-flow-icon:last-child{color:#eab308}.rvs-tech-json-flow-arrow{color:#52525b;align-self:center}.rvs-tech-json-display{background:#000;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 25px -5px #0000004d;position:relative;overflow:hidden}.rvs-tech-json-file-label{position:absolute;top:0;right:0;background:#eab30833;color:#eab308;font-size:10px;font-weight:700;padding:.25rem .5rem;border-bottom-left-radius:8px}.rvs-tech-json-code{font-family:monospace;font-size:10px;color:var(--text-secondary);line-height:1.5;margin:0;white-space:pre-wrap}.rvs-tech-checklist{margin:2.55rem auto;text-align:left}.rvs-tech-checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.rvs-tech-checklist-card{background:#27272a80;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.rvs-tech-checklist-card-purple{border-color:#581c874d}.rvs-tech-checklist-card-red{border-color:#7f1d1d4d}.rvs-tech-checklist-card-title{font-size:1.125rem;font-weight:700;color:#a855f7;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.rvs-tech-checklist-card-title-red{color:#f87171}.rvs-tech-checklist-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0;margin:0}.rvs-tech-checklist-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--text-primary)}.rvs-tech-checklist-dot{width:6px;height:6px;background:#9333ea;border-radius:50%;margin-top:.5rem;flex-shrink:0}.rvs-tech-checklist-dot-red{background:#ef4444}.rvs-tech-architecture{margin:2.55rem auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:left}.rvs-tech-architecture-title{font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.rvs-tech-architecture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.rvs-tech-architecture-note{padding:1rem;border-radius:8px;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-start;gap:.75rem}.rvs-tech-architecture-icon{color:#9333ea;margin-top:.25rem;flex-shrink:0}.rvs-tech-architecture-note-title{font-weight:700;font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.rvs-tech-architecture-note-text{font-size:.75rem;color:var(--text-secondary)}@media(max-width:968px){.rvs-tech-header-close{top:1rem;right:1rem;width:40px;height:40px}.rvs-tech-header-close svg{width:20px;height:20px}.rvs-tech-header-content{grid-template-columns:1fr;min-height:auto;max-height:45vh}.rvs-tech-header-left{padding:1rem 2rem}.rvs-tech-header-title{font-size:clamp(1.5rem,5vw,2rem);line-height:1.1;margin-bottom:.75rem}.rvs-tech-header-tags{margin-top:.75rem;padding-bottom:1rem;gap:.35rem}.rvs-tech-header-tag{font-size:.65rem;padding:.25rem .5rem}.rvs-tech-header-image{height:180px;order:-1;min-height:150px}.rvs-tech-header-image:before{background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%)}.rvs-tech-section{padding:2rem 1.5rem}.rvs-tech-code-node-grid{grid-template-columns:1fr;gap:1.5rem}.rvs-tech-broadcast-listeners{grid-template-columns:1fr;gap:2rem}.rvs-tech-json-grid,.rvs-tech-checklist-grid{grid-template-columns:1fr;gap:1.5rem}.rvs-tech-architecture-grid{grid-template-columns:1fr}}@media(max-width:640px){.rvs-tech-header-close{top:.75rem;right:.75rem;width:36px;height:36px}.rvs-tech-header-close svg{width:18px;height:18px}.rvs-tech-header-content{max-height:42vh}.rvs-tech-header-left{padding:.75rem 1.5rem}.rvs-tech-header-title{font-size:clamp(1.25rem,6vw,1.75rem);line-height:1.1;margin-bottom:.75rem}.rvs-tech-header-category{font-size:.75rem;margin-bottom:.25rem}.rvs-tech-header-tags{margin-top:.75rem;padding-bottom:.75rem;gap:.3rem}.rvs-tech-header-tag{font-size:.6rem;padding:.2rem .45rem}.rvs-tech-header-image{height:140px;min-height:120px}.rvs-tech-section{padding:1.5rem 1rem}.rvs-tech-section-title{font-size:1.5rem}.rvs-tech-workflow-bar-container{height:32px}.rvs-tech-workflow-bar{height:24px;font-size:.625rem;padding:0 .5rem}.rvs-tech-broadcast-container{padding:2rem 1.5rem;min-height:300px}.rvs-tech-broadcast-button,.rvs-tech-broadcast-ring{width:96px;height:96px}.rvs-tech-code-node-display{min-height:250px;padding:1.5rem}.rvs-tech-node-box{width:72px;height:48px}.rvs-tech-node-connector{width:48px}}.rvs-tech-narrative{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}.rvs-tech-narrative-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0;opacity:.9;width:100%}@media(max-width:768px){.rvs-tech-narrative{padding:1.5rem 1rem}.rvs-tech-narrative-text{font-size:1rem;line-height:1.7}}.shader-technical-page{min-height:100vh;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-main);padding:0;width:100%}.shader-tech-header-section{width:100%;background:var(--bg-primary);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;padding-bottom:0}.shader-tech-header-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0;margin:0;z-index:10}.shader-tech-header-close:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.shader-tech-header-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr .4fr;gap:0;min-height:auto;position:relative;overflow:hidden}.shader-tech-header-left{padding:1.5rem 3rem 0;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;background:var(--bg-primary)}.shader-tech-header-category{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0;text-align:left}.shader-tech-header-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;text-align:left}.shader-tech-header-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;margin-bottom:0;padding-bottom:2.5rem;align-items:center}.shader-tech-header-tag{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.35rem .75rem;font-size:.75rem;color:var(--text-primary);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.shader-tech-header-tag:hover{background:#ffffff14;border-color:#ffffff1f}.shader-tech-header-tag svg{flex-shrink:0;opacity:.8;width:12px;height:12px}.shader-tech-header-image{width:100%;height:100%;min-height:120px;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px);opacity:.6;position:relative;overflow:hidden}.shader-tech-header-image:before{content:"";position:absolute;inset:0;background:linear-gradient(to left,var(--bg-primary) 0%,transparent 100%);z-index:1}.shader-tech-section{max-width:1200px;margin:0 auto;padding:2.55rem 2rem;text-align:left}.shader-tech-section-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;text-align:left}.shader-tech-section-description{color:var(--text-secondary);margin:0 0 2.55rem;line-height:1.6;text-align:left}.shader-tech-variant-explosion{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;text-align:left}.shader-tech-variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.shader-tech-variant-controls{display:flex;flex-direction:column;gap:1.5rem}.shader-tech-variant-control-item{display:flex;flex-direction:column;gap:.25rem}.shader-tech-variant-control-label{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.shader-tech-variant-count{color:var(--text-primary);font-weight:700}.shader-tech-range-input{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;appearance:none}.shader-tech-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#a855f7;cursor:pointer;border:2px solid var(--bg-primary)}.shader-tech-range-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#a855f7;cursor:pointer;border:2px solid var(--bg-primary)}.shader-tech-variant-visualizer{background:#000;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:400px}.shader-tech-variant-visualizer-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.shader-tech-variant-total{position:absolute;top:1rem;right:1rem;text-align:right;z-index:10}.shader-tech-variant-total-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-family:monospace}.shader-tech-variant-total-number{font-size:2.25rem;font-weight:900;line-height:1}.shader-tech-variant-total-safe{color:#4ade80}.shader-tech-variant-total-danger{color:#ef4444}.shader-tech-variant-bloat-warning{color:#f87171;font-size:.75rem;font-weight:700;margin-top:.25rem;animation:shader-tech-pulse 1s ease-in-out infinite}@keyframes shader-tech-pulse{0%,to{opacity:1}50%{opacity:.7}}.shader-tech-variant-stack{width:128px;border-radius:8px 8px 0 0;position:relative;transition:all .5s ease;border-top:4px solid;border-left:4px solid;border-right:4px solid}.shader-tech-variant-stack-safe{background:#14532d80;border-color:#4ade80}.shader-tech-variant-stack-danger{background:#7f1d1d80;border-color:#ef4444}.shader-tech-variant-particles{position:absolute;inset:0;overflow:hidden;opacity:.5}.shader-tech-variant-particle{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;animation:shader-tech-bounce 1s ease-in-out infinite}@keyframes shader-tech-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shader-tech-variant-label{color:var(--text-secondary);font-size:.75rem;margin-top:1rem}.shader-tech-stripping{margin:2.55rem auto;text-align:left}.shader-tech-stripping-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.shader-tech-stripping-settings{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #00000080}.shader-tech-stripping-settings-header{background:var(--bg-primary);padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--text-secondary)}.shader-tech-stripping-settings-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.shader-tech-stripping-toggle-item{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.shader-tech-toggle{width:48px;height:24px;border-radius:9999px;position:relative;cursor:pointer;border:none;padding:0;transition:all .3s ease}.shader-tech-toggle-on{background:#2563eb}.shader-tech-toggle-off{background:#fff3}.shader-tech-toggle-handle{position:absolute;top:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease}.shader-tech-toggle-handle-on{left:26px}.shader-tech-toggle-handle-off{left:2px}.shader-tech-stripping-result{background:#0a0a0acc;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.shader-tech-stripping-result-label{margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;font-family:monospace}.shader-tech-stripping-result-number{font-size:3rem;font-weight:900;color:var(--text-primary);margin-bottom:1.5rem}.shader-tech-stripping-progress-bar{width:100%;background:var(--bg-secondary);border-radius:9999px;height:16px;overflow:hidden;margin-bottom:.5rem}.shader-tech-stripping-progress-fill{height:100%;background:#ef4444;transition:width .3s ease}.shader-tech-stripping-saved{display:flex;align-items:center;gap:.5rem;color:#4ade80;font-size:.875rem;font-family:monospace}.shader-tech-warmup{margin:2.55rem auto;text-align:left}.shader-tech-warmup-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.shader-tech-warmup-graph{background:#000;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;height:256px;display:flex;align-items:flex-end;gap:2px}.shader-tech-warmup-bar{flex:1;min-width:4px;border-radius:4px 4px 0 0;transition:all .3s ease}.shader-tech-warmup-bar-good{background:#4ade80}.shader-tech-warmup-bar-bad{background:#ef4444}.shader-tech-warmup-loading{position:absolute;inset:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.shader-tech-warmup-loading-icon{color:#a855f7;animation:shader-tech-spin 1s linear infinite;margin-bottom:.5rem}@keyframes shader-tech-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shader-tech-warmup-loading-text{color:#c084fc;font-weight:700;font-size:.875rem}.shader-tech-warmup-stats{position:absolute;top:1rem;left:1rem;font-family:monospace;font-size:.75rem}.shader-tech-warmup-stats-good{color:#4ade80;font-weight:700}.shader-tech-warmup-stats-bad{color:#ef4444;font-weight:700}.shader-tech-warmup-stats-label{color:#fff6}.shader-tech-warmup-controls{display:flex;flex-direction:column;gap:1rem}.shader-tech-warmup-button{width:100%;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:left;transition:all .3s ease;cursor:pointer;background:var(--bg-secondary)}.shader-tech-warmup-button-inactive{opacity:.5}.shader-tech-warmup-button-active{background:#7f1d1d33;border-color:#ef4444}.shader-tech-warmup-button-active-warmed{background:#581c8733;border-color:#a855f7}.shader-tech-warmup-button-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.shader-tech-warmup-button-header span{font-weight:700;color:var(--text-primary)}.shader-tech-warmup-button p{font-size:.75rem;color:var(--text-secondary);margin:0}.shader-tech-results{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;text-align:left}.shader-tech-results-content{display:flex;flex-direction:column;gap:2rem}.shader-tech-results-metric{display:flex;flex-direction:column;gap:.5rem}.shader-tech-results-metric-label{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.shader-tech-results-bar-container{position:relative;height:32px;background:var(--bg-primary);border-radius:8px;overflow:visible;display:flex;align-items:center}.shader-tech-results-bar-full{height:100%;display:flex;align-items:center;padding-left:.75rem;font-size:.75rem;font-weight:700;color:#fff;white-space:nowrap;position:relative;z-index:1}.shader-tech-results-bar-before{background:#ef4444;width:100%}.shader-tech-results-bar-before-text{position:absolute;right:.75rem;color:#fff;font-weight:700;font-size:.75rem;white-space:nowrap;z-index:1;left:max(calc(6% + 1rem),160px)}.shader-tech-results-bar-after{position:absolute;top:0;left:0;height:100%;background:#4ade80;display:flex;align-items:center;justify-content:flex-start;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;font-weight:700;color:#000;transition:all 1s ease-out;border-right:4px solid #000;overflow:hidden;z-index:2;box-sizing:border-box}.shader-tech-results-bar-after-visible{width:max(6%,150px)}.shader-tech-results-bar-after-text{color:#000;font-weight:700;font-size:.75rem;white-space:nowrap;position:relative;z-index:3;line-height:1;pointer-events:none}.shader-tech-results-bar-container:nth-child(2) .shader-tech-results-bar-after-visible{width:8%}.shader-tech-results-bar-label{position:absolute;left:calc(6% + 120px);font-size:.75rem;color:#4ade80;font-weight:700;z-index:1;white-space:nowrap}.shader-tech-results-metric:nth-child(2) .shader-tech-results-bar-label{left:calc(8% + 120px);color:#fff}.shader-tech-checklist-section{margin:2.55rem auto;text-align:left}.shader-tech-checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.shader-tech-checklist-card{background:#27272a80;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.shader-tech-checklist-card-good{border-color:#14532d4d}.shader-tech-checklist-card-bad{border-color:#7f1d1d4d}.shader-tech-checklist-card-title{font-size:1.125rem;font-weight:700;color:#4ade80;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.shader-tech-checklist-card-title-bad{color:#ef4444}.shader-tech-checklist-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0;margin:0}.shader-tech-checklist-item{display:flex;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.shader-tech-checklist-item code{background:#ffffff1a;padding:.125rem .25rem;border-radius:4px;font-family:monospace;font-size:.875em}.shader-tech-checklist-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;margin-top:.375rem;flex-shrink:0}.shader-tech-checklist-dot-bad{background:#ef4444}@media(max-width:968px){.shader-tech-header-close{top:1rem;right:1rem;width:40px;height:40px}.shader-tech-header-close svg{width:20px;height:20px}.shader-tech-header-content{grid-template-columns:1fr;min-height:auto;max-height:45vh}.shader-tech-header-left{padding:1rem 2rem}.shader-tech-header-title{font-size:clamp(1.5rem,5vw,2rem);line-height:1.1;margin-bottom:.75rem}.shader-tech-header-tags{margin-top:.75rem;padding-bottom:1rem;gap:.35rem}.shader-tech-header-tag{font-size:.65rem;padding:.25rem .5rem}.shader-tech-header-image{height:180px;order:-1;min-height:150px}.shader-tech-header-image:before{background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%)}.shader-tech-section{padding:2rem 1.5rem}.shader-tech-variant-grid{grid-template-columns:1fr;gap:2rem}.shader-tech-stripping-grid,.shader-tech-warmup-grid,.shader-tech-checklist-grid{grid-template-columns:1fr}}@media(max-width:640px){.shader-tech-header-close{top:.75rem;right:.75rem;width:36px;height:36px}.shader-tech-header-close svg{width:18px;height:18px}.shader-tech-header-content{max-height:47vh}.shader-tech-header-left{padding:.75rem 1.5rem}.shader-tech-header-title{font-size:clamp(1.25rem,6vw,1.75rem);line-height:1.1;margin-bottom:.75rem}.shader-tech-header-category{font-size:.75rem;margin-bottom:.25rem}.shader-tech-header-tags{margin-top:.75rem;padding-bottom:.75rem;gap:.3rem}.shader-tech-header-tag{font-size:.6rem;padding:.2rem .45rem}.shader-tech-header-image{height:140px;min-height:120px}.shader-tech-section{padding:1.5rem 1rem}.shader-tech-section-title{font-size:1.5rem}.shader-tech-variant-visualizer{height:300px}.shader-tech-warmup-graph{height:200px}}.shader-tech-narrative{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}.shader-tech-narrative-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0;opacity:.9;width:100%}@media(max-width:768px){.shader-tech-narrative{padding:1.5rem 1rem}.shader-tech-narrative-text{font-size:1rem;line-height:1.7}}.mp-sdk-technical-page{min-height:100vh;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-main);padding:0;width:100%}.mp-sdk-tech-header-section{width:100%;background:var(--bg-primary);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;padding-bottom:0}.mp-sdk-tech-header-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0;margin:0;z-index:10}.mp-sdk-tech-header-close:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.mp-sdk-tech-header-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr .4fr;gap:0;min-height:auto;position:relative;overflow:hidden}.mp-sdk-tech-header-left{padding:1.5rem 3rem 0;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;background:var(--bg-primary)}.mp-sdk-tech-header-category{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0;text-align:left}.mp-sdk-tech-header-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;text-align:left}.mp-sdk-tech-header-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;margin-bottom:0;padding-bottom:2.5rem;align-items:center}.mp-sdk-tech-header-tag{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.35rem .75rem;font-size:.75rem;color:var(--text-primary);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.mp-sdk-tech-header-tag:hover{background:#ffffff14;border-color:#ffffff1f}.mp-sdk-tech-tag-icon{flex-shrink:0;opacity:.8;width:12px;height:12px}.mp-sdk-tech-header-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px);opacity:.6;position:relative;overflow:hidden}.mp-sdk-tech-header-image:before{content:"";position:absolute;inset:0;background:linear-gradient(to left,var(--bg-primary) 0%,transparent 100%);z-index:1}.mp-sdk-tech-section{max-width:1200px;margin:0 auto;padding:2.55rem 2rem;text-align:left}.mp-sdk-tech-section-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;text-align:left}.mp-sdk-tech-section-description{color:var(--text-secondary);margin:0 0 2.55rem;line-height:1.6;text-align:left}.mp-sdk-tech-coupling{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;text-align:left}.mp-sdk-tech-coupling-buttons{display:flex;gap:1rem;margin-bottom:2rem}.mp-sdk-tech-coupling-button{flex:1;padding:1rem;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:var(--bg-primary);text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.mp-sdk-tech-coupling-button:hover{border-color:#fff3}.mp-sdk-tech-coupling-button-active{border-color:#4ade80;background:#14532d1a}.mp-sdk-tech-coupling-button:first-child.mp-sdk-tech-coupling-button-active{border-color:#ef4444;background:#7f1d1d1a}.mp-sdk-tech-coupling-button-title{font-weight:700;color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem}.mp-sdk-tech-coupling-button-desc{font-size:.75rem;color:var(--text-secondary)}.mp-sdk-tech-coupling-visualizer{background:#000;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;position:relative;overflow:hidden}.mp-sdk-tech-coupling-game-logic{position:relative;z-index:10;background:#2563eb;width:12rem;padding:1rem;border-radius:8px;text-align:center;font-weight:700;color:#fff;box-shadow:0 10px 25px #0000004d;margin-bottom:2rem}.mp-sdk-tech-coupling-game-logic-code{font-size:.75rem;font-family:monospace;font-weight:400;opacity:.8;margin-top:.25rem}.mp-sdk-tech-coupling-connector{height:3rem;width:2px;transition:all .3s ease}.mp-sdk-tech-coupling-connector-red{background:#ef4444}.mp-sdk-tech-coupling-connector-green{background:#4ade80}.mp-sdk-tech-coupling-switcher{position:relative;z-index:10;display:flex;align-items:center;gap:1rem;margin:1rem 0}.mp-sdk-tech-coupling-switcher-button{padding:.5rem 1rem;border-radius:4px;font-size:.75rem;font-weight:700;transition:all .3s ease;background:#27272a;color:var(--text-secondary);border:none;cursor:pointer}.mp-sdk-tech-coupling-switcher-button-active{background:#e4e4e7;color:#000}.mp-sdk-tech-coupling-switcher-icon{color:var(--text-secondary);display:flex;align-items:center}.mp-sdk-tech-coupling-status{margin-top:.5rem;font-size:.75rem;font-family:monospace;color:var(--text-secondary);transition:color .3s ease}.mp-sdk-tech-coupling-status-success{color:#4ade80}.mp-sdk-tech-coupling-error-overlay{position:absolute;inset:0;background:#7f1d1dcc;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:20;animation:mp-sdk-tech-fade-in .3s ease}@keyframes mp-sdk-tech-fade-in{0%{opacity:0}to{opacity:1}}.mp-sdk-tech-coupling-error-box{background:#000;padding:1.5rem;border-radius:12px;border:1px solid #ef4444;text-align:center}.mp-sdk-tech-coupling-error-title{color:#ef4444;font-weight:700;font-size:1.25rem;margin-bottom:.5rem}.mp-sdk-tech-coupling-error-list{color:var(--text-secondary);font-size:.75rem;font-family:monospace;text-align:left}.mp-sdk-tech-coupling-error-time{margin-top:1rem;color:#fff;font-size:.875rem;background:#dc2626;padding:.25rem .75rem;border-radius:4px}.mp-sdk-tech-coupling-abstraction-layer{position:absolute;top:45%;width:16rem;height:3rem;background:#14532d80;border:1px solid #4ade80;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#86efac;font-size:.75rem;font-family:monospace;letter-spacing:.1em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mp-sdk-tech-architecture{margin:2.55rem auto;text-align:left}.mp-sdk-tech-architecture-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.mp-sdk-tech-architecture-text{display:flex;flex-direction:column;gap:1.5rem}.mp-sdk-tech-architecture-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.mp-sdk-tech-architecture-item{display:flex;gap:.75rem;align-items:flex-start}.mp-sdk-tech-architecture-icon{padding:.5rem;border-radius:8px;flex-shrink:0}.mp-sdk-tech-architecture-icon-blue{background:#1e3a8a4d;color:#60a5fa}.mp-sdk-tech-architecture-icon-purple{background:#581c874d;color:#a78bfa}.mp-sdk-tech-architecture-icon-orange{background:#9a34124d;color:#fb923c}.mp-sdk-tech-architecture-item-title{color:var(--text-primary);font-weight:700;font-size:.875rem}.mp-sdk-tech-architecture-item-desc{font-size:.75rem;color:var(--text-secondary)}.mp-sdk-tech-architecture-diagram{background:var(--bg-primary);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);position:relative;display:flex;flex-direction:column;gap:1rem}.mp-sdk-tech-architecture-diagram-item{padding:1rem;border-radius:8px;text-align:center;font-size:.75rem;font-family:monospace}.mp-sdk-tech-architecture-diagram-game{border:2px dashed rgba(255,255,255,.3);color:var(--text-secondary)}.mp-sdk-tech-architecture-diagram-interfaces{background:#14532d33;border:1px solid #4ade80;color:#86efac;font-weight:700;box-shadow:0 0 20px #22c55e1a}.mp-sdk-tech-architecture-diagram-arrow{display:flex;justify-content:center}.mp-sdk-tech-architecture-arrow-icon{color:var(--text-secondary);transform:rotate(90deg);width:16px;height:16px}.mp-sdk-tech-architecture-diagram-impls{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mp-sdk-tech-architecture-diagram-impl{padding:.5rem;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:center;font-size:.625rem;color:var(--text-secondary)}.mp-sdk-tech-orm{margin:2.55rem auto;background:linear-gradient(to bottom right,var(--bg-secondary),#000);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-align:left}.mp-sdk-tech-orm-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.mp-sdk-tech-orm-text{display:flex;flex-direction:column;gap:1.5rem}.mp-sdk-tech-orm-comparison{display:flex;align-items:center;gap:1rem;font-size:.875rem;font-weight:700;color:var(--text-primary);background:var(--bg-secondary);padding:1rem;border-radius:8px}.mp-sdk-tech-orm-icon-blue{color:#3b82f6}.mp-sdk-tech-orm-icon-green{color:#4ade80}.mp-sdk-tech-orm-arrow{color:var(--text-secondary)}.mp-sdk-tech-orm-code{background:var(--bg-primary);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-family:monospace;font-size:.75rem}.mp-sdk-tech-orm-code-block{margin-bottom:1rem}.mp-sdk-tech-orm-code-comment{color:#60a5fa}.mp-sdk-tech-orm-code-keyword{color:#a78bfa}.mp-sdk-tech-orm-code-note{color:var(--text-secondary)}.mp-sdk-tech-orm-code-divider{height:1px;background:#ffffff1a;width:100%;margin:1rem 0}.mp-sdk-tech-switcher{margin:2.55rem auto;text-align:left}.mp-sdk-tech-switcher-container{background:#000;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column}@media(min-width:768px){.mp-sdk-tech-switcher-container{flex-direction:row}}.mp-sdk-tech-switcher-controls{width:100%;background:var(--bg-secondary);padding:1.5rem;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.mp-sdk-tech-switcher-controls{width:33.333%}}.mp-sdk-tech-switcher-control-group{display:flex;flex-direction:column;gap:.5rem}.mp-sdk-tech-switcher-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem}.mp-sdk-tech-switcher-buttons{display:flex;flex-direction:column;gap:.5rem}.mp-sdk-tech-switcher-sdk-button{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-size:.875rem;transition:all .3s ease;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer}.mp-sdk-tech-switcher-sdk-button:hover{background:#27272acc}.mp-sdk-tech-switcher-sdk-button-active{background:#2563eb;border-color:#3b82f6;color:#fff}.mp-sdk-tech-switcher-action-button{width:100%;padding:1rem;background:#16a34a;color:#fff;font-weight:700;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease;border:none;cursor:pointer}.mp-sdk-tech-switcher-action-button:hover{background:#22c55e}.mp-sdk-tech-switcher-action-button:active{transform:translateY(1px)}.mp-sdk-tech-switcher-action-hint{font-size:.625rem;color:var(--text-secondary);margin-top:.5rem;text-align:center}.mp-sdk-tech-switcher-console{flex:1;background:#000;padding:1.5rem;font-family:monospace;font-size:.875rem;position:relative}.mp-sdk-tech-switcher-console-header{position:absolute;top:0;right:0;padding:.5rem;background:var(--bg-secondary);border-bottom-left-radius:8px;font-size:.625rem;color:var(--text-secondary)}.mp-sdk-tech-switcher-console-logs{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.mp-sdk-tech-switcher-console-empty{color:var(--text-secondary);opacity:.5}.mp-sdk-tech-switcher-console-log{color:#86efac;border-left:2px solid rgba(20,83,45,1);padding-left:.5rem}.mp-sdk-tech-files{margin:2.55rem auto;text-align:left}.mp-sdk-tech-files-container{background:var(--bg-primary);padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);max-width:32rem;margin:0 auto;font-family:monospace;font-size:.875rem}.mp-sdk-tech-files-item{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);margin-bottom:.5rem}.mp-sdk-tech-files-item-white{color:var(--text-primary)}.mp-sdk-tech-files-item-gray{color:var(--text-secondary);margin-top:.5rem}.mp-sdk-tech-files-icon-yellow{color:#eab308}.mp-sdk-tech-files-icon-blue{color:#3b82f6}.mp-sdk-tech-files-icon-green{color:#4ade80}.mp-sdk-tech-files-icon-gray{color:var(--text-secondary)}.mp-sdk-tech-files-icon-purple{color:#a855f7}.mp-sdk-tech-files-nested{padding-left:1.5rem;display:flex;flex-direction:column;gap:.5rem}.mp-sdk-tech-files-nested-border{border-left:1px solid rgba(255,255,255,.1);margin-left:.5rem;margin-top:.25rem}.mp-sdk-tech-files-group{margin-bottom:.5rem}.mp-sdk-tech-files-file{padding-left:1.5rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.mp-sdk-tech-files-file-white{color:var(--text-primary)}.mp-sdk-tech-files-comment{color:var(--text-secondary);font-size:.75rem;margin-left:.5rem}.mp-sdk-tech-files-badge{font-size:.75rem;color:#4ade80;margin-top:.25rem;background:#14532d33;display:inline-block;padding:.25rem .5rem;border-radius:4px}.mp-sdk-tech-footer{max-width:1200px;margin:2.55rem auto;padding:2.55rem 2rem;border-top:1px solid rgba(255,255,255,.1);text-align:left}.mp-sdk-tech-footer-title{color:var(--text-primary);font-weight:700;margin-bottom:1.5rem}.mp-sdk-tech-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.mp-sdk-tech-footer-card{padding:1.5rem;border-radius:8px;background:var(--bg-secondary)}.mp-sdk-tech-footer-card-good{border:1px solid rgba(20,83,45,.3)}.mp-sdk-tech-footer-card-bad{border:1px solid rgba(127,29,29,.3)}.mp-sdk-tech-footer-card-title{font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.mp-sdk-tech-footer-card-title-good{color:#4ade80}.mp-sdk-tech-footer-card-title-bad{color:#ef4444}.mp-sdk-tech-footer-card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}@media(max-width:968px){.mp-sdk-tech-header-section{display:flex;flex-direction:column}.mp-sdk-tech-header-close{top:1rem;right:1rem;width:40px;height:40px}.mp-sdk-tech-header-close svg{width:20px;height:20px}.mp-sdk-tech-header-content{grid-template-columns:1fr;min-height:auto;max-height:45vh;flex-grow:1}.mp-sdk-tech-header-left{padding:1rem 2rem}.mp-sdk-tech-header-title{font-size:clamp(1.5rem,5vw,2rem);line-height:1.1;margin-bottom:.75rem}.mp-sdk-tech-header-tags{margin-top:.75rem;padding-bottom:1rem;gap:.35rem}.mp-sdk-tech-header-tag{font-size:.65rem;padding:.25rem .5rem}.mp-sdk-tech-header-image{height:180px;order:-1;min-height:150px}.mp-sdk-tech-header-image:before{background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%)}.mp-sdk-tech-section{padding:2rem 1.5rem}.mp-sdk-tech-architecture-content,.mp-sdk-tech-orm-content{grid-template-columns:1fr;gap:2rem}.mp-sdk-tech-footer-grid{grid-template-columns:1fr}}@media(max-width:640px){.mp-sdk-tech-header-close{top:.75rem;right:.75rem;width:36px;height:36px}.mp-sdk-tech-header-close svg{width:18px;height:18px}.mp-sdk-tech-header-content{max-height:42vh}.mp-sdk-tech-header-left{padding:.75rem 1.5rem}.mp-sdk-tech-header-title{font-size:clamp(1.25rem,6vw,1.75rem);line-height:1.1;margin-bottom:.75rem}.mp-sdk-tech-header-category{font-size:.75rem;margin-bottom:.25rem}.mp-sdk-tech-header-tags{margin-top:.75rem;padding-bottom:.75rem;gap:.3rem}.mp-sdk-tech-header-tag{font-size:.6rem;padding:.2rem .45rem}.mp-sdk-tech-header-image{height:140px;min-height:120px}.mp-sdk-tech-section{padding:1.5rem 1rem}.mp-sdk-tech-section-title{font-size:1.5rem}.mp-sdk-tech-coupling-buttons{flex-direction:column}.mp-sdk-tech-coupling-visualizer{min-height:250px;padding:1.5rem}.mp-sdk-tech-coupling-game-logic{width:10rem;padding:.75rem;font-size:.875rem}.mp-sdk-tech-switcher-controls{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}.mp-sdk-tech-narrative{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}.mp-sdk-tech-narrative-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0;opacity:.9;width:100%}@media(max-width:768px){.mp-sdk-tech-narrative{padding:1.5rem 1rem}.mp-sdk-tech-narrative-text{font-size:1rem;line-height:1.7}}.uaal-technical-page{min-height:100vh;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-main);padding:0;width:100%}.uaal-tech-header-section{width:100%;background:var(--bg-primary);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;padding-bottom:0}.uaal-tech-header-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0;margin:0;z-index:10}.uaal-tech-header-close:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.uaal-tech-header-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr .4fr;gap:0;min-height:auto;position:relative;overflow:hidden}.uaal-tech-header-left{padding:1.5rem 3rem 0;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;background:var(--bg-primary)}.uaal-tech-header-category{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0;text-align:left}.uaal-tech-header-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;text-align:left}.uaal-tech-header-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;margin-bottom:0;padding-bottom:2.5rem;align-items:center}.uaal-tech-header-tag{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.35rem .75rem;font-size:.75rem;color:var(--text-primary);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.uaal-tech-header-tag:hover{background:#ffffff14;border-color:#ffffff1f}.uaal-tech-tag-icon{flex-shrink:0;opacity:.8;width:12px;height:12px}.uaal-tech-header-image{width:100%;height:100%;min-height:120px;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px);opacity:.6;position:relative;overflow:hidden}.uaal-tech-header-image:before{content:"";position:absolute;inset:0;background:linear-gradient(to left,var(--bg-primary) 0%,transparent 100%);z-index:1}.uaal-tech-section{max-width:1200px;margin:0 auto;padding:2.55rem 2rem;text-align:left}.uaal-tech-section-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;text-align:left}.uaal-tech-section-description{color:var(--text-secondary);margin:0 0 2.55rem;line-height:1.6;text-align:left}.uaal-tech-architecture{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2.55rem auto;text-align:left}.uaal-tech-mode-selector{display:flex;gap:1rem;margin-bottom:2rem}.uaal-tech-mode-button{flex:1;padding:1rem;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:var(--bg-primary);text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.uaal-tech-mode-button:hover{border-color:#fff3;background:#27272a80}.uaal-tech-mode-active{border-color:#3b82f680;background:#3b82f61a}.uaal-tech-mode-uaal{border-color:#3b82f6;background:#3b82f61a}.uaal-tech-mode-title{font-weight:700;color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.uaal-tech-mode-desc{font-size:.75rem;color:var(--text-secondary)}.uaal-tech-diagram-container{position:relative;height:256px;background:#000;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}.uaal-tech-diagram-visual{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);transition:all .5s cubic-bezier(.4,0,.2,1)}.uaal-tech-diagram-visible{opacity:1;transform:scale(1)}.uaal-tech-phone-mockup{width:192px;height:224px;border-radius:12px;border:4px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative;box-shadow:0 20px 50px #00000080}.uaal-tech-phone-standalone{background:var(--bg-secondary);border-color:#ffffff4d}.uaal-tech-phone-uaal{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 0 30px #3b82f64d}.uaal-tech-phone-notch{position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:48px;height:4px;background:#ffffff4d;border-radius:9999px}.uaal-tech-phone-notch-blue{background:#3b82f680}.uaal-tech-unity-icon{color:var(--text-primary);margin-bottom:.5rem}.uaal-tech-unity-label{color:var(--text-secondary);font-size:.625rem;font-weight:700;text-transform:uppercase}.uaal-tech-ui-mock{margin-top:1rem;width:100%;height:32px;background:var(--bg-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.625rem;color:var(--text-secondary)}.uaal-tech-native-header{height:48px;border-bottom:1px solid rgba(59,130,246,.3);display:flex;align-items:center;padding:0 1rem;width:100%}.uaal-tech-native-dot{width:16px;height:16px;border-radius:50%;background:#3b82f6}.uaal-tech-native-label{margin-left:.5rem;color:#3b82f6;font-size:.625rem;font-weight:700}.uaal-tech-unity-view{flex:1;background:#000;margin:.5rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;width:calc(100% - 1rem)}.uaal-tech-unity-view-icon{color:#ffffff4d;z-index:10}.uaal-tech-unity-view-label{position:absolute;bottom:.25rem;right:.5rem;font-size:.5rem;color:#fff3;font-family:monospace}.uaal-tech-unity-grid{position:absolute;inset:0;opacity:.1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.uaal-tech-grid-cell{border:1px solid rgba(255,255,255,.2)}.uaal-tech-native-footer{height:48px;border-top:1px solid rgba(59,130,246,.3);display:flex;justify-content:space-around;align-items:center;padding:0 .5rem;width:100%}.uaal-tech-footer-bar{width:32px;height:8px;background:#3b82f633;border-radius:4px}.uaal-tech-footer-bar-active{background:#3b82f680}.uaal-tech-simulator{margin:2.55rem auto;text-align:left}.uaal-tech-simulator-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.uaal-tech-controls{display:flex;flex-direction:column;gap:1rem}.uaal-tech-control-panel{background:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.uaal-tech-control-label{font-size:.75rem;font-weight:700;color:#3b82f6;display:block;margin-bottom:.5rem}.uaal-tech-color-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.uaal-tech-color-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.uaal-tech-color-btn:hover{border-color:#ffffff80;transform:scale(1.1)}.uaal-tech-color-red{background:#ef4444}.uaal-tech-color-blue{background:#3b82f6}.uaal-tech-color-yellow{background:#eab308}.uaal-tech-color-white{background:#fff}.uaal-tech-action-buttons{display:flex;gap:.5rem}.uaal-tech-action-btn{padding:.5rem 1rem;background:var(--bg-primary);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-primary);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease}.uaal-tech-action-btn:hover{background:#27272acc}.uaal-tech-log{font-family:monospace;font-size:.75rem;background:#000;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);height:128px;overflow:hidden;position:relative}.uaal-tech-log-header{position:absolute;top:.5rem;right:.5rem;color:var(--text-secondary);font-size:.625rem}.uaal-tech-log-content{margin-top:2rem;display:flex;flex-direction:column;gap:.25rem}.uaal-tech-log-line{color:#4ade80}.uaal-tech-phone-simulator{position:relative;margin:0 auto;border:8px solid var(--bg-secondary);border-radius:2.5rem;height:500px;width:280px;background:#fff;overflow:hidden;box-shadow:0 20px 50px #00000080}.uaal-tech-status-bar{height:24px;background:#2563eb;width:100%;display:flex;justify-content:space-between;padding:0 1rem;align-items:center}.uaal-tech-status-indicator{width:40px;height:8px;background:#fff3;border-radius:4px}.uaal-tech-status-icons{display:flex;gap:.25rem;color:#fff}.uaal-tech-app-header{height:56px;background:#2563eb;width:100%;display:flex;align-items:center;padding:0 1rem;box-shadow:0 2px 4px #0000001a;z-index:10;position:relative}.uaal-tech-app-title{color:#fff;font-weight:700}.uaal-tech-app-content{height:calc(100% - 80px);overflow-y:auto;padding-bottom:5rem;background:#fafafa}.uaal-tech-app-inner{padding:1rem}.uaal-tech-product-title{font-size:1.5rem;font-weight:700;color:var(--bg-primary);margin-bottom:.25rem}.uaal-tech-product-subtitle{color:#00000080;font-size:.875rem;margin-bottom:1rem}.uaal-tech-unity-container{height:256px;background:var(--bg-secondary);border-radius:1rem;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a;border:1px solid rgba(0,0,0,.1)}.uaal-tech-unity-badge{position:absolute;top:.5rem;left:.5rem;background:#00000080;color:#fff;font-size:.5rem;padding:.25rem .5rem;border-radius:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10;font-family:monospace}.uaal-tech-3d-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1000px}.uaal-tech-3d-box{width:96px;height:96px;border:4px solid rgba(255,255,255,.2);box-shadow:0 20px 50px #00000080;transition:all .5s cubic-bezier(.4,0,.2,1);transform:rotateX(20deg) rotateY(20deg)}.uaal-tech-3d-rotating{animation:uaal-tech-spin 3s linear infinite}.uaal-tech-3d-scaling{animation:uaal-tech-bounce 1s ease-in-out infinite}@keyframes uaal-tech-spin{0%{transform:rotateX(20deg) rotateY(20deg) rotate(0)}to{transform:rotateX(20deg) rotateY(20deg) rotate(360deg)}}@keyframes uaal-tech-bounce{0%,to{transform:rotateX(20deg) rotateY(20deg) scale(1)}50%{transform:rotateX(20deg) rotateY(20deg) scale(1.2)}}.uaal-tech-3d-box-inner{width:100%;height:100%;border-top:4px solid rgba(255,255,255,.1);border-left:4px solid rgba(255,255,255,.1)}.uaal-tech-product-desc{margin-top:1.5rem;color:#0009;font-size:.875rem;line-height:1.6}.uaal-tech-add-cart-btn{width:100%;background:#2563eb;color:#fff;font-weight:700;padding:.75rem;border-radius:.75rem;margin-top:1.5rem;cursor:pointer;transition:transform .2s ease;border:none}.uaal-tech-add-cart-btn:active{transform:scale(.95)}.uaal-tech-message-stack{margin:2.55rem auto;text-align:left}.uaal-tech-stack-container{background:var(--bg-primary);padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);position:relative}.uaal-tech-stack-flow{display:flex;flex-direction:column;gap:1rem;align-items:center;position:relative;z-index:10}@media(min-width:768px){.uaal-tech-stack-flow{flex-direction:row;justify-content:space-between}}.uaal-tech-stack-card{width:100%;padding:1rem;border-radius:8px;text-align:center}@media(min-width:768px){.uaal-tech-stack-card{width:25%}}.uaal-tech-stack-flutter{background:#3b82f61a;border:1px solid #3b82f6}.uaal-tech-stack-bridge{background:#9333ea1a;border:1px solid #9333ea}.uaal-tech-stack-unity{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.2)}.uaal-tech-stack-card-title{color:var(--text-primary);font-weight:700;margin-bottom:.5rem;font-size:1rem}.uaal-tech-stack-flutter .uaal-tech-stack-card-title{color:#3b82f6}.uaal-tech-stack-bridge .uaal-tech-stack-card-title{color:#9333ea}.uaal-tech-stack-bridge-desc{font-size:.625rem;color:var(--text-secondary);margin-bottom:.25rem}.uaal-tech-stack-code{background:#00000080;padding:.5rem;border-radius:4px;font-size:.625rem;font-family:monospace;color:#fffc;line-height:1.4}.uaal-tech-stack-arrow{color:var(--text-secondary);flex-shrink:0}.uaal-tech-stack-arrow-horizontal{display:none}.uaal-tech-stack-arrow-vertical{transform:rotate(90deg);display:block}@media(min-width:768px){.uaal-tech-stack-arrow-horizontal{display:block}.uaal-tech-stack-arrow-vertical{display:none;transform:none}}.uaal-tech-stack-latency{position:absolute;top:.5rem;left:.5rem;font-size:.625rem;color:var(--text-secondary);font-family:monospace;text-transform:uppercase}.uaal-tech-lifecycle{margin:2.55rem auto;text-align:left;background:#27272a4d;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.uaal-tech-lifecycle-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.uaal-tech-lifecycle-controls{display:flex;flex-direction:column;gap:1rem}.uaal-tech-lifecycle-buttons{display:flex;gap:1rem}.uaal-tech-lifecycle-btn{flex:1;padding:.75rem;border-radius:8px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border:none}.uaal-tech-lifecycle-btn-load{background:#4ade80;color:#fff}.uaal-tech-lifecycle-btn-load:hover{background:#22c55e}.uaal-tech-lifecycle-btn-unload{background:#ef444480;color:#fca5a5;border:1px solid #ef4444}.uaal-tech-lifecycle-btn-unload:hover{background:#ef4444b3}.uaal-tech-lifecycle-btn-pause{background:#eab308;color:#fff}.uaal-tech-lifecycle-btn-pause:hover{background:#ca8a04}.uaal-tech-lifecycle-btn-resume{background:#22c55e80;color:#86efac;border:1px solid #4ade80}.uaal-tech-lifecycle-btn-resume:hover{background:#22c55eb3}.uaal-tech-lifecycle-btn-disabled{opacity:.3;cursor:not-allowed;background:var(--bg-secondary)}.uaal-tech-lifecycle-log{background:#000;padding:1rem;border-radius:8px;font-family:monospace;font-size:.75rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem}.uaal-tech-lifecycle-log-unity{color:#fca5a5}.uaal-tech-lifecycle-log-off{color:#ffffff4d}.uaal-tech-lifecycle-log-running{color:#4ade80}.uaal-tech-lifecycle-log-paused{color:#eab308}.uaal-tech-lifecycle-visualizer{display:flex;align-items:center;justify-content:center;position:relative}.uaal-tech-lifecycle-phone{width:192px;height:256px;background:#fff;border-radius:12px;border:4px solid rgba(255,255,255,.2);position:relative;overflow:hidden;display:flex;flex-direction:column}.uaal-tech-lifecycle-phone-content{height:100%;width:100%;background:#f0f0f0;padding:1rem}.uaal-tech-lifecycle-placeholder{width:100%;height:16px;background:#0000001a;border-radius:4px;margin-bottom:.5rem}.uaal-tech-lifecycle-placeholder-small{width:66.67%}.uaal-tech-lifecycle-unity-view{width:100%;height:128px;border-radius:8px;border:2px dashed rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:transparent;margin-top:1rem}.uaal-tech-lifecycle-unity-view-loaded{background:#000;border:2px solid #000;border-style:solid}.uaal-tech-lifecycle-placeholder-text{font-size:.75rem;color:#0000004d}.uaal-tech-lifecycle-unity-icon{color:#fff;transition:all .3s ease}.uaal-tech-lifecycle-unity-paused{opacity:.5}.uaal-tech-lifecycle-unity-icon{animation:uaal-tech-spin 4s linear infinite}.uaal-tech-lifecycle-pause-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff}.uaal-tech-checklist{margin:2.55rem auto;text-align:left}.uaal-tech-checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.uaal-tech-checklist-card{padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#27272a80}.uaal-tech-checklist-good{border-color:#22c55e4d}.uaal-tech-checklist-bad{border-color:#ef44444d}.uaal-tech-checklist-title{font-size:1.125rem;font-weight:700;color:#4ade80;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.uaal-tech-checklist-title-bad{color:#ef4444}.uaal-tech-checklist-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0;margin:0}.uaal-tech-checklist-item{display:flex;gap:.5rem;font-size:.875rem;color:#fffc}.uaal-tech-checklist-dot{width:6px;height:6px;border-radius:50%;margin-top:.375rem;flex-shrink:0}.uaal-tech-checklist-dot-good{background:#4ade80}.uaal-tech-checklist-dot-bad{background:#ef4444}@media(max-width:968px){.uaal-tech-header-close{top:1rem;right:1rem;width:40px;height:40px}.uaal-tech-header-close svg{width:20px;height:20px}.uaal-tech-header-content{grid-template-columns:1fr;min-height:auto;max-height:45vh}.uaal-tech-header-left{padding:1rem 2rem}.uaal-tech-header-title{font-size:clamp(1.5rem,5vw,2rem);line-height:1.1;margin-bottom:.75rem}.uaal-tech-header-tags{margin-top:.75rem;padding-bottom:1rem;gap:.35rem}.uaal-tech-header-tag{font-size:.65rem;padding:.25rem .5rem}.uaal-tech-header-image{height:180px;order:-1;min-height:150px}.uaal-tech-header-image:before{background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%)}.uaal-tech-section{padding:2rem 1.5rem}.uaal-tech-mode-selector{flex-direction:column}.uaal-tech-simulator-grid,.uaal-tech-lifecycle-grid{grid-template-columns:1fr;gap:2rem}.uaal-tech-checklist-grid{grid-template-columns:1fr}}@media(max-width:640px){.uaal-tech-header-close{top:.75rem;right:.75rem;width:36px;height:36px}.uaal-tech-header-close svg{width:18px;height:18px}.uaal-tech-header-content{max-height:42vh}.uaal-tech-header-left{padding:.75rem 1.5rem}.uaal-tech-header-title{font-size:clamp(1.25rem,6vw,1.75rem);line-height:1.1;margin-bottom:.75rem}.uaal-tech-header-category{font-size:.75rem;margin-bottom:.25rem}.uaal-tech-header-tags{margin-top:.75rem;padding-bottom:.75rem;gap:.3rem}.uaal-tech-header-tag{font-size:.6rem;padding:.2rem .45rem}.uaal-tech-header-image{height:140px;min-height:120px}.uaal-tech-section{padding:1.5rem 1rem}.uaal-tech-section-title{font-size:1.5rem}.uaal-tech-diagram-container{height:200px}.uaal-tech-phone-mockup{width:160px;height:186px}.uaal-tech-phone-simulator{width:240px;height:420px}.uaal-tech-lifecycle-phone{width:160px;height:213px}}.uaal-tech-narrative{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}.uaal-tech-narrative-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0;opacity:.9;width:100%}@media(max-width:768px){.uaal-tech-narrative{padding:1.5rem 1rem}.uaal-tech-narrative-text{font-size:1rem;line-height:1.7}}.technical-section{background:var(--bg-primary);position:relative;z-index:1;padding:4rem 2rem;width:100%}.technical-section-container{max-width:1400px;margin:0 auto;width:100%}.technical-section-title{font-size:5rem;font-weight:800;color:var(--text-primary);margin:0 0 2rem;padding:0;line-height:1}.technical-pagination-dots{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;padding:0}.technical-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.technical-dot:hover{background:#ffffff80;transform:scale(1.2)}.technical-dot.active{background:#ffffffe6;width:12px;height:12px}.technical-dot.active:hover{transform:scale(1.1)}.technical-carousel-wrapper{position:relative;width:100%}.technical-carousel-viewport{overflow:hidden;width:100%}.technical-carousel-container{display:flex;gap:1.5rem;touch-action:pan-y pinch-zoom}.technical-carousel-slide{flex:0 0 auto;min-width:0;width:calc(100% - 1.5rem);max-width:500px}.technical-card{width:100%;height:600px;border-radius:24px;overflow:hidden;position:relative;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1)}.technical-card:hover{transform:translateY(-4px)}.technical-card-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.technical-card-overlay{position:absolute;top:0;left:0;padding:2rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;max-width:80%;z-index:2}.technical-card-overlay:before{content:"";position:absolute;top:-40px;left:-40px;right:-40px;width:calc(100% + 80px);height:400px;background:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,rgba(0,0,0,.72) 5%,rgba(0,0,0,.68) 10%,rgba(0,0,0,.62) 15%,rgba(0,0,0,.55) 20%,rgba(0,0,0,.48) 25%,rgba(0,0,0,.42) 30%,rgba(0,0,0,.35) 35%,rgba(0,0,0,.28) 40%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.17) 50%,rgba(0,0,0,.13) 55%,rgba(0,0,0,.1) 60%,rgba(0,0,0,.07) 65%,rgba(0,0,0,.05) 70%,rgba(0,0,0,.035) 75%,rgba(0,0,0,.025) 80%,rgba(0,0,0,.015) 85%,rgba(0,0,0,.008) 90%,rgba(0,0,0,.004) 95%,transparent 100%);z-index:-1;pointer-events:none;filter:blur(30px);-webkit-filter:blur(30px);border-radius:24px 24px 0 0}.technical-card-category{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;width:100%;position:relative;z-index:1}.technical-card-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;text-align:left;width:100%;position:relative;z-index:1}.technical-carousel-controls{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-right:0}.technical-nav-button{width:48px;height:48px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-primary)}.technical-nav-button:hover:not(.disabled){background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.technical-nav-button.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.technical-nav-button-next{transform:rotate(180deg)}.technical-nav-button-next:hover:not(.disabled){transform:rotate(180deg) scale(1.05)}.technical-nav-icon{width:20px;height:20px;fill:currentColor}@media(max-width:968px){.technical-section{padding:3rem 1rem}.technical-section-title{font-size:2.5rem;margin-bottom:2rem}.technical-pagination-dots{display:none}.technical-carousel-viewport{padding-right:1rem}.technical-carousel-slide{width:85%;max-width:400px;flex-shrink:0}.technical-carousel-container{gap:1rem}.technical-card{height:500px}.technical-card-overlay{padding:1.5rem}.technical-card-title{font-size:1.5rem}.technical-carousel-controls{margin-top:1.5rem;justify-content:center}.technical-nav-button{width:40px;height:40px}.technical-nav-icon{width:16px;height:16px}}@media(max-width:640px){.technical-section{padding:2rem 1rem}.technical-section-title{font-size:2rem}.technical-carousel-slide{width:80%;max-width:350px}.technical-card{height:400px}.technical-card-title{font-size:1.25rem}.technical-card-category{font-size:.75rem}}.technical-expanded-overlay{position:fixed;inset:0;background:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.technical-expanded-container{position:relative;width:100%;height:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:24px;overflow-y:auto;overflow-x:hidden}.technical-expanded-container.technical-expanded-vr-page,.technical-expanded-container.technical-expanded-uaal{padding:0;background:var(--bg-primary)}.technical-expanded-container.technical-expanded-crowd-rendering{padding:0;background:var(--bg-primary);border-radius:24px}.technical-expanded-container.technical-expanded-crowd-rendering .technical-expanded-content{background:var(--bg-primary);padding:0}.technical-expanded-container.technical-expanded-profiling{padding:0;background:var(--bg-primary);border-radius:24px}.technical-expanded-container.technical-expanded-profiling .technical-expanded-content{background:var(--bg-primary);padding:0}.technical-expanded-container.technical-expanded-tooling{padding:0;background:var(--bg-primary);border-radius:24px}.technical-expanded-container.technical-expanded-tooling .technical-expanded-content{background:var(--bg-primary);padding:0}.technical-expanded-container.technical-expanded-faster-load{padding:0;background:var(--bg-primary);border-radius:24px}.technical-expanded-container.technical-expanded-faster-load .technical-expanded-content{background:var(--bg-primary);padding:0}.technical-expanded-container.technical-expanded-parallelism,.technical-expanded-container.technical-expanded-runtime-visual-scripting{padding:0;background:var(--bg-primary);border-radius:24px}.technical-expanded-container.technical-expanded-runtime-visual-scripting .technical-expanded-content,.technical-expanded-container.technical-expanded-parallelism .technical-expanded-content{background:var(--bg-primary);padding:0}.technical-expanded-container.technical-expanded-shader-variant{padding:0;background:var(--bg-primary);border-radius:24px}.technical-expanded-container.technical-expanded-shader-variant .technical-expanded-content{background:var(--bg-primary);padding:0}.technical-expanded-container.technical-expanded-multiplayer-sdk{padding:0;background:var(--bg-primary);border-radius:24px}.technical-expanded-container.technical-expanded-multiplayer-sdk .technical-expanded-content{background:var(--bg-primary);padding:0}.technical-expanded-container::-webkit-scrollbar{width:8px}.technical-expanded-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.technical-expanded-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.technical-expanded-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.technical-expanded-close-wrapper{position:fixed;top:3rem;right:3rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;z-index:10001;cursor:pointer}.technical-expanded-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0;margin:0;flex-shrink:0}.technical-expanded-close-wrapper:hover .technical-expanded-close{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.technical-expanded-header{width:100%;height:40%;min-height:300px;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.technical-expanded-header:before{content:"";position:absolute;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1;pointer-events:none}.technical-expanded-content{flex:1;padding:3rem;background:var(--bg-secondary)}.technical-expanded-content.technical-expanded-content-vr,.technical-expanded-content.technical-expanded-content-faster-load,.technical-expanded-content.technical-expanded-content-shader-variant,.technical-expanded-content.technical-expanded-content-multiplayer-sdk,.technical-expanded-content.technical-expanded-content-uaal{padding:0;background:transparent;flex:1;overflow-y:auto}.technical-case-study-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:var(--text-secondary)}.technical-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.technical-case-study-empty{padding:4rem 2rem;text-align:left;color:var(--text-secondary)}.technical-case-study-content{color:var(--text-primary);line-height:1.7;max-width:100%;width:100%;margin:0;text-align:left;box-sizing:border-box;overflow-wrap:break-word}.technical-case-study-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem;justify-content:flex-start}.technical-case-study-tag{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.35rem .75rem;font-size:.75rem;color:var(--text-primary);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.technical-case-study-tag:hover{background:#ffffff14;border-color:#ffffff1f}.technical-case-study-tag .tag-icon{flex-shrink:0;opacity:.8;width:12px;height:12px}.technical-case-study-tldr{background:transparent;border:none;margin-bottom:3rem;margin-left:0;margin-right:0;padding:0;border-radius:0;text-align:left;width:100%;max-width:100%;box-sizing:border-box}.technical-case-study-tldr-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;text-align:left}.technical-case-study-tldr-content{color:var(--text-secondary);text-align:left}.technical-case-study-tldr-content p{margin:0 0 .75rem;font-size:1rem}.technical-case-study-tldr-content p:last-child{margin-bottom:0}.technical-content-text{text-align:left;color:var(--text-secondary);width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:break-word}.technical-content-text p{text-align:left;margin:0 0 1.25rem}.technical-content-text ul,.technical-content-text ol{text-align:left}.technical-bold-heading{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem;line-height:1.4;text-align:left}.technical-bold-heading:first-child{margin-top:0}.technical-bold-heading-inline{font-size:1.1rem;font-weight:600;color:var(--text-primary);display:inline-block;margin-right:.5rem}.technical-bold-description{color:var(--text-secondary);flex:1}.technical-bold-list-item{font-size:1rem;line-height:1.6}.technical-bold-list-item .technical-bold-heading-inline{font-size:1.15rem;font-weight:600;color:var(--text-primary)}.technical-section-heading{text-align:left;color:var(--text-primary)}.technical-section-level-2{margin-bottom:2.5rem}.technical-section-level-2 .technical-section-heading{font-size:2.75rem;font-weight:700;margin-bottom:1.5rem}.technical-section-level-3{margin-top:1.5rem;margin-bottom:1.5rem}.technical-section-level-4{margin-top:1rem;margin-bottom:1rem}.technical-subsections{margin-top:1.5rem}.technical-case-study-sections{display:flex;flex-direction:column;gap:2.5rem}.technical-case-study-section{margin-bottom:0}.technical-case-study-section-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem;line-height:1.3;border-bottom:2px solid rgba(255,255,255,.15);padding-bottom:.75rem}.technical-case-study-section-content{color:var(--text-secondary)}.technical-case-study-markdown,.technical-case-study-tldr-content,.technical-case-study-section-content{color:var(--text-secondary);line-height:1.7}.technical-case-study-markdown{max-width:100%;margin:0;text-align:left}.technical-case-study-markdown h1,.technical-case-study-tldr-content h1,.technical-case-study-section-content h1{font-size:2.5rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-primary);line-height:1.2;text-align:left}.technical-case-study-markdown h2,.technical-case-study-tldr-content h2,.technical-case-study-section-content h2{font-size:2rem;font-weight:600;margin:2.5rem 0 1rem;color:var(--text-primary);line-height:1.3;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;text-align:left}.technical-case-study-markdown h3,.technical-case-study-tldr-content h3,.technical-case-study-section-content h3{font-size:1.5rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-primary);line-height:1.4;text-align:left}.technical-case-study-markdown h4,.technical-case-study-tldr-content h4,.technical-case-study-section-content h4{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--text-primary);line-height:1.4;text-align:left}.technical-case-study-markdown p,.technical-case-study-tldr-content p,.technical-case-study-section-content p{margin:0 0 1.25rem;color:var(--text-secondary);font-size:1rem;text-align:left}.technical-case-study-markdown strong,.technical-case-study-tldr-content strong,.technical-case-study-section-content strong{font-weight:600;color:var(--text-primary)}.technical-case-study-markdown em,.technical-case-study-tldr-content em,.technical-case-study-section-content em{font-style:italic;color:var(--text-secondary)}.technical-case-study-markdown ul,.technical-case-study-markdown ol,.technical-case-study-tldr-content ul,.technical-case-study-tldr-content ol,.technical-case-study-section-content ul,.technical-case-study-section-content ol{margin:1rem 0 1.5rem;padding-left:2rem;color:var(--text-secondary);text-align:left}.technical-case-study-markdown li,.technical-case-study-tldr-content li,.technical-case-study-section-content li{margin:.5rem 0;line-height:1.6}.technical-case-study-markdown ul,.technical-case-study-tldr-content ul,.technical-case-study-section-content ul{list-style-type:disc}.technical-case-study-markdown ol,.technical-case-study-tldr-content ol,.technical-case-study-section-content ol{list-style-type:decimal}.technical-case-study-markdown li>p,.technical-case-study-tldr-content li>p,.technical-case-study-section-content li>p{margin:0}.technical-case-study-markdown code,.technical-case-study-tldr-content code,.technical-case-study-section-content code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.technical-case-study-markdown pre,.technical-case-study-tldr-content pre,.technical-case-study-section-content pre{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5}.technical-case-study-markdown pre code,.technical-case-study-tldr-content pre code,.technical-case-study-section-content pre code{background:none;padding:0;border:none;font-size:inherit;color:var(--text-primary)}.technical-case-study-markdown blockquote,.technical-case-study-tldr-content blockquote,.technical-case-study-section-content blockquote{border-left:4px solid rgba(255,255,255,.3);padding-left:1.5rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}.technical-case-study-markdown a,.technical-case-study-tldr-content a,.technical-case-study-section-content a{color:var(--text-primary);text-decoration:underline;text-decoration-color:#ffffff4d;transition:text-decoration-color .2s}.technical-case-study-markdown a:hover,.technical-case-study-tldr-content a:hover,.technical-case-study-section-content a:hover{text-decoration-color:#fff9}.technical-case-study-markdown hr,.technical-case-study-tldr-content hr,.technical-case-study-section-content hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:2rem 0}.technical-case-study-markdown img,.technical-case-study-tldr-content img,.technical-case-study-section-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;border:1px solid rgba(255,255,255,.1)}.technical-case-study-markdown table,.technical-case-study-tldr-content table,.technical-case-study-section-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.technical-case-study-markdown th,.technical-case-study-markdown td,.technical-case-study-tldr-content th,.technical-case-study-tldr-content td,.technical-case-study-section-content th,.technical-case-study-section-content td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.technical-case-study-markdown th,.technical-case-study-tldr-content th,.technical-case-study-section-content th{background:#ffffff0d;font-weight:600;color:var(--text-primary)}.technical-case-study-markdown td,.technical-case-study-tldr-content td,.technical-case-study-section-content td{color:var(--text-secondary)}.technical-case-study-markdown tr:last-child td,.technical-case-study-tldr-content tr:last-child td,.technical-case-study-section-content tr:last-child td{border-bottom:none}.technical-grid-3{display:flex;flex-direction:column;gap:0;margin:1.5rem 0;width:100%;max-width:100%;box-sizing:border-box;list-style:none;padding:0}.technical-grid-item{border:none;border-radius:0;padding:1rem 0;background:transparent;box-sizing:border-box;min-width:0;overflow-wrap:break-word;border-bottom:1px solid rgba(255,255,255,.1)}.technical-grid-item:last-child{border-bottom:none}.technical-grid-item .technical-bold-list-item{display:flex;flex-direction:row;align-items:flex-start;margin:0;padding:0;list-style:none;width:100%}.technical-grid-item .technical-bold-heading-inline{flex:0 0 200px;max-width:200px;margin-right:0;padding-right:1.5rem;border-right:1px solid rgba(255,255,255,.1);font-weight:600;color:var(--text-primary)}.technical-grid-item .technical-bold-description{flex:1;padding-left:1.5rem;color:var(--text-secondary)}.technical-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0;width:100%;max-width:100%;box-sizing:border-box;list-style:none;padding:0}.technical-grid-card{padding:1.5rem;background:#27272a80;border:1px solid rgba(63,63,70,1);border-radius:12px;box-sizing:border-box;min-width:0;overflow-wrap:break-word;transition:all .3s ease}.technical-grid-card:hover{background:#27272acc;border-color:#fff3;transform:translateY(-2px)}.technical-grid-card .technical-bold-list-item{display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:0;list-style:none;width:100%}.technical-grid-card .technical-bold-heading-inline{flex:0 0 auto;max-width:100%;margin-right:0;margin-bottom:.75rem;padding-right:0;padding-bottom:.75rem;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);font-weight:700;font-size:1.125rem;color:var(--text-primary);width:100%}.technical-grid-card .technical-bold-description{flex:1;padding-left:0;color:var(--text-secondary);line-height:1.6}.technical-highlight-card{background:transparent;border:none;margin:0;padding:0;border-radius:0;width:100%;box-sizing:border-box}@media(max-width:768px){.technical-grid-item .technical-bold-heading-inline,.technical-grid-card .technical-bold-heading-inline{flex:0 0 160px;max-width:160px;padding-right:1rem}.technical-grid-item .technical-bold-description,.technical-grid-card .technical-bold-description{padding-left:1rem}}@media(max-width:640px){.technical-grid-item .technical-bold-heading-inline,.technical-grid-card .technical-bold-heading-inline{flex:0 0 140px;max-width:140px;padding-right:.75rem;font-size:1rem}.technical-grid-item .technical-bold-description,.technical-grid-card .technical-bold-description{padding-left:.75rem}}.technical-expanded-overlay-content{position:absolute;top:0;left:0;padding:4rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;max-width:50%;z-index:2}.technical-expanded-overlay-content:before{content:"";position:absolute;top:-80px;left:-80px;width:calc(100% + 160px);height:calc(100% + 160px);background:radial-gradient(ellipse 250% 200% at top left,rgba(0,0,0,1) 0%,rgba(0,0,0,.98) 8%,rgba(0,0,0,.95) 15%,rgba(0,0,0,.9) 22%,rgba(0,0,0,.82) 30%,rgba(0,0,0,.72) 38%,rgba(0,0,0,.58) 46%,rgba(0,0,0,.44) 54%,rgba(0,0,0,.3) 62%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.1) 78%,rgba(0,0,0,.05) 85%,rgba(0,0,0,.02) 92%,transparent 100%);border-radius:24px 0 0;z-index:-1;pointer-events:none;filter:blur(60px);-webkit-filter:blur(60px);mask-image:radial-gradient(ellipse 250% 200% at top left,black 0%,black 15%,rgba(0,0,0,.98) 25%,rgba(0,0,0,.95) 35%,rgba(0,0,0,.88) 45%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.65) 65%,rgba(0,0,0,.48) 75%,rgba(0,0,0,.32) 83%,rgba(0,0,0,.2) 88%,rgba(0,0,0,.12) 92%,rgba(0,0,0,.06) 95%,rgba(0,0,0,.03) 97%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 250% 200% at top left,black 0%,black 15%,rgba(0,0,0,.98) 25%,rgba(0,0,0,.95) 35%,rgba(0,0,0,.88) 45%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.65) 65%,rgba(0,0,0,.48) 75%,rgba(0,0,0,.32) 83%,rgba(0,0,0,.2) 88%,rgba(0,0,0,.12) 92%,rgba(0,0,0,.06) 95%,rgba(0,0,0,.03) 97%,transparent 100%)}.technical-expanded-category{font-size:1rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;position:relative;z-index:1}.technical-expanded-title{font-size:4rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;text-align:left;position:relative;z-index:1}@media(max-width:968px){.technical-expanded-overlay{padding:1rem;backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000fa}.technical-expanded-container{max-height:95vh}.technical-expanded-close-wrapper{top:2rem;right:2rem;width:56px;height:56px}.technical-expanded-close{width:40px;height:40px;backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffff26}.technical-expanded-header{height:35%;min-height:250px}.technical-expanded-header:before{backdrop-filter:none;-webkit-backdrop-filter:none}.technical-expanded-overlay-content{padding:2rem;max-width:70%}.technical-expanded-title{font-size:2.5rem}.technical-expanded-content{padding:2rem}.technical-case-study-tldr,.technical-highlight-card{margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%}}@media(max-width:640px){.technical-expanded-header{height:30%;min-height:200px}.technical-expanded-overlay-content{padding:1.5rem;max-width:85%}.technical-expanded-title{font-size:2rem}.technical-expanded-category{font-size:.875rem}.technical-expanded-content{padding:1.5rem}.technical-case-study-tldr{margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%}.technical-case-study-markdown h1{font-size:2rem}.technical-case-study-markdown h2{font-size:1.75rem}.technical-case-study-markdown h3{font-size:1.25rem}.technical-case-study-markdown pre{padding:1rem;font-size:.85rem}}@media(max-width:968px){.technical-case-study-markdown{max-width:100%}.technical-case-study-markdown h1{font-size:2.25rem}.technical-case-study-markdown h2{font-size:1.875rem}}.common-pitfalls-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0}.common-pitfall-card{padding:1.5rem;background:#27272a80;border:1px solid rgba(63,63,70,1);border-radius:12px;transition:all .3s ease}.common-pitfall-card:hover{background:#27272acc;border-color:#fff3;transform:translateY(-2px)}.common-pitfall-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.common-pitfall-description{font-size:.95rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.6}.common-pitfall-result{font-size:.95rem;color:var(--text-primary);margin:0;font-weight:500;line-height:1.6}@media(max-width:968px){.common-pitfalls-container{grid-template-columns:1fr;gap:1rem}}.stats-section{padding:var(--spacing-lg) 0;background:transparent;width:100%}.stats-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.stat-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-number{font-size:4rem;font-weight:700;color:var(--text-primary);line-height:1;margin:0;font-variant-numeric:tabular-nums}.stat-label{font-size:1.1rem;color:var(--text-secondary);font-weight:400;margin:0}@media(max-width:768px){.stats-container{flex-direction:column;gap:var(--spacing-xl)}.stat-number{font-size:3rem}}.contact-section{padding:var(--spacing-xl) 0 var(--spacing-md) 0;display:flex;align-items:center;justify-content:center;background:var(--bg-color);text-align:left;min-height:50vh}.contact-container{max-width:1600px;margin:0 auto;width:100%;padding-left:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-title{font-size:5rem;font-weight:800;margin-bottom:0;line-height:1;color:var(--text-primary);white-space:nowrap}.contact-content-grid{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;background:var(--bg-secondary);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 10px 30px #00000014;transition:transform .3s ease,box-shadow .3s ease;transform:translateY(0)}.contact-content-grid:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000026}.contact-text{font-size:1.25rem;color:var(--text-secondary);line-height:1.5;max-width:100%;margin:0 0 1.5rem}.email-link{display:inline-block;font-size:2.5rem;font-weight:700;color:var(--text-primary);position:relative;text-decoration:none;margin:-3px 0 0;width:fit-content}.email-link:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:var(--text-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.email-link:hover:after{transform:scaleX(1);transform-origin:left}.social-links{display:flex;justify-content:flex-end;gap:var(--spacing-md);flex-shrink:0}.social-link{font-size:1.1rem;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);padding:.8rem 2rem;border-radius:50px;transition:all .3s ease;font-weight:500;background:transparent}.social-link:hover{color:var(--bg-primary);background:var(--text-primary);border-color:var(--text-primary);transform:translateY(-3px)}@media(max-width:968px){.contact-section{padding:var(--spacing-lg) 0;min-height:auto}.contact-container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.contact-content-grid{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem}.social-links{justify-content:flex-start;width:100%}.contact-title{font-size:12vw;margin-bottom:var(--spacing-md)}.contact-text{font-size:1.1rem;max-width:100%}.email-link{font-size:1.5rem;word-break:break-all}.social-links{flex-wrap:wrap}}@media(max-width:480px){.contact-title{font-size:3.5rem}.email-link{font-size:1.2rem}.social-link{padding:.6rem 1.5rem;font-size:1rem}}.footer{padding:var(--spacing-md) 0 var(--spacing-lg);background:var(--bg-color);border-top:none;margin-top:auto}.footer-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.footer-art{width:60px;height:60px;margin-bottom:var(--spacing-sm);color:var(--accent-color)}.footer-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:var(--spacing-sm);letter-spacing:-1px}.footer-email{font-size:1.2rem;color:var(--text-secondary);transition:color .3s ease}.footer-email:hover{color:var(--accent-color)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.copyright{color:var(--text-secondary);font-size:.9rem}.footer-links{display:flex;gap:var(--spacing-md)}.footer-link{color:var(--text-primary);font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease}.footer-link:hover{color:var(--accent-color)}@media(max-width:768px){.footer-bottom{flex-direction:column;gap:var(--spacing-md)}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-main, "Outfit", sans-serif);z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;opacity:1;transition:opacity .3s ease}.loading-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-text-wrapper{position:relative;display:inline-block;will-change:transform;transform:translateZ(0);overflow:visible}.loading-text{font-size:clamp(6rem,20vw,12rem);font-weight:700;letter-spacing:-.02em;color:#555;text-align:center;position:relative;-webkit-font-smoothing:antialiased;font-family:var(--font-main, "Outfit", sans-serif);-webkit-text-stroke:0;text-stroke:0;-webkit-text-fill-color:#555555;text-fill-color:#555555;display:inline-block;line-height:1}.loading-text.idle{opacity:.3}.loading-text.filling{position:relative;-webkit-text-stroke:0;text-stroke:0;color:#555;-webkit-text-fill-color:#555555;text-fill-color:#555555;display:inline-block;line-height:1}.loading-text.complete{position:relative;-webkit-text-stroke:0;text-stroke:0;color:#fff!important;-webkit-text-fill-color:#ffffff!important;text-fill-color:#ffffff!important;display:inline-block;line-height:1}.loading-text.filling:before{content:"Loading";position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;-webkit-text-fill-color:#ffffff;text-fill-color:#ffffff;font-size:inherit;font-weight:inherit;letter-spacing:inherit;font-family:inherit;line-height:inherit;text-align:inherit;display:inline-block;white-space:nowrap;clip-path:url(#waveClipPath);-webkit-clip-path:url(#waveClipPath);will-change:clip-path,transform;transform:translateZ(0);z-index:1;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.loading-text.complete:before{content:"Loading";position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;-webkit-text-fill-color:#ffffff;text-fill-color:#ffffff;font-size:inherit;font-weight:inherit;letter-spacing:inherit;font-family:inherit;line-height:inherit;text-align:inherit;display:inline-block;white-space:nowrap;clip-path:none!important;-webkit-clip-path:none!important;will-change:transform;transform:translateZ(0);z-index:1;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.loading-percentage{position:absolute;font-size:clamp(1.308125rem,2.2425vw,1.495rem);font-weight:400;color:#fff;opacity:.8;font-family:var(--font-main, "Outfit", sans-serif);letter-spacing:.05em;white-space:nowrap;transform:translate(-50%);pointer-events:none}.wipe-overlay.wipe-up{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);animation:wipeUp 1s ease-in-out forwards;z-index:10000}@keyframes wipeUp{0%{clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%)}to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}}.wipe-overlay.wipe-down{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);animation:wipeDown 1s ease-in-out forwards;z-index:10000}@keyframes wipeDown{0%{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}}@media(max-width:768px){.loading-text{font-size:clamp(3rem,15vw,6rem)}.loading-percentage{font-size:clamp(.975rem,3.9vw,1.3rem)}}#root{margin:0 auto;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}