*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{--tw-bg-opacity:1;background-color:rgb(3 3 3/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.bottom-2{bottom:.5rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.right-6{right:1.5rem}.right-8{right:2rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0{height:0}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[200px\]{height:200px}.h-\[56px\]{height:56px}.max-h-60{max-height:15rem}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-\[48px\]{min-height:48px}.min-h-\[56px\]{min-height:56px}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[3rem\]{min-width:3rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[1180px\]{max-width:1180px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-x-2{border-left-width:2px;border-right-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-t-2{border-top-width:2px}.border-\[\#292929\]{--tw-border-opacity:1;border-color:rgb(41 41 41/var(--tw-border-opacity,1))}.border-\[\#333\]{--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity,1))}.border-black{--tw-border-opacity:1;border-color:rgb(3 3 3/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-red{--tw-border-opacity:1;border-color:rgb(242 13 13/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#0B0B0B\]{--tw-bg-opacity:1;background-color:rgb(11 11 11/var(--tw-bg-opacity,1))}.bg-\[\#111\]{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.bg-\[\#1A1A1A\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\[\#222\]{--tw-bg-opacity:1;background-color:rgb(34 34 34/var(--tw-bg-opacity,1))}.bg-\[\#27A5E7\]{--tw-bg-opacity:1;background-color:rgb(39 165 231/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(3 3 3/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:#03030380}.bg-black\/80{background-color:#030303cc}.bg-black\/90{background-color:#030303e6}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-red{--tw-bg-opacity:1;background-color:rgb(242 13 13/var(--tw-bg-opacity,1))}.bg-red\/10{background-color:#f20d0d1a}.bg-red\/5{background-color:#f20d0d0d}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-tr{background-image:linear-gradient(to top right, var(--tw-gradient-stops))}.from-\[\#3B00C9\]{--tw-gradient-from:#3b00c9 var(--tw-gradient-from-position);--tw-gradient-to:#3b00c900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#00A3FF\]{--tw-gradient-to:#00a3ff var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-12{padding-left:3rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-14{padding-right:3.5rem}.pr-8{padding-right:2rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-normal{letter-spacing:0}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity:1;color:rgb(3 3 3/var(--tw-text-opacity,1))}.text-gray-2{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity,1))}.text-gray-3{--tw-text-opacity:1;color:rgb(119 119 119/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-red{--tw-text-opacity:1;color:rgb(242 13 13/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:#fffc}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.mix-blend-screen{mix-blend-mode:screen}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(242\,13\,13\,0\.1\)\]{--tw-shadow:0 0 15px #f20d0d1a;--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.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-sm{--tw-backdrop-blur:blur(4px);-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-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:-translate-y-\[2px\]:hover{--tw-translate-y:-2px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#444\]:hover{--tw-border-opacity:1;border-color:rgb(68 68 68/var(--tw-border-opacity,1))}.hover\:border-black:hover{--tw-border-opacity:1;border-color:rgb(3 3 3/var(--tw-border-opacity,1))}.hover\:border-gray-1:hover{--tw-border-opacity:1;border-color:rgb(204 204 204/var(--tw-border-opacity,1))}.hover\:border-white:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.hover\:bg-\[\#111\]:hover{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.hover\:bg-\[\#1a1a1a\]:hover{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.hover\:bg-\[\#CC0000\]:hover,.hover\:bg-\[\#cc0000\]:hover{--tw-bg-opacity:1;background-color:rgb(204 0 0/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(3 3 3/var(--tw-bg-opacity,1))}.hover\:bg-gray-1:hover{--tw-bg-opacity:1;background-color:rgb(204 204 204/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-red:hover{--tw-bg-opacity:1;background-color:rgb(242 13 13/var(--tw-bg-opacity,1))}.hover\:bg-red-hover:hover{--tw-bg-opacity:1;background-color:rgb(255 32 32/var(--tw-bg-opacity,1))}.hover\:bg-red\/10:hover{background-color:#f20d0d1a}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(3 3 3/var(--tw-text-opacity,1))}.hover\:text-red:hover{--tw-text-opacity:1;color:rgb(242 13 13/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:border-gray-1:focus{--tw-border-opacity:1;border-color:rgb(204 204 204/var(--tw-border-opacity,1))}.focus\:border-gray-500:focus{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.focus\:border-red:focus{--tw-border-opacity:1;border-color:rgb(242 13 13/var(--tw-border-opacity,1))}.focus\:border-white:focus{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.focus\:ring-red:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(242 13 13/var(--tw-ring-opacity,1))}.group:hover .group-hover\:border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.group:hover .group-hover\:bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-black{--tw-text-opacity:1;color:rgb(3 3 3/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group\/gallery:hover .group-hover\/gallery\:opacity-100{opacity:1}@media (width>=640px){.sm\:mt-0{margin-top:0}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}}@media (width>=768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:ml-8{margin-left:2rem}.md\:w-1\/3{width:33.3333%}.md\:w-2\/3{width:66.6667%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-12{padding:3rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (width>=1024px){.lg\:sticky{position:sticky}.lg\:top-8{top:2rem}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:p-12{padding:3rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (width>=1536px){.\32 xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--black:#050505;--black2:#0b0b0b;--white:#fff;--gray:#a7a7a7;--gray2:#e8e8e8;--red:#e60000;--red2:#ff1b1b;--line:#222;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.hero-inner{max-width:var(--max);z-index:1;grid-template-columns:minmax(0,.95fr) minmax(390px,.85fr);align-items:center;gap:36px;min-height:650px;margin:auto;padding:58px 28px 70px;display:grid;position:relative}.hero-copy-col{z-index:3;min-width:0;position:relative}.hero-logo{z-index:2;justify-content:center;align-items:center;min-height:470px;display:flex;position:relative;transform:translateY(-10px)}.hero-logo img{z-index:3;filter:drop-shadow(0 25px 35px #000000a6);width:min(470px,100%);height:auto;display:block;position:relative}.hero-red-line{border:1px solid #ff00001f;border-radius:50%;width:420px;height:420px;position:absolute;box-shadow:0 0 0 70px #ff000005}.btn{transition:transform .18s,box-shadow .18s,background-color .18s,color .18s;position:relative;overflow:hidden}.btn-red:hover{background:#ff2020;transform:translateY(-2px);box-shadow:0 10px 28px #ff000038}.btn-red:active{box-shadow:none;transform:translateY(0)}.btn-light:hover{background:#e9e9e9;transform:translateY(-2px);box-shadow:0 10px 24px #ffffff14}.hero-login{transition:color .18s,transform .18s}.hero-login:hover{transform:translate(3px)}.hero-benefits>div{transition:background-color .18s,border-color .18s}.hero-benefits>div:hover{background:#080808}.hero-benefits>div:hover span{color:#fff}.section a,.footer a{transition:color .18s,opacity .18s}.section a:hover,.footer a:hover{color:#ff1717}.hero-login{color:#888;align-items:center;min-height:56px;padding:0 8px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.hero-login b{color:#fff;margin-left:5px}.hero-login:hover{color:#fff}.hero-copy strong{color:#fff;font-weight:700}:focus-visible{outline-offset:3px;outline:2px solid #ff1717}.hero-legal{color:#777;max-width:610px;margin-top:13px;font-size:11px;line-height:1.5;display:block}.hero-legal a{color:#aaa;text-underline-offset:2px;text-decoration:underline;transition:color .18s}.hero-legal a:hover{color:#fff}.hero-benefits{border-top:1px solid #292929;border-bottom:1px solid #292929;grid-template-columns:repeat(3,1fr);max-width:650px;margin-top:38px;display:grid}.hero-benefits>div{border-right:1px solid #292929;align-items:flex-start;gap:10px;min-height:76px;padding:16px 14px 16px 0;display:flex}.hero-benefits>div:not(:first-child){padding-left:14px}.hero-benefits>div:last-child{border-right:0}.hero-benefits b{color:var(--red2);flex:none;font-size:11px}.hero-benefits span{color:#bcbcbc;text-transform:uppercase;letter-spacing:.25px;font-size:11px;font-weight:800;line-height:1.3}.header-note{color:#bcbcbc;text-align:right;font-size:14px}.hero{color:#fff;background:#000;position:relative;overflow:hidden}.hero-inner{max-width:var(--max);z-index:1;margin:auto;padding:76px 28px 82px;position:relative}.eyebrow{color:#d7d7d7;text-transform:uppercase;letter-spacing:1.2px;background:#0c0c0c;border:1px solid #333;align-items:center;gap:9px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.eyebrow i{background:var(--red2);border-radius:50%;width:7px;height:7px;display:block}h1{letter-spacing:-3px;text-transform:uppercase;max-width:850px;margin:22px 0 18px;font-size:clamp(42px,6vw,76px);line-height:.96}h1 span{color:var(--red2)}.hero-copy{color:#c8c8c8;max-width:650px;margin:0 0 32px;font-size:20px;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:0;justify-content:center;align-items:center;min-height:56px;padding:0 25px;font-weight:900;transition:all .18s;display:inline-flex}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#ff1717;transform:translateY(-1px)}.btn-light{color:#050505;background:#fff}.btn-light:hover{background:#ededed}.discount{border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;grid-template-columns:1fr 1fr 1fr;max-width:820px;margin-top:52px;display:grid}.discount-item{border-right:1px solid #2b2b2b;padding:20px 24px}.discount-item:last-child{border-right:0}.discount-value{color:#fff;font-size:40px;font-weight:900;line-height:1}.discount-value span{color:var(--red2)}.discount-label{color:#999;margin-top:8px;font-size:13px;line-height:1.35}.section{max-width:var(--max);margin:auto;padding:76px 28px}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px;display:flex}.section-kicker{color:var(--red);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:9px;font-size:12px;font-weight:900}h2{letter-spacing:-1.8px;text-transform:uppercase;margin:0;font-size:clamp(30px,4vw,48px);line-height:1}.section-sub{color:#666;max-width:520px;margin:0;font-size:16px;line-height:1.5}.advantages{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.adv{background:#fff;border:1px solid #dedede;min-height:190px;padding:28px;position:relative}.adv-number{color:var(--red);margin-bottom:45px;font-size:12px;font-weight:900}.adv h3{text-transform:uppercase;margin:0 0 9px;font-size:21px}.adv p{color:#666;margin:0;line-height:1.45}.register-wrap{background:var(--black);color:#fff}.register{max-width:var(--max);grid-template-columns:1fr 460px;align-items:center;gap:70px;margin:auto;padding:76px 28px;display:grid}.register h2{font-size:clamp(34px,4.5vw,58px)}.register-copy{color:#bcbcbc;max-width:600px;margin:18px 0 30px;font-size:18px;line-height:1.5}.register-points{gap:13px;display:grid}.register-point{color:#dedede;align-items:flex-start;gap:12px;display:flex}.register-point b{color:var(--red2);font-size:18px;line-height:1}.form{color:#111;border-top:5px solid var(--red);background:#fff;padding:30px}.form h3{text-transform:uppercase;letter-spacing:-.6px;margin:0 0 7px;font-size:26px}.form-note{color:#6b6b6b;margin:0 0 22px;font-size:13px;line-height:1.4}.field{margin-bottom:12px}.field label{text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.field input{border:1px solid #cfcfcf;border-radius:0;outline:none;width:100%;height:50px;padding:0 14px}.field input:focus{border-color:#111}.form .btn{width:100%;margin-top:6px}.consent{color:#777;margin:13px 0 0;font-size:11px;line-height:1.4}.catalog{background:#f2f2f2}.catalog-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.catalog-card{background:#fff;border:1px solid #ddd;justify-content:space-between;align-items:center;gap:25px;padding:28px;display:flex}.catalog-card h3{text-transform:uppercase;margin:0 0 7px;font-size:24px}.catalog-card p{color:#666;margin:0}.catalog-tag{color:#fff;text-transform:uppercase;background:#111;flex:none;padding:10px 12px;font-size:11px;font-weight:900}.final{background:var(--red);color:#fff}.final-inner{max-width:var(--max);justify-content:space-between;align-items:center;gap:30px;margin:auto;padding:58px 28px;display:flex}.final h2{font-size:clamp(30px,4vw,48px)}.final p{color:#ffe0e0;margin:9px 0 0}.final .btn{color:#111;background:#fff;min-width:230px}.final .btn:hover{background:#050505;color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px #00000059}.final .btn:active{transform:translateY(0);box-shadow:none}footer{color:#777;background:#050505;padding:25px 28px;font-size:12px}.footer-inner{max-width:var(--max);justify-content:space-between;gap:20px;margin:auto;display:flex}@media (width<=820px){.hero-inner{grid-template-columns:1fr;gap:18px;min-height:auto;padding-top:48px}.hero-logo{order:-1;min-height:0;margin-bottom:-10px}.hero-logo img{width:min(430px,88vw);transform:none}.hero-login{color:#888;align-items:center;min-height:56px;padding:0 8px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.hero-login b{color:#fff;margin-left:5px}.hero-login:hover{color:#fff}.hero-copy strong{color:#fff;font-weight:700}.hero-legal{color:#777;max-width:610px;margin-top:13px;font-size:11px;line-height:1.5;display:block}.hero-legal a{color:#aaa;text-underline-offset:2px;text-decoration:underline;transition:color .18s}.hero-legal a:hover{color:#fff}.hero-benefits{margin-top:34px}.header-note{font-size:11px;display:block}.hero-inner{padding-top:54px;padding-bottom:58px}.discount{grid-template-columns:1fr}.discount-item{border-bottom:1px solid #2b2b2b;border-right:0}.discount-item:last-child{border-bottom:0}.advantages{grid-template-columns:1fr}.register{grid-template-columns:1fr;gap:38px}.catalog-grid{grid-template-columns:1fr}.final-inner{flex-direction:column;align-items:flex-start}.footer-inner{flex-direction:column}}@media (width<=520px){.hero-login{color:#888;align-items:center;min-height:56px;padding:0 8px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.hero-login b{color:#fff;margin-left:5px}.hero-login:hover{color:#fff}.hero-copy strong{color:#fff;font-weight:700}.hero-legal{color:#777;max-width:610px;margin-top:13px;font-size:11px;line-height:1.5;display:block}.hero-legal a{color:#aaa;text-underline-offset:2px;text-decoration:underline;transition:color .18s}.hero-legal a:hover{color:#fff}.hero-benefits{grid-template-columns:1fr}.hero-benefits>div,.hero-benefits>div:not(:first-child){border-bottom:1px solid #292929;border-right:0;padding:14px 0}.hero-benefits>div:last-child{border-bottom:0}.header-inner{min-height:68px;padding:0 18px}.brand-mark{width:38px;height:38px}.brand-name{font-size:15px}.hero-inner,.section,.register,.final-inner{padding-left:18px;padding-right:18px}h1{letter-spacing:-1.8px}.hero-copy{font-size:17px}.btn{width:100%}.section{padding-top:55px;padding-bottom:55px}.form{padding:22px}.catalog-card{flex-direction:column;align-items:flex-start;padding:22px}}h1,h2,h3,h4,h5,h6{font-weight:900}strong,b{font-weight:700}
/* Custom clean styling for ProCompressor catalog cards */
.pro-card {
  background-color: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pro-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 14px 30px -4px rgba(15, 23, 42, 0.1), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
  transform: translateY(-3px);
}
.pro-card-header {
  padding: 16px 18px 10px 18px;
  height: 94px;
  min-height: 94px;
  max-height: 94px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.pro-sku-badge {
  display: inline-flex;
  align-items: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #0f172a;
  background: #f1f5f9;
  border: 1.5px solid #cbd5e1;
  padding: 3px 10px;
  border-radius: 6px;
  line-height: 1.2;
  text-decoration: none;
  margin-bottom: 8px;
  transition: all 0.15s ease;
  width: fit-content;
}
.pro-sku-badge:hover {
  background: #e2e8f0;
  border-color: #94a3b8;
  color: #000000;
}
.pro-title {
  color: #0f172a;
  font-size: 14.5px;
  line-height: 1.35;
  font-weight: 700;
  margin: 0;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.15s ease;
}
.pro-card:hover .pro-title {
  color: #e60000;
}
.pro-photo-box {
  width: 100%;
  height: 240px;
  min-height: 240px;
  max-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  background: #ffffff;
  border-top: 1px solid #f1f5f9;
  border-bottom: 1px solid #f1f5f9;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.pro-photo-img {
  max-width: 95%;
  max-height: 92%;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.pro-photo-box:hover .pro-photo-img {
  transform: scale(1.05);
}
.pro-card-dots {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(15, 23, 42, 0.7);
  backdrop-filter: blur(4px);
  padding: 4px 10px;
  border-radius: 9999px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  z-index: 10;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.pro-card-dot {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.55);
  transition: all 0.2s ease;
}
.pro-card-dot-active {
  width: 18px;
  height: 6px;
  border-radius: 9999px;
  background-color: #e60000;
  box-shadow: 0 0 6px rgba(230, 0, 0, 0.9);
}
.pro-card-bottom {
  padding: 14px 18px 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  box-sizing: border-box;
}
.pro-stock-section {
  height: 66px;
  min-height: 66px;
  max-height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 14px;
}
.pro-stock-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #64748b;
  margin-bottom: 6px;
  line-height: 1;
}
.pro-stock-pills-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.pro-stock-pill {
  background: #f8fafc;
  color: #334155;
  font-size: 11.5px;
  font-weight: 600;
  padding: 2.5px 8px;
  border: 1px solid #e2e8f0;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
  display: inline-flex;
  align-items: center;
  gap: 4.5px;
  line-height: 1.2;
}
.pro-stock-pill-green {
  color: #059669;
  font-weight: 700;
}
.pro-stock-pill-empty {
  background: #f8fafc;
  color: #64748b;
  font-size: 11.5px;
  font-weight: 600;
  padding: 2.5px 8px;
  border: 1px dashed #cbd5e1;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: 1.2;
}
.pro-stock-dot-green {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #10b981;
  display: inline-block;
  flex-shrink: 0;
}
.pro-stock-dot-gray {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #94a3b8;
  display: inline-block;
  flex-shrink: 0;
}
.pro-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}
.pro-price-old {
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
  text-decoration: line-through;
  line-height: 1.1;
  margin-bottom: 2px;
}
.pro-price-val {
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1;
  letter-spacing: -0.02em;
}
.pro-btn-cart {
  background-color: #e60000;
  color: #ffffff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.05em;
  height: 40px;
  padding: 0 16px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 3px 10px rgba(230, 0, 0, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.pro-btn-cart:hover {
  background-color: #cc0000;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(230, 0, 0, 0.38);
}
.pro-btn-cart:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(230, 0, 0, 0.2);
}
.pro-btn-in-cart {
  background-color: #059669;
  color: #ffffff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.05em;
  height: 40px;
  padding: 0 16px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 3px 10px rgba(5, 150, 105, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.pro-btn-in-cart:hover {
  background-color: #047857;
}

.pro-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #374151;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  border: 1px solid #e5e7eb;
  cursor: pointer;
  transition: all 0.15s ease;
}
.pro-nav-btn:hover {
  background: #e60000;
  color: #ffffff;
  border-color: #e60000;
}
.pro-modal-img {
  max-width: min(720px, 80vw);
  max-height: 58vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 12px;
  background: radial-gradient(circle at center, #ffffff 50%, #e2e8f0 100%);
  padding: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.1);
  cursor: pointer;
  user-select: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.pro-modal-prev {
  position: fixed;
  left: 28px;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: #111827;
  font-size: 26px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
  transition: all 0.2s ease;
  z-index: 100;
  user-select: none;
}
.pro-modal-prev:hover {
  background-color: #e60000;
  color: #ffffff;
  border-color: #e60000;
  transform: translateY(-50%) scale(1.12);
  box-shadow: 0 8px 30px rgba(230, 0, 0, 0.55);
}
.pro-modal-prev:active {
  transform: translateY(-50%) scale(0.95);
}

.pro-modal-next {
  position: fixed;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: #111827;
  font-size: 26px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
  transition: all 0.2s ease;
  z-index: 100;
  user-select: none;
}
.pro-modal-next:hover {
  background-color: #e60000;
  color: #ffffff;
  border-color: #e60000;
  transform: translateY(-50%) scale(1.12);
  box-shadow: 0 8px 30px rgba(230, 0, 0, 0.55);
}
.pro-modal-next:active {
  transform: translateY(-50%) scale(0.95);
}

.pro-modal-nav-btn {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.95);
  color: #111827;
  font-size: 26px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
  transition: all 0.2s ease;
  z-index: 100;
  user-select: none;
}

.pro-modal-counter {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(20, 20, 20, 0.85);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 6px 20px;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
  z-index: 100;
  user-select: none;
}

.pro-modal-close {
  position: fixed;
  top: 20px;
  right: 24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
  transition: all 0.2s ease;
}
.pro-modal-close:hover {
  background: #e60000;
  border-color: #e60000;
  transform: scale(1.1);
}

@media (max-width: 640px) {
  .pro-modal-prev {
    left: 8px;
    width: 42px;
    height: 42px;
    font-size: 20px;
  }
  .pro-modal-next {
    right: 8px;
    width: 42px;
    height: 42px;
    font-size: 20px;
  }
  .pro-modal-close {
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
  }
}


/* Matching ProCompressor Landing Footer */
footer.pro-footer {
  background: #050505 !important;
  color: #777777 !important;
  padding: 25px 28px !important;
  font-size: 12px !important;
  width: 100% !important;
  margin-top: 40px !important;
  border-top: none !important;
}
.pro-footer-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.pro-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  margin-bottom: 4px;
  text-align: left;
}
.pro-footer-link {
  color: #888888 !important;
  text-decoration: none !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  transition: color 0.18s ease;
}
.pro-footer-link:hover {
  color: #ff1717 !important;
}
.pro-footer-sep {
  color: #444444 !important;
  font-size: 11px !important;
  user-select: none;
}
.pro-footer-requisites {
  color: #666666 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  border-top: 1px solid #1f1f1f !important;
  padding-top: 10px !important;
  width: 100% !important;
  text-align: left !important;
}

/* PAGINATION & SHOW MORE */
.pro-pagination-wrap {
  margin-top: 64px !important;
  margin-bottom: 50px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
}
.pro-btn-show-more {
  background: #050505 !important;
  color: #ffffff !important;
  border: 2px solid #050505 !important;
  padding: 16px 48px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 30px !important;
}
.pro-btn-show-more:hover {
  background: #e60000 !important;
  border-color: #e60000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(230, 0, 0, 0.3) !important;
}
.pro-pagination-counter {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #6b7280 !important;
  margin-bottom: 28px !important;
}
.pro-page-btn {
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  border: 1px solid #d1d5db !important;
  background: #ffffff !important;
  color: #374151 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
.pro-page-btn:hover:not(:disabled) {
  border-color: #050505 !important;
  color: #050505 !important;
  background: #f9fafb !important;
}
.pro-page-btn.active {
  background: #e60000 !important;
  border-color: #e60000 !important;
  color: #ffffff !important;
  cursor: default !important;
}


  /* --- Personal Manager MAX Section --- */
  .manager-section {
    background: #ffffff;
    color: var(--black);
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    position: relative;
  }
  .manager-container {
    max-width: var(--max);
    margin: auto;
    padding: 85px 28px;
  }
  .manager-grid {
    display: grid;
    grid-template-columns: 1.18fr 0.82fr;
    gap: 56px;
    align-items: center;
  }
  .manager-kicker {
    color: var(--red);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    margin-bottom: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .manager-kicker-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--red);
    border-radius: 50%;
  }
  .manager-title {
    margin: 0 0 20px;
    font-size: clamp(34px, 4.2vw, 52px);
    font-weight: 900;
    line-height: 1.04;
    text-transform: uppercase;
    letter-spacing: -1.6px;
    color: #050505;
  }
  .highlight-red {
    color: var(--red);
  }
  .manager-desc {
    font-size: 18px;
    line-height: 1.55;
    color: #4b5563;
    margin: 0 0 34px;
    max-width: 620px;
  }
  .manager-features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .manager-feature-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 18px 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  }
  .manager-feature-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
    background: #ffffff;
  }
  .manager-feature-item.red-accent {
    border-left: 4px solid var(--red);
  }
  .manager-feature-item.dark-accent {
    border-left: 4px solid #0f172a;
  }
  .manager-feature-title {
    font-weight: 900;
    font-size: 14px;
    text-transform: uppercase;
    color: #0f172a;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0.2px;
  }
  .manager-feature-icon {
    font-size: 18px;
    line-height: 1;
  }
  .manager-feature-sub {
    font-size: 13px;
    color: #64748b;
    line-height: 1.45;
  }

  /* Card */
  .manager-card-col {
    position: relative;
  }
  .manager-card {
    background: #09090b;
    color: #ffffff;
    border: 1px solid #27272a;
    border-top: 4px solid #6366f1;
    padding: 40px 34px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.22);
  }
  .manager-card-glow {
    position: absolute;
    top: -80px;
    right: -80px;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.22) 0%, rgba(9, 9, 11, 0) 70%);
    pointer-events: none;
  }
  .manager-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
  }
  .manager-brand {
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .manager-logo-img {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: block;
    box-shadow: 0 10px 25px rgba(99, 102, 241, 0.35);
  }
  .manager-brand-text {
    display: flex;
    flex-direction: column;
  }
  .manager-brand-sub {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #a1a1aa;
  }
  .manager-brand-name {
    font-size: 26px;
    font-weight: 900;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1.1;
  }
  .manager-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #18181b;
    border: 1px solid #27272a;
    padding: 6px 13px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 800;
    color: #34d399;
    text-transform: uppercase;
    letter-spacing: 0.6px;
  }
  .status-pulse-dot {
    width: 7px;
    height: 7px;
    background: #34d399;
    border-radius: 50%;
    box-shadow: 0 0 10px #34d399;
  }
  .manager-card-body {
    margin-bottom: 32px;
    position: relative;
    z-index: 2;
  }
  .manager-card-heading {
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 10px;
    letter-spacing: -0.5px;
    color: #ffffff;
    line-height: 1.2;
  }
  .manager-card-copy {
    font-size: 15px;
    line-height: 1.55;
    color: #a1a1aa;
    margin: 0;
  }
  .manager-card-action {
    position: relative;
    z-index: 2;
  }
  .btn-max-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: linear-gradient(135deg, #38bdf8 0%, #6366f1 52%, #a855f7 100%);
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 20px 26px;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0 12px 32px rgba(99, 102, 241, 0.4);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    cursor: pointer;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
  }
  .btn-max-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 42px rgba(99, 102, 241, 0.55);
    filter: brightness(1.08);
  }
  .btn-max-cta:active {
    transform: translateY(0);
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.35);
  }
  .btn-max-icon {
    width: 22px;
    height: 22px;
    flex: none;
  }
  .btn-arrow {
    font-size: 20px;
    line-height: 1;
    transition: transform 0.2s ease;
  }
  .btn-max-cta:hover .btn-arrow {
    transform: translateX(4px);
  }
  .manager-card-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
    font-size: 12px;
    color: #71717a;
    position: relative;
    z-index: 2;
  }

  @media (max-width: 960px) {
    .manager-grid {
      grid-template-columns: 1fr;
      gap: 42px;
    }
  }
  @media (max-width: 600px) {
    .manager-container {
      padding: 60px 18px;
    }
    .manager-features-grid {
      grid-template-columns: 1fr;
    }
    .manager-card {
      padding: 28px 20px;
    }
    .manager-brand-name {
      font-size: 22px;
    }
    .btn-max-cta {
      padding: 16px 18px;
      font-size: 14px;
    }
  }


  .catalog-card {
    background: #fff;
    border: 1px solid #ddd;
    padding: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  }
  .catalog-card:hover {
    border-color: #b8b8b8;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
  }
  .catalog-card:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  }
  .catalog-card h3 {
    margin: 0 0 7px;
    font-size: 24px;
    text-transform: uppercase;
    transition: color 0.18s ease;
  }
  .catalog-card:hover h3 {
    color: var(--red);
  }
  .catalog-card p {
    margin: 0;
    color: #666;
  }
  .catalog-tag {
    flex: none;
    padding: 10px 14px;
    background: #111;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 2px;
    transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
  }
  .catalog-card:hover .catalog-tag {
    background: var(--red);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(230, 0, 0, 0.32);
  }
  .catalog-tag:hover {
    background: #ff1717 !important;
    transform: translateY(-2px) scale(1.04) !important;
    box-shadow: 0 8px 22px rgba(255, 23, 23, 0.45) !important;
  }
  .catalog-tag:active {
    transform: translateY(0) scale(1) !important;
    box-shadow: none !important;
  }