@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::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: rgb(59 130 246 / .5);--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-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-1\/2{left:50%}.left-3{left:.75rem}.right-4{right:1rem}.right-\[-4px\]{right:-4px}.top-0{top:0}.top-2\.5{top:.625rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[100\]{z-index:100}.z-\[999\]{z-index:999}.col-span-3{grid-column:span 3 / span 3}.m-4{margin:1rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mb-1{margin-bottom:.25rem}.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-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[280px\]{width:280px}.w-\[320px\]{width:320px}.w-full{width:100%}.w-px{width:1px}.max-w-\[180px\]{max-width:180px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-col-resize{cursor:col-resize}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[\#00C46A\]{--tw-border-opacity: 1;border-color:rgb(0 196 106 / var(--tw-border-opacity, 1))}.border-\[rgba\(0\,0\,0\,0\.2\)\]{border-color:#0003}.border-\[rgba\(0\,196\,106\,0\.2\)\]{border-color:#00c46a33}.border-\[rgba\(0\,196\,106\,0\.3\)\]{border-color:#00c46a4d}.border-\[rgba\(239\,68\,68\,0\.3\)\]{border-color:#ef44444d}.border-\[rgba\(255\,255\,255\,0\.05\)\]{border-color:#ffffff0d}.border-\[rgba\(255\,255\,255\,0\.06\)\]{border-color:#ffffff0f}.border-\[rgba\(255\,255\,255\,0\.1\)\]{border-color:#ffffff1a}.border-\[rgba\(255\,255\,255\,0\.2\)\]{border-color:#fff3}.bg-\[\#00C46A\]{--tw-bg-opacity: 1;background-color:rgb(0 196 106 / var(--tw-bg-opacity, 1))}.bg-\[\#07090F\]{--tw-bg-opacity: 1;background-color:rgb(7 9 15 / var(--tw-bg-opacity, 1))}.bg-\[\#0A0E16\]{--tw-bg-opacity: 1;background-color:rgb(10 14 22 / var(--tw-bg-opacity, 1))}.bg-\[\#0D1117\]{--tw-bg-opacity: 1;background-color:rgb(13 17 23 / var(--tw-bg-opacity, 1))}.bg-\[\#aaa\]{--tw-bg-opacity: 1;background-color:rgb(170 170 170 / var(--tw-bg-opacity, 1))}.bg-\[\#ffffff\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(0\,0\,0\,0\.2\)\]{background-color:#0003}.bg-\[rgba\(0\,196\,106\,0\.05\)\]{background-color:#00c46a0d}.bg-\[rgba\(0\,196\,106\,0\.08\)\]{background-color:#00c46a14}.bg-\[rgba\(0\,196\,106\,0\.1\)\]{background-color:#00c46a1a}.bg-\[rgba\(0\,196\,106\,0\.15\)\]{background-color:#00c46a26}.bg-\[rgba\(13\,17\,23\,0\.8\)\]{background-color:#0d1117cc}.bg-\[rgba\(13\,17\,23\,0\.9\)\]{background-color:#0d1117e6}.bg-\[rgba\(239\,68\,68\,0\.1\)\]{background-color:#ef44441a}.bg-\[rgba\(255\,200\,0\,0\.1\)\]{background-color:#ffc8001a}.bg-\[rgba\(255\,255\,255\,0\.02\)\]{background-color:#ffffff05}.bg-\[rgba\(255\,255\,255\,0\.03\)\]{background-color:#ffffff08}.bg-\[rgba\(255\,255\,255\,0\.05\)\]{background-color:#ffffff0d}.bg-\[rgba\(255\,255\,255\,0\.1\)\]{background-color:#ffffff1a}.bg-\[rgba\(255\,255\,255\,0\.15\)\]{background-color:#ffffff26}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pl-8{padding-left:2rem}.pr-6{padding-right:1.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-\[\'JetBrains_Mono\'\]{font-family:JetBrains Mono}.font-mono{font-family:JetBrains Mono,monospace}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.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-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#00C46A\]{--tw-text-opacity: 1;color:rgb(0 196 106 / var(--tw-text-opacity, 1))}.text-\[\#e0e0f0\]{--tw-text-opacity: 1;color:rgb(224 224 240 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / 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-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.accent-\[\#00C46A\]{accent-color:#00C46A}.opacity-60{opacity:.6}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--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\(0\,196\,106\,0\.2\)\]{--tw-shadow: 0 0 15px rgba(0,196,106,.2);--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)}.shadow-\[0_0_16px_rgba\(0\,196\,106\,0\.25\)\]{--tw-shadow: 0 0 16px rgba(0,196,106,.25);--tw-shadow-colored: 0 0 16px 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_25px_rgba\(0\,196\,106\,0\.15\)\]{--tw-shadow: 0 0 25px rgba(0,196,106,.15);--tw-shadow-colored: 0 0 25px 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_8px_rgba\(0\,196\,106\,0\.2\)\]{--tw-shadow: 0 0 8px rgba(0,196,106,.2);--tw-shadow-colored: 0 0 8px 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_8px_rgba\(0\,196\,106\,0\.3\)\]{--tw-shadow: 0 0 8px rgba(0,196,106,.3);--tw-shadow-colored: 0 0 8px 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_8px_rgba\(255\,255\,255\,0\.05\)\]{--tw-shadow: 0 0 8px rgba(255,255,255,.05);--tw-shadow-colored: 0 0 8px 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_12px_40px_rgba\(0\,0\,0\,0\.6\)\,0_0_20px_rgba\(0\,196\,106\,0\.15\)\]{--tw-shadow: 0 12px 40px rgba(0,0,0,.6),0 0 20px rgba(0,196,106,.15);--tw-shadow-colored: 0 12px 40px var(--tw-shadow-color), 0 0 20px 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-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.grayscale{--tw-grayscale: grayscale(100%);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)}.invert{--tw-invert: invert(100%);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)}.sepia{--tw-sepia: sepia(100%);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-2xl{--tw-backdrop-blur: blur(40px);-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-md{--tw-backdrop-blur: blur(12px);-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(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)}.backdrop-filter{-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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-primary: #07090f;--bg-secondary: rgba(10, 14, 22, .9);--bg-tertiary: #0d1117;--bg-card: rgba(13, 17, 23, .7);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .95);--text-tertiary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .5);--bg-glass: rgba(0, 214, 143, .03);--bg-glass-hover: rgba(0, 214, 143, .06);--bg-input: rgba(0, 214, 143, .04);--border-color: rgba(0, 214, 143, .08);--border-hover: rgba(0, 214, 143, .2);--border-glow: rgba(0, 214, 143, .45);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-accent: #00d68f;--accent-primary: #00d68f;--accent-primary-dim: rgba(0, 214, 143, .12);--accent-primary-light: #00f2c3;--accent-blue: #00aaff;--accent-cyan: #00e5ff;--accent-green: #00d68f;--accent-emerald: #00f2c3;--accent-amber: #fbbf24;--accent-pink: #ec4899;--accent-rose: #f43f5e;--accent-red: #ef4444;--gradient-primary: linear-gradient(135deg, #00d68f 0%, #00aaff 100%);--gradient-secondary: linear-gradient(135deg, #00f2c3 0%, #00aaff 100%);--gradient-success: linear-gradient(135deg, #00d68f 0%, #00e5ff 100%);--gradient-glass: linear-gradient(135deg, rgba(0, 214, 143, .05) 0%, rgba(0, 170, 255, .03) 100%);--gradient-border: linear-gradient(135deg, rgba(0, 214, 143, .3) 0%, rgba(0, 170, 255, .3) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 20px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .7);--shadow-glow: 0 0 30px rgba(0, 214, 143, .1);--shadow-glow-strong: 0 0 50px rgba(0, 214, 143, .2), 0 0 80px rgba(0, 170, 255, .12);--shadow-button: 0 4px 20px rgba(0, 214, 143, .25), 0 0 40px rgba(0, 170, 255, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 100px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.app{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);position:relative;overflow:hidden}.app:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 20%,rgba(0,214,143,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(6,182,212,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(236,72,153,.04) 0%,transparent 50%);animation:meshFloat 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes meshFloat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2%,1%) rotate(1deg)}50%{transform:translate(1%,-1%) rotate(-.5deg)}75%{transform:translate(-1%,2%) rotate(.5deg)}}.project-tabs{display:flex;align-items:center;gap:4px;background:#07090fd9;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);height:42px}.tabs-scroll{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;height:100%}.tabs-scroll::-webkit-scrollbar{display:none}.project-tab{display:flex;align-items:center;gap:10px;padding:0 16px;height:100%;background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;white-space:nowrap;transition:all .2s ease;min-width:110px;max-width:220px;color:var(--text-tertiary)}.project-tab:hover{color:var(--text-secondary);background:#ffffff05}.project-tab.active{background:#00c46a0d;border-bottom:2px solid var(--accent-primary);color:var(--text-primary)}.tab-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis}.tab-rename-input{background:transparent;border:none;color:inherit;font-family:inherit;font-size:13px;font-weight:700;padding:0;margin:0;width:100%;outline:none}.tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--text-tertiary);opacity:0;transition:all .3s ease}.project-tab:hover .tab-close{opacity:1}.tab-close:hover{background:#ffffff1a;color:var(--text-primary)}.add-project-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#00d68f26;border:1px solid rgba(0,214,143,.4);border-radius:var(--radius-sm);color:var(--accent-primary);font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;flex-shrink:0}.add-project-btn:hover{background:#00d68f40;transform:translateY(-1px)}.size-indicator{display:flex;align-items:center;gap:8px;padding:2px 8px;background:#0003;border-radius:4px;font-size:11px}.size-label{color:var(--text-tertiary)}.size-value{font-weight:700}.size-value.warning{color:#fbbf24}.size-value.danger{color:#ef4444}.live-indicator{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-tertiary)}.dot-green{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px var(--accent-primary)}.dot-yellow{width:6px;height:6px;background:#fbbf24;border-radius:50%;box-shadow:0 0 8px #fbbf24;animation:pulse 1s infinite}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.5}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0a0e16b3;border-bottom:1px solid rgba(255,255,255,.06);z-index:10;position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-left{display:flex;align-items:center;gap:16px}.text-logo{font-family:JetBrains Mono,Courier New,monospace;font-size:22px;font-weight:800;display:flex;align-items:center;letter-spacing:-1px}.logo-bracket{color:var(--accent-primary);opacity:.8;font-weight:900}.logo-text-flow{color:#fff}.logo-text-inject{color:var(--accent-primary)}.header-status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:10px;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.header-status-dot{width:5px;height:5px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px var(--accent-primary);display:inline-block}.header-center{display:flex;align-items:center;justify-content:center}.nav-pill-group{display:flex;align-items:center;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:4px;border-radius:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-pill-item{font-size:11px;font-weight:700;color:#ffffffa6;padding:6px 16px;border-radius:100px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.nav-pill-item:hover{color:#fff;background:#ffffff08}.nav-pill-item.active{color:#fff;background:#00c46a1f;border-color:#00c46a59;box-shadow:0 2px 10px #00c46a1a}.header-right{display:flex;align-items:center;gap:12px}.header-action-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:100px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative}.header-action-btn:hover{background:#ffffff14;border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px)}.user-profile-btn{display:flex;align-items:center;gap:8px;height:38px;padding:0 16px 0 10px;border-radius:100px;background:#00c46a14;border:1px solid rgba(0,196,106,.25);color:#00c46a;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s}.user-profile-btn:hover{background:#00c46a1f;border-color:#00c46a66;transform:translateY(-1px)}.user-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:800;background:#00c46a;color:#fff}.user-name-label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-menu{position:fixed;right:24px;top:60px;background:#07090ff2;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:6px;min-width:180px;z-index:9999;box-shadow:0 12px 40px #000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:dropdownFade .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{width:100%;text-align:left;padding:8px 12px;border-radius:8px;font-size:11px;font-weight:600;color:#ffffffb3;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.user-dropdown-item:hover{color:#fff;background:#ffffff0d}.user-dropdown-item.signout{color:#f87171}.user-dropdown-item.signout:hover{background:#ef444414}.user-dropdown-divider{height:1px;background:#ffffff0f;margin:4px 0}.header-login-btn{display:flex;align-items:center;gap:8px;height:38px;padding:0 18px;border-radius:100px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#00c46a,#00a857);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 15px #00c46a40;transition:all .2s}.header-login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00c46a59}.header-login-btn:active{transform:translateY(0)}.copy-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 24px;border:none;border-radius:100px;background:var(--accent-primary);color:#07090f;font-family:Inter,sans-serif;font-size:12px;font-weight:800;cursor:pointer;transition:box-shadow var(--transition-normal),transform var(--transition-normal);box-shadow:var(--shadow-button);overflow:hidden;letter-spacing:.5px;text-transform:uppercase;min-width:160px}.copy-btn-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.copy-btn-label{pointer-events:none}.copy-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong)}.copy-btn:active{transform:translateY(0) scale(.97)}.copy-btn.copied{background:var(--gradient-success);color:#07090f;box-shadow:0 4px 20px #00d68f66,0 0 50px #00d68f26}.copy-btn-icon{font-size:14px}.magnetic-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 20px;border-radius:100px;background:#0d111799;border:1px solid rgba(0,214,143,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;z-index:5;transition:border-color .4s ease,box-shadow .4s ease;will-change:transform}.magnetic-btn:hover{border-color:#00d68f80;box-shadow:0 0 25px #00d68f26}.liquid-glow-blob{position:absolute;top:0;left:0;width:200px;height:200px;background:radial-gradient(circle,rgba(0,214,143,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:1;transform:translate(-50%,-50%) scale(0);will-change:transform,opacity}.btn-label-top{position:relative;z-index:10;display:flex;align-items:center;gap:10px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;pointer-events:none}.premium-btn,.bubble-circle,.btn-content,.beam-btn,.border-beam,.liquid-container,.liquid-blob,.char-mask,.su_button_circle,.explode-circle,.desplode-circle{display:none!important}.preview-toggle{color:var(--text-secondary)}.preview-toggle:hover{color:var(--text-primary)}.preview-toggle.active{border-color:#00d68f4d;color:var(--accent-primary-light);background:var(--accent-primary-dim);box-shadow:0 0 20px #00d68f14}.main-content{display:flex;flex:1;overflow:hidden;position:relative;z-index:1}.sidebar{height:100%;width:100%;background:#08080eb3;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-header{padding:12px;border-bottom:1px solid var(--border-color)}.sidebar-title{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.sidebar-title-icon{font-size:14px}.sidebar-subtitle{font-size:11px;color:var(--text-tertiary);margin-top:5px;font-weight:400}.cdn-input-wrapper{padding:12px;border-bottom:1px solid var(--border-color)}.cdn-input-group{display:flex;gap:6px}.cdn-input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:11px;outline:none;transition:all var(--transition-normal)}.cdn-input::-moz-placeholder{color:var(--text-tertiary);font-family:Inter,sans-serif}.cdn-input::placeholder{color:var(--text-tertiary);font-family:Inter,sans-serif}.cdn-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d68f14,0 0 20px #8b5cf60f;background:#8b5cf608}.cdn-add-btn{width:38px;height:38px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--accent-primary-dim);color:var(--accent-primary-light);font-size:18px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.cdn-add-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 0 20px #00d68f33}.cdn-list{flex:1;overflow-y:auto;padding:10px}.cdn-item{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:6px;border-radius:var(--radius-md);background:var(--gradient-glass);border:1px solid var(--border-color);transition:all var(--transition-normal);animation:slideIn .4s var(--transition-spring)}@keyframes slideIn{0%{opacity:0;transform:translate(-12px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.cdn-item:hover{border-color:var(--border-hover);background:var(--bg-glass-hover);transform:translate(2px)}.cdn-item-badge{padding:3px 7px;border-radius:6px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;flex-shrink:0}.cdn-item-badge.css{background:#ec48991f;color:var(--accent-pink);border:1px solid rgba(236,72,153,.15)}.cdn-item-.badge.delete{background:#ef444433;color:#f87171;cursor:pointer;font-weight:900;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;margin-left:5px}.badge.delete:hover{background:#f87171;color:#fff}.clear-all-link{display:block;text-align:right;font-size:10px;color:#f87171;margin-bottom:10px;background:none;border:none;cursor:pointer;text-decoration:underline;opacity:.8}.clear-all-link:hover{opacity:1}.cdn-item-badge.js{background:#fbbf241a;color:var(--accent-amber);border:1px solid rgba(251,191,36,.15)}.cdn-item-url{flex:1;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdn-item-delete{width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all var(--transition-fast);flex-shrink:0}.cdn-item-delete:hover{background:#ef44441f;color:var(--accent-red);transform:scale(1.1)}.cdn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;color:#a0aec0;font-size:12px;text-align:center;gap:10px}.cdn-empty-icon{font-size:32px;opacity:.4;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.editor-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-tabs{display:flex;align-items:center;padding:8px 16px;background:#0a0c14bf;border-bottom:1px solid rgba(255,255,255,.08);gap:6px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.editor-tab{padding:7px 18px;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-pill);background:#ffffff05;color:var(--text-tertiary);font-family:Inter,sans-serif;font-size:11px;font-weight:700;cursor:pointer;position:relative;transition:all var(--transition-normal);display:flex;align-items:center;gap:8px;letter-spacing:.5px;text-transform:uppercase}.editor-tab:hover{color:var(--text-secondary);background:#ffffff0f;border-color:#ffffff1a}.editor-tab.active{color:var(--text-primary);background:#00c46a1f;border-color:#00c46a59;box-shadow:0 0 20px #00c46a26}.editor-tab.active .tab-dot{box-shadow:0 0 10px currentColor,0 0 4px currentColor}.tab-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:box-shadow var(--transition-normal)}.tab-dot.html{background:var(--accent-blue)}.tab-dot.css{background:var(--accent-pink)}.tab-dot.js{background:var(--accent-amber)}.editor-preview-container{flex:1;display:flex;overflow:hidden}.editor-wrapper{flex:1;overflow:hidden;min-width:0}.preview-panel{width:100%;min-width:100%;border-left:1px solid var(--border-color);display:flex;flex-direction:column;background:#08080eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.preview-header{padding:10px 18px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.preview-title{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.preview-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--accent-green)}50%{opacity:.5;box-shadow:0 0 4px var(--accent-green)}}.preview-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.preview-actions{display:flex;align-items:center;gap:8px}.preview-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.preview-action-btn:hover{background:#ffffff1a;border-color:var(--accent-primary);color:var(--accent-primary)}.console-toggle-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-tertiary);font-size:11px;padding:4px 10px;cursor:pointer;transition:all .2s ease}.console-toggle-btn:hover,.console-toggle-btn.active{background:#00d68f1a;color:var(--accent-primary);border-color:#00d68f4d}.preview-console{height:180px;background:#0d1117;border-top:2px solid var(--border-color);display:flex;flex-direction:column;font-family:JetBrains Mono,monospace;font-size:11px;z-index:20}.console-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.console-clear{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:10px;opacity:.7}.console-clear:hover{opacity:1}.console-logs{flex:1;overflow-y:auto;padding:8px 0}.console-item{display:flex;gap:8px;padding:4px 12px;border-bottom:1px solid rgba(255,255,255,.02);white-space:pre-wrap;word-break:break-all}.console-item.error{background:#ef44440d;color:#fca5a5}.console-item.warn{background:#fbbf240d;color:#fde68a}.console-item:hover{background:#ffffff05}.log-icon{opacity:.5;width:10px;flex-shrink:0}.sidebar-container{max-width:300px;width:100%;display:flex;flex-direction:column;gap:20px;padding:1rem;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;justify-content:space-between}.snippets-library{display:flex;height:200px;flex-direction:column;gap:12px}.snippets-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.snippets-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.add-snippet-top-btn{padding:4px 10px;background:#00d68f1a;border:1px solid rgba(0,214,143,.2);border-radius:6px;color:var(--accent-primary);font-size:10px;font-weight:800;cursor:pointer;text-transform:uppercase;display:flex;align-items:center;gap:5px;transition:all .2s ease}.add-snippet-top-btn:hover{background:#00d68f33;border-color:var(--accent-primary);transform:translateY(-1px)}.add-snippet-top-btn .plus{font-size:14px;line-height:1}.snippets-list{display:flex;flex-direction:column;gap:8px}.snippet-item{padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease}.snippet-item:hover{background:#ffffff0d;border-color:#00d68f33;transform:translateY(-1px)}.snippet-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.snippet-name{font-size:12px;font-weight:700;color:var(--text-secondary)}.snippet-badges{display:flex;gap:4px}.badge{font-size:9px;font-weight:800;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:2px;color:#000}.badge.html{background:#e34f26}.badge.css{background:#1572b6}.badge.js{background:#f7df1e}.snippet-hint{font-size:10px;color:var(--text-tertiary);margin-top:4px;font-weight:500}.snippets-empty{padding:24px 16px;text-align:center;font-size:11px;color:var(--text-muted);border:1px dashed rgba(255,255,255,.08);border-radius:8px;margin-top:10px;background:#ffffff03}.preview-iframe-wrapper{flex:1;background:#fff;overflow:hidden;margin:10px;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:inset 0 2px 10px #0000001a}.preview-iframe{width:100%;height:100%;border:none}.toast-container{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:1000}.toast{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#10101ce6;border:1px solid var(--border-color);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg),var(--shadow-glow);animation:toastIn .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);max-width:600px}.toast.success{border-color:#10b98140;box-shadow:var(--shadow-lg),0 0 30px #10b98114}.toast.error{border-color:#ef444440;box-shadow:var(--shadow-lg),0 0 30px #ef444414}.toast-icon{font-size:16px}.toast-message{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.4}@keyframes toastIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background:#07090ff2;border-top:1px solid rgba(255,255,255,.08);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-tertiary);z-index:10;position:relative;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-transform:uppercase;letter-spacing:.5px}.status-left,.status-right{display:flex;align-items:center;gap:20px}.status-item{display:flex;align-items:center;gap:6px;font-weight:700}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green);animation:statusPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.typing-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;background:#00d68f1f;border:1px solid rgba(0,214,143,.25);border-radius:10px;color:var(--accent-primary);font-size:10px;font-weight:700;letter-spacing:.3px;animation:typingPulse 1s ease-in-out infinite}@keyframes typingPulse{0%,to{opacity:.6}50%{opacity:1}}.sidebar-toggle-btn{display:none;width:36px;height:36px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;justify-content:center;transition:all var(--transition-fast)}.sidebar-toggle-btn:hover{background:#00d68f14;border-color:#00d68f4d;color:var(--accent-primary)}.sidebar-overlay,.sidebar-mobile-actions{display:none}.embed-resize-divider:hover{background:#00c46a26!important}.embed-resize-divider:hover>div:first-child{background:#00c46a80!important;height:60px!important}.embed-resize-divider.active{background:#00c46a!important}.embed-resize-divider.active>div:first-child{background:#fff!important}@media (max-width: 900px){.sidebar{width:100%}.preview-panel{width:38%;min-width:240px}.copy-btn{padding:9px 18px;font-size:12px}}@media (max-width: 700px){html,body,#root{height:100%;overflow:hidden}.app{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.header{padding:8px 12px;flex-shrink:0}.header-subtitle{display:none}.header-title{font-size:14px}.header-logo{width:28px;height:28px}.header-right{display:none}.sidebar-toggle-btn{display:flex;margin-left:auto}.main-content{flex:1;flex-direction:column;overflow:hidden;height:0}.sidebar-toggle-btn{display:flex}.sidebar-container{position:fixed;top:0;left:0;width:280px;height:100dvh;z-index:2000;background:var(--bg-primary);border-right:1px solid var(--border-color);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:16px;overflow-y:auto;flex-direction:column;gap:12px;box-shadow:10px 0 40px #0009}.sidebar-container.open{transform:translate(0);padding-top:4.5rem;padding-bottom:2rem;overflow-y:auto}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1999}.sidebar-mobile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;flex-shrink:0;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.sidebar-action-btn{display:flex;align-items:center;gap:6px;padding:8px 24px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center}.sidebar-action-btn:hover{background:#00d68f14;border-color:#00d68f4d;color:var(--accent-primary)}.sidebar-mobile-actions .magnetic-btn,.sidebar-mobile-actions .preview-toggle{flex:1;justify-content:center;min-width:0}.sidebar-mobile-actions .copy-btn{padding:8px 12px;font-size:11px}.sidebar{height:auto;min-height:300px;border-right:none;border:1px solid var(--border-color);border-radius:var(--radius-md)}.snippets-library{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;justify-content:space-between}.editor-area{display:flex;flex-direction:column;flex:55;overflow:hidden;min-height:0}.editor-tabs{flex-shrink:0;padding:6px 10px;gap:2px}.editor-tab{padding:7px 14px;font-size:11px}.editor-preview-container{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.editor-wrapper{flex:1;min-height:0;overflow:hidden}.preview-panel{flex:45;width:100%!important;min-width:unset;min-height:0;border-left:none;border-top:1px solid var(--border-color);display:flex;flex-direction:column}.preview-header{padding:8px 14px;flex-shrink:0}.preview-iframe-wrapper{flex:1;margin:6px;min-height:0}.status-bar{flex-shrink:0;padding:4px 12px;font-size:10px;z-index:auto}.status-right{gap:10px}.toast-container{top:24px;bottom:auto;width:100%;max-width:none;left:0;transform:none;display:flex;justify-content:center;padding:0 16px}.toast{max-width:100%;width:auto;min-width:280px;padding:12px 20px;font-size:13px;background:#0d1117d9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 40px #0006,0 0 20px #00d68f0d;animation:toastSlideDown .5s cubic-bezier(.16,1,.3,1)}.toast.success{border-bottom:2px solid var(--accent-primary)}.toast.error{border-bottom:2px solid var(--accent-red)}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}}@media (max-width: 420px){.header-right{gap:6px}.copy-btn span:not(.copy-btn-icon){display:none}.editor-area,.preview-panel{flex:50}}::-moz-selection{background:#8b5cf640;color:var(--text-primary)}::selection{background:#8b5cf640;color:var(--text-primary)}.cdn-item.editing{background:#00d68f0d;border-color:var(--accent-primary);padding:8px}.cdn-edit-row{display:flex;gap:6px;width:100%}.cdn-edit-input{flex:1;padding:6px 8px;border:1px solid var(--accent-primary);border-radius:4px;background:#0003;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:10px;outline:none}.cdn-edit-save,.cdn-edit-cancel,.cdn-item-edit{width:24px;height:24px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:all var(--transition-fast);flex-shrink:0}.cdn-edit-save{background:#10b98133;color:var(--accent-green)}.cdn-edit-save:hover{background:#10b98166}.cdn-edit-cancel{background:#ef444433;color:var(--accent-red)}.cdn-edit-cancel:hover{background:#ef444466}.cdn-item-edit{background:transparent;color:var(--text-tertiary)}.cdn-item-edit:hover{background:#00d68f33;color:var(--accent-primary-light)}.cdn-item-url{cursor:pointer}.cdn-item-url:hover{color:var(--accent-primary-light);text-decoration:underline}.footer{padding:8px 20px;z-index:unset!important;background:var(--bg-tertiary);border-top:1px solid var(--border-color);text-align:center;font-size:11px;color:var(--text-tertiary);z-index:10;position:relative;letter-spacing:.3px}.footer-link{color:#00c46a;text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.footer-link-hover:hover,.footer-link:hover{color:#00c46a}.mobile-route-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill, 100px);background:#0d111799;border:1px solid rgba(0,214,143,.12);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;z-index:5;transition:border-color .4s ease,box-shadow .4s ease;will-change:transform;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:8px 24px;color:var(--text-secondary);width:100%}.mobile-route-btn:hover{border-color:#00d68f4d;color:var(--text-primary)}.mobile-route-btn.active{border-color:var(--accent-primary);background:#00d68f1a;color:var(--accent-primary);box-shadow:0 0 15px #00d68f33}@keyframes chakraToastIn{0%{transform:translateY(24px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes chakraToastOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes fadeInBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeOutBackdrop{0%{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes scaleDownModal{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(6px)}}.modal-backdrop-animate{animation:fadeInBackdrop .45s cubic-bezier(.25,1,.5,1) forwards}.modal-content-animate{animation:scaleUpModal .5s cubic-bezier(.25,1,.5,1) forwards}.modal-backdrop-closing{animation:fadeOutBackdrop .38s cubic-bezier(.25,1,.5,1) forwards!important}.modal-content-closing{animation:scaleDownModal .38s cubic-bezier(.25,1,.5,1) forwards!important}.collaborator-avatar{position:relative;transition:transform .2s ease,border-color .2s ease}.collaborator-avatar:hover{transform:translateY(-2px);z-index:100;border-color:#00c46a!important}.collaborator-avatar:after{content:attr(data-tooltip);position:absolute;bottom:-36px;left:50%;transform:translate(-50%);background:#07090ff2;border:1px solid rgba(255,255,255,.08);color:#fff;padding:6px 10px;border-radius:8px;font-size:10px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:99999;box-shadow:0 8px 24px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.collaborator-avatar:hover:after{opacity:1;transform:translate(-50%) translateY(4px)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-3:after{content:var(--tw-content);height:.75rem}.after\:w-3:after{content:var(--tw-content);width:.75rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-gray-400:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x: 1.01;--tw-scale-y: 1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#00C46A\]:hover{--tw-border-opacity: 1;border-color:rgb(0 196 106 / var(--tw-border-opacity, 1))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#00C46A\]:hover{--tw-bg-opacity: 1;background-color:rgb(0 196 106 / var(--tw-bg-opacity, 1))}.hover\:bg-\[rgba\(0\,196\,106\,0\.1\)\]:hover{background-color:#00c46a1a}.hover\:bg-\[rgba\(0\,196\,106\,0\.2\)\]:hover{background-color:#00c46a33}.hover\:bg-\[rgba\(13\,17\,23\,1\)\]:hover{background-color:#0d1117}.hover\:bg-\[rgba\(239\,68\,68\,0\.2\)\]:hover{background-color:#ef444433}.hover\:bg-\[rgba\(255\,255\,255\,0\.08\)\]:hover{background-color:#ffffff14}.hover\:bg-\[rgba\(255\,255\,255\,0\.1\)\]:hover{background-color:#ffffff1a}.hover\:bg-\[rgba\(255\,255\,255\,0\.15\)\]:hover{background-color:#ffffff26}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:text-\[\#00C46A\]:hover{--tw-text-opacity: 1;color:rgb(0 196 106 / var(--tw-text-opacity, 1))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / 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-\[\#00C46A\]:focus{--tw-border-opacity: 1;border-color:rgb(0 196 106 / var(--tw-border-opacity, 1))}.active\:scale-\[0\.99\]:active{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:opacity-50:disabled{opacity:.5}.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\:opacity-100{opacity:1}.group:active .group-active\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:bg-\[rgba\(0\,196\,106\,0\.3\)\]{background-color:#00c46a4d}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:checked~.peer-checked\:after\:bg-\[\#00C46A\]:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(0 196 106 / var(--tw-bg-opacity, 1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1B3A2E;--secondary: #7A8F85;--tertiary: #4E8B6A;--neutral: #F4F7F4;--surface: #FFFFFF;--on-primary: #FFFFFF;--nav-bg: rgba(255, 255, 255, .9);--nav-border: rgba(27, 58, 46, .08);--btn-hover-bg: #1B3A2E;--rounded-sm: 6px;--rounded-md: 10px;--rounded-lg: 16px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px}[data-theme=dark]{--primary: #E2E8E4;--secondary: #9EB0A6;--tertiary: #5CA07B;--neutral: #0B110F;--surface: #131C18;--on-primary: #FFFFFF;--nav-bg: rgba(19, 28, 24, .9);--nav-border: rgba(255, 255, 255, .05);--btn-hover-bg: #0B110F}.lp{font-family:DM Sans,sans-serif;background:var(--neutral);color:var(--primary);overflow-x:hidden;overflow-y:auto;height:100vh}.lp *,.lp *:before,.lp *:after{transition-property:background-color,border-color,color;transition-duration:.2s;transition-timing-function:ease}.lp .btn-primary,.lp .btn-ghost,.lp .surface-card,.lp .nav-link,.lp .mobile-menu-btn{transition-property:all}.text-display{font-family:DM Sans,sans-serif;font-size:3.5rem;font-weight:500;letter-spacing:-.02em;line-height:1.1}.text-h1{font-family:DM Sans,sans-serif;font-size:2rem;font-weight:500;line-height:1.2}.text-body{font-family:DM Sans,sans-serif;font-size:1rem;line-height:1.65;color:var(--secondary)}.text-label{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.fade-up{opacity:0;filter:blur(8px);transform:scale(.98);will-change:transform,opacity,filter}.reveal-text,.timeline-title,.timeline-desc,.timeline-step-num{overflow:hidden;display:block}.reveal-text .line,.timeline-desc .line{overflow:hidden}.reveal-text .word,.reveal-text .char,.timeline-title .char{display:inline-block;will-change:transform,opacity}.container{max-width:1140px;margin:0 auto;padding:0 24px}.surface-card{background-color:var(--surface);color:var(--primary);border-radius:var(--rounded-lg);padding:40px;border:1px solid var(--nav-border)}.container-narrow{max-width:800px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:var(--tertiary);color:var(--on-primary);border-radius:var(--rounded-md);padding:12px 24px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;border:none;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000000d}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:transform .6s ease;z-index:-1;transform:skew(-20deg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.supprx-btn{display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;border-radius:100px;padding:14px 38px!important;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:all .35s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;z-index:1}.supprx-btn.btn-primary{background:linear-gradient(135deg,var(--tertiary) 0%,#3e7356 100%);color:var(--on-primary);box-shadow:0 4px 12px #4e8b6a26;border:1px solid rgba(255,255,255,.1)}.supprx-btn.btn-secondary{background:#ffffff08;color:var(--primary);border:1px solid var(--nav-border)}[data-theme=dark] .supprx-btn.btn-secondary{background:#ffffff05;border-color:#ffffff14;color:var(--primary)}.supprx-btn.btn-primary:hover{transform:none;box-shadow:0 8px 24px #4e8b6a59;border-color:#fff3}.supprx-btn.btn-secondary:hover{transform:none;background:#ffffff14;border-color:var(--tertiary);box-shadow:0 8px 24px #0000000d}.btn-marquee-inner{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%}.btn-text-main{display:inline-flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.25,1,.5,1),opacity .25s ease;will-change:transform,opacity}.btn-text-hover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;white-space:nowrap;opacity:0;transform:translateY(100%);transition:transform .35s cubic-bezier(.25,1,.5,1),opacity .25s ease;pointer-events:none;will-change:transform,opacity}.btn-text-hover-track{display:flex;gap:24px;animation:btn-marquee-scroll 12s linear infinite;animation-play-state:paused}.btn-text-hover-track span{flex-shrink:0}.supprx-btn:hover{padding-left:0!important;padding-right:0!important}.supprx-btn:hover .btn-text-main{transform:translateY(-130%);opacity:0}.supprx-btn:hover .btn-text-hover{opacity:1;transform:translateY(0)}.supprx-btn:hover .btn-text-hover-track{animation-play-state:running}@keyframes btn-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.btn-text-wrapper{display:flex;align-items:center;justify-content:center}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:transparent;color:var(--primary);border-radius:var(--rounded-md);padding:12px 20px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;border:1px solid var(--secondary);cursor:pointer;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-ghost:hover{background-color:var(--tertiary);color:var(--on-primary);border-color:var(--tertiary);transform:translateY(-2px);box-shadow:0 8px 25px #4e8b6a33}.lp-section{padding:80px 0}.lp-nav{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:999;width:min(800px,calc(100% - 48px));display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--nav-bg, rgba(255, 255, 255, .9));border:1px solid var(--nav-border, rgba(27, 58, 46, .08));border-radius:100px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:transform,backdrop-filter;transition:background-color .2s ease,border-color .2s ease}.lp-logo{font-weight:500;font-size:18px;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-links{display:flex;align-items:center;gap:24px}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--primary);cursor:pointer;padding:8px}.nav-center-mobile{position:absolute;top:100%;left:0;width:100%;background:var(--nav-bg, rgba(255, 255, 255, .9));border:1px solid var(--nav-border, rgba(27, 58, 46, .08));border-radius:16px;padding:16px;margin-top:8px;gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-center-mobile.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-link{color:var(--secondary);text-decoration:none;font-size:.875rem;font-weight:600;position:relative;padding:6px 4px;transition:color .3s cubic-bezier(.25,1,.5,1);background:none;border:none;cursor:pointer}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tertiary);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.25,1,.5,1)}.nav-link:hover{color:var(--primary)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.nav-actions{display:flex;align-items:center;gap:12px}.btn-theme{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--secondary);cursor:pointer;padding:8px;transition:color .2s}.btn-theme:hover{color:var(--primary)}.hero-section{padding:180px 0 100px;text-align:center;position:relative}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--tertiary) 1px,transparent 1px);background-size:32px 32px;opacity:.12;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 70%);animation:gridPulse 4s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes gridPulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.18;transform:scale(1.02)}}.hero-section>*{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;background:#4e8b6a14;border:1px solid rgba(78,139,106,.2);color:var(--tertiary);border-radius:100px;font-size:.85rem;font-weight:600;letter-spacing:.03em;margin-bottom:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #4e8b6a0d;transition:all .3s cubic-bezier(.25,1,.5,1);cursor:default}[data-theme=dark] .hero-badge{background:#5ca07b0f;border-color:#5ca07b26;box-shadow:0 4px 20px #0003}.hero-badge:hover{background:#4e8b6a26;border-color:#4e8b6a59;transform:translateY(-1px)}.badge-dot{width:8px;height:8px;background:var(--tertiary);border-radius:50%;left:1px;display:inline-block;position:relative;flex-shrink:0}.badge-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 2px var(--tertiary);opacity:.4;animation:badgePulse 2s cubic-bezier(.24,0,.38,1) infinite;box-sizing:border-box}@keyframes badgePulse{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}.hero-title{max-width:900px;margin:0 auto 24px;font-family:DM Sans,sans-serif;font-size:clamp(3rem,9vw,5.5rem);letter-spacing:-.04em;line-height:1.05;color:var(--primary)}.hero-thin{font-weight:200;text-transform:math-auto;opacity:.7}.hero-bold{font-weight:700;letter-spacing:-.05em}.hero-sub{max-width:600px;margin:0 auto 40px;font-size:1.25rem}.hero-ctas{display:flex;gap:16px;justify-content:center}.hero-btn{font-size:1.125rem!important}.hero-mockup{margin-top:80px;width:100%;max-width:1000px;background:var(--surface);border:1px solid var(--nav-border);border-radius:16px;overflow:visible;box-shadow:0 30px 60px #0000001f,0 0 100px #1b3a2e0d;position:relative;will-change:transform}.mockup-chrome{display:flex;gap:8px;padding:16px 24px;background:var(--bg);border-bottom:1px solid var(--nav-border);border-radius:16px 16px 0 0;overflow:hidden}.chrome-dot{width:12px;height:12px;border-radius:50%}.chrome-dot.red{background:#ff5f56}.chrome-dot.yellow{background:#ffbd2e}.chrome-dot.green{background:#27c93f}.mockup-content{display:grid;grid-template-columns:1.2fr .8fr;min-height:400px}.mockup-editor{padding:32px;border-right:1px solid var(--nav-border);font-family:monospace;font-size:14px;color:var(--secondary);border-radius:0 0 0 16px;text-align:left;line-height:1.8;background:var(--surface)}.editor-comment{color:var(--primary);margin-bottom:12px}.mockup-preview{padding:40px;background:var(--neutral);display:flex;overflow:hidden;border-radius:0 0 16px;align-items:center;justify-content:center}.preview-card{padding:32px;background:var(--surface);border-radius:16px;box-shadow:0 20px 40px #00000014;border:1px solid var(--nav-border);width:100%;max-width:280px;text-align:center}.preview-card h1{margin:0;font-size:24px;color:var(--primary)}.hero-fragment{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border:1px solid var(--nav-border);border-radius:10px;font-size:12px;font-weight:600;color:var(--tertiary);box-shadow:0 8px 32px #00000014,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;z-index:10;pointer-events:none;will-change:transform}.hero-fragment svg{flex-shrink:0}.frag-1{top:30px;left:-60px;animation:fragFloat 5s ease-in-out infinite}.frag-2{top:60px;right:-70px;animation:fragFloat 6s ease-in-out 1s infinite}.frag-3{bottom:80px;left:-50px;animation:fragFloat 5.5s ease-in-out .5s infinite}.frag-4{bottom:40px;right:-60px;animation:fragFloat 6.5s ease-in-out 1.5s infinite}@keyframes fragFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (max-width: 768px){.hero-fragment{display:none}}.bento-section{padding:120px 0}.bento-header{text-align:center;margin-bottom:64px}.bento-header h2{font-size:clamp(2rem,5vw,3.5rem)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.bento-item{display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,border-color .3s ease}.bento-item:hover{border-color:var(--tertiary);transform:translateY(-5px)}.bento-wide{grid-column:span 12;flex-direction:row;align-items:center;background:linear-gradient(135deg,var(--surface) 0%,var(--neutral) 100%)}.bento-square{grid-column:span 6}.bento-center{text-align:center;flex-direction:column;justify-content:center}.bento-info{max-width:450px}.bento-icon{width:56px;height:56px;background:var(--neutral);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:24px}.bento-icon-center{margin:0 auto 24px}.bento-visual{flex:1;display:flex;justify-content:flex-end;padding-left:40px}.visual-code{background:var(--neutral);padding:24px;border-radius:16px;border:1px solid var(--nav-border);width:100%;max-width:380px;transform:rotate(2deg);box-shadow:0 20px 40px #0000000d;font-family:monospace;font-size:14px;line-height:1.6;overflow-x:auto}.c-comment{color:var(--primary)}.timeline-section{padding:120px 0;background:var(--surface);border-top:1px solid var(--nav-border);border-bottom:1px solid var(--nav-border)}.timeline-section-title{text-align:center;margin-bottom:80px;font-size:clamp(2rem,5vw,3rem)}.process-timeline{position:relative;padding-left:60px;margin:0 auto;max-width:600px}.timeline-line-bg{position:absolute;left:11px;top:12px;bottom:12px;width:2px;background:var(--nav-border)}.timeline-line-active{position:absolute;left:11px;top:12px;width:2px;height:0%;background:var(--tertiary);z-index:1}.process-step{position:relative;margin-bottom:80px}.process-step:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-60px;top:0;width:24px;height:24px;border-radius:50%;background:var(--surface);border:4px solid var(--nav-border);z-index:2;transition:all .3s ease}.timeline-step-num{color:var(--tertiary);margin-bottom:8px;margin-top:4px}.timeline-title{font-size:1.75rem;margin-bottom:12px}.timeline-desc{max-width:500px}.splide__pagination{bottom:-40px!important}.splide__pagination__page{background:var(--secondary)!important;opacity:.3!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;margin:0 6px!important}.splide__pagination__page.is-active{opacity:1!important;transform:scale(1)!important;width:24px!important;border-radius:10px!important;background:var(--tertiary)!important}.faq-list{max-width:800px;margin:64px auto 0}.faq-item{border-bottom:1px solid rgba(27,58,46,.1);padding:24px 0}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-size:1.25rem;font-weight:500;color:var(--primary);cursor:pointer;text-align:left;font-family:inherit}.faq-icon{font-size:1.5rem;color:var(--secondary);transition:transform .3s}.faq-item.open .faq-icon{color:var(--primary)}.faq-a-grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.faq-item.open .faq-a-grid{grid-template-rows:1fr}.faq-a-inner{min-height:0;overflow:hidden;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);color:var(--secondary)}.faq-item.open .faq-a-inner{opacity:1}.faq-a-inner p{padding-top:16px;margin:0}.feature-marquee{position:relative;padding:0;overflow:hidden;background:var(--neutral)}.feature-marquee:before,.feature-marquee:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:min(1140px,calc(100% - 48px));height:1px;background:linear-gradient(90deg,transparent 0%,var(--nav-border) 20%,var(--tertiary) 50%,var(--nav-border) 80%,transparent 100%);opacity:.6;z-index:5}.feature-marquee:before{top:0}.feature-marquee:after{bottom:0}.feature-marquee-inner{padding:48px 0;background:linear-gradient(180deg,#5ca07b05,#5ca07b0a,#5ca07b05);display:flex;flex-direction:column;gap:20px;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%)}.feature-marquee-track{display:flex;white-space:nowrap;width:100%;overflow:hidden}.feature-marquee-row,.feature-marquee-row-reverse{display:flex;gap:48px;align-items:center;will-change:transform}.feature-marquee-item{display:inline-flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:600;color:var(--secondary);white-space:nowrap;padding:8px 20px;border-radius:100px;border:1px solid var(--nav-border);background:var(--surface);transition:all .3s ease;flex-shrink:0}.feature-marquee-item:hover{color:var(--primary);border-color:var(--tertiary);box-shadow:0 0 16px #5ca07b1f;transform:scale(1.03)}@media (prefers-reduced-motion: reduce){.feature-marquee-row,.feature-marquee-row-reverse{transform:none!important}.feature-marquee-row{flex-wrap:wrap;justify-content:center;gap:12px}}.cta-section{text-align:center;padding:100px 0;position:relative;overflow:hidden}.cta-box{background:radial-gradient(circle at center,rgba(92,160,123,.12) 0%,transparent 75%),#131c1866;border:1px solid rgba(92,160,123,.25);border-radius:24px;padding:90px 40px;max-width:940px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 40px 100px -25px #000000b3,inset 0 1px #ffffff0d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.cta-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--tertiary) .8px,transparent .8px);background-size:24px 24px;opacity:.06;pointer-events:none;z-index:0}.cta-glow{position:absolute;top:-150px;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(92,160,123,.2) 0%,transparent 70%);filter:blur(60px);pointer-events:none;z-index:1}.cta-content{position:relative;z-index:2}.cta-badge-new{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:#5ca07b1a;border:1px solid rgba(92,160,123,.3);color:var(--tertiary);font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px;position:relative;z-index:2}.badge-dot-glowing{width:6px;height:6px;background-color:var(--tertiary);border-radius:50%;display:inline-block;box-shadow:0 0 8px var(--tertiary);animation:pulse-dot-anim 1.5s infinite}.cta-title{color:var(--primary);line-height:1.15}.cta-trust-grid{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:48px;flex-wrap:wrap}.cta-trust-item{display:flex;align-items:center;gap:8px;color:var(--secondary);font-size:.9rem;font-weight:500}.cta-trust-item svg{flex-shrink:0}.lp-footer{position:relative;padding:80px 0 0;margin-top:0;background:var(--neutral);border-top:none}.lp-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(1140px,calc(100% - 48px));height:1px;background:linear-gradient(90deg,transparent 0%,var(--nav-border) 20%,var(--tertiary) 50%,var(--nav-border) 80%,transparent 100%);opacity:.6}.footer-grid{display:grid;grid-template-columns:1.8fr 1.1fr 1.1fr;gap:48px;padding-bottom:56px}.footer-col{display:flex;flex-direction:column}.footer-brand-col{padding-right:32px}.footer-logo{display:inline-flex;align-items:center;gap:4px;text-decoration:none;margin-bottom:16px;transition:opacity .2s ease}.footer-logo:hover{opacity:.8}.footer-tagline{font-size:.875rem;line-height:1.65;color:var(--secondary);margin-bottom:28px;max-width:300px}.footer-newsletter-label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin-bottom:10px}.footer-newsletter-row{display:flex;gap:0;border:1px solid var(--nav-border);border-radius:10px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.footer-newsletter-row:focus-within{border-color:var(--tertiary);box-shadow:0 0 0 3px #5ca07b1f}.footer-newsletter-input{flex:1;padding:10px 14px;border:none;outline:none;background:transparent;color:var(--primary);font-family:DM Sans,sans-serif;font-size:.875rem}.footer-newsletter-input::-moz-placeholder{color:var(--secondary);opacity:.5}.footer-newsletter-input::placeholder{color:var(--secondary);opacity:.5}.footer-newsletter-btn{display:flex;align-items:center;justify-content:center;padding:10px 14px;background:var(--tertiary);border:none;color:var(--on-primary);cursor:pointer;transition:background .2s ease,transform .2s ease}.footer-newsletter-btn:hover{filter:brightness(1.1);transform:translate(2px)}.footer-newsletter-btn:active{transform:scale(.95)}.footer-heading{font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:20px;opacity:.7}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-link{font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--secondary);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color .3s ease,transform .3s ease;display:inline-flex;align-items:center;gap:8px;position:relative}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1.5px;background:var(--tertiary);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.4,0,.2,1)}.footer-link:hover{color:var(--primary);text-shadow:none!important;transform:translateY(-2px)}.footer-link:hover:after{transform:scaleX(1);transform-origin:left}.footer-link-disabled{cursor:default;opacity:.5}.footer-link-disabled:after{display:none}.footer-link-disabled:hover{color:var(--secondary)}.footer-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.25);line-height:1;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid var(--nav-border)}.footer-copyright{font-size:.8rem;color:var(--secondary);opacity:.7}.footer-author-link{color:var(--tertiary);text-decoration:none;font-weight:600;transition:color .2s ease}.footer-author-link:hover{color:var(--primary)}.footer-socials{display:flex;align-items:center;gap:8px}.footer-social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:transparent;color:var(--secondary);text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.footer-social-icon:hover{color:var(--primary);background:var(--surface);border-color:var(--nav-border);transform:translateY(-2px)}.footer-social-icon:active{transform:translateY(0) scale(.95)}@media (max-width: 1024px){.mockup-content{grid-template-columns:1fr}.mockup-preview{border-radius:0 0 16px 16px}.mockup-editor{border-right:none;border-bottom:1px solid var(--nav-border);border-radius:0}.bento-wide{flex-direction:column;text-align:center}.bento-visual{padding-left:0;margin-top:40px;justify-content:center}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand-col{grid-column:span 2;padding-right:0}}@media (max-width: 768px){.hero-section{padding:140px 0 80px}.surface-card.bento-item.bento-wide.bento-center.fade-up{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.bento-icon-center{margin:0 0 24px}.bento-info{max-width:none;text-align:left}.bento-square{grid-column:span 12}.process-timeline{padding-left:40px}.timeline-dot{left:-40px;width:20px;height:20px}.timeline-line-bg,.timeline-line-active{left:9px}.footer-grid{grid-template-columns:1fr;gap:32px;text-align:left}.footer-brand-col{grid-column:span 1;align-items:flex-start}.footer-tagline{max-width:100%}.footer-newsletter{width:100%}.footer-newsletter-row{max-width:380px;width:100%;margin:0}.footer-col,.footer-links{align-items:flex-start}.footer-link{text-align:left;justify-content:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px;text-align:left}.lp-footer{padding:48px 0 0}.nav-links,.desktop-only{display:none}.lp-nav{justify-content:space-between;align-items:center}.nav-actions{gap:12px}.mobile-menu-btn{display:flex}.nav-center-mobile{position:absolute;top:100%;left:0;width:100%;margin-top:16px;background:var(--surface);border:1px solid var(--nav-border);border-radius:var(--rounded-lg);box-shadow:0 20px 40px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.nav-center-mobile.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-inner{padding:24px;display:flex;flex-direction:column;gap:8px}}@media (max-width: 480px){.hero-ctas{flex-direction:column;width:100%;padding:0 20px}.hero-btn{width:100%}.surface-card{padding:24px}.bento-visual{display:none}.preview-card{max-width:220px}.cta-box{padding:60px 20px}}@media (max-width: 768px){.text-display{font-size:2.25rem!important;line-height:1.15}}@media (max-width: 480px){.text-display{font-size:1.75rem!important;line-height:1.2}}.pricing-section{position:relative;background-color:var(--neutral);padding:80px 0}.pricing-toggle-wrap{margin:32px auto 0;width:-moz-fit-content;width:fit-content}.pricing-grid{margin-top:56px}.pricing-card{background-color:var(--surface);border:1px solid var(--nav-border);border-radius:var(--rounded-lg);padding:40px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease;height:100%}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.pricing-card.featured:hover{box-shadow:0 20px 40px #00c46a26}.pulse-dot{animation:pulse-dot-anim 1.5s infinite}@keyframes pulse-dot-anim{0%{transform:scale(.95);box-shadow:0 0 #5ca07bb3}70%{transform:scale(1);box-shadow:0 0 0 6px #5ca07b00}to{transform:scale(.95);box-shadow:0 0 #5ca07b00}}.marquee-container{overflow:hidden;padding:40px 0;background:#0a0d1666;border-top:1px solid var(--nav-border);border-bottom:1px solid var(--nav-border);position:relative;display:flex;flex-direction:column;gap:20px}.marquee-title{text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--secondary);margin-bottom:10px;font-weight:700;opacity:.8}.marquee-track{display:flex;white-space:nowrap;width:100%}.marquee-row{display:flex;gap:60px;align-items:center;will-change:transform}.marquee-item{display:flex;align-items:center;gap:12px;color:var(--secondary);font-size:1.5rem;font-weight:800;opacity:.4;transition:opacity .3s,color .3s}.marquee-item:hover{opacity:.95;color:var(--tertiary)}.marquee-item svg{width:24px;height:24px;fill:currentColor}.stats-section{padding:60px 0;position:relative}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center}.stat-card{padding:30px;background:var(--surface);border:1px solid var(--nav-border);border-radius:var(--rounded-md);transition:border-color .3s,transform .3s}.stat-card:hover{border-color:#5ca07b66;transform:translateY(-4px)}.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#fff 0%,var(--tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.stat-label{font-size:.9rem;color:var(--secondary);font-weight:600}.comparison-section{padding:100px 0}.comparison-wrapper{background:var(--surface);border:1px solid var(--nav-border);border-radius:var(--rounded-lg);overflow-x:auto;padding:10px}.comparison-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.comparison-table th,.comparison-table td{padding:20px 24px;border-bottom:1px solid var(--nav-border);font-size:.95rem}.comparison-table th{font-weight:800;color:var(--primary);text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.comparison-table td{color:var(--secondary)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td:first-child,.comparison-table th:first-child{font-weight:700;color:var(--primary)}.table-check{color:var(--tertiary);font-weight:700}.table-cross{color:#f87171;font-weight:700}.table-highlight{background:#5ca07b0d;color:var(--primary)!important;font-weight:700}.usecases-section{padding:100px 0;background:#0a0d1633}.usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:48px}.usecase-card{background:var(--surface);border:1px solid var(--nav-border);border-radius:var(--rounded-lg);padding:40px 30px;transition:border-color .3s,transform .3s}.usecase-card:hover{border-color:#5ca07b66;transform:translateY(-6px)}.usecase-badge{display:inline-block;padding:4px 12px;background:#5ca07b1a;color:var(--tertiary);border-radius:100px;font-size:.75rem;font-weight:700;margin-bottom:20px;text-transform:uppercase;border:1px solid rgba(92,160,123,.2)}.usecase-title{font-size:1.35rem;font-weight:800;color:var(--primary);margin-bottom:14px}.usecase-desc{font-size:.95rem;color:var(--secondary);line-height:1.6}.founder-section{padding:100px 0}.founder-card{display:grid;grid-template-columns:320px 1fr;gap:50px;background:var(--surface);border:1px solid var(--nav-border);border-radius:var(--rounded-lg);padding:50px;align-items:center}.founder-profile{text-align:center;border-right:1px solid var(--nav-border);padding-right:50px}.founder-avatar-wrapper{position:relative;width:140px;height:140px;margin:0 auto 20px}.founder-avatar{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--tertiary);box-shadow:0 0 20px #5ca07b4d}.founder-name{font-size:1.25rem;font-weight:800;color:var(--primary);margin-bottom:4px}.founder-title{font-size:.85rem;color:var(--secondary);margin-bottom:16px;font-weight:600}.founder-socials{display:flex;justify-content:center;gap:16px}.founder-social-link{color:var(--secondary);transition:color .2s;display:flex;align-items:center}.founder-social-link:hover{color:var(--tertiary)}.founder-quote-container{display:flex;flex-direction:column}.founder-quote{font-size:1.15rem;line-height:1.8;color:var(--primary);font-style:italic;margin-bottom:20px}.founder-signature{font-size:.9rem;color:var(--secondary);line-height:1.6}.enhanced-footer{background:#05070a;border-top:1px solid var(--nav-border);padding:80px 0 40px;position:relative}.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:40px;margin-bottom:60px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;color:var(--primary)}.footer-tagline{font-size:.9rem;color:var(--secondary);line-height:1.6;max-width:260px;margin-top:1rem}.footer-column-title{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--primary);margin-bottom:20px;letter-spacing:1px}.footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-link-item a{color:var(--secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-link-item a:hover{color:var(--tertiary)}.footer-cta-col{display:flex;flex-direction:column;gap:16px}.footer-cta-desc{font-size:.9rem;color:var(--secondary);line-height:1.6}.footer-input-group{display:flex;gap:10px}.footer-email-input{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:10px 14px;border-radius:8px;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s}.footer-email-input:focus{border-color:var(--tertiary)}.footer-submit-btn{background:var(--tertiary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .2s}.footer-submit-btn:hover{opacity:.9}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid var(--nav-border);font-size:.85rem;color:var(--secondary)}@media (max-width: 1024px){.footer-columns{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width: 768px){.stats-grid,.usecases-grid{grid-template-columns:1fr;gap:20px}.founder-card{grid-template-columns:1fr;padding:30px;gap:30px}.founder-profile{border-right:none;border-bottom:1px solid var(--nav-border);padding-right:0;padding-bottom:30px}.footer-columns{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;align-items:center;gap:15px;text-align:left}}.lp-section-divider{position:relative;width:100%;max-width:1200px;margin:0 auto;height:1px;background:linear-gradient(90deg,transparent 0%,var(--nav-border) 20%,var(--tertiary) 50%,var(--nav-border) 80%,transparent 100%);opacity:.35;z-index:10;pointer-events:none}.coming-soon-badge{display:inline-block;white-space:nowrap;font-size:10px;background:#fbbf241a;color:#fbbf24;padding:3px 8px;border-radius:6px;margin-left:8px;font-weight:700;text-transform:uppercase;vertical-align:middle;border:1px solid rgba(251,191,36,.3);line-height:1}.hero-ctas .supprx-btn{min-width:240px;justify-content:center;text-align:center}@media (max-width: 480px){.hero-ctas .supprx-btn{min-width:0;width:100%}}.cky-consent-container{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;background:#07090f!important;border-top:1px solid var(--nav-border)!important;box-shadow:0 -10px 40px #0009!important;padding:16px 24px!important;z-index:999999999!important;display:block!important;box-sizing:border-box!important;border-radius:0!important;transform:none!important}.cky-consent-bar{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:32px!important;max-width:1200px!important;margin:0 auto!important;width:100%!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important}.cky-notice-group{flex:1!important;text-align:left!important;padding:0!important}.cky-title{font-family:Inter,sans-serif!important;font-size:.95rem!important;font-weight:700!important;color:#fff!important;margin:0 0 6px!important;line-height:1.2!important}.cky-desc{font-family:Inter,sans-serif!important;font-size:.8rem!important;line-height:1.5!important;color:#94a3b8!important;margin:0!important}.cky-btn-group{display:flex!important;align-items:center!important;gap:12px!important;flex-shrink:0!important}.cky-btn{font-family:Inter,sans-serif!important;font-size:.8rem!important;font-weight:600!important;padding:8px 16px!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;text-transform:none!important;box-shadow:none!important;border:1px solid transparent!important;height:auto!important;min-height:unset!important;line-height:1.4!important}.cky-btn-customize{background:transparent!important;color:#94a3b8!important;border:1px solid rgba(255,255,255,.1)!important}.cky-btn-customize:hover{background:#ffffff0d!important;color:#fff!important}.cky-btn-reject{background:transparent!important;color:#94a3b8!important;border:1px solid rgba(255,255,255,.1)!important}.cky-btn-reject:hover{background:#ffffff0d!important;color:#fff!important}.cky-btn-accept{background:var(--tertiary)!important;color:#fff!important;border:1px solid var(--tertiary)!important}.cky-btn-accept:hover{background:#3e7356!important;border-color:#3e7356!important;opacity:.95!important}@media (max-width: 768px){.cky-consent-container{padding:16px!important}.cky-consent-bar{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.cky-btn-group{width:100%!important;flex-direction:column!important;gap:8px!important}.cky-btn{width:100%!important;justify-content:center!important;text-align:center!important}}.cky-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#07090fcc!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999999999!important}.cky-modal{width:100%!important;max-width:600px!important;background:#0a0d16!important;border:1px solid var(--nav-border)!important;border-radius:16px!important;box-shadow:0 24px 48px -12px #000000b3!important;display:flex!important;flex-direction:column!important;max-height:85vh!important;overflow:hidden!important;animation:modalScaleUp .3s cubic-bezier(.25,1,.5,1)!important}@keyframes modalScaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.cky-modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px!important;border-bottom:1px solid var(--nav-border)!important}.cky-modal-title{font-family:Inter,sans-serif!important;font-size:1.15rem!important;font-weight:700!important;color:#fff!important;margin:0!important}.cky-modal-close{background:none!important;border:none!important;color:var(--secondary)!important;cursor:pointer!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:color .2s!important}.cky-modal-close:hover{color:#fff!important}.cky-modal-body{padding:24px!important;overflow-y:auto!important;max-height:50vh!important}.cky-modal-desc{font-family:Inter,sans-serif!important;font-size:.85rem!important;line-height:1.6!important;color:#94a3b8!important;margin:0 0 24px!important}.cky-preference-list{display:flex!important;flex-direction:column!important;gap:16px!important}.cky-preference-item{border:1px solid var(--nav-border)!important;border-radius:8px!important;background:#ffffff03!important;padding:16px!important}.cky-preference-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important}.cky-preference-title{font-family:Inter,sans-serif!important;font-size:.95rem!important;font-weight:600!important;color:#fff!important;display:flex!important;align-items:center!important;gap:8px!important}.cky-preference-title .arrow{color:var(--tertiary)!important;font-size:1.1rem!important;display:inline-block!important;transition:transform .2s ease!important}.cky-preference-title .arrow.expanded{transform:rotate(90deg)!important}.cky-always-active{font-family:Inter,sans-serif!important;font-size:.8rem!important;font-weight:700!important;color:var(--tertiary)!important;text-transform:uppercase}.cky-preference-desc{font-family:Inter,sans-serif!important;font-size:.8rem!important;line-height:1.5!important;color:#64748b!important;margin:0!important}.cky-switch{position:relative!important;display:inline-block!important;width:40px!important;height:20px!important}.cky-switch input{opacity:0!important;width:0!important;height:0!important}.slider{position:absolute!important;cursor:pointer!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#334155!important;transition:.3s!important;border-radius:20px!important}.slider:before{position:absolute!important;content:""!important;height:14px!important;width:14px!important;left:3px!important;bottom:3px!important;background-color:#fff!important;transition:.3s!important;border-radius:50%!important}input:checked+.slider{background-color:var(--tertiary)!important}input:checked+.slider:before{transform:translate(20px)!important}.cky-modal-footer{display:flex!important;justify-content:flex-end!important;gap:12px!important;padding:20px 24px!important;border-top:1px solid var(--nav-border)!important}.cky-btn-save{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}.cky-btn-save:hover{background:#ffffff0d!important}@media (max-width: 600px){.cky-modal{max-height:90vh!important;width:90%!important}.cky-modal-body{padding:16px!important}.cky-modal-footer{flex-direction:column!important;padding:16px!important;gap:8px!important}.cky-modal-footer .cky-btn{width:100%!important;text-align:center!important}}.doc-layout-grid{display:grid;grid-template-columns:260px 1fr;gap:64px;align-items:start}.doc-sidebar-link{color:var(--secondary)!important;border-left:2px solid transparent;padding-left:12px!important;border-radius:0!important}.doc-sidebar-link:hover{color:var(--primary)!important;border-left-color:var(--tertiary);background:#5ca07b0d!important;transform:translate(4px)}@media (max-width: 768px){.doc-layout-grid{grid-template-columns:1fr!important;gap:32px!important}.doc-sidebar{display:none!important}}