@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);
/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-0{inset:0}.tw-bottom-14{bottom:3.5rem}.tw-bottom-2{bottom:.5rem}.tw-bottom-\[50px\]{bottom:50px}.tw-left-0{left:0}.tw-left-1\/2,.tw-left-\[50\%\]{left:50%}.tw-right-3{right:.75rem}.tw-right-\[20\%\]{right:20%}.tw-top-0{top:0}.tw-top-1{top:.25rem}.tw-top-3{top:.75rem}.tw-top-4{top:1rem}.tw-top-40{top:10rem}.tw-top-\[0\%\]{top:0}.tw-top-\[10\%\]{top:10%}.tw-top-\[20\%\]{top:20%}.tw-top-\[5\%\]{top:5%}.tw-top-\[50\%\]{top:50%}.tw-z-10{z-index:10}.tw-z-20{z-index:20}.tw-z-50{z-index:50}.tw-z-\[1\]{z-index:1}.tw-z-\[2\]{z-index:2}.tw-z-\[3\]{z-index:3}.tw-z-\[4\]{z-index:4}.\!tw-mt-8{margin-top:2rem!important}.tw-ml-auto{margin-left:auto}.tw-mr-auto{margin-right:auto}.tw-mt-1{margin-top:.25rem}.tw-mt-10{margin-top:2.5rem}.tw-mt-2{margin-top:.5rem}.tw-mt-20{margin-top:5rem}.tw-mt-3{margin-top:.75rem}.tw-mt-4{margin-top:1rem}.tw-mt-5{margin-top:1.25rem}.tw-mt-6{margin-top:1.5rem}.tw-mt-8{margin-top:2rem}.tw-mt-\[5\%\]{margin-top:5%}.tw-mt-auto{margin-top:auto}.tw-inline{display:inline}.tw-flex{display:flex}.tw-grid{display:grid}.\!tw-hidden{display:none!important}.tw-hidden{display:none}.tw-h-10{height:2.5rem}.tw-h-6{height:1.5rem}.tw-h-\[100px\]{height:100px}.tw-h-\[120px\]{height:120px}.tw-h-\[150px\]{height:150px}.tw-h-\[180px\]{height:180px}.tw-h-\[200px\]{height:200px}.tw-h-\[20px\]{height:20px}.tw-h-\[240px\]{height:240px}.tw-h-\[250px\]{height:250px}.tw-h-\[30px\]{height:30px}.tw-h-\[350px\]{height:350px}.tw-h-\[400px\]{height:400px}.tw-h-\[500px\]{height:500px}.tw-h-\[50px\]{height:50px}.tw-h-\[540px\]{height:540px}.tw-h-\[60px\]{height:60px}.tw-h-\[90vh\]{height:90vh}.tw-h-auto{height:auto}.tw-h-fit{height:-webkit-fit-content;height:fit-content}.tw-h-full{height:100%}.tw-max-h-\[550px\]{max-height:550px}.tw-max-h-\[90\%\]{max-height:90%}.tw-max-h-fit{max-height:-webkit-fit-content;max-height:fit-content}.tw-max-h-full{max-height:100%}.tw-min-h-\[100vh\]{min-height:100vh}.tw-min-h-\[110vh\]{min-height:110vh}.tw-min-h-\[180px\]{min-height:180px}.tw-min-h-\[300px\]{min-height:300px}.tw-min-h-\[350px\]{min-height:350px}.tw-min-h-\[450px\]{min-height:450px}.tw-min-h-\[60vh\]{min-height:60vh}.tw-min-h-\[80px\]{min-height:80px}.tw-min-h-\[80vh\]{min-height:80vh}.tw-min-h-\[90vh\]{min-height:90vh}.tw-min-h-full{min-height:100%}.\!tw-w-\[170px\]{width:170px!important}.\!tw-w-full{width:100%!important}.tw-w-10{width:2.5rem}.tw-w-6{width:1.5rem}.tw-w-\[120px\]{width:120px}.tw-w-\[150px\]{width:150px}.tw-w-\[200px\]{width:200px}.tw-w-\[20px\]{width:20px}.tw-w-\[250px\]{width:250px}.tw-w-\[350px\]{width:350px}.tw-w-\[400px\]{width:400px}.tw-w-\[450px\]{width:450px}.tw-w-\[50px\]{width:50px}.tw-w-\[90\%\]{width:90%}.tw-w-auto{width:auto}.tw-w-fit{width:-webkit-fit-content;width:fit-content}.tw-w-full{width:100%}.tw-w-max{width:-webkit-max-content;width:max-content}.tw-min-w-\[140px\]{min-width:140px}.tw-min-w-\[250px\]{min-width:250px}.tw-min-w-\[320px\]{min-width:320px}.tw-min-w-full{min-width:100%}.tw-max-w-\[100px\]{max-width:100px}.tw-max-w-\[100vw\]{max-width:100vw}.tw-max-w-\[1150px\]{max-width:1150px}.tw-max-w-\[120px\]{max-width:120px}.tw-max-w-\[30\%\]{max-width:30%}.tw-max-w-\[450px\]{max-width:450px}.tw-max-w-\[600px\]{max-width:600px}.tw-max-w-\[650px\]{max-width:650px}.tw-max-w-\[80\%\]{max-width:80%}.tw-max-w-\[80vw\]{max-width:80vw}.tw-max-w-\[850px\]{max-width:850px}.tw-max-w-\[900px\]{max-width:900px}.tw-origin-center{transform-origin:center}.tw--translate-x-1\/2,.tw--translate-x-\[50\%\]{--tw-translate-x:-50%}.tw--translate-x-1\/2,.tw--translate-x-\[50\%\],.tw--translate-y-\[50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw--translate-y-\[50\%\]{--tw-translate-y:-50%}.tw-scale-0{--tw-scale-x:0;--tw-scale-y:0}.tw-scale-0,.tw-scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-scale-100{--tw-scale-x:1;--tw-scale-y:1}.tw-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-select-none{-webkit-user-select:none;user-select:none}.tw-break-inside-avoid{break-inside:avoid;page-break-inside:avoid}.tw-auto-rows-auto{grid-auto-rows:auto}.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-place-content-center{place-content:center}.tw-place-content-around{place-content:space-around}.tw-place-items-start{place-items:start}.tw-place-items-center{place-items:center}.tw-items-center{align-items:center}.tw-justify-between{justify-content:space-between}.tw-justify-around{justify-content:space-around}.tw-gap-1{gap:.25rem}.tw-gap-10{gap:2.5rem}.tw-gap-2{gap:.5rem}.tw-gap-3{gap:.75rem}.tw-gap-4{gap:1rem}.tw-gap-5{gap:1.25rem}.tw-gap-6{gap:1.5rem}.tw-gap-8{gap:2rem}.tw-gap-\[10\%\]{gap:10%}.tw-gap-\[20px\]{gap:20px}.tw--space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-1rem*var(--tw-space-x-reverse))}.tw-space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.tw-overflow-hidden{overflow:hidden}.tw-overflow-clip{overflow:clip}.tw-overflow-y-auto{overflow-y:auto}.\!tw-rounded-full{border-radius:9999px!important}.\!tw-rounded-xl{border-radius:.75rem!important}.tw-rounded-2xl{border-radius:1rem}.tw-rounded-3xl{border-radius:1.5rem}.tw-rounded-full{border-radius:9999px}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-md{border-radius:.375rem}.tw-rounded-sm{border-radius:.125rem}.tw-rounded-xl{border-radius:.75rem}.\!tw-border-\[1px\]{border-width:1px!important}.tw-border-2{border-width:2px}.tw-border-\[1px\]{border-width:1px}.\!tw-border-solid{border-style:solid!important}.tw-border-none{border-style:none}.\!tw-border-black{--tw-border-opacity:1!important;border-color:rgb(0 0 0/var(--tw-border-opacity))!important}.\!tw-border-gray-600{--tw-border-opacity:1!important;border-color:rgb(75 85 99/var(--tw-border-opacity))!important}.tw-border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.tw-border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.tw-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\!tw-bg-\[\#6366f1\]{--tw-bg-opacity:1!important;background-color:rgb(99 102 241/var(--tw-bg-opacity))!important}.\!tw-bg-transparent{background-color:initial!important}.tw-bg-\[\#000000af\]{background-color:#000000af}.tw-bg-\[\#F6F7FB\]{--tw-bg-opacity:1;background-color:rgb(246 247 251/var(--tw-bg-opacity))}.tw-bg-\[\#f2f3f4\]{--tw-bg-opacity:1;background-color:rgb(242 243 244/var(--tw-bg-opacity))}.tw-bg-\[\#f3f4f6\]{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.tw-bg-\[\#f6f7fb\]{--tw-bg-opacity:1;background-color:rgb(246 247 251/var(--tw-bg-opacity))}.tw-bg-\[\#fcfcfc\]{--tw-bg-opacity:1;background-color:rgb(252 252 252/var(--tw-bg-opacity))}.tw-bg-\[\#ffffff6a\]{background-color:#ffffff6a}.tw-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.tw-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.tw-bg-transparent{background-color:initial}.tw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.tw-object-contain{object-fit:contain}.tw-object-cover{object-fit:cover}.\!tw-p-2{padding:.5rem!important}.\!tw-p-4{padding:1rem!important}.tw-p-1{padding:.25rem}.tw-p-10{padding:2.5rem}.tw-p-2{padding:.5rem}.tw-p-3{padding:.75rem}.tw-p-4{padding:1rem}.tw-p-6{padding:1.5rem}.tw-p-8{padding:2rem}.tw-p-\[2\%\]{padding:2%}.tw-p-\[2px\]{padding:2px}.tw-p-\[4px\]{padding:4px}.tw-p-\[5\%\]{padding:5%}.\!tw-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!tw-py-4{padding-bottom:1rem!important;padding-top:1rem!important}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-px-6{padding-left:1.5rem;padding-right:1.5rem}.tw-px-\[10\%\]{padding-left:10%;padding-right:10%}.tw-px-\[3\%\]{padding-left:3%;padding-right:3%}.tw-px-\[5\%\]{padding-left:5%;padding-right:5%}.tw-py-2{padding-bottom:.5rem;padding-top:.5rem}.tw-pb-10{padding-bottom:2.5rem}.tw-pt-\[5\%\]{padding-top:5%}.tw-text-left{text-align:left}.tw-text-center{text-align:center}.tw-font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.tw-text-2xl{font-size:1.5rem;line-height:2rem}.tw-text-3xl{font-size:1.875rem;line-height:2.25rem}.tw-text-4xl{font-size:2.25rem;line-height:2.5rem}.tw-text-5xl{font-size:3rem;line-height:1}.tw-text-6xl{font-size:3.75rem;line-height:1}.tw-text-7xl{font-size:4.5rem;line-height:1}.tw-text-\[12px\]{font-size:12px}.tw-text-base{font-size:1rem;line-height:1.5rem}.tw-text-lg{font-size:1.125rem;line-height:1.75rem}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-xl{font-size:1.25rem;line-height:1.75rem}.tw-font-medium{font-weight:500}.tw-font-semibold{font-weight:600}.tw-font-thin{font-weight:100}.tw-uppercase{text-transform:uppercase}.tw-leading-\[90px\]{line-height:90px}.tw-leading-normal{line-height:1.5}.\!tw-text-black{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.\!tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.tw-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.tw-text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.tw-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.tw-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.tw-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.tw-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.tw-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.tw-underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.tw-underline-offset-4{text-underline-offset:4px}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-opacity-20{opacity:.2}.tw-opacity-80{opacity:.8}.tw-shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.tw-shadow-lg,.tw-shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.tw-shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!tw-outline-none{outline:2px solid #0000!important;outline-offset:2px!important}.tw-outline-none{outline:2px solid #0000;outline-offset:2px}.tw-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)}.tw-backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.tw-backdrop-blur-2xl,.tw-backdrop-blur-lg{-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)}.tw-backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.tw-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-duration-300{transition-duration:.3s}.tw-duration-500{transition-duration:.5s}.tw-duration-700{transition-duration:.7s}.tw-duration-\[0\.3s\]{transition-duration:.3s}.hover\:tw-translate-x-2:hover{--tw-translate-x:0.5rem}.hover\:tw-scale-\[1\.02\]:hover,.hover\:tw-translate-x-2:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:tw-scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:tw-scale-\[1\.3\]:hover{--tw-scale-x:1.3;--tw-scale-y:1.3}.hover\:tw-scale-\[1\.3\]:hover,.hover\:tw-scale-x-\[1\.02\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:tw-scale-x-\[1\.02\]:hover{--tw-scale-x:1.02}.hover\:tw-scale-x-\[1\.03\]:hover{--tw-scale-x:1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:\!tw-bg-black:hover{--tw-bg-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity))!important}.hover\:tw-bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:\!tw-text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.hover\:tw-shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:tw-shadow-lg:hover,.hover\:tw-shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:tw-shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:tw-grayscale-0:hover{--tw-grayscale:grayscale(0);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)}.tw-group\/card:hover .group-hover\/card\:tw--translate-y-1{--tw-translate-y:-0.25rem}.tw-group\/card:hover .group-hover\/card\:tw--translate-y-1,.tw-group\/card:hover .group-hover\/card\:tw-translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-group\/card:hover .group-hover\/card\:tw-translate-x-1{--tw-translate-x:0.25rem}.tw-group\/card:hover .group-hover\/card\:tw-translate-x-2{--tw-translate-x:0.5rem}.tw-group:hover .group-hover\:tw-translate-x-1,.tw-group\/card:hover .group-hover\/card\:tw-translate-x-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-group:hover .group-hover\:tw-translate-x-1{--tw-translate-x:0.25rem}.tw-group:hover .group-hover\:tw-scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:\!tw-border-gray-300:is(.tw-dark *){--tw-border-opacity:1!important;border-color:rgb(209 213 219/var(--tw-border-opacity))!important}.dark\:\!tw-border-white:is(.tw-dark *){--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity))!important}.dark\:tw-border-\[\#1f2123\]:is(.tw-dark *){--tw-border-opacity:1;border-color:rgb(31 33 35/var(--tw-border-opacity))}.dark\:tw-border-\[\#36393c\]:is(.tw-dark *){--tw-border-opacity:1;border-color:rgb(54 57 60/var(--tw-border-opacity))}.dark\:tw-border-\[\#595858\]:is(.tw-dark *){--tw-border-opacity:1;border-color:rgb(89 88 88/var(--tw-border-opacity))}.dark\:tw-border-gray-200:is(.tw-dark *){--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.dark\:tw-border-white:is(.tw-dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.dark\:tw-bg-\[\#000000b4\]:is(.tw-dark *){background-color:#000000b4}.dark\:tw-bg-\[\#080808\]:is(.tw-dark *){--tw-bg-opacity:1;background-color:rgb(8 8 8/var(--tw-bg-opacity))}.dark\:tw-bg-\[\#141414\]:is(.tw-dark *){--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity))}.dark\:tw-bg-\[\#16171A\]:is(.tw-dark *){--tw-bg-opacity:1;background-color:rgb(22 23 26/var(--tw-bg-opacity))}.dark\:tw-bg-\[\#171717\]:is(.tw-dark *){--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity))}.dark\:tw-bg-\[\#17181B\]:is(.tw-dark *),.dark\:tw-bg-\[\#17181b\]:is(.tw-dark *){--tw-bg-opacity:1;background-color:rgb(23 24 27/var(--tw-bg-opacity))}.dark\:tw-bg-\[\#80808085\]:is(.tw-dark *){background-color:#80808085}.dark\:tw-bg-black:is(.tw-dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.dark\:\!tw-text-white:is(.tw-dark *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.dark\:tw-text-gray-100:is(.tw-dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.dark\:tw-text-gray-200:is(.tw-dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.dark\:tw-text-gray-300:is(.tw-dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark\:tw-text-gray-400:is(.tw-dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark\:tw-text-gray-500:is(.tw-dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.dark\:tw-text-white:is(.tw-dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark\:tw-placeholder-gray-300:is(.tw-dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(209 213 219/var(--tw-placeholder-opacity))}.dark\:tw-placeholder-opacity-60:is(.tw-dark *)::placeholder{--tw-placeholder-opacity:0.6}.dark\:tw-shadow-\[\#171717\]:is(.tw-dark *){--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored)}.dark\:tw-shadow-gray-700:is(.tw-dark *){--tw-shadow-color:#374151;--tw-shadow:var(--tw-shadow-colored)}.dark\:tw-shadow-gray-800:is(.tw-dark *){--tw-shadow-color:#1f2937;--tw-shadow:var(--tw-shadow-colored)}.dark\:tw-invert:is(.tw-dark *){--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)}.dark\:hover\:\!tw-bg-white:hover:is(.tw-dark *){--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.dark\:hover\:tw-bg-\[\#2d2d2ddb\]:hover:is(.tw-dark *){background-color:#2d2d2ddb}.dark\:hover\:\!tw-text-black:hover:is(.tw-dark *){--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}@media not all and (min-width:1280px){.max-xl\:tw-flex{display:flex}.max-xl\:tw-flex-col{flex-direction:column}.max-xl\:tw-place-items-center{place-items:center}}@media not all and (min-width:1024px){.max-lg\:tw-fixed{position:fixed}.max-lg\:tw-absolute{position:absolute}.max-lg\:tw-bottom-\[unset\]{bottom:auto}.max-lg\:tw-top-0{top:0}.max-lg\:tw-top-\[105\%\]{top:105%}.max-lg\:tw-top-\[30\%\]{top:30%}.max-lg\:tw-mt-12{margin-top:3rem}.max-lg\:tw-mt-\[100px\]{margin-top:100px}.max-lg\:tw-mt-\[30px\]{margin-top:30px}.max-lg\:tw-flex{display:flex}.max-lg\:tw-hidden{display:none}.max-lg\:\!tw-h-fit{height:-webkit-fit-content!important;height:fit-content!important}.max-lg\:tw-h-0{height:0}.max-lg\:tw-h-\[450px\]{height:450px}.max-lg\:tw-h-auto{height:auto}.max-lg\:tw-h-max{height:-webkit-max-content;height:max-content}.max-lg\:tw-max-h-\[80\%\]{max-height:80%}.max-lg\:tw-max-h-fit{max-height:-webkit-fit-content;max-height:fit-content}.max-lg\:tw-min-h-\[400px\]{min-height:400px}.max-lg\:tw-min-h-\[450px\]{min-height:450px}.max-lg\:tw-min-h-\[80vh\]{min-height:80vh}.max-lg\:\!tw-w-\[160px\]{width:160px!important}.max-lg\:tw-w-0{width:0}.max-lg\:tw-w-\[320px\]{width:320px}.max-lg\:tw-w-\[350px\]{width:350px}.max-lg\:tw-w-full{width:100%}.max-lg\:tw-max-w-\[320px\]{max-width:320px}.max-lg\:tw-max-w-fit{max-width:-webkit-fit-content;max-width:fit-content}.max-lg\:tw-max-w-full{max-width:100%}.max-lg\:tw--translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.max-lg\:tw-flex-col{flex-direction:column}.max-lg\:tw-place-content-center{place-content:center}.max-lg\:tw-place-items-center{place-items:center}.max-lg\:tw-gap-3{gap:.75rem}.max-lg\:tw-gap-5{gap:1.25rem}.max-lg\:tw-p-3{padding:.75rem}.max-lg\:tw-p-4{padding:1rem}.max-lg\:\!tw-py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.max-lg\:tw-px-2{padding-left:.5rem;padding-right:.5rem}.max-lg\:tw-px-4{padding-left:1rem;padding-right:1rem}.max-lg\:tw-text-center{text-align:center}.max-lg\:tw-text-4xl{font-size:2.25rem;line-height:2.5rem}.max-lg\:tw-text-base{font-size:1rem;line-height:1.5rem}.max-lg\:tw-text-sm{font-size:.875rem;line-height:1.25rem}.max-lg\:\!tw-opacity-100{opacity:1!important}.max-lg\:tw-shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media not all and (min-width:768px){.max-md\:tw-mt-3{margin-top:.75rem}.max-md\:tw-hidden{display:none}.max-md\:tw-h-\[180px\]{height:180px}.max-md\:tw-min-h-\[350px\]{min-height:350px}.max-md\:tw-min-h-\[80vh\]{min-height:80vh}.max-md\:tw-w-\[320px\]{width:320px}.max-md\:tw-w-full{width:100%}.max-md\:tw-max-w-full{max-width:100%}.max-md\:tw-columns-1{-moz-columns:1;column-count:1}.max-md\:tw-flex-col{flex-direction:column}.max-md\:tw-place-content-center{place-content:center}.max-md\:tw-gap-2{gap:.5rem}.max-md\:tw-gap-6{gap:1.5rem}.max-md\:tw-px-2{padding-left:.5rem;padding-right:.5rem}.max-md\:tw-text-2xl{font-size:1.5rem;line-height:2rem}.max-md\:tw-text-3xl{font-size:1.875rem;line-height:2.25rem}.max-md\:tw-text-lg{font-size:1.125rem;line-height:1.75rem}.max-md\:tw-text-sm{font-size:.875rem;line-height:1.25rem}.max-md\:tw-text-xl{font-size:1.25rem;line-height:1.75rem}.max-md\:tw-leading-snug{line-height:1.375}.max-md\:tw-opacity-0{opacity:0}}@media (min-width:768px){.md\:tw-h-\[350px\]{height:350px}.md\:tw-w-full{width:100%}}@media (min-width:1024px){.lg\:tw-fixed{position:fixed}.lg\:tw-sticky{position:-webkit-sticky;position:sticky}.lg\:tw-left-1\/2{left:50%}.lg\:tw-top-\[20\%\]{top:20%}.lg\:tw-top-\[80px\]{top:80px}.lg\:tw-mx-4{margin-left:1rem;margin-right:1rem}.lg\:tw-mx-auto{margin-left:auto;margin-right:auto}.lg\:tw-block{display:block}.lg\:tw-hidden{display:none}.lg\:tw-h-\[450px\]{height:450px}.lg\:tw-h-\[650px\]{height:650px}.lg\:tw-w-\[1024px\]{width:1024px}.lg\:tw-max-w-5xl{max-width:64rem}.lg\:tw-max-w-\[1000px\]{max-width:1000px}.lg\:tw--translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:tw-columns-2{-moz-columns:2;column-count:2}.lg\:tw-justify-around{justify-content:space-around}.lg\:tw-p-6{padding:1.5rem}.lg\:tw-px-4{padding-left:1rem;padding-right:1rem}.lg\:tw-py-\[5\%\]{padding-bottom:5%;padding-top:5%}.lg\:tw-opacity-\[0\.99\]{opacity:.99}.lg\:\!tw-backdrop-blur-lg{--tw-backdrop-blur:blur(16px)!important;-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)!important;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)!important}}@media (min-width:1280px){.xl\:tw-columns-3{-moz-columns:3;column-count:3}}:root{--primary-text-color:#1a1a1a;--bg-color:#fff;--brand-red:#8a181a;--brand-brown:#5f4729;--btn-color:#fff;--btn-bg:var(--brand-red);--header-link-hover:var(--brand-red);--header-link-hover-bg:#8a181a1a;--input-hover-bd-color:var(--brand-red);--dropdown-bg:#f3f4f6;--dropdown-hover-bg:#dddddd84;--faq-h-text:#0e0e0e;--faq-content-text:#1e1e1e;--hr-color:#e5e7eb;--footer-link:#555;--footer-link-hover:var(--brand-red);--header-bg:#fffc;--hero-gradient:#fcfcfc}.tw-dark{--primary-text-color:#fff;--bg-color:#000;--btn-color:#fff;--btn-bg:var(--brand-red);--header-link-hover:#fff;--header-link-hover-bg:#8a181a4d;--dropdown-bg:#171717;--dropdown-hover-bg:#2d2d2ddb;--faq-h-text:#efefef;--faq-content-text:#d4d4d4;--header-bg:#171717cc;--hero-gradient:#000}html{font-family:Inter,sans-serif;scroll-behavior:smooth}.purple-bg-grad{background:#8a181a;background:linear-gradient(90deg,#8a181a99 8%,#5f472999 31%,#8a181ab3 76%,#5f472999 89%);border-radius:50%;filter:blur(60px);opacity:.4}.reveal-up{opacity:1;transform:translateY(0);transition:all .5s ease}#dashboard{transform:perspective(1200px) translateX(0) translateY(12px) scale(.8) rotate(0deg) rotateX(20deg);transition:transform .5s}.scrollbar::-webkit-scrollbar{height:20px;width:5px}.scrollbar::-webkit-scrollbar-track{border-radius:25px}.scrollbar::-webkit-scrollbar-thumb{background:#d7d7d7;border-radius:25px}.header-links{align-items:center;display:flex;padding:8px 15px;position:relative;transition:color .3s}.header-links:hover{color:#8a181a;color:var(--header-link-hover)}.header-links:after{background-color:#8a181a1a;background-color:var(--header-link-hover-bg);border-radius:8px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(40%);transition:all .3s;width:100%;z-index:-1}.header-links:hover:after{opacity:1;transform:scale(100%)}.btn{background-color:#8a181a;background-color:var(--btn-bg);color:#fff;color:var(--btn-color);display:flex;padding:12px 24px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.animated-border{overflow:visible;position:relative}.animated-border:after{animation:slide 10s ease-in-out infinite;background-color:#8a181a;background-color:var(--brand-red);box-shadow:inset 0 0 20px 5px #8a181a;box-shadow:inset 0 0 20px 5px var(--brand-red);content:"";filter:blur(1.5rem);height:100%;left:-100%;opacity:.8;position:absolute;top:0;width:30%;z-index:-2}@keyframes slide{0%{left:-100%;right:100%}to{left:100%;right:-100%}}.faq-accordion{background-color:inherit;border:none;color:#0e0e0e;color:var(--faq-h-text);cursor:pointer;outline:none;padding:15px 18px;text-align:left;transition:height .4s;width:100%}.faq .content{color:#1e1e1e;color:var(--faq-content-text);overflow:hidden;padding:0 18px;text-align:justify;transition:max-height .4s,padding .4s}@media not all and (min-width:1024px){header .collapsible-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;background-color:var(--header-bg);box-shadow:0 2px 10px #0000001a}}:root{--brand-primary:#8a181a;--brand-primary-dark:#6e1315;--brand-primary-light:#fdeded;--brand-secondary:#5f4729;--brand-secondary-dark:#4a3720;--bg-main:#fbfbfb;--bg-workspace:#f3f4f6;--bg-input:#fff;--bg-dropdown:#fff;--bg-hover:#f1f1f1;--text-dark:#111;--text-light:#555;--text-subtle:#999;--text-on-primary:#fff;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-focus:#8a181a;--shadow-soft:0 4px 12px #0000000d;--shadow-medium:0 10px 30px #0000001a;--shadow-glow:0 10px 40px #8a181a26;--color-primary:var(--brand-primary);--color-primary-dark:var(--brand-primary-dark);--color-primary-light:var(--brand-primary-light);--color-secondary:var(--brand-secondary);--color-secondary-dark:var(--brand-secondary-dark);--color-accent:#727272;--checker-light:#f3f4f6;--checker-dark:#fff;--canvas-bg:#fff;--tool-sidebar-bg:#fff;--tool-sidebar-border:#e5e7eb;--checker-light:#1a1a1a;--checker-dark:#262626;--canvas-bg:#000;--tool-sidebar-bg:#111;--tool-sidebar-border:#333}body.tw-dark{--bg-main:#0d0a08;--bg-workspace:#140f0c;--bg-card:#1a1410;--bg-input:#241c16;--bg-dropdown:#241c16;--bg-hover:#2e241e;--text-dark:#f2efe9;--text-light:#b0a69b;--text-subtle:#756a5f;--border-light:#2e241e;--border-medium:#45362e;--border-focus:#b04a4c;--color-primary-light:#2a1010;--shadow-soft:0 4px 12px #00000080;--shadow-medium:0 10px 30px #000000b3;--shadow-glow:0 10px 40px #8a181a66}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fbfbfb;background-color:var(--bg-main);color:#555;color:var(--text-light);font-family:Inter,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{color:#111;color:var(--text-dark);font-weight:800;letter-spacing:-.02em}.App{display:flex;flex-direction:column;min-height:100vh}.main-header{background-color:#fff;background-color:var(--bg-card);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);height:70px;justify-content:center;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease;z-index:1000}.header-content,.main-header{align-items:center;display:flex;width:100%}.header-content{justify-content:space-between;max-width:1400px}.header-logo{align-items:center;color:#111;color:var(--text-dark);display:flex;font-size:1.25rem;font-weight:800;gap:.75rem;text-decoration:none}.header-logo img{height:35px}.logo-full{color:#8a181a;color:var(--color-primary)}.logo-mockup{color:#5f4729;color:var(--color-secondary)}[data-theme=dark] .logo-mockup{color:#d4b483}.main-nav{align-items:center;display:flex;gap:.5rem}.main-nav a,.nav-dropdown-toggle{background:#0000;border:none;border-radius:6px;color:#555;color:var(--text-light);cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.main-nav a:hover,.nav-dropdown-toggle:hover{background-color:#f1f1f1;background-color:var(--bg-hover);color:#111;color:var(--text-dark)}.main-nav a.active{background-color:#fdeded;background-color:var(--color-primary-light);color:#8a181a;color:var(--color-primary);font-weight:600}[data-theme=dark] .main-nav a.active{background-color:#8a181a33}.header-actions{gap:.75rem}.nav-dropdown-menu{background-color:#fff;background-color:var(--bg-dropdown);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;left:0;min-width:220px;padding:.5rem;position:absolute;top:100%;z-index:1000}.nav-dropdown-menu a{color:#111;color:var(--text-dark);padding:.75rem 1rem;width:100%}.nav-dropdown-menu a:hover{background-color:#f1f1f1;background-color:var(--bg-hover);color:#8a181a;color:var(--color-primary)}main.main-content{flex-grow:1;margin:0 auto;width:100%}.footer-container{background-color:#fff;background-color:var(--bg-card);border-top:1px solid var(--border-light);margin-top:6rem;padding:4rem 2rem 2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 3rem;max-width:1200px}.footer-bottom{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);color:#999;color:var(--text-subtle);font-size:.85rem;padding-top:1.5rem;text-align:center}.footer-links h4{font-size:1rem;margin-bottom:1rem}.footer-links a{color:#555;color:var(--text-light);display:block;font-size:.9rem;margin-bottom:.5rem;text-decoration:none}.footer-links a:hover{color:#8a181a;color:var(--color-primary)}.btn{align-items:center;border:1px solid #0000;display:inline-flex;font-size:.95rem;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none}.btn-primary{box-shadow:0 10px 40px #8a181a26;color:var(--text-on-primary)}.btn-secondary{background-color:#5f4729;background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:#4a3720;background-color:var(--color-secondary-dark)}.btn-outline{border:1px solid #d1d5db;border:1px solid var(--border-medium);color:#111;color:var(--text-dark)}.btn-outline:hover{background-color:#f1f1f1;background-color:var(--bg-hover);border-color:#111;border-color:var(--text-dark)}input[type=email],input[type=password],input[type=text],select,textarea{background-color:#fff;background-color:var(--bg-input);border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:8px;color:#111;color:var(--text-dark);font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#8a181a;border-color:var(--border-focus);box-shadow:0 0 0 3px #8a181a1a;outline:none}.page-wrapper{margin:0 auto;max-width:1200px;padding:20px}.account-section,.card-surface,.controls-container,.gallery-container,.generate-container,.login-box,.result-container,.workspace-container{background-color:#fff;background-color:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft);padding:25px;transition:border-color .3s ease}.login-container{min-height:80vh;padding:20px}.login-box{max-width:420px}.login-box h2{color:#8a181a;color:var(--color-primary);margin-bottom:10px}.generator-layout-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr}.generate-container{background-color:#5f4729;background-color:var(--color-secondary);border:none;color:#fff;grid-column:1/-1;text-align:center}.generate-container h2{color:#fff}.dropzone{background-color:#f3f4f6;background-color:var(--bg-workspace);border:2px dashed #d1d5db;border:2px dashed var(--border-medium);border-radius:12px;cursor:pointer;padding:30px;text-align:center;transition:all .2s}.dropzone:hover{background-color:#f1f1f1;background-color:var(--bg-hover)}.dropzone.is-active,.dropzone:hover{border-color:#8a181a;border-color:var(--color-primary)}.dropzone.is-active{background-color:#fdeded;background-color:var(--color-primary-light)}[data-theme=dark] .dropzone.is-active{background-color:#8a181a33}.workspace{align-items:center;background-color:#f3f4f6;background-color:var(--bg-workspace);border:2px dashed #e5e7eb;border:2px dashed var(--border-light);border-radius:12px;display:flex;justify-content:center;min-height:500px;overflow:hidden;position:relative}.job-status-panel{background-color:#fff;background-color:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;bottom:20px;box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-medium);color:#111;color:var(--text-dark);padding:15px;position:fixed;right:20px;width:300px;z-index:9999}.job-status-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;font-weight:600;gap:10px;margin-bottom:10px;padding-bottom:10px}.loader-spinner-small{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-top-color:#8a181a;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--color-primary);height:16px;width:16px}.landing-wrapper{background-color:#fbfbfb;background-color:var(--bg-main)}.hero-mini-heading{color:#555;color:var(--text-light)}.headline-black{color:#111;color:var(--text-dark)}.cursor-blink,.headline-red{color:var(--color-primary)}.hero-subheadline{color:#555;color:var(--text-light)}.hero-badges-row{border:1px solid #e5e7eb;border:1px solid var(--border-light)}[data-theme=dark] .hero-badges-row{background:#ffffff0d}.tech-badge{color:var(--text-light)}.tech-badge i{color:var(--color-primary)}.tech-divider{background-color:#d1d5db;background-color:var(--border-medium)}.btn-primary-hero{background-color:var(--color-primary);box-shadow:0 10px 40px #8a181a26;box-shadow:var(--shadow-glow)}.btn-text-hero{color:#111;color:var(--text-dark)}.slider-library-wrapper{background-color:#f3f4f6;background-color:var(--bg-workspace);border:4px solid var(--bg-card);box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-medium)}.slider-seo-desc{color:var(--text-light)}.highlight-desc,.slider-seo-desc i{color:var(--color-primary)}.handle-knob{background:var(--color-secondary)}.workflow-section{background-color:#f3f4f6;background-color:var(--bg-workspace)}.section-title{color:#111;color:var(--text-dark)}.section-subtitle{color:#555;color:var(--text-light)}.bento-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft)}.bento-card:hover{box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-medium)}.card-highlight{background:linear-gradient(145deg,#fff,#f1f1f1);background:linear-gradient(145deg,var(--bg-card),var(--bg-hover))}[data-theme=dark] .card-highlight{border-color:#8a181a66}.card-icon-box{background:#f3f4f6;background:var(--bg-workspace);color:#111;color:var(--text-dark)}.icon-pulse{color:var(--color-primary)}.step-num{color:#d1d5db;color:var(--border-medium)}.step-red{color:var(--color-primary)}.bento-card h3{color:#111;color:var(--text-dark)}.bento-card p{color:#555;color:var(--text-light)}.tech-flex-section{background-color:var(--bg-card)}.feature-icon{color:var(--color-primary)}.feature-text h4{color:#111;color:var(--text-dark)}.feature-text p,.seo-keyword-text{color:#555;color:var(--text-light)}.seo-keyword-text{background:#f3f4f6;background:var(--bg-workspace);border-left:3px solid var(--color-primary)}.layer-label{background:var(--color-primary)}.comparison-section{background-color:#fbfbfb}.table-scroll-wrapper{background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft)}.comparison-table td,.comparison-table th{border-bottom:1px solid #e5e7eb;color:var(--text-light)}.sticky-col{background:var(--bg-card);border-right:2px solid #f3f4f6;border-right:2px solid var(--bg-workspace);color:#111;color:var(--text-dark)}.highlight-col{color:#111!important;color:var(--text-dark)!important}[data-theme=dark] .highlight-col{background:#8a181a1a}.comparison-table th{background:#f3f4f6;background:var(--bg-workspace)}.us-badge{background:var(--color-primary)}.sub-text{color:var(--text-subtle)}.price-text{color:var(--color-primary)}.tools-section{background:#fbfbfb;background:var(--bg-main)}.value-item{color:var(--text-light)}.value-item i{color:var(--color-primary)}.value-divider{background:#d1d5db;background:var(--border-medium)}.tool-card{background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft)}.tool-card:hover{box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-medium)}.tool-visual{background:#f3f4f6;background:var(--bg-workspace)}.icon-visual i{color:var(--color-primary)}.tool-content h3{color:#111;color:var(--text-dark)}.tool-content p{color:#555;color:var(--text-light)}.btn-tool{border:1px solid #d1d5db;border:1px solid var(--border-medium);color:#111;color:var(--text-dark);text-decoration:none}.btn-tool:hover{background:var(--color-primary);border-color:var(--color-primary)}.tools-footer{color:#999;color:var(--text-subtle);margin-top:50px}.tools-footer i{color:#8a181a;color:var(--color-primary);margin-right:5px}.pricing-preview-section{background-color:#fbfbfb;background-color:var(--bg-main)}.pricing-card{background:var(--bg-card);border:1px solid #e5e7eb}.pricing-card h3{color:var(--text-light)}.price-big{color:#111;color:var(--text-dark)}.period{color:var(--text-subtle)}.price-sub{color:#999;color:var(--text-subtle)}.price-features li{color:#555;color:var(--text-light)}.btn-filled{background:var(--color-primary)}.btn-filled,.featured-card{border:2px solid var(--color-primary)}.featured-card{box-shadow:0 10px 40px #8a181a26;box-shadow:var(--shadow-glow)}.best-value-badge{background:var(--color-primary)}.seo-text-section{background-color:#f3f4f6;background-color:var(--bg-workspace);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light)}.seo-column{background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft)}.seo-column:hover{box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-medium)}.seo-icon-box{color:var(--color-primary)}.seo-column h4{color:#111;color:var(--text-dark)}.seo-column p{color:#555;color:var(--text-light)}.faq-section{background-color:#fbfbfb}.faq-header .section-title{color:#111;color:var(--text-dark)}.faq-header .section-subtitle{color:#555;color:var(--text-light)}.faq-item{border:1px solid #e5e7eb}.faq-item:hover{border-color:#d1d5db}.faq-item.active{background:#f3f4f6;background:var(--bg-workspace);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft)}.faq-trust-icon{color:var(--text-subtle)}.faq-item.active .faq-trust-icon{color:var(--color-primary)}.faq-question h4{color:#111;color:var(--text-dark)}.faq-toggle-icon i{color:var(--text-subtle)}.faq-item.active .faq-toggle-icon i{color:#111;color:var(--text-dark)}.faq-answer p{color:var(--text-light)}.faq-footer p{color:var(--text-subtle)}.btn-final-cta{color:var(--color-primary)}@media (max-width:900px){.generator-layout-grid{grid-template-columns:1fr}.main-header{padding:0 1rem}.hero-section{flex-direction:column;text-align:center}.main-nav{display:none}.heading-wrapper{align-items:flex-start;min-height:6rem}.hero-subheadline{font-size:1rem;max-width:90%}.tech-divider{display:none}.hero-badges-row{background:#0000;border:none;flex-direction:column;gap:10px;padding:0}.slider-label{font-size:.55rem;padding:3px 8px;top:10px}.label-left{left:10px}.label-right{right:10px}.handle-knob{height:50px;width:32px}.slider-library-wrapper{aspect-ratio:4/3;height:auto;max-width:90vw;width:100%}.tools-section{padding:60px 0}.tools-header{margin-bottom:40px;padding:0 20px}.tools-value-row{font-size:.8rem;gap:15px}.value-divider{display:none}.value-item{background:#f3f4f6;background:var(--bg-workspace);border-radius:50px;padding:6px 12px}.tools-scroll-wrapper{overflow-x:auto;padding-bottom:30px;padding-left:20px;scroll-snap-type:x mandatory}.tools-grid{display:flex;gap:20px;width:-webkit-max-content;width:max-content}.tool-card{flex-shrink:0;scroll-snap-align:center;width:280px}.tc-text{margin-top:5px}.tools-footer{margin-top:30px}.tools-footer p{font-size:.75rem;line-height:1.4;padding:0 20px}.tc-text{color:#999;color:var(--text-subtle);display:block;font-size:.65rem;margin-top:6px}.pricing-cards-row{max-width:700px}.pricing-card{max-width:none;width:45%}.featured-card{border:2px solid #8a181a;border:2px solid var(--color-primary);transform:scale(1)}.seo-container{gap:20px;grid-template-columns:repeat(3,1fr)}.seo-column{padding:25px 20px}.seo-column h4{font-size:1rem}}@media (max-width:768px){.pricing-preview-section{gap:30px;overflow:hidden;padding:60px 0}.pricing-header{padding:0 20px}.pricing-header .section-title{font-size:2rem}.pricing-cards-row{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;justify-content:flex-start;max-width:none;overflow-x:auto;padding:20px 20px 40px;scroll-snap-type:x mandatory;width:100%}.pricing-card{flex-shrink:0;margin:0;max-width:85vw;min-width:85vw;scroll-snap-align:center}.featured-card{box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft);transform:scale(1)}.best-value-badge{font-size:.65rem;padding:4px 10px;top:-12px}.seo-text-section{padding:60px 15px}.seo-container{gap:25px;grid-template-columns:1fr}.seo-column{align-items:flex-start;padding:25px 20px}.seo-column h4{font-size:1.1rem;margin-bottom:10px}.seo-icon-box{font-size:1rem;height:40px;margin-bottom:15px;width:40px}.faq-section{padding:60px 20px}.faq-header .section-title{font-size:2rem}.faq-header .section-subtitle{font-size:1rem}.faq-question{padding:15px 20px}.answer-inner{padding:0 20px 20px}.faq-question h4{font-size:.95rem}.faq-footer p{font-size:.9rem}.final-cta-section{padding:80px 20px}.cta-headline{font-size:2.2rem}.cta-sub{font-size:1.1rem;margin-bottom:30px}.btn-final-cta{font-size:1rem;padding:16px 30px;width:100%}.btn-final-cta:hover{box-shadow:0 10px 30px #0003;transform:none}.btn-final-cta:active{transform:scale(.96)}.mobile-break{display:block}.heading-wrapper{align-items:flex-start;min-height:6rem}.hero-subheadline{font-size:1rem;max-width:90%}.tech-divider{display:none}.hero-badges-row{background:#0000;border:none;flex-direction:column;gap:10px;padding:0}.slider-label{font-size:.55rem;padding:3px 8px;top:10px}.label-left{left:10px}.label-right{right:10px}.handle-knob{height:50px;width:32px}.slider-library-wrapper{aspect-ratio:4/3;height:auto;max-width:90vw;width:100%}.workflow-section{padding:60px 15px 80px}.bento-grid-wrapper{gap:15px;grid-template-columns:1fr 1fr}.bento-col{gap:50px}.col-right{margin-top:50px}.thread-overlay{display:block}.bento-card{border-radius:16px;gap:12px;min-height:160px;padding:15px}.card-icon-box{border-radius:8px;font-size:1rem;height:36px;width:36px}.step-num{font-size:.7rem;margin-bottom:2px}.bento-card h3{font-size:.95rem;line-height:1.2;margin-bottom:5px}.bento-card p{font-size:.75rem;line-height:1.3}.section-title{font-size:1.8rem}.section-subtitle{font-size:.95rem;padding:0 20px}.tech-flex-section{flex-direction:column;gap:30px;padding:50px 15px}.tech-content{max-width:100%;width:100%}.tech-visual{height:350px;margin-top:-20px;perspective:1000px;width:100%}.exploded-wrapper{height:400px;transform:scale(.65) rotateX(55deg) rotate(-25deg) rotateY(5deg);transform-origin:center center;width:300px}.layer-label{border-left:3px solid #fff;font-size:.65rem!important;padding:4px 8px!important}.layer-base .layer-label{bottom:10%;right:-10px}.layer-map .layer-label{right:-40px;top:61%}.layer-design .layer-label{right:-20px;top:60%}.visual-hint{margin-top:10px}.d-none.d-md-block{display:none}.d-md-none{display:block}.comparison-section{padding:5px 20px 60px}.table-scroll-wrapper{border-radius:12px}.sticky-col{font-size:.8rem;min-width:110px;padding:15px 10px}.comparison-table td,.comparison-table th{font-size:.75rem;padding:15px 10px}.th-brand{font-size:.95rem}.us-badge{font-size:.55rem;margin-left:5px;padding:2px 5px}.sub-text{font-size:.65rem}}.toaster-wrapper,body>div>div[role=status],div[class*=go]{z-index:999999!important}.header-container{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:#ffffffe6;border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-soft);display:flex;height:65px;justify-content:space-between;left:50%;max-width:1200px;padding:0 1.5rem;position:fixed;top:1rem;transform:translateX(-50%);transition:all .3s ease;width:95%;z-index:1000}body.tw-dark .header-container{background-color:#1a1410e6;border-color:var(--border-light);box-shadow:0 4px 20px #0000004d}.brand-link{align-items:center;display:flex;flex-shrink:0;gap:10px;text-decoration:none}.brand-logo{height:32px;object-fit:contain;width:auto}.brand-text{color:var(--color-primary);font-size:1.1rem;letter-spacing:.5px;text-transform:uppercase}.desktop-nav{gap:2rem}.desktop-nav,.nav-link{align-items:center;display:flex}.nav-link{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:.95rem;font-weight:500;gap:6px;text-decoration:none;transition:color .2s}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.small-icon{font-size:.75rem;margin-left:2px;transition:transform .2s}.rotate{transform:rotate(180deg)}.mr-1{margin-right:4px}.dropdown-wrapper{align-items:center;display:flex;height:100%;position:relative}.dropdown-menu{animation:slideUp .2s ease-out;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;gap:4px;left:50%;padding:8px;position:absolute;top:50px;transform:translateX(-50%);width:280px}.dropdown-menu:before{background:#0000;content:"";height:20px;left:0;position:absolute;top:-20px;width:100%}.dropdown-item{border-radius:8px;color:inherit;display:block;padding:10px 12px;text-decoration:none;transition:background .2s}.dropdown-item:hover{background-color:var(--bg-hover)}.dropdown-title{align-items:center;color:var(--text-dark);display:flex;font-size:.9rem;font-weight:700;gap:8px}.dropdown-title i{color:var(--color-primary)}.dropdown-desc{color:var(--text-subtle);display:block;font-size:.75rem;margin-left:24px}.theme-toggle-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:8px;transition:all .2s ease}.theme-toggle-btn:hover{color:var(--color-primary)}.btn-try{align-items:center;background-color:var(--color-primary);border-radius:8px;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:transform .2s;white-space:nowrap}.btn-try:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.user-menu-wrapper{align-items:center;display:flex;height:100%;position:relative}.avatar-btn{background:var(--bg-workspace);border:2px solid var(--border-light);border-radius:50%;cursor:pointer;height:38px;overflow:hidden;padding:0;transition:border-color .2s;width:38px}.avatar-btn:hover{border-color:var(--color-primary)}.avatar-btn img{display:block;height:100%;object-fit:cover;width:100%}.avatar-initials{align-items:center;background:var(--color-secondary);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.user-dropdown-panel{animation:slideUp .2s ease-out;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-medium);padding:16px;position:absolute;right:0;top:55px;width:280px;z-index:1100}.user-dropdown-panel:before{background:#0000;content:"";height:20px;left:0;position:absolute;top:-20px;width:100%}.user-identity{border-bottom:1px solid var(--border-light);margin-bottom:15px;padding-bottom:15px}.user-name{color:var(--text-dark);font-size:1rem;font-weight:700}.user-email{color:var(--text-subtle);font-size:.85rem;overflow:hidden;text-overflow:ellipsis}.credit-widget-mini{background:var(--bg-workspace);border-radius:8px;margin-bottom:15px;padding:12px}.credit-row{color:var(--text-light);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:6px}.credit-count{color:var(--color-primary);font-weight:700}.credit-bar-bg{background:#0000001a;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}body.tw-dark .credit-bar-bg{background:#ffffff1a}.credit-bar-fill{background:var(--color-primary);border-radius:3px;height:100%}.buy-credits-link{color:var(--text-dark);font-size:.75rem;font-weight:600;text-decoration:underline}.user-nav-list{display:flex;flex-direction:column;gap:2px}.user-nav-item{align-items:center;border-radius:6px;color:var(--text-light);display:flex;font-size:.9rem;gap:10px;padding:10px;text-decoration:none;transition:background .2s}.user-nav-item:hover{background:var(--bg-hover);color:var(--text-dark)}.user-nav-item i{color:var(--color-primary);font-size:1rem}.user-logout-section{border-top:1px solid var(--border-light);margin-top:10px;padding-top:10px}.logout-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px;text-align:left;width:100%}.logout-btn:hover{background:#8a181a1a}.mobile-toggle{background:none;border:none;color:var(--text-dark);cursor:pointer;display:none;font-size:1.6rem;margin-left:5px;padding:0}.mobile-drawer-backdrop{background:#00000080;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s;width:100%;z-index:1050}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{background:var(--bg-card);box-shadow:5px 0 30px #0003;display:flex;flex-direction:column;height:100%;left:0;max-width:320px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:85%;z-index:1100}.mobile-drawer.open{transform:translateX(0)}.drawer-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;height:70px;justify-content:space-between;padding:0 20px}.drawer-close{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.5rem}.drawer-content{flex:1 1;overflow-y:auto;padding:20px}.mobile-user-card{background:var(--bg-workspace);border-radius:12px;margin-bottom:30px;padding:15px}.mobile-user-info{align-items:center;display:flex;gap:12px;margin-bottom:12px}.avatar-initials.small{border-radius:50%;flex-shrink:0;font-size:1rem;height:40px;overflow:hidden;width:40px}.mobile-credit-bar{background:#0000001a;border-radius:2px;height:4px;margin-bottom:5px;width:100%}body.tw-dark .mobile-credit-bar{background:#ffffff1a}.mobile-credit-box{background:#0000000d;border-radius:8px;margin-top:15px;padding:10px}body.tw-dark .mobile-credit-box{background:#ffffff0d}.drawer-nav{display:flex;flex-direction:column;gap:5px}.drawer-label{color:var(--text-subtle);font-size:.75rem;font-weight:700;margin-bottom:10px;margin-top:10px;text-transform:uppercase}.drawer-divider{background:var(--border-light);height:1px;margin:15px 0}.drawer-link{align-items:center;color:var(--text-dark);display:flex;font-size:1rem;font-weight:500;gap:12px;padding:12px 0;text-decoration:none}.drawer-link i{color:var(--color-primary);font-size:1.1rem}.drawer-footer{border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:15px;padding:20px}.drawer-theme-toggle{align-items:center;background:var(--bg-workspace);border:none;border-radius:8px;color:var(--text-dark);display:flex;justify-content:space-between}.drawer-logout,.drawer-theme-toggle{cursor:pointer;font-weight:600;padding:12px}.drawer-logout{background:#0000;border:1px solid var(--border-medium);border-radius:8px;color:var(--color-primary)}.drawer-login-btn{background:var(--color-primary);border-radius:8px;color:#fff;font-weight:700;padding:12px;text-align:center;text-decoration:none}@media (max-width:1024px){.desktop-nav{display:none}.mobile-toggle{display:block}.theme-toggle-btn.tablet-visible{display:flex}}@media (max-width:768px){.header-container{border:none;border-bottom:1px solid var(--border-light);border-radius:0;height:55px;padding:0 1rem;top:0;width:100%}.theme-toggle-btn.tablet-visible{display:none}.brand-logo{height:26px}.brand-text{font-size:1rem}.btn-try{font-size:.8rem;padding:6px 12px}.mobile-toggle{font-size:1.4rem}}body.tw-dark .mega-icon{background:#ff6b6b1a!important;color:#ff6b6b!important}body.tw-dark .drawer-link i,body.tw-dark .dropdown-title i,body.tw-dark .logout-btn,body.tw-dark .user-nav-item i{color:#ff6b6b!important}body.tw-dark .logout-btn:hover{background:#ff6b6b1a!important}.footer-container{background-color:#fcfcfc;border-top:1px solid #e5e7eb;color:#333;font-family:Inter,sans-serif;margin-top:auto;padding:80px 5% 40px;width:100%}body.tw-dark .footer-container{background-color:#000;border-color:#222;color:#eee}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.5fr 1fr 1fr 1fr;margin:0 auto 60px;max-width:1200px}.footer-brand{gap:15px}.brand-wrapper,.footer-brand{align-items:flex-start;display:flex;flex-direction:column}.brand-wrapper{gap:8px;text-decoration:none}.brand-logo-footer{display:block;height:40px;object-fit:contain;width:auto}.brand-name-footer{color:#8a181a;font-size:1.2rem;font-weight:800;letter-spacing:-.5px}.social-links{display:flex;gap:15px;margin-top:5px}.social-icon{color:#555;font-size:1.2rem;transition:color .2s,transform .2s}body.tw-dark .social-icon{color:#888}.social-icon:hover{color:#8a181a;transform:translateY(-2px)}.footer-col h3{color:#111;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}body.tw-dark .footer-col h3{color:#fff}.footer-links{display:flex;flex-direction:column;gap:14px}.footer-link{color:#555;font-size:.95rem;text-decoration:none;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}body.tw-dark .footer-link{color:#999}.footer-link:hover{color:#8a181a;transform:translateX(3px)}.footer-bottom{align-items:center;border-top:1px solid #00000014;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding-top:25px}body.tw-dark .footer-bottom{border-color:#ffffff1a}.copyright{color:#888;font-size:.85rem}.legal-links{display:flex;gap:25px}.legal-link{color:#666;font-size:.85rem;text-decoration:none;transition:color .2s;white-space:nowrap}body.tw-dark .legal-link{color:#888}.legal-link:hover{color:#8a181a;text-decoration:underline}@media (max-width:1024px){.footer-container{padding:60px 5% 30px}.footer-grid{gap:50px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2;margin-bottom:10px}}@media (max-width:640px){.footer-container{padding:40px 20px 30px}.footer-grid{gap:35px;grid-template-columns:1fr;margin-bottom:40px}.footer-brand{grid-column:span 1}.footer-col h3{margin-bottom:12px}.footer-col h3,.footer-link{font-size:.9rem}.footer-links{gap:12px}.footer-bottom{align-items:center;flex-direction:column-reverse;gap:25px;padding-top:25px}.legal-links{grid-gap:15px 10px;display:grid;gap:15px 10px;grid-template-columns:1fr 1fr;width:100%}.legal-link:nth-child(odd){text-align:left}.legal-link:nth-child(2n){text-align:right}.legal-link{font-size:.8rem}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf}.modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:650px;width:90%}.modal-header{background-color:#fff;border-bottom:1px solid #f0f0f0}.modal-header h3{color:#5f4729}.header-actions{align-items:center;display:flex;gap:12px}.back-btn,.close-btn{align-items:center;background:none;color:#999;justify-content:center;transition:all .2s}.back-btn:hover,.close-btn:hover{background-color:#f5f5f5;color:#333}.fav-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ccc;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.fav-btn:hover{background-color:#fff1f2;color:#e11d48}.fav-btn.active{color:#e11d48}.modal-body{background-color:#f9f9f9;display:flex;flex-direction:column;min-height:300px}.image-container{align-items:center;display:flex;flex:1 1;justify-content:center}.image-container img{border:1px solid #eee;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.folder-explorer{flex:1 1}.folder-list{grid-gap:12px;align-content:start;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:45vh}.folder-item{background-color:#fff;border:1px solid #e5e5e5;flex-direction:column;position:relative;text-align:center;transition:all .15s}.folder-item:hover{background-color:#fefce8;border-color:#fde047}.folder-item.selected{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.folder-icon{fill:#fbbf24;color:#fbbf24;margin-bottom:8px}.folder-item.selected .folder-icon{fill:#60a5fa;color:#60a5fa}.folder-name{font-size:.8rem;font-weight:500;line-height:1.2;word-break:break-word}.check-icon{background:#fff;border-radius:50%;color:#3b82f6;position:absolute;right:6px;top:6px}.new-folder-btn{align-self:flex-start;background:none;border:1px dashed #ccc;border-radius:6px;color:#666;font-size:.85rem;gap:6px;padding:8px 12px}.new-folder-btn:hover{border-color:#8a181a;color:#8a181a}.modal-footer{background-color:#fff;border-top:1px solid #f0f0f0}.primary-actions{display:flex;gap:12px}.btn-text-danger{align-items:center;border-radius:6px;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px}.btn-text-danger:hover{background-color:#fee2e2}.btn-secondary{background-color:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#333;display:flex;font-size:.9rem;gap:8px;padding:8px 16px}.btn-secondary:hover{background-color:#f5f5f5;border-color:#d4d4d4}.btn-primary{align-items:center;background-color:#8a181a;border:none;border-radius:6px;box-shadow:0 4px 6px -1px #8a181a33;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.btn-primary:hover{background-color:#6e1315}.btn-primary:disabled{background-color:#ccc}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);bottom:0;left:0;right:0;top:0;z-index:5000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #f3f4f6;padding:16px 24px}.header-left{align-items:center;display:flex;gap:12px}.header-left h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0}.back-btn,.close-btn{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;padding:4px}.close-btn:hover{background:#f3f4f6;color:#ef4444}.modal-body{background:#fafafa;overflow-y:auto;padding:24px}.preview-layout{display:flex;flex-direction:column;gap:20px}.image-container.result-img{align-items:center;background:#e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.image-container img{max-height:50vh;max-width:100%;object-fit:contain}.fav-float{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #0000001a;border-radius:50%;color:#6b7280;cursor:pointer;padding:8px;position:absolute;right:12px;top:12px;transition:all .2s}.fav-float:hover{background:#fff;transform:scale(1.1)}.fav-float.active{border-color:#e11d48;color:#e11d48}.naming-section{display:flex;flex-direction:column;gap:8px}.naming-section label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.main-name-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:1rem;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.main-name-input:focus{border-color:#2563eb}.modal-footer{align-items:center;background:#fff;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 24px}.footer-left,.footer-right{align-items:center;display:flex;gap:10px}.btn-primary,.btn-secondary,.btn-text-danger{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-primary{background:#111827}.btn-primary:hover{background:#000}.btn-primary:disabled{opacity:.7}.btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-text-danger{background:#0000;color:#ef4444;padding:10px}.btn-text-danger:hover{background:#fef2f2}.folder-explorer{gap:16px}.folder-explorer,.folder-list{display:flex;flex-direction:column}.folder-list{gap:8px;max-height:40vh;overflow-y:auto}.folder-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px}.folder-item.selected,.folder-item:hover{background:#eff6ff;border-color:#2563eb}.folder-item.selected{color:#2563eb;font-weight:500}.new-folder-btn{align-items:center;background:#0000;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:12px;width:100%}.new-folder-btn:hover{background:#f0f9ff;border-color:#2563eb;color:#2563eb}@media (max-width:600px){.modal-footer{flex-direction:column-reverse;gap:12px}.footer-left,.footer-right{justify-content:space-between;width:100%}.btn-primary,.btn-secondary{flex:1 1;justify-content:center}}.landing-wrapper{background-color:#fcfcfc;font-family:Inter,sans-serif;overflow-x:hidden;width:100%}body.tw-dark .landing-wrapper{background-color:#000}.hero-section{gap:90px;padding-bottom:60px;padding-top:140px;position:relative}.hero-section,.hero-text-frame{align-items:center;display:flex;flex-direction:column}.hero-text-frame{max-width:1000px;padding:0 20px;text-align:center}.hero-mini-heading{color:#444;font-size:.9rem;font-weight:800;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}body.tw-dark .hero-mini-heading{color:#888}.heading-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:20px;min-height:4.5rem}.hero-main-heading{font-size:clamp(2rem,5vw,4.5rem);font-weight:900;line-height:1.1;text-align:center;text-transform:uppercase;white-space:pre-wrap}@media (max-width:768px){.heading-wrapper{align-items:flex-start;min-height:6rem}}.headline-black{color:#1a1a1a}body.tw-dark .headline-black{color:#fff}.headline-red{color:#8a181a;position:relative}.cursor-blink{animation:blink 1s step-end infinite;color:#8a181a;font-weight:100}@keyframes blink{50%{opacity:0}}.hero-subheadline{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:800px}body.tw-dark .hero-subheadline{color:#ccc}.hero-badges-row{align-items:center;background:#00000008;border:1px solid #0000000d;border-radius:50px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px;padding:10px 20px}body.tw-dark .hero-badges-row{background:#ffffff0d;border-color:#ffffff1a}.tech-badge{align-items:center;color:#555;display:flex;font-size:.85rem;font-weight:700;gap:8px;white-space:nowrap}body.tw-dark .tech-badge{color:#ccc}.tech-badge i{color:#8a181a;font-size:1rem}.tech-divider{background-color:#ccc;height:15px;width:1px}.hero-cta-group{align-items:center;display:flex;flex-direction:column;gap:15px;padding-bottom:20px}.btn-primary-hero{border-radius:50px;box-shadow:0 10px 30px #8a181a4d;display:flex;font-size:1.1rem;font-weight:700;gap:10px;padding:14px 40px;transition:transform .2s,box-shadow .2s}.btn-primary-hero:hover{box-shadow:0 15px 40px #8a181a80;transform:translateY(-3px)}.btn-text-hero{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;opacity:.6;transition:opacity .2s}body.tw-dark .btn-text-hero{color:#fff}.btn-text-hero:hover{opacity:1}.hero-visual-frame{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.slider-library-wrapper{align-items:center;aspect-ratio:4/3;background-color:#eee;border:4px solid #fff;border-radius:16px;box-shadow:0 25px 80px #00000026;display:flex;height:auto;justify-content:center;max-width:600px;overflow:hidden;position:relative;width:100%}body.tw-dark .slider-library-wrapper{background-color:#111;border-color:#222}.slider-library-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.slider-seo-desc{color:#555;font-size:.95rem;line-height:1.6;margin-top:10px;max-width:750px;padding:0 20px;text-align:center}body.tw-dark .slider-seo-desc{color:#bbb}.highlight-desc{color:#8a181a;font-weight:700}.slider-seo-desc i{color:#8a181a;margin-right:5px}.custom-slider-handle{align-items:center;cursor:col-resize;display:flex;height:100%;justify-content:center;position:relative;width:100%}.handle-bar{background:#fff;box-shadow:0 0 10px #0000004d;height:100%;left:50%;position:absolute;transform:translateX(-50%);width:3px}.handle-knob{align-items:center;background:#5f4729;border:2px solid #fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:10px;gap:2px;height:60px;justify-content:center;transition:transform .1s ease,background-color .2s;width:36px;z-index:20}.custom-slider-handle:active .handle-knob,.custom-slider-handle:hover .handle-knob{background:#8a181a;transform:scale(1.05)}.slider-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;color:#fff;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;pointer-events:none;position:absolute;text-transform:uppercase;top:15px;z-index:10}.label-left{left:15px}.label-right{background:#8a181ad9;right:15px}@media (max-width:768px){.heading-wrapper{align-items:flex-start;min-height:6rem}.hero-subheadline{font-size:1rem;max-width:90%}.tech-divider{display:none}.hero-badges-row{background:#0000;border:none;flex-direction:column;gap:10px;padding:0}.slider-label{font-size:.55rem;padding:3px 8px;top:10px}.label-left{left:10px}.label-right{right:10px}.handle-knob{height:50px;width:32px}.slider-library-wrapper{aspect-ratio:4/3;height:auto;max-width:90vw;width:100%}}.brands-section{margin-top:40px;opacity:.5;padding:40px 0}.brands-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.brand-text{color:#ccc;font-size:1.5rem;font-weight:800}.workflow-section{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;overflow:hidden;padding:80px 20px 120px;position:relative}body.tw-dark .workflow-section{background-color:#080808}.workflow-header{margin-bottom:60px;text-align:center;z-index:5}.section-title{color:#1a1a1a;font-size:2.5rem;font-weight:800;margin-bottom:10px}body.tw-dark .section-title{color:#fff}.section-subtitle{color:#666;font-size:1.1rem}.bento-grid-wrapper{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;max-width:1000px;position:relative;width:100%}.thread-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.thread-svg{height:100%;overflow:visible;width:100%}.bento-col{display:flex;flex-direction:column;gap:150px}.col-right{margin-top:150px}.bento-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;gap:20px;min-height:220px;padding:30px;position:relative;transition:transform .3s ease,box-shadow .3s ease;z-index:10}body.tw-dark .bento-card{background:#1e1e1e99;border-color:#ffffff1a}.bento-card:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-5px)}.card-highlight{background:linear-gradient(145deg,#ffffffe6,#fff0f080);border:2px solid #8a181a26}body.tw-dark .card-highlight{border-color:#8a181a66}.card-icon-box{align-items:center;background:#f0f0f0;border-radius:12px;color:#333;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}body.tw-dark .card-icon-box{background:#333;color:#eee}.icon-pulse{animation:pulseIcon 2s infinite;background:#8a181a1a;color:#8a181a}@keyframes pulseIcon{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.step-num{color:#ccc;display:block;font-size:.8rem;font-weight:800;margin-bottom:5px}.step-red{color:#8a181a}.bento-card h3{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin-bottom:8px}body.tw-dark .bento-card h3{color:#fff}.bento-card p{color:#666;font-size:.95rem;line-height:1.5}body.tw-dark .bento-card p{color:#aaa}@media (max-width:768px){.heading-wrapper{align-items:flex-start;min-height:6rem}.hero-subheadline{font-size:1rem;max-width:90%}.tech-divider{display:none}.hero-badges-row{background:#0000;border:none;flex-direction:column;gap:10px;padding:0}.slider-label{font-size:.55rem;padding:3px 8px;top:10px}.label-left{left:10px}.label-right{right:10px}.handle-knob{height:50px;width:32px}.slider-library-wrapper{aspect-ratio:4/3;height:auto;max-width:90vw;width:100%}.workflow-section{padding:60px 15px 80px}.bento-grid-wrapper{gap:15px;grid-template-columns:1fr 1fr}.bento-col{gap:50px}.col-right{margin-top:50px}.thread-overlay{display:block}.bento-card{border-radius:16px;gap:12px;min-height:160px;padding:15px}.card-icon-box{border-radius:8px;font-size:1rem;height:36px;width:36px}.step-num{font-size:.7rem;margin-bottom:2px}.bento-card h3{font-size:.95rem;line-height:1.2;margin-bottom:5px}.bento-card p{font-size:.75rem;line-height:1.3}.section-title{font-size:1.8rem}.section-subtitle{font-size:.95rem;padding:0 20px}}.tech-flex-section{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;gap:60px;justify-content:center;overflow:hidden;padding:100px 20px}body.tw-dark .tech-flex-section{background-color:#050505}.tech-content{display:flex;flex-direction:column;gap:40px;max-width:500px;z-index:2}.text-left{text-align:left}.feature-list{display:flex;flex-direction:column;gap:30px}.feature-item{align-items:flex-start;gap:20px}.feature-icon{align-items:center;background:#8a181a1a;border-radius:12px;color:#8a181a;display:flex;font-size:1.4rem;height:50px;justify-content:center;min-width:50px;width:50px}.feature-text h4{color:#1a1a1a;font-size:1.2rem;font-weight:700;margin-bottom:5px}body.tw-dark .feature-text h4{color:#fff}.feature-text p{color:#666;font-size:.95rem;line-height:1.5}body.tw-dark .feature-text p{color:#aaa}.seo-keyword-text{background:#f5f5f5;border-left:3px solid #8a181a;border-radius:8px;color:#888;font-size:.9rem;line-height:1.6;padding:15px}body.tw-dark .seo-keyword-text{background:#111;color:#555}.tech-visual{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:600px;justify-content:center;perspective:1500px;position:relative;width:500px}.exploded-wrapper{height:500px;position:relative;transform:rotateX(55deg) rotate(-25deg) rotateY(5deg);transform-style:preserve-3d;width:400px}.exploded-wrapper,.layer{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.layer{border-radius:20px;height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%}.layer-base{transform:translateZ(0);z-index:1}.layer-base img{height:100%;object-fit:contain;width:100%}.layer-map{opacity:.8;transform:translateZ(40px);z-index:2}.layer-map img{filter:grayscale(100%) contrast(1.2);height:100%;object-fit:contain;width:100%}.layer-design{align-items:center;display:flex;justify-content:center;transform:translateZ(80px);z-index:3}.layer-design img{filter:drop-shadow(0 15px 30px rgba(0,0,0,.4));height:auto;left:2%;position:absolute;top:42%;transform:rotate(52deg);width:45%}.layer-label{background:#8a181a;border-radius:4px;bottom:30%;box-shadow:0 4px 12px #0003;color:#fff;font-size:.8rem;font-weight:700;opacity:0;padding:6px 14px;pointer-events:none;position:absolute;right:-40px;transform:translateX(-20px);transform:rotate(25deg) rotateX(-75deg) translateY(10px);transition:all .4s ease .1s;white-space:nowrap;z-index:10}.layer-base .layer-label{bottom:15%;right:-30px}.layer-map .layer-label{background:#5f4729;right:-60px;top:63%}.layer-design .layer-label{background:#8a181a;right:-5px;top:63%}@media (hover:hover){.tech-visual:hover .layer-base{filter:brightness(.7);transform:translateZ(-60px) scale(.95)}.tech-visual:hover .layer-map{opacity:1;transform:translateZ(60px)}.tech-visual:hover .layer-design{transform:translateZ(200px)}.tech-visual:hover .layer-label{opacity:1;transform:translateX(0)}.d-md-none{display:none}}.tech-visual.touch-active .layer-base{filter:brightness(.7);transform:translateZ(-60px) scale(.95)}.tech-visual.touch-active .layer-map{opacity:1;transform:translateZ(60px)}.tech-visual.touch-active .layer-design{transform:translateZ(200px)}.tech-visual.touch-active .layer-label{opacity:1;transform:translateX(0)}@media (min-width:768px) and (max-width:1024px){.tech-flex-section{align-items:center;flex-direction:row!important;flex-wrap:nowrap;gap:20px;justify-content:space-between;padding:80px 20px}.tech-content{margin-bottom:0;min-width:300px;width:45%}.tech-visual{height:500px;width:50%}.exploded-wrapper{transform:scale(.7) rotateX(55deg) rotate(-25deg) rotateY(5deg)}.d-none.d-md-block{display:none}.d-md-none{display:block}}@media (max-width:768px){.tech-flex-section{flex-direction:column;gap:30px;padding:50px 15px}.tech-content{max-width:100%;width:100%}.tech-visual{height:350px;margin-top:-20px;perspective:1000px;width:100%}.exploded-wrapper{height:400px;transform:scale(.65) rotateX(55deg) rotate(-25deg) rotateY(5deg);transform-origin:center center;width:300px}.layer-label{border-left:3px solid #fff;font-size:.65rem!important;padding:4px 8px!important}.layer-base .layer-label{bottom:10%;right:-10px}.layer-map .layer-label{right:-40px;top:61%}.layer-design .layer-label{right:-20px;top:60%}.visual-hint{margin-top:10px}.d-none.d-md-block{display:none}.d-md-none{display:block}}@keyframes bounceHint{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.comparison-section{background-color:#fcfcfc;justify-content:center;padding:20px 20px 80px}body.tw-dark .comparison-section{background-color:#000}.comparison-container{max-width:1000px;width:100%}.comparison-header{margin-bottom:40px;text-align:center}.billing-toggle{background:#eee;border-radius:50px;display:inline-flex;gap:5px;margin-top:20px;padding:4px}body.tw-dark .billing-toggle{background:#222}.toggle-btn{border-radius:40px;color:#666;gap:5px;padding:8px 16px;transition:all .2s}body.tw-dark .toggle-btn{color:#aaa}.toggle-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1a1a1a}body.tw-dark .toggle-btn.active{background:#333;color:#fff}.discount-badge{background:#d4edda;border-radius:4px;color:#155724;font-size:.7rem;padding:2px 6px}.table-scroll-wrapper{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 10px 40px #0000000d;overflow-x:auto;overflow-y:hidden}body.tw-dark .table-scroll-wrapper{background:#111;border-color:#333}.comparison-table{border-collapse:collapse}.comparison-table td,.comparison-table th{border-bottom:1px solid #eee;color:#555;font-size:.95rem;line-height:1.4;padding:20px}body.tw-dark .comparison-table td,body.tw-dark .comparison-table th{border-color:#222;color:#bbb}.sticky-col{background:#fff;border-right:2px solid #f0f0f0;box-shadow:2px 0 5px #00000005;color:#1a1a1a;font-weight:700;left:0;position:-webkit-sticky;position:sticky;text-align:left!important;width:140px;z-index:10}body.tw-dark .sticky-col{background:#111;border-right-color:#333;color:#fff}.highlight-col{background:#8a181a08;border-left:1px solid #8a181a1a;border-right:1px solid #8a181a1a;color:#1a1a1a!important;font-weight:700;position:relative}body.tw-dark .highlight-col{background:#8a181a1a;color:#fff!important}body.tw-dark .dropzone.is-active{background-color:#8a181a33}.comparison-table th{background:#f9f9f9;font-size:.85rem;padding-bottom:25px;padding-top:25px}.th-brand{align-items:center;display:flex;font-size:1.1rem;gap:0;justify-content:center}.us-badge{background:#8a181a;border-radius:4px;color:#fff;font-size:.65rem;letter-spacing:1px;margin-left:8px;padding:3px 8px;text-transform:uppercase}.sub-text{color:#999;display:block;font-size:.75rem;font-weight:400;margin-top:4px}.price-text{color:#8a181a;font-size:1.2rem}@media (max-width:768px){.comparison-section{padding:5px 20px 60px}.table-scroll-wrapper{border-radius:12px}.sticky-col{font-size:.8rem;min-width:110px;padding:15px 10px}.comparison-table td,.comparison-table th{font-size:.75rem;padding:15px 10px}.th-brand{font-size:.95rem}.us-badge{font-size:.55rem;margin-left:5px;padding:2px 5px}.sub-text{font-size:.65rem}}.mobile-break{display:none}@media (max-width:768px){.mobile-break{display:block}}.tools-section{background:#fff;overflow:hidden;padding:100px 20px}body.tw-dark .tools-section{background:#050505}.tools-container{margin:0 auto;max-width:1200px;width:100%}.tools-header{margin:0 auto 60px;max-width:800px;text-align:center}.tools-value-row{flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.tools-value-row,.value-item{align-items:center;display:flex}.value-item{color:#555;font-size:.9rem;font-weight:700;gap:8px}body.tw-dark .value-item{color:#ccc}.value-item i{color:#8a181a;font-size:1.1rem}.value-divider{background:#ddd;border-radius:50%;height:4px;width:4px}.tools-scroll-wrapper{padding:10px;width:100%}.tools-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.tool-card{background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow .3s ease}body.tw-dark .tool-card{background:#111;border-color:#333}.tool-card:hover{box-shadow:0 20px 50px #0000001a}.tool-badge{background:#22c55e;border-radius:4px;color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.5px;padding:4px 8px;position:absolute;right:15px;text-transform:uppercase;top:15px;z-index:10}.tool-visual{align-items:center;background:#f9f9f9;display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}body.tw-dark .tool-visual{background:#1a1a1a}.tool-visual img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.tool-card:hover .tool-visual img{transform:scale(1.05)}.icon-visual i{color:#8a181a;font-size:4rem;opacity:.8}.tool-content{display:flex;flex-direction:column;flex-grow:1;padding:25px}.tool-content h3{color:#1a1a1a;font-size:1.1rem;font-weight:800;margin-bottom:8px}body.tw-dark .tool-content h3{color:#fff}.tool-content p{color:#666;flex-grow:1;font-size:.85rem;line-height:1.5;margin-bottom:20px}body.tw-dark .tool-content p{color:#aaa}.btn-tool{align-items:center;background:#0000;border:1px solid #ddd;border-radius:8px;color:#1a1a1a;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:8px;justify-content:center;padding:10px;transition:all .2s;width:100%}body.tw-dark .btn-tool{border-color:#333;color:#fff}.btn-tool:hover{background:#8a181a;border-color:#8a181a;color:#fff}.tools-footer{color:#888;font-size:.85rem;margin-top:30px;text-align:center}.tools-footer p{font-size:.75rem;line-height:1.4;padding:0 20px}.tools-footer i{font-size:.8rem;margin-right:4px;vertical-align:middle}.tc-text{color:#999;display:block;font-size:.65rem;margin-top:6px}@media (max-width:900px){.tools-section{padding:60px 0}.tools-header{margin-bottom:40px;padding:0 20px}.tools-value-row{font-size:.8rem;gap:15px}.value-divider{display:none}.value-item{background:#f5f5f5;border-radius:50px;padding:6px 12px}body.tw-dark .value-item{background:#111}.tools-scroll-wrapper{overflow-x:auto;padding-bottom:30px;padding-left:20px;scroll-snap-type:x mandatory}.tools-grid{display:flex;gap:20px;width:-webkit-max-content;width:max-content}.tool-card{flex-shrink:0;scroll-snap-align:center;width:280px}.tc-text{display:block;margin-top:5px}}.pricing-preview-section{align-items:center;background-color:#fcfcfc;display:flex;flex-direction:column;gap:50px;padding:100px 20px}body.tw-dark .pricing-preview-section{background-color:#000}.pricing-cards-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1300px;width:100%}.pricing-card{align-items:center;background:#fff;border:1px solid #eee;border-radius:20px;flex-grow:1;gap:20px;max-width:300px;padding:30px 20px;text-align:center;transition:transform .3s ease;width:280px}body.tw-dark .pricing-card{background:#111;border-color:#333}.card-header-price{display:flex;flex-direction:column;gap:5px}.pricing-card h3{color:#555;font-size:1.2rem;font-weight:700;margin:0}.price-big{color:#1a1a1a;font-size:2.2rem;font-weight:800}.period{color:#999}.price-sub{color:#888;font-size:.8rem;font-weight:500}.price-features{display:flex;flex-direction:column;gap:12px;list-style:none;margin-bottom:10px;padding:0;width:100%}.price-features li{align-items:center;color:#666;display:flex;font-size:.85rem;gap:8px;justify-content:flex-start;text-align:left}.price-features li i{color:#22c55e;flex-shrink:0}.btn-price{border-radius:50px;font-size:.9rem;font-weight:700;margin-top:auto;padding:10px 20px;text-decoration:none;transition:all .2s;width:100%}.btn-outline{background:#0000;border:2px solid #eee;color:#1a1a1a}.btn-outline:hover{background:#fafafa;border-color:#1a1a1a}.btn-filled{background:#8a181a;border:2px solid #8a181a;box-shadow:0 10px 25px #8a181a4d;color:#fff}.btn-filled:hover{box-shadow:0 15px 35px #8a181a66;transform:translateY(-2px)}.featured-card{border:2px solid #8a181a;box-shadow:0 20px 60px #00000014;position:relative;transform:scale(1.05);z-index:2}.best-value-badge{background:#8a181a;border-radius:50px;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:1px;padding:4px 12px;position:absolute;top:-12px}.seo-text-section{background-color:#f9f9f9;border-top:1px solid #eee;padding:100px 20px}body.tw-dark .seo-text-section{background-color:#050505;border-color:#222}.seo-header{margin-bottom:60px;padding:0 20px;text-align:center}.seo-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.seo-column{align-items:flex-start;background:#fff;border:1px solid #00000008;border-radius:16px;box-shadow:0 5px 20px #00000008;display:flex;flex-direction:column;padding:35px 30px;transition:transform .3s ease,box-shadow .3s ease}body.tw-dark .seo-column{background:#111;border-color:#222}.seo-column:hover{box-shadow:0 15px 40px #00000014;transform:translateY(-5px)}.seo-icon-box{align-items:center;background:#8a181a1a;border-radius:10px;color:#8a181a;display:flex;font-size:1.2rem;height:45px;justify-content:center;margin-bottom:20px;width:45px}body.tw-dark .seo-icon-box{background:#ffffff1a;color:#fff}.seo-column h4{color:#1a1a1a;font-size:1.15rem;font-weight:800;line-height:1.4;margin-bottom:15px}body.tw-dark .seo-column h4{color:#fff}.seo-column p{color:#666;font-size:.9rem;line-height:1.7;text-align:left}body.tw-dark .seo-column p{color:#aaa}.seo-column strong{color:#1a1a1a;font-weight:700}body.tw-dark .seo-column strong{color:#fff}@media (min-width:600px) and (max-width:1100px){.pricing-cards-row{max-width:700px}.pricing-card{max-width:none;width:45%}.featured-card{border:2px solid #8a181a;transform:scale(1)}.seo-container{gap:20px;grid-template-columns:repeat(3,1fr)}.seo-column{padding:25px 20px}.seo-column h4{font-size:1rem}}@media (max-width:768px){.pricing-preview-section{gap:30px;overflow:hidden;padding:60px 0}.pricing-header{padding:0 20px}.pricing-header .section-title{font-size:2rem}.pricing-cards-row{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;justify-content:flex-start;overflow-x:auto;padding:20px 20px 40px;scroll-snap-type:x mandatory;width:100%}.pricing-card{flex-shrink:0;margin:0;max-width:85vw;min-width:85vw;scroll-snap-align:center}.featured-card{border:2px solid #8a181a;box-shadow:0 10px 30px #8a181a1a;transform:scale(1)}.best-value-badge{font-size:.65rem;padding:4px 10px;top:-12px}.seo-text-section{padding:60px 15px}.seo-container{gap:25px;grid-template-columns:1fr}.seo-column{align-items:flex-start;padding:25px 20px}.seo-column h4{font-size:1.1rem;margin-bottom:10px}.seo-column p{font-size:.9rem;line-height:1.6;text-align:left}.seo-icon-box{font-size:1rem;height:40px;margin-bottom:15px;width:40px}}.faq-section{background-color:#fff;padding:100px 20px}body.tw-dark .faq-section{background-color:#050505}.faq-container{gap:40px;margin:0 auto;max-width:800px}.faq-header{text-align:center}.faq-header .section-title{color:#1a1a1a;font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:15px}body.tw-dark .faq-header .section-title{color:#fff}.faq-header .section-subtitle{color:#666;font-size:1.1rem}.faq-list{gap:15px}.faq-item{background:#fff;border:1px solid #e5e5e5;cursor:pointer}body.tw-dark .faq-item{background:#111;border-color:#333}.faq-item:hover{border-color:#ccc}.faq-item.active{background:#fafafa;border-color:#8a181a;box-shadow:0 4px 15px #00000008}body.tw-dark .faq-item.active{background:#1a1a1a}.faq-question{min-height:70px;padding:20px 25px}.q-content{align-items:center;display:flex;gap:15px}.faq-trust-icon{color:#999;font-size:1.1rem}.faq-item.active .faq-trust-icon{color:#8a181a}.faq-question h4{color:#1a1a1a;font-size:1.05rem;font-weight:700;margin:0;text-align:left}body.tw-dark .faq-question h4{color:#fff}.faq-toggle-icon i{color:#999;transition:transform .25s ease-out}.faq-item.active .faq-toggle-icon i{color:#1a1a1a;transform:rotate(180deg)}.faq-answer{transition:max-height .25s ease-out}.faq-item.active .faq-answer{max-height:300px}.answer-inner{padding:0 25px 25px 50px}.faq-answer p{color:#555;font-size:.95rem;line-height:1.6;margin:0;text-align:left}body.tw-dark .faq-answer p{color:#bbb}.faq-footer{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:10px;text-align:center}.faq-footer p{color:#999;font-size:.95rem;margin:0}@media (max-width:768px){.faq-section{padding:60px 20px}.faq-header .section-title{font-size:2rem}.faq-header .section-subtitle{font-size:1rem}.faq-question{padding:15px 20px}.answer-inner{padding:0 20px 20px}.faq-question h4{font-size:.95rem}.faq-footer p{font-size:.9rem}}.final-cta-section{padding:120px 20px}.cta-overlay-texture{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");height:100%;left:0;opacity:.4;pointer-events:none;position:absolute;top:0;width:100%}.cta-content{align-items:center;display:flex;flex-direction:column;max-width:700px;position:relative;z-index:2}.cta-headline{color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-.5px;line-height:1.1;margin-bottom:15px}.cta-sub{color:#ffffffe6;font-size:1.25rem;font-weight:400;margin-bottom:40px}.cta-action-group{align-items:center;display:flex;flex-direction:column;gap:15px}.btn-final-cta{align-items:center;background:#fff;border:2px solid #fff;border-radius:50px;box-shadow:0 10px 30px #0003;color:#8a181a;display:inline-flex;font-size:1.1rem;font-weight:800;justify-content:center;padding:18px 45px;text-decoration:none;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.btn-final-cta:hover{background:#fff;box-shadow:0 15px 40px #0000004d;transform:translateY(-3px)}.btn-final-cta:active{box-shadow:0 5px 15px #0003;transform:translateY(1px) scale(.98)}.cta-reassurance{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;font-weight:500;gap:6px}.cta-reassurance i{font-size:1rem}@media (max-width:768px){.final-cta-section{padding:80px 20px}.cta-headline{font-size:2.2rem}.cta-sub{font-size:1.1rem;margin-bottom:30px}.btn-final-cta{font-size:1rem;padding:16px 30px;width:100%}.btn-final-cta:hover{box-shadow:0 10px 30px #0003;transform:none}.btn-final-cta:active{transform:scale(.96)}}body.tw-dark .tech-badge i{color:#ff6b6b!important}body.tw-dark .cursor-blink,body.tw-dark .headline-red{color:#ff6b6b!important;text-shadow:0 0 20px #ff6b6b4d}body.tw-dark .highlight-desc,body.tw-dark .highlight-text,body.tw-dark .slider-seo-desc i{color:#ff6b6b!important}body.tw-dark .card-icon-box{background:#ff6b6b1a!important;color:#ff6b6b!important}body.tw-dark .bento-card h3[style*=color]{color:#ff6b6b!important}body.tw-dark .thread-svg path{stroke:#ff6b6b!important;opacity:.6}body.tw-dark .feature-icon{background:#ff6b6b1a!important;color:#ff6b6b!important}body.tw-dark .visual-hint i{color:#ff6b6b!important}body.tw-dark .seo-keyword-text{background:#1f1f1f!important;border-left-color:#ff6b6b!important;color:#e5e5e5!important}body.tw-dark .seo-keyword-text em,body.tw-dark .seo-keyword-text strong{color:#ff6b6b!important;font-style:normal}body.tw-dark .us-badge{background:#ff6b6b!important;color:#000!important}body.tw-dark .value-item i{color:#ff6b6b!important}body.tw-dark .icon-visual i{color:#ff6b6b!important;opacity:1!important}body.tw-dark .tools-footer i{color:#ff6b6b!important}body.tw-dark .price-big{color:#fff!important}body.tw-dark .pricing-card h3{color:#ccc!important}body.tw-dark .pricing-card{background:#141414!important}body.tw-dark .btn-outline{border-color:#666!important;color:#fff!important}body.tw-dark .btn-outline:hover{background-color:#333!important;border-color:#fff!important}body.tw-dark .faq-trust-icon{color:#ff6b6b!important;opacity:.8}.login-container{align-items:center;background-color:var(--bg-main);display:flex;justify-content:center;min-height:100vh;padding:140px 20px 80px;transition:background-color .3s ease}.login-box{animation:fadeInSlideUp .5s ease-out forwards;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-medium);max-width:450px;padding:2.5rem 3rem;text-align:center;width:100%}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{height:60px;margin-bottom:2rem}.login-button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;line-height:1.4;padding:.8rem 1rem;transition:all .2s ease-in-out;width:100%}.email-button{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-glow);color:#fff}.email-button:hover:not(:disabled){background-color:var(--bg-card);border-color:var(--color-primary);color:var(--color-primary)}.google-button{background-color:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-dark)}.google-button:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--text-dark)}.google-logo{height:24px;width:24px}.login-button:disabled{background-color:var(--bg-workspace);border-color:var(--border-light);box-shadow:none;color:var(--text-subtle);cursor:not-allowed;opacity:.7}.divider-text{align-items:center;color:var(--text-subtle);display:flex;font-size:.9rem;gap:1rem;margin:1.5rem 0}.divider-text span{background-color:var(--bg-card);padding:0 .5rem}.divider-text:after,.divider-text:before{background-color:var(--border-light);content:"";flex:1 1;height:1px}.input-group{margin-bottom:1.25rem;text-align:left}.input-group label{color:var(--text-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.input-group input{background-color:var(--bg-input);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-dark);font-size:1rem;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #8a181a1a;outline:none}.auth-toggle{color:var(--text-light);font-size:.95rem;margin-top:1.5rem}.auth-toggle span{color:var(--color-secondary);cursor:pointer;font-weight:700}.auth-toggle span:hover{color:var(--color-primary);text-decoration:underline}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.email-button:hover:not(:disabled) .spinner-small{border:2px solid #8a181a4d;border-top:2px solid var(--color-primary)}.label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.label-row label{margin-bottom:0}.forgot-password-link{color:var(--text-subtle);font-size:.85rem;font-weight:500;text-decoration:none}.forgot-password-link:hover{color:var(--color-primary);text-decoration:underline}.captcha-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem;margin-top:1rem;width:100%}.generator-theme{--color-primary:#8a181a;--color-secondary:#5f4729;--color-neutral:#727272;--bg-page:#fbfbfb;--bg-card:#fff;--text-main:#333;--shadow-brand:0 10px 40px #8a181a26;--radius-card:24px}.generator-layout{background-color:var(--bg-page);display:flex;flex-direction:row;font-family:Inter,sans-serif;height:calc(100vh - 64px);overflow:hidden;position:relative;width:100vw}.generator-sidebar{background-color:var(--bg-page);flex-shrink:0;height:100%;padding:20px;width:380px;z-index:20}.control-panel-card{background-color:var(--bg-card);border:2px solid var(--color-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-brand);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.generator-workspace{background-color:var(--bg-page);background-image:radial-gradient(#ddd 1px,#0000 0);background-size:24px 24px;flex:1 1;padding:30px}.canvas-cage,.generator-workspace{align-items:center;display:flex;justify-content:center;position:relative}.canvas-cage{background-color:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 20px 60px #00000014;height:100%;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.canvas-cage canvas{display:block;max-height:100%!important;max-width:100%!important;object-fit:contain!important}@media (max-width:768px){.generator-layout{flex-direction:column-reverse;height:auto;min-height:100vh}.generator-sidebar{height:auto;padding:10px;width:100%}.generator-workspace{height:50vh;padding:10px}}.control-panel{background-color:#fff;border-right:1px solid #5f472933;box-shadow:2px 0 10px #5f47291a;font-family:Inter,sans-serif;font-size:12px}.cp-header{align-items:center;background-color:#fff;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between}.cp-title{font-size:.875rem;letter-spacing:.1em}.cp-content{padding:1.25rem}.step-section{display:flex;flex-direction:column;gap:.5rem}.step-label{font-size:10px;letter-spacing:.05em}.upload-box{background-color:initial;border-radius:.375rem;box-sizing:border-box}.upload-preview{align-items:center;display:flex;gap:.75rem;width:100%}.preview-thumb{border:1px solid #e5e7eb;border-radius:.375rem;height:2.5rem;width:2.5rem}.base-thumb{object-fit:cover}.design-thumb{background-color:#f9fafb;object-fit:contain}.file-name{color:#333;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replace-link{color:#8a181a;font-size:10px;text-decoration:underline}.upload-icon{color:#727272;margin-bottom:.25rem}.upload-box:hover .upload-icon{color:#8a181a}.upload-text{color:#333;font-weight:500}.upload-box:hover .upload-text{color:#8a181a}.hidden-input{display:none}.step-connector{display:flex;justify-content:center;margin-bottom:-.5rem;margin-top:-.5rem}.connector-line{background-color:#5f472933;height:1.5rem;width:1px}.divider{background-color:#f3f4f6;height:1px;margin:.5rem 0;width:100%}.controls-section{display:flex;flex-direction:column;gap:1.5rem;opacity:.9}.section-label{color:#727272;font-size:10px;letter-spacing:.05em}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-header{color:#333;font-size:10px;font-weight:500}.control-name{align-items:center;display:flex;gap:.25rem}.control-value{color:#9ca3af}.slider-input{-webkit-appearance:none;appearance:none;background-color:#e5e7eb;border-radius:.5rem;cursor:pointer;height:4px;width:100%}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:#8a181a;border-radius:50%;cursor:pointer;height:12px;width:12px}.cp-footer{background-color:#f9fafb80;border-top:1px solid #5f47291a;padding:1rem}.generate-btn{align-items:center;background-color:#8a181a;border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.05em;padding:.875rem 1rem;text-transform:uppercase;transition:all .2s;width:100%}.generate-btn:hover:not(:disabled){background-color:#6e1315;box-shadow:0 10px 15px -3px #0000001a}.generate-btn:active:not(:disabled){transform:scale(.98)}.generate-btn.loading{background-color:#5f4729;cursor:wait}.loading-state{flex-direction:column}.loading-row,.loading-state{align-items:center;display:flex}.loading-row{gap:.5rem}.spin-icon{animation:spin 1s linear infinite}.loading-subtext{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;font-size:9px;font-weight:400;margin-top:.25rem;opacity:.8}.zap-icon{fill:currentColor}.credit-badge{background-color:#fff3;border-radius:.25rem;font-size:9px;margin-left:.25rem;padding:.125rem .375rem}.pricing-container{background-color:var(--bg-main);color:var(--text-light);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding:140px 20px 80px;transition:background-color .3s ease}.pricing-header{margin:0 auto 3rem;max-width:800px;padding:0 15px;text-align:center}.pricing-subtitle{color:var(--color-primary);display:block;font-size:.85rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.pricing-title-block{display:flex;flex-direction:column;gap:5px;margin-bottom:1.5rem}.title-main{color:var(--text-dark);font-size:clamp(2.5rem,7vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.title-sub{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.highlight-red{color:var(--color-primary)}.pricing-desc{color:var(--text-light);font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.billing-toggle{display:flex;justify-content:center;margin-top:2.5rem;width:100%}.toggle-bg{-webkit-overflow-scrolling:touch;background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:12px;box-shadow:var(--shadow-soft);display:inline-flex;gap:4px;max-width:100%;overflow-x:auto;padding:6px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.toggle-btn:hover{background-color:var(--bg-hover);color:var(--text-dark)}.toggle-btn.active{background-color:var(--color-primary);box-shadow:var(--shadow-glow);color:#fff}.discount-tag{background-color:#8a181a1a;border-radius:4px;color:var(--color-primary);font-size:.7rem;font-weight:800;padding:2px 6px;text-transform:uppercase}.toggle-btn.active .discount-tag{background-color:gold;color:var(--text-dark)}.pricing-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1300px;width:100%}.pricing-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;height:100%;padding:2rem 1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-medium);transform:translateY(-8px)}.pricing-card.highlighted{border:2px solid var(--color-primary);box-shadow:var(--shadow-glow);transform:scale(1.05);z-index:10}.popular-badge{background-color:var(--color-primary);border-radius:20px;box-shadow:0 4px 10px #8a181a4d;color:#fff;font-size:.75rem;font-weight:800;left:50%;letter-spacing:.5px;padding:4px 12px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap;width:-webkit-max-content;width:max-content}.card-header{border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:1rem}.card-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.card-title-row h3{font-size:1.3rem;margin:0}.card-price,.card-title-row h3{color:var(--text-dark);font-weight:800}.card-price{align-items:baseline;display:flex;flex-wrap:wrap;font-size:2rem;margin:1rem 0}.original-price{color:var(--text-subtle);font-size:1rem;font-weight:500;margin-right:6px;text-decoration:line-through;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-decoration-thickness:2px}.price-asterisk{color:var(--color-primary);font-size:.8rem;margin-left:2px;vertical-align:top}.period{color:var(--text-light);font-size:.9rem;font-weight:500;margin-left:4px}.billing-note{color:var(--color-primary);display:block;font-size:.75rem;font-weight:700;margin-bottom:.5rem;margin-top:1rem;text-align:center}.features-list{flex-grow:1;list-style:none;margin:0;padding:0}.feature-item{align-items:center;color:var(--text-light);display:flex;font-size:.9rem;font-weight:500;gap:8px;line-height:1.3;margin-bottom:10px}.icon-check{color:var(--color-primary)}.icon-check,.icon-cross{flex-shrink:0;height:18px;width:18px}.icon-cross{color:var(--text-subtle);opacity:.5}.card-btn{background-color:initial;border:1px solid var(--border-medium);border-radius:8px;color:var(--text-dark);cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-top:1.5rem;padding:12px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.pricing-card.highlighted .card-btn{background-color:var(--color-primary);border:none;box-shadow:var(--shadow-glow);color:#fff}.card-btn:hover{background-color:var(--text-dark);border-color:var(--text-dark);color:var(--bg-card);transform:translateY(-2px)}.pricing-card.highlighted .card-btn:hover{background-color:var(--color-primary-dark);color:#fff}.comparison-section{margin:6rem auto 0;max-width:1200px;padding-bottom:4rem}.comparison-heading-wrapper,.comparison-section{align-items:center;display:flex;flex-direction:column;width:100%}.comparison-heading-wrapper{margin-bottom:3rem;padding:0 15px;text-align:center}.table-header-title{color:var(--text-dark);font-size:clamp(1.8rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.table-header-subtitle{color:var(--text-light);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;text-align:center}.table-wrapper{-webkit-overflow-scrolling:touch;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-soft);overflow-x:auto;position:relative;width:100%}.pricing-table{border-collapse:initial;border-spacing:0;min-width:900px;width:100%}.pricing-table td,.pricing-table th{border-bottom:1px solid var(--border-light);color:var(--text-light);font-size:.95rem;padding:1.2rem 1rem;text-align:center;vertical-align:middle}.pricing-table td svg{display:block;margin:0 auto}.pricing-table th{background-color:var(--bg-workspace);color:var(--text-dark);font-weight:800;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:5}.pricing-table td:first-child,.pricing-table th:first-child{background-color:var(--bg-card);border-right:1px solid var(--border-light);box-shadow:4px 0 10px #0000000d;color:var(--text-dark);font-weight:700;left:0;min-width:180px;padding-left:1.5rem;position:-webkit-sticky;position:sticky;text-align:left;z-index:10}.pricing-table td:first-child{color:var(--color-primary)}.pricing-table tr:nth-child(2n) td,.pricing-table tr:nth-child(2n) td:first-child{background-color:var(--bg-workspace)}.table-price{align-items:center;color:var(--text-dark);display:flex;flex-direction:column;font-size:1.1rem;font-weight:800}.faq-section{margin:5rem auto;max-width:800px;padding-bottom:4rem}.faq-heading-wrapper{margin-bottom:2.5rem;text-align:center}.faq-title{font-size:clamp(1.8rem,4vw,2.2rem)}.faq-container{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--bg-card);transition:all .3s ease}.faq-question{font-size:1rem;padding:18px 24px}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{line-height:1.6;padding:0 24px;transition:all .3s cubic-bezier(0,1,0,1)}.faq-item.active .faq-answer{max-height:500px;padding-bottom:24px}.faq-more-link{color:var(--text-light);font-size:1rem;margin-top:3rem;text-align:center}.faq-more-link a{color:var(--color-primary);font-weight:700;text-decoration:none}.faq-more-link a:hover{text-decoration:underline}.security-modal-overlay{align-items:center;animation:fadeInOverlay .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.security-modal-content{animation:scaleUpModal .3s cubic-bezier(.175,.885,.32,1.275);background:var(--bg-card);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-glow);max-width:420px;padding:3rem 2rem;position:relative;text-align:center;width:90%}.security-modal-close{background:none;border:none;color:var(--text-light);cursor:pointer;position:absolute;right:20px;top:20px;transition:color .2s}.security-modal-close:hover{color:var(--color-primary)}.security-icon-circle{background-color:#8a181a1a;height:70px;margin:0 auto 1.5rem;width:70px}.security-modal-content h3{color:var(--text-dark);font-size:1.6rem;font-weight:800;margin-bottom:.5rem}.security-modal-content p{color:var(--text-light);font-size:1rem;line-height:1.5;margin-bottom:1rem}.security-note{color:var(--text-subtle)!important;font-size:.85rem!important;margin-bottom:2rem!important}.turnstile-wrapper{display:flex;justify-content:center;margin-top:1rem}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:1268px){.pricing-container{padding-left:30px;padding-right:30px}.pricing-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;justify-items:center;margin:0 auto;max-width:100%;width:100%}.pricing-card{align-items:start;display:grid;grid-template-columns:.7fr 1fr;grid-template-rows:auto auto auto;padding:2.5rem;position:relative;text-align:left;width:100%}.card-header{border-bottom:none;grid-column:1;grid-row:1;margin-bottom:15px;padding-bottom:0;width:100%;z-index:2}.card-title-row{display:block}.card-title-row h3{font-size:2.2rem;margin-bottom:8px}.pricing-desc{font-size:1.1rem;line-height:1.4;opacity:.9;text-align:left}.card-price{align-items:flex-start;border-bottom:none;display:flex;flex-direction:column;font-size:2.5rem;grid-column:1;grid-row:2;justify-content:flex-start;margin-top:10px;padding-bottom:0}.card-title-row svg{height:42px;position:absolute;right:30px;top:30px;width:42px}.features-list{align-content:flex-start;border-left:1px solid var(--border-medium);display:flex;flex-wrap:wrap;gap:10px 14px;grid-column:2;grid-row:1/span 2;justify-content:flex-start;margin-bottom:20px;min-height:100%;padding-left:30px;padding-top:50px}.feature-item{background-color:#8a181a0d;border-radius:6px;font-size:.9rem;margin:0;padding:6px 12px;width:auto}.card-btn{font-size:1.1rem;grid-column:1/-1;justify-self:center;margin-top:30px;min-width:280px;padding:16px 40px;width:auto}}@media (max-width:640px){.pricing-container{padding-left:15px;padding-right:15px;padding-top:100px}.title-main{font-size:2.2rem;line-height:1.1}.title-sub{font-size:1.8rem}.pricing-desc{font-size:1.1rem;line-height:1.4;margin:0 auto 30px;max-width:700px;opacity:.9;text-align:center!important}.pricing-grid{align-items:center;gap:25px;margin:0 auto;max-width:400px}.pricing-card,.pricing-grid{display:flex;flex-direction:column;width:100%}.pricing-card{border-radius:20px;padding:1.5rem;text-align:center}.card-header{border-bottom:none;margin-bottom:1rem;padding-bottom:0;width:100%}.card-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:100%}.card-title-row h3{font-size:1.6rem;margin:0}.card-title-row svg{order:2;transform:scale(1.2)}.pricing-desc{font-size:.95rem;opacity:.8;text-align:left}.card-price{border-bottom:1px solid var(--border-light);font-size:2.2rem;justify-content:center;margin-bottom:15px;padding-bottom:15px;width:100%}.features-list{align-items:center;border-left:none;display:flex;flex-direction:column;gap:10px;margin-bottom:1.5rem;padding-left:0}.feature-item{font-size:.9rem;justify-content:center}.card-btn{font-size:1rem;padding:14px;width:100%}.billing-toggle{margin-top:1.5rem;transform:scale(.9)}.toggle-bg{gap:2px;justify-content:center;overflow-x:auto;padding:4px}.toggle-btn{font-size:.8rem;padding:8px 12px}.discount-tag{font-size:.6rem;padding:1px 4px}.pricing-table td,.pricing-table th{font-size:.7rem;padding:8px 4px}.pricing-table td:first-child,.pricing-table th:first-child{line-height:1.3;min-width:110px;padding-left:8px;white-space:normal;width:110px}.pricing-table td:not(:first-child),.pricing-table th:not(:first-child){font-size:.7rem;max-width:75px;min-width:75px}}body.tw-dark .billing-note,body.tw-dark .card-title-row svg,body.tw-dark .faq-icon,body.tw-dark .highlight-red,body.tw-dark .icon-check,body.tw-dark .price-asterisk,body.tw-dark .pricing-card.highlighted .card-btn:hover,body.tw-dark .pricing-subtitle,body.tw-dark .security-icon-circle svg{color:#ff6b6b!important}body.tw-dark .email-button,body.tw-dark .popular-badge,body.tw-dark .pricing-card.highlighted .card-btn,body.tw-dark .toggle-btn.active{background-color:#ff6b6b!important;border:none!important;color:#000!important}body.tw-dark .pricing-card.highlighted{border-color:#ff6b6b!important;box-shadow:0 0 25px #ff6b6b26!important}body.tw-dark .toggle-btn.active{box-shadow:0 0 15px #ff6b6b4d!important}body.tw-dark .discount-tag{background-color:#ff6b6b1a!important;color:#ff6b6b!important}body.tw-dark .toggle-btn.active .discount-tag{background-color:#000!important;color:#ff6b6b!important}body.tw-dark .faq-item.active{border-color:#ff6b6b!important}body.tw-dark .security-icon-circle{background-color:#ff6b6b1a!important}body.tw-dark .pricing-table td:first-child,body.tw-dark .pricing-table td:first-child strong{color:#ff6b6b!important}body.tw-dark .pricing-card.highlighted .card-btn:hover{background-color:#ff6b6b!important;border-color:#ff6b6b!important;color:#fff!important}.apparel-page-container{background-color:#f4f4f4;display:flex;flex-direction:row;font-family:Inter,sans-serif;height:calc(100vh - 64px);overflow:hidden}.canvas-area{background-color:#f4f4f4;background-image:radial-gradient(#5f4729 1px,#0000 0);background-size:20px 20px;flex:1 1;padding:2rem;-webkit-user-select:none;user-select:none}.artboard,.canvas-area{align-items:center;display:flex;justify-content:center;position:relative}.artboard{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 10px 30px #0000001a;max-height:85vh;max-width:90%}.base-image{display:block;max-height:85vh;max-width:100%;pointer-events:none}.empty-workspace{align-items:center;background-color:#fafafa;border:2px dashed #ccc;color:#999;display:flex;flex-direction:column;height:500px;justify-content:center;width:500px}.empty-title{color:#9ca3af;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.empty-subtitle{font-size:.875rem}.design-layer{cursor:move;position:absolute}.design-layer img{height:auto;mix-blend-mode:multiply;pointer-events:none;width:100%}.design-handles{border:2px solid #0000;inset:0;position:absolute;transition:all .2s}.design-layer:hover .design-handles{border-color:#8a181a;border-style:dashed}.handle-dot{background-color:#8a181a;border-radius:50%;display:none;height:8px;position:absolute;width:8px}.design-layer:hover .handle-dot{display:block}.handle-tl{left:-4px;top:-4px}.handle-tr{right:-4px;top:-4px}.handle-bl{bottom:-4px;left:-4px}.handle-br{bottom:-4px;right:-4px}.sidebar-area{background-color:#fff;border-left:1px solid #5f472933;box-shadow:-5px 0 15px #0000000d;display:flex;flex-direction:column;height:100%;width:340px;z-index:20}.cp-header{border-bottom:1px solid #eee;padding:1rem;text-align:center}.cp-title{color:#8a181a;font-size:.85rem;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.cp-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.step-section{margin-bottom:1.5rem}.step-label{align-items:center;color:#5f4729;display:flex;font-size:.7rem;font-weight:700;gap:.5rem;margin-bottom:.5rem;text-transform:uppercase}.step-number{background-color:#5f4729;border-radius:50%;color:#fff;font-size:9px;height:16px;width:16px}.step-number,.upload-box{align-items:center;display:flex;justify-content:center}.upload-box{background-color:#fff;border:1px dashed #5f47294d;border-radius:6px;cursor:pointer;padding:1rem;transition:all .2s;width:100%}.upload-box:hover{background-color:#8a181a0d;border-color:#8a181a}.blog-page-container{animation:fadeIn .5s ease-out;background-color:var(--bg-main);color:var(--text-light);font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:140px 20px 80px}.blog-title{color:var(--text-dark);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:10px;margin-top:0;text-align:center}.blog-subtitle{color:var(--text-light);font-size:1.1rem;line-height:1.6;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.blog-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.blog-post-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-soft);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.blog-post-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-medium);transform:translateY(-5px)}.blog-image-wrapper{background-color:var(--bg-workspace);height:220px;overflow:hidden;width:100%}.blog-card-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.blog-post-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.5rem}.blog-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-dark);display:-webkit-box;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:1rem;margin-top:0;overflow:hidden;text-overflow:ellipsis}.blog-card-footer{align-items:center;color:var(--color-primary);display:flex;font-size:.9rem;font-weight:600;margin-top:auto;transition:gap .2s ease}.blog-post-card:hover .blog-card-footer{gap:8px}.blog-card-footer span{margin-left:4px}.loading-container{color:var(--text-subtle);font-size:1.2rem;padding:100px 20px;text-align:center}@media (max-width:768px){.blog-page-container{padding-left:20px;padding-right:20px;padding-top:100px}.blog-grid{gap:20px;grid-template-columns:1fr}}.faq-page-container{animation:fadeIn .5s ease-out;background-color:var(--bg-main);color:var(--text-light);font-family:Inter,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:140px 20px 80px}.faq-title{color:var(--text-dark);font-size:clamp(2rem,5vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem;margin-top:0;text-align:center}.faq-subtitle{color:var(--text-light);font-size:1.1rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-soft)}.faq-item.active{background-color:var(--bg-workspace);border-color:var(--color-primary)}.faq-question{align-items:center;background:none;border:none;color:var(--text-dark);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;justify-content:space-between;padding:20px 24px;text-align:left;transition:color .2s;width:100%}.faq-question:hover{color:var(--color-primary)}.faq-icon{color:var(--text-subtle);font-size:1.5rem;font-weight:400;line-height:1;margin-left:16px;transition:transform .3s ease,color .3s ease}.faq-item.active .faq-icon{color:var(--color-primary);transform:rotate(45deg)}.faq-answer{color:var(--text-light);font-size:.95rem;line-height:1.7;max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s ease}.faq-answer.open{max-height:500px;padding:0 24px 24px}.faq-answer p{margin-bottom:1rem;margin-top:0}.faq-answer ul{margin-bottom:1rem;margin-top:-.5rem;padding-left:20px}.faq-answer li{margin-bottom:.5rem}.faq-answer strong{color:var(--text-dark);font-weight:600}@media (max-width:768px){.faq-page-container{padding-left:1rem;padding-right:1rem;padding-top:100px}.faq-question{font-size:1rem;padding:16px}.faq-answer.open{padding:0 16px 20px}}.blog-post-container{animation:fadeIn .5s ease-out;background-color:var(--bg-main);color:var(--text-light);font-family:Inter,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:140px 20px 80px}.blog-post-title{color:var(--text-dark);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:20px;margin-top:0}.blog-post-image{border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-medium);height:auto;margin-bottom:40px;max-height:500px;object-fit:cover;width:100%}.blog-post-content{color:var(--text-light);font-size:1.15rem;line-height:1.8}.blog-post-content p{margin-bottom:24px}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{color:var(--text-dark);font-weight:700;line-height:1.3;margin-bottom:16px;margin-top:40px}.blog-post-content h2{border-bottom:1px solid var(--border-light);font-size:1.8rem;padding-bottom:10px}.blog-post-content h3{font-size:1.5rem}.blog-post-content ol,.blog-post-content ul{margin-bottom:24px;padding-left:24px}.blog-post-content li{color:var(--text-light);margin-bottom:8px}.blog-post-content blockquote{background-color:var(--bg-card);border-left:4px solid var(--color-primary);border-radius:0 8px 8px 0;color:var(--text-dark);font-style:italic;font-weight:500;margin:30px 0;padding:20px 24px}.blog-post-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:4px;transition:color .2s}.blog-post-content a:hover{color:var(--color-primary-dark)}.blog-embedded-image-container{margin:40px 0;text-align:center}.blog-embedded-image{border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-medium);height:auto;max-width:100%}.blog-image-caption{color:var(--text-subtle);font-size:.9rem;font-style:italic;margin-top:10px}@media (max-width:768px){.blog-post-container{padding-left:20px;padding-right:20px;padding-top:100px}.blog-post-content{font-size:1.05rem}}.static-page-container{background-color:var(--bg-main);color:var(--text-light);font-family:Inter,sans-serif;line-height:1.7;margin:0 auto;max-width:900px;min-height:100vh;padding:140px 20px 80px}.static-page-container h1{color:var(--text-dark);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:10px}.static-page-container h2{border-bottom:1px solid var(--border-light);color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:15px;margin-top:40px;padding-bottom:10px}.static-page-container h3{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin-bottom:10px;margin-top:25px}.static-page-container li,.static-page-container p{color:var(--text-light);font-size:1rem;margin-bottom:15px}.static-page-container strong{color:var(--text-dark);font-weight:700}.static-page-container a{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .2s}.static-page-container a:hover{color:var(--color-primary-dark);text-decoration:underline}.static-page-container ul{margin-bottom:20px;padding-left:20px}.static-page-container li{margin-bottom:8px}.policy-binding-notice{background-color:var(--bg-workspace);border-left:4px solid var(--color-primary);border-radius:4px;box-shadow:var(--shadow-soft);font-size:.95rem;margin-bottom:40px;padding:20px}.contact-details-box{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:12px;box-shadow:var(--shadow-soft);margin:20px 0;padding:25px}@media (max-width:768px){.static-page-container{padding-left:15px;padding-right:15px;padding-top:100px}.static-page-container h1{font-size:2rem}.static-page-container h2{font-size:1.3rem;margin-top:30px}}.tool-workspace{background-color:var(--bg-main);display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 70px);margin-top:10px;position:relative;width:100%}.workspace-sidebar{background:var(--tool-sidebar-bg);border-right:1px solid var(--tool-sidebar-border);display:flex;flex-direction:column;height:100%;z-index:10}.sidebar-header{border-bottom:1px solid var(--tool-sidebar-border);padding:1.5rem}.sidebar-header h2{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin:0}.sidebar-scroll-area{flex:1 1;overflow-y:auto;padding:1.5rem}.workspace-main{background:var(--bg-workspace);display:flex;flex-direction:column;overflow:hidden;position:relative}.canvas-container{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;padding:20px;position:relative;width:100%}.mobile-tool-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:10px 15px;z-index:20}.btn-mobile-settings{align-items:center;background:var(--bg-workspace);border:1px solid var(--border-light);border-radius:20px;color:var(--text-dark);display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px}.mobile-backdrop{background:#00000080;inset:0;position:fixed;z-index:9998}.mobile-sheet{background:var(--bg-card);border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;box-shadow:0 -10px 40px #0003;display:flex;flex-direction:column;left:0;max-height:80vh;position:fixed;right:0;z-index:9999}.sheet-handle-bar{cursor:grab;display:flex;justify-content:center;padding:12px;width:100%}.sheet-handle{background:var(--border-light);border-radius:10px;height:5px;width:40px}.sheet-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:0 20px 15px}.sheet-content{overflow-y:auto;padding:20px 20px 40px}.mobile-only{display:none}@media (max-width:968px){.tool-workspace{grid-template-columns:1fr;height:calc(100vh - 60px);margin-top:0}.desktop-only{display:none!important}.mobile-only{display:flex}.canvas-container{padding:0}}.tool-canvas-wrapper{background-color:#1a1a1a;flex-direction:column;overflow:hidden}.tool-canvas-wrapper,.transparency-grid-layer{display:flex;height:100%;position:relative;width:100%}.transparency-grid-layer{align-items:center;background-color:#262626;background-image:linear-gradient(45deg,#333 25%,#0000 0),linear-gradient(-45deg,#333 25%,#0000 0),linear-gradient(45deg,#0000 75%,#333 0),linear-gradient(-45deg,#0000 75%,#333 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;justify-content:center;padding:2rem}body:not(.tw-dark) .transparency-grid-layer{background-color:#f3f4f6;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 0),linear-gradient(-45deg,#e5e7eb 25%,#0000 0),linear-gradient(45deg,#0000 75%,#e5e7eb 0),linear-gradient(-45deg,#0000 75%,#e5e7eb 0)}.canvas-media-container,.slider-wrapper-strict{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.slider-wrapper-strict{border-radius:8px;box-shadow:0 20px 50px #0000004d;max-height:100%;max-width:100%}.slider-layer{height:100%;object-fit:contain;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.layer-after{z-index:1}.layer-before{z-index:2}.invisible-slider-input{cursor:ew-resize;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:30}.slider-line{bottom:0;box-shadow:0 0 10px #00000080;pointer-events:none;top:0;width:2px;z-index:20}.slider-button,.slider-line{background:#fff;position:absolute}.slider-button{align-items:center;border-radius:50%;box-shadow:0 4px 10px #0000004d;display:flex;gap:4px;height:40px;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);width:40px}.chevron-left{border-right:7px solid #8a181a}.chevron-left,.chevron-right{border-bottom:5px solid #0000;border-top:5px solid #0000;height:0;width:0}.chevron-right{border-left:7px solid #8a181a}.canvas-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff4d;border-radius:30px;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:6px 14px;pointer-events:none;position:absolute;text-transform:uppercase;top:20px;z-index:25}.badge-before{background:#dc262666;box-shadow:0 0 15px #dc262699,inset 0 0 10px #dc26264d;left:20px}.badge-after,.badge-before{text-shadow:0 0 5px #00000080}.badge-after{background:#16a34a66;box-shadow:0 0 15px #16a34a99,inset 0 0 10px #16a34a4d;right:20px}.empty-state-content{align-items:center;background:#ffffffe6;border-radius:16px;box-shadow:0 4px 20px #0000001a;color:var(--text-light);display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:2rem;text-align:center}body.tw-dark .empty-state-content{background:#1e1e1ee6;border:1px solid #444}.canvas-loader{height:100%;width:100%}.canvas-loader,.loader-box{align-items:center;display:flex;flex-direction:column;justify-content:center}.loader-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:30px;text-align:center}.canvas-actions-bottom{bottom:20px;left:50%;position:absolute;transform:translateX(-50%);z-index:40}.btn-download-float{align-items:center;background-color:#8a181a;border:none;border-radius:30px;box-shadow:0 10px 30px #8a181a66;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px}.sbs-layout-wrapper{gap:2rem;padding:2rem;width:100%}.sbs-card,.sbs-layout-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.sbs-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #0003;flex:1 1;flex-direction:column;max-height:500px;padding:16px}.sbs-image-box{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.sbs-image-box img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.sbs-badge{border-radius:20px;box-shadow:0 4px 10px #0003;color:#fff;font-size:.75rem;font-weight:700;left:50%;letter-spacing:.5px;padding:4px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);z-index:10}.badge-in{background:#374151}.badge-in,.badge-out{border:1px solid #fff3}.badge-out{background:#8a181a;box-shadow:0 0 15px #8a181a66}.sbs-arrow-zone{flex-shrink:0;width:60px}.sbs-arrow-circle,.sbs-arrow-zone{align-items:center;display:flex;justify-content:center}.sbs-arrow-circle{animation:neonPulse 2s infinite;background:#fff;border-radius:50%;box-shadow:0 0 20px #8a181a66;height:56px;width:56px;z-index:20}.arrow-icon{color:#8a181a}@keyframes neonPulse{0%{box-shadow:0 0 0 0 #8a181ab3;transform:scale(1)}70%{box-shadow:0 0 0 12px #8a181a00;transform:scale(1.05)}to{box-shadow:0 0 0 0 #8a181a00;transform:scale(1)}}@media (max-width:768px){.sbs-layout-wrapper{flex-direction:column;gap:40px;height:auto;padding-bottom:80px}.sbs-card{height:300px;width:100%}.sbs-arrow-zone{transform:rotate(90deg)}}.sbs-actions-bottom{bottom:20px;left:50%;position:absolute;transform:translateX(-50%);z-index:30}.control-panel{background-color:#3e2c26;border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:.75rem;height:100%;padding:1rem}.panel-section{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding-right:4px}.panel-section::-webkit-scrollbar{width:6px}.panel-section::-webkit-scrollbar-track{background:#2c1f1b}.panel-section::-webkit-scrollbar-thumb{background:#5f4729;border-radius:10px}.panel-label{background-color:#0003;color:#fff!important;font-size:.9rem;font-weight:800;letter-spacing:.5px;padding:10px;text-align:center;text-transform:uppercase}.panel-label,.preview-box-container{border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem}.preview-box-container{background-color:#0000004d;padding:12px}.preview-label-text{color:#a8a29e;display:block;font-size:.7rem;font-weight:700;margin-bottom:8px;text-transform:uppercase}.preview-row{align-items:center;display:flex;gap:12px}.preview-thumbnail{background:#fff;border:1px solid #fff3;border-radius:6px;height:60px;object-fit:contain;width:60px}.btn-change-image-small{background:#0000;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:700;padding:8px 12px;text-transform:uppercase;transition:all .2s}.btn-change-image-small:hover{background:#ef4444;color:#fff}.panel-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:1rem}.btn-primary-tool{align-items:center;background-color:#8a181a;border:none;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.btn-primary-tool:hover:not(:disabled){background-color:#a82023;transform:translateY(-2px)}.btn-primary-tool:disabled{background-color:#555;cursor:not-allowed;opacity:.5}.tool-error-msg{background:#ef444433;border:1px solid #ef4444;border-radius:6px;color:#fcc;font-size:.8rem;margin-top:10px;padding:8px;text-align:center}.uploader-box{align-items:center;border:2px dashed var(--border-light);border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:2rem 1rem;transition:all .2s ease;width:100%}.uploader-box,.uploader-box:hover{background-color:var(--bg-workspace)}.uploader-box:hover{border-color:#8a181a}.uploader-box.active{background-color:#10b9810d;border-color:#10b981}.uploader-box.reject{background-color:#ef44440d;border-color:#ef4444}.uploader-content{pointer-events:none;text-align:center}.icon-circle-upload{align-items:center;background:var(--bg-workspace);border-radius:50%;color:var(--text-light);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;transition:all .2s;width:64px}.uploader-box:hover .icon-circle-upload{background:#8a181a1a;color:#8a181a;transform:scale(1.1)}.uploader-text h4{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.uploader-text p{color:var(--text-light);font-size:.9rem;margin-bottom:1.5rem}.btn-browse-mini{background:#fff;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 2px 5px #0000000d;color:var(--text-dark);color:#8a181a!important;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;text-decoration:underline;text-underline-offset:4px}.pulse{animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.remove-bg-page{background-color:var(--bg-main);display:flex;flex-direction:column;min-height:100vh;padding-top:120px;width:100%}.tool-page-header{margin:0 auto;max-width:800px;padding:0 1rem 2rem;text-align:center}.tool-page-header h1{color:var(--text-dark);font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem}.tool-page-header p{color:var(--text-light);font-size:1.1rem;line-height:1.5}.tool-workspace-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 1rem;width:100%}.tool-workspace{grid-gap:0!important;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 10px 40px #0000000d;display:grid!important;gap:0!important;grid-template-columns:340px 1fr!important;height:700px!important;overflow:hidden}.tool-sidebar-content{margin-top:1rem}.tool-use-cases h4{color:var(--text-subtle);font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:.8rem;text-transform:uppercase}.tool-use-cases ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 1.5rem;padding:0}.tool-use-cases li{align-items:center;background:var(--bg-workspace);border:1px solid var(--border-light);border-radius:6px;color:var(--text-dark);display:flex;font-size:.9rem;gap:10px;padding:8px 12px}.tool-use-cases li i{color:#8a181a}.tool-trust-badge{align-items:center;background:#10b9811a;border-radius:6px;color:var(--text-subtle);color:#059669;display:flex;font-size:.8rem;gap:8px;padding:8px}.tool-seo-section{margin:4rem auto;max-width:1000px;padding:0 1rem;width:100%}.seo-content-block{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;margin-bottom:3rem;padding:2.5rem;text-align:center}.seo-content-block h2{color:var(--text-dark);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.seo-content-block p{color:var(--text-light);font-size:1.05rem;margin:0 auto;max-width:800px}.tool-faq-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-card{border-radius:12px;padding:2rem}.faq-card h3{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.icon-box{align-items:center;background:var(--bg-workspace);border-radius:8px;color:var(--color-primary);display:flex;height:40px;justify-content:center;margin-bottom:1rem;width:40px}@media (max-width:968px){.tool-workspace{display:flex!important;flex-direction:column;height:auto!important;min-height:600px}}@media (max-width:480px){.remove-page-header{padding:2rem 1rem 1rem}.remove-page-header h1{font-size:1.75rem;line-height:1.2}.remove-page-header p{font-size:1rem;line-height:1.5}}.blur-bg-controls{display:flex;flex-direction:column;gap:1.25rem;padding-top:10px}.value-badge{font-family:monospace}.preset-chips{display:flex;gap:8px}.chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#d6d3d1;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;padding:6px;transition:all .2s}.chip:hover{background:#ffffff1a;color:#fff}.chip.active{background:#8a181a;border-color:#8a181a;box-shadow:0 2px 5px #0003;color:#fff}.info-box-tool{background:#0d94881a;border:1px solid #0d94884d}.icon-accent{color:#2dd4bf}.info-box-tool p{color:#ccfbf1}.blur-bg-page{background-color:var(--bg-main);display:flex;flex-direction:column;min-height:100vh;padding-top:120px;width:100%}.blur-page-header{margin:0 auto;max-width:800px;padding:0 1rem 3rem;text-align:center}.blur-page-header h1{color:var(--text-dark);font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.8rem}.blur-page-header p{color:var(--text-light);font-size:1.1rem;line-height:1.5}.blur-workspace-container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 1rem;width:100%}.blur-workspace-container .tool-workspace{grid-gap:0!important;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 10px 40px #0000000d;display:grid!important;gap:0!important;grid-template-columns:340px 1fr!important;height:800px!important;overflow:hidden}@media (max-width:968px){.blur-workspace-container .tool-workspace{display:flex!important;flex-direction:column;height:auto!important;min-height:600px}}.bg-replace-controls{display:flex;flex-direction:column;gap:1.5rem}.mode-toggle-group{background-color:#0003;border:1px solid #ffffff1a;border-radius:8px;display:flex;padding:4px}.mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#a8a29e;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:8px;transition:all .2s}.mode-btn.active{background-color:#8a181a;box-shadow:0 2px 4px #0003;color:#fff}.mode-btn:hover:not(.active){background-color:#ffffff0d;color:#fff}.section-label{display:block;margin-bottom:8px}.hex-input-wrapper{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:6px 12px}.color-swatch-container{border:2px solid #fff3;border-radius:6px;box-shadow:0 2px 5px #0003;height:28px;overflow:hidden;position:relative;width:28px}.native-color-picker{cursor:pointer;height:50px;left:-10px;position:absolute;top:-10px;width:50px}.hex-input-field,.native-color-picker{background:#0000;border:none;outline:none}.hex-input-field{color:#fff;cursor:text;flex:1 1;font-family:monospace;font-size:1rem;font-weight:600;text-transform:uppercase}.hex-input-field::placeholder{color:#ffffff4d}.presets-grid{display:flex;flex-wrap:wrap;gap:10px}.preset-circle{border:2px solid #ffffff1a;border-radius:50%;cursor:pointer;height:32px;transition:transform .2s;width:32px}.preset-circle:hover{border-color:#ffffff80;transform:scale(1.1)}.preset-circle.selected{border-color:#8a181a;box-shadow:0 0 0 2px #8a181a66}.custom-bg-uploader{align-items:center;background:#0003;border:1px dashed #ffffff4d;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:120px;overflow:hidden;position:relative;transition:all .2s}.custom-bg-uploader:hover{background:#8a181a1a;border-color:#8a181a}.upload-placeholder{align-items:center;display:flex;flex-direction:column;text-align:center}.upload-placeholder span{color:#fff;font-size:.85rem;font-weight:600}.upload-placeholder small{color:#a8a29e;font-size:.75rem;margin-top:4px}.icon-circle-small{align-items:center;background:#ffffff1a;border-radius:50%;color:#8a181a;display:flex;height:32px;justify-content:center;margin-bottom:8px;width:32px}.bg-preview-wrapper{height:100%;position:relative;width:100%}.bg-preview-wrapper img{display:block;height:120px;object-fit:cover;width:100%}.bg-overlay{align-items:center;background:#00000080;color:#fff;display:flex;flex-direction:column;font-size:.8rem;font-weight:600;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.custom-bg-uploader:hover .bg-overlay{opacity:1}.bg-image-selected-card{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;display:flex;gap:12px;padding:10px;position:relative;transition:all .2s}.bg-image-selected-card:hover{background:#ffffff14;border-color:#ffffff4d}.bg-thumbnail-small{border:1px solid #ffffff1a;border-radius:6px;height:48px;object-fit:cover;width:48px}.bg-info-col{display:flex;flex:1 1;flex-direction:column;gap:2px}.bg-status-text{color:#fff;font-size:.85rem;font-weight:600}.btn-text-change{background:none;border:none;color:#b41b1e;cursor:pointer;font-size:.75rem;font-weight:700;padding:0;text-align:left;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.btn-text-change:hover{color:#ef4444;text-decoration:underline}.btn-icon-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:#a8a29e;cursor:pointer;display:flex;justify-content:center;padding:6px}.btn-icon-remove:hover{background:#ffffff1a;color:#fff}.replace-bg-page{background-color:var(--bg-main);display:flex;flex-direction:column;min-height:100vh;padding-top:120px;width:100%}.replace-page-header{margin:0 auto;max-width:800px;padding:0 1rem 3rem;text-align:center}.replace-page-header h1{color:var(--text-dark);font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.8rem}.replace-page-header p{color:var(--text-light);font-size:1.1rem;line-height:1.5}.replace-workspace-container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 1rem;width:100%}.replace-workspace-container .tool-workspace{grid-gap:0!important;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 10px 40px #0000000d;display:grid!important;gap:0!important;grid-template-columns:340px 1fr!important;height:800px!important;overflow:hidden}@media (max-width:968px){.replace-workspace-container .tool-workspace{display:flex!important;flex-direction:column;height:auto!important;min-height:600px}}.contact-page-wrapper{align-items:center;background-color:var(--bg-main);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:140px 20px 80px;transition:background-color .3s ease}.contact-container{animation:fadeIn .6s ease-out;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-medium);display:flex;flex-direction:row;max-width:1000px;overflow:hidden;width:100%}.contact-info-column{background-color:var(--color-secondary);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem;position:relative}.contact-info-column h1{color:#fff;font-size:2.2rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.contact-subtitle{color:#ffffffe6;font-size:1rem;line-height:1.6;margin-bottom:3rem;opacity:.9}.info-item{align-items:flex-start;display:flex;margin-bottom:2rem}.info-icon{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;margin-right:1rem;width:40px}.info-item strong{color:#fcc;display:block;font-size:.95rem;font-weight:700;margin-bottom:.25rem}.info-item p{font-size:.95rem;margin:0;opacity:.9}.contact-form-column{background-color:var(--bg-card);flex:1.2 1;padding:3rem}.contact-form{gap:1.25rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-dark);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-input{background-color:var(--bg-input);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-dark);font-family:Inter,sans-serif;font-size:.95rem;padding:12px;transition:all .2s ease}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #8a181a1a;outline:none}.form-input::placeholder{color:var(--text-subtle)}.turnstile-container{display:flex;justify-content:flex-start;margin-top:.5rem}.btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:14px 20px;text-align:center;transition:all .2s ease}.btn-block{width:100%}.btn-primary{background-color:var(--color-primary);box-shadow:var(--shadow-glow);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.btn-primary:disabled{background-color:var(--border-medium);box-shadow:none;color:var(--text-subtle);cursor:not-allowed;transform:none}.btn-outline{background-color:initial;border:2px solid var(--color-secondary);color:var(--color-secondary)}.btn-outline:hover{background-color:var(--color-secondary);color:#fff}.form-status{border-radius:4px;font-size:.9rem;padding:10px;text-align:left}.status-error{background-color:#d32f2f1a;border-left:3px solid #d32f2f;color:#d32f2f}.status-info{background-color:#5f47291a;border-left:3px solid var(--color-secondary);color:var(--color-secondary)}.privacy-note{color:var(--text-subtle);font-size:.8rem;margin-top:1rem;text-align:center}.privacy-link{color:var(--color-primary);font-weight:600;text-decoration:none}.privacy-link:hover{text-decoration:underline}.contact-success-box{align-items:center;animation:scaleIn .3s ease-out;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.success-icon svg{color:#22c55e;height:4rem;margin-bottom:1rem;width:4rem}.contact-success-box h3{color:var(--text-dark);font-size:1.5rem;margin-bottom:.5rem}.contact-success-box p{color:var(--text-light);margin-bottom:1.5rem}@media (max-width:768px){.contact-page-wrapper{padding-left:15px;padding-right:15px;padding-top:100px}.contact-container{flex-direction:column;max-width:500px}.contact-info-column{align-items:center;padding:2rem;text-align:center}.info-item{align-items:center;flex-direction:column}.info-icon{margin-bottom:.5rem;margin-right:0}.contact-form-column{padding:2rem}}.about-page-container{animation:fadeIn .5s ease-out;background-color:var(--bg-main);color:var(--text-light);font-family:Inter,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:140px 20px 80px}.about-page-container h1{color:var(--color-primary);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:10px;text-align:left}.about-page-container h2.about-subtitle{border-bottom:1px solid var(--border-light);color:var(--color-secondary);font-size:1.25rem;font-weight:600;margin-bottom:2rem;padding-bottom:1.5rem;text-align:left}body.tw-dark .about-page-container h2.about-subtitle{color:var(--text-subtle)}.about-page-container h3{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:3rem;text-align:left}.about-page-container p{color:var(--text-light);font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.about-page-container strong{color:var(--text-dark);font-weight:700}.about-list,.legal-links-list{list-style-type:none;margin-bottom:2rem;padding-left:0}.about-list li{color:var(--text-light);line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.about-list li:before{color:var(--color-primary);content:"•";font-size:1.5rem;font-weight:700;left:0;position:absolute;top:-5px}.about-legal-section{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-soft);margin-top:3rem;padding:2rem}.legal-links-list li{border-left:3px solid var(--border-light);margin-bottom:.75rem;padding-left:1rem;transition:border-color .2s}.legal-links-list li:hover{border-left-color:var(--color-primary)}.legal-links-list a{color:var(--text-dark);font-weight:600;text-decoration:none;transition:color .2s ease-in-out}.legal-links-list a:hover{color:var(--color-primary)}.about-contact-section{border-top:1px solid var(--border-light);margin-top:3rem;padding-top:2rem;text-align:left}.about-contact-btn{align-items:center;background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:50px;box-shadow:var(--shadow-glow);color:#fff;display:inline-flex;font-size:1rem;font-weight:700;margin-top:1.5rem;padding:12px 32px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.about-contact-btn:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.about-page-container{padding-left:1.5rem;padding-right:1.5rem;padding-top:100px}}.sitemap-container{background-color:var(--bg-main);color:var(--text-light);font-family:Inter,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:140px 20px 80px}.sitemap-header-section{border-bottom:1px solid var(--border-light);margin-bottom:50px;padding-bottom:30px}.status-badge{background:#22c55e1a;border:1px solid #22c55e33;border-radius:99px;color:#22c55e;font-size:.85rem;font-weight:600;margin-bottom:16px;padding:6px 12px}.sitemap-title{color:var(--text-dark);font-size:clamp(2rem,5vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin:0 0 10px}.sitemap-desc{color:var(--text-light);font-size:1.1rem;line-height:1.6;max-width:600px}.sitemap-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn-sitemap{align-items:center;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-dark{background-color:var(--text-dark);color:var(--bg-main)}.btn-dark:hover{opacity:.9}.btn-light{background-color:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-dark)}.btn-light:hover{background-color:var(--bg-hover)}.sitemap-tree{padding-left:10px}.root-node{align-items:center;color:var(--text-dark);display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin-bottom:25px}.tree-lines{border-left:1px solid var(--border-medium);margin-left:10px;padding-left:25px}.folder-group{margin-bottom:30px;position:relative}.folder-group:before{background-color:var(--border-medium);content:"";height:1px;left:-26px;position:absolute;top:16px;width:25px}.folder-header{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-soft);color:var(--text-dark);display:flex;font-size:1rem;font-weight:600;gap:10px;margin-bottom:12px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.legal-highlight .folder-header{background-color:var(--brand-primary-light);border-color:#8a181a33;color:var(--color-primary)}body.tw-dark .legal-highlight .folder-header{background-color:#8a181a1a}.file-list{list-style:none;margin:0;padding-left:28px;position:relative}.file-list:before{background-color:var(--border-medium);bottom:15px;content:"";left:12px;position:absolute;top:0;width:1px}.file-item{margin-bottom:10px;position:relative}.file-item:before{background-color:var(--border-medium);content:"";height:1px;left:-16px;position:absolute;top:12px;width:12px}.file-link{align-items:center;color:var(--text-light);display:flex;font-size:.95rem;gap:8px;padding:4px 0;text-decoration:none;transition:all .2s ease}.file-link:hover{color:var(--color-primary);transform:translateX(4px)}.icon-file,.icon-folder{color:var(--text-subtle)}.badge-priority,.file-link:hover .icon-file{color:var(--color-primary)}.badge-priority{background-color:#8a181a1a;border:1px solid #8a181a33;border-radius:4px;font-size:.65rem;font-weight:700;padding:2px 6px;text-transform:uppercase}@media (max-width:600px){.sitemap-container{padding-top:100px}.tree-lines{padding-left:15px}.folder-group:before{left:-16px;width:15px}.file-link,.folder-header{font-size:.9rem}}.tool-page-wrapper{color:var(--text-dark);font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.tool-hero-section{padding:10rem 0 4rem}.tool-hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-text h1{color:var(--text-dark);font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:1.5rem}.hero-text p{color:var(--text-light);font-size:1.2rem;line-height:1.6;margin-bottom:2rem;max-width:500px}.hero-badge{background:#8a181a1a;border-radius:20px;color:#8a181a;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;padding:6px 12px}.btn-primary-hero{align-items:center;background-color:#8a181a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .2s ease}.btn-primary-hero:hover{background-color:#5f4729;box-shadow:0 10px 20px #8a181a33;transform:translateY(-2px)}body.tw-dark .hero-badge{background:#ff6b6b1a;color:#ff6b6b}body.tw-dark .btn-primary-hero{background-color:#ff6b6b;color:#000}body.tw-dark .btn-primary-hero:hover{background-color:#ff5252;box-shadow:0 0 15px #ff6b6b66}.hero-visual{justify-content:center;position:relative}.visual-card-stack{height:350px;max-width:450px;position:relative;width:100%}.stack-img{border:1px solid var(--border-light);border-radius:16px;box-shadow:0 20px 40px #00000026;position:absolute;width:90%}.stack-img.main{left:0;top:0;z-index:2}.stack-img.sub{filter:blur(1px);left:40px;opacity:.6;top:40px;transform:scale(.95);z-index:1}.value-prop-section{margin-bottom:6rem}.value-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.value-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:2rem;transition:transform .3s ease}.value-card:hover{transform:translateY(-5px)}.value-card.red .icon-circle{background:#fef2f2;color:#dc2626}.value-card.gold .icon-circle{background:#fffbeb;color:#d97706}.value-card.green .icon-circle{background:#f0fdf4;color:#16a34a}.icon-circle{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-bottom:1.5rem;width:50px}.value-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.value-card p{color:var(--text-light);font-size:.95rem;line-height:1.5}.tools-showcase-section{margin-bottom:6rem}.section-header{margin-bottom:3rem}.section-header h2{font-size:2.5rem;margin-bottom:.5rem}.premium-tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.premium-tool-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.premium-tool-card:hover{border-color:#8a181a4d;box-shadow:0 20px 30px -10px #0000001a;transform:translateY(-8px)}.card-image-area{align-items:center;background:var(--bg-workspace);display:flex;height:240px;justify-content:center;overflow:hidden;padding:2rem;position:relative}.card-image-area img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.premium-tool-card:hover .card-image-area img{transform:scale(1.05)}.card-overlay{align-items:center;background:#0000000d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.premium-tool-card:hover .card-overlay{opacity:1}body.tw-dark .premium-tool-card{border-color:#333}body.tw-dark .premium-tool-card:hover{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b26}.btn-view{background:#fff;border-radius:30px;box-shadow:0 4px 12px #0000001a;color:#000;font-weight:600;padding:10px 20px}.card-body{display:flex;flex:1 1;flex-direction:column;padding:2rem}.card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.card-top h3{font-size:1.25rem;font-weight:700;margin:0}.benefit-pill{border-radius:20px;font-size:.75rem;font-weight:700;padding:4px 10px;text-transform:uppercase}.benefit-pill.red{background:#fef2f2;color:#dc2626}.benefit-pill.brown{background:#fff7ed;color:#9a3412}.benefit-pill.green{background:#f0fdf4;color:#16a34a}.benefit-pill.blue{background:#eff6ff;color:#2563eb}.card-body p{color:var(--text-light);flex:1 1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.link-text{align-items:center;color:#8a181a;display:flex;font-weight:600;gap:6px}.how-it-works-section{margin-bottom:6rem;text-align:center}.steps-row{align-items:flex-start;display:flex;gap:1rem;justify-content:center;margin-top:3rem}.step-item{flex:1 1;max-width:250px}.step-num{align-items:center;background:var(--bg-workspace);border:1px solid var(--border-light);border-radius:50%;color:var(--text-light);display:flex;font-weight:700;height:40px;justify-content:center;margin:0 auto 1rem;width:40px}.step-item h4{font-weight:700;margin-bottom:.5rem}.step-item p{color:var(--text-light);font-size:.9rem}.step-connector{background:var(--border-light);flex:1 1;height:2px;margin-top:20px;max-width:100px;position:relative}.step-connector:after{border-bottom:2px solid var(--border-light);border-right:2px solid var(--border-light);content:"";height:8px;position:absolute;right:0;top:-4px;transform:rotate(-45deg);width:8px}body.tw-dark .step-connector{background:#ff6b6b;box-shadow:0 0 8px #ff6b6b66}body.tw-dark .step-connector:after{border-color:#ff6b6b}.tool-cta-section{background:#fff5f5;border-radius:24px;margin-bottom:4rem;padding:4rem 2rem;text-align:center}body.tw-dark .tool-cta-section{background:linear-gradient(135deg,#141414,#1e1414);border:1px solid #ff6b6b26}body.tw-dark .no-card-text,body.tw-dark .tool-cta-section h2,body.tw-dark .tool-cta-section p{color:#fff!important}body.tw-dark .no-card-text{opacity:.8}.cta-box h2{font-size:2rem;font-weight:800;margin-bottom:1rem}.cta-box p{color:var(--text-light);font-size:1.1rem;margin-bottom:2rem}.cta-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem}.no-card-text{color:var(--text-light);font-size:.85rem;opacity:.8}@media (max-width:900px){.tool-hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.hero-actions{justify-content:center}.hero-visual{display:none}.premium-tools-grid,.value-grid{grid-template-columns:1fr}.steps-row{align-items:center;flex-direction:column;gap:2rem}.step-connector{display:none}}.feature-page-wrapper{background-color:var(--bg-main);color:var(--text-dark);overflow-x:hidden;width:100%}.section-header{margin-bottom:48px;text-align:center}.section-header h2{color:var(--brand-secondary);font-size:2.25rem;font-weight:800;margin-bottom:12px}.section-header p{color:var(--text-light);font-size:1.1rem}.hero-section{background:radial-gradient(circle at 50% 50%,var(--brand-primary-light) 0,#0000 70%);padding:140px 0}.hero-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;text-align:left}.hero-visual{align-items:center;display:flex;justify-content:flex-end}.hero-title{color:var(--text-dark);font-size:clamp(3rem,5vw,4.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.hero-sub{color:var(--text-light);font-size:1.125rem;line-height:1.6;margin-bottom:32px;max-width:500px}.hero-actions{display:flex;gap:16px;justify-content:flex-start;margin-bottom:24px;width:100%}.hero-actions .btn{align-items:center;border-radius:12px;display:inline-flex;font-weight:600;justify-content:center;padding:14px 28px;text-decoration:none;transition:all .2s}.hero-actions .btn-primary{background-color:var(--brand-primary);border:1px solid #0000;box-shadow:var(--shadow-medium);color:var(--text-on-primary)}.hero-actions .btn-primary:hover{background-color:var(--brand-primary-dark);transform:translateY(-2px)}.hero-actions .btn-secondary{background-color:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-dark)}.hero-img-wrapper{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-medium);overflow:hidden;position:relative}.hero-img{display:block;height:auto;width:100%}body.tw-dark .hero-section{background:radial-gradient(circle at 50% 50%,rgba(95,71,41,.836) 0,#0000 60%)}body.tw-dark .hero-actions .btn-primary{background-color:#ff6b6b;border:none;box-shadow:0 0 15px #ff6b6b66;color:#000}body.tw-dark .hero-actions .btn-primary:hover{background-color:#ff5252;box-shadow:0 0 25px #ff6b6b99;transform:translateY(-2px)}body.tw-dark .hero-actions .btn-secondary{background-color:#fff;border:1px solid #fff;color:#000}body.tw-dark .hero-actions .btn-secondary:hover{background-color:#e5e5e5;transform:translateY(-2px)}.hero-trust{align-items:center;color:var(--text-subtle);display:flex;font-size:.875rem;gap:12px;justify-content:flex-start}.social-proof-section{background-color:var(--bg-workspace);border-bottom:1px solid var(--border-light);padding:60px 0;text-align:center}.stat-grid{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin-bottom:50px}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-val{color:var(--brand-primary);font-size:1.5rem;font-weight:900;margin-bottom:4px;transition:color .3s ease}body.tw-dark .stat-val{color:#ff6b6b;text-shadow:0 0 15px #ff6b6b66}.stat-label{color:var(--text-light);font-size:.9rem;font-weight:500}.brand-section{align-items:center;display:flex;flex-direction:column;gap:16px}.brand-title{color:var(--text-subtle);font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.brand-grid{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-weight:800;gap:32px;justify-content:center;opacity:1;text-transform:uppercase}body.tw-dark .brand-grid{color:#fff;text-shadow:0 0 10px #fff3}@media (max-width:768px){.stat-grid{gap:30px}.stat-val{font-size:1.25rem}}.benefits-section{background-color:var(--bg-main);padding:100px 24px}.benefits-grid{grid-gap:30px;align-items:stretch;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.benefit-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;box-shadow:0 10px 30px #00000008;display:flex;flex-direction:column;gap:20px;padding:35px 30px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}.benefit-card:hover{border-color:#8a181a4d;box-shadow:0 20px 40px #8a181a1a;transform:translateY(-8px)}.benefit-icon{align-items:center;background:#8a181a14;border-radius:14px;color:#8a181a;display:flex;height:56px;justify-content:center;margin-bottom:5px;transition:all .3s ease;width:56px}.benefit-card:hover .benefit-icon{background:#8a181a;color:#fff;transform:scale(1.1)}.benefit-card h3{color:var(--text-dark);font-size:1.25rem;font-weight:800;line-height:1.3;margin:0}.benefit-card p{color:var(--text-light);font-size:.95rem;line-height:1.6;margin:0}body.tw-dark .benefit-card{background:#111;border-color:#333}body.tw-dark .benefit-icon{background:#ff6b6b1a;color:#ff6b6b}body.tw-dark .benefit-card:hover{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b1a}body.tw-dark .benefit-card:hover .benefit-icon{background:#ff6b6b;box-shadow:0 0 15px #ff6b6b66;color:#000}@media (max-width:968px){.benefits-grid{grid-template-columns:1fr;margin:0 auto;max-width:500px}.benefit-card{align-items:center;text-align:center}}.step-card{position:relative}.step-card:first-child:after,.step-card:nth-child(2):after{background-repeat:no-repeat;background-size:contain;content:"";height:60px;pointer-events:none;position:absolute;right:-55px;width:80px;z-index:1}.step-card:first-child:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60' fill='none' stroke='%235F4729' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M0 10q50 0 50 25t50 15'/%3E%3Cpath d='m92 45 8 5-8 5'/%3E%3C/svg%3E");top:25px}.step-card:nth-child(2):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60' fill='none' stroke='%235F4729' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M0 50q50 0 50-25t50-15'/%3E%3Cpath d='m92 5 8 5-8 5'/%3E%3C/svg%3E");top:35px}body.tw-dark .step-card:first-child:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60' fill='none' stroke='%23d4b483' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M0 10q50 0 50 25t50 15'/%3E%3Cpath d='m92 45 8 5-8 5'/%3E%3C/svg%3E")}body.tw-dark .step-card:nth-child(2):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60' fill='none' stroke='%23d4b483' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M0 50q50 0 50-25t50-15'/%3E%3Cpath d='m92 5 8 5-8 5'/%3E%3C/svg%3E")}@media (max-width:968px){.step-card:after{display:none}}.how-section{background-color:var(--bg-workspace);padding:100px 24px}.steps-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.step-card{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:24px;text-align:center}.step-number{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--brand-primary);font-size:4rem;font-weight:900;line-height:1;margin-bottom:24px;opacity:1}body.tw-dark .step-number{color:#ff6b6b;text-shadow:0 0 20px #ff6b6b66}.step-card h3{color:var(--text-dark);font-size:1.4rem;margin-bottom:12px}.step-card p{color:var(--brand-secondary);font-size:1.05rem;font-weight:500;line-height:1.6}body.tw-dark .step-card p{color:#d4b483;text-shadow:0 0 15px #a67c524d}@media (max-width:968px){.steps-grid{gap:60px;grid-template-columns:1fr;max-width:500px}.step-number{font-size:2.5rem;margin-bottom:10px}}.comparison-section{background-color:var(--bg-main);display:block;padding:40px 20px 80px}.comparison-table-wrapper{-webkit-overflow-scrolling:touch;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 10px 40px #0000000d;display:block;margin:0 auto;max-width:1000px;overflow-x:auto;width:100%}.comparison-table{border-collapse:initial;border-spacing:0;min-width:600px;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:.9rem;padding:12px 15px;text-align:center;vertical-align:middle;white-space:nowrap}.comparison-table th{background:var(--bg-section);color:var(--text-tertiary);font-size:.8rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.comparison-table th:first-child{z-index:100!important}.comparison-table td:first-child,.comparison-table th:first-child{border-right:2px solid var(--border-light);left:0!important;padding-left:20px!important;position:-webkit-sticky!important;position:sticky!important;text-align:left!important}.comparison-table td:first-child{color:var(--text-dark)!important;font-weight:700;z-index:50!important}.comparison-table th:not(:first-child){position:relative;z-index:10}.comparison-table th:first-child{background:var(--bg-section);color:var(--text-tertiary)}.comparison-table td:first-child{background:var(--bg-card);color:var(--text-dark)}.comparison-table th:nth-child(2){background:#8a181a08!important;border-bottom:2px solid var(--brand-primary);z-index:1}.comparison-table td:nth-child(2){background-color:#8a181a08;color:var(--text-dark);font-weight:700}.th-badge{align-items:center;color:var(--brand-primary);display:flex;font-size:1rem;font-weight:900;gap:6px;justify-content:center}body.tw-dark .comparison-table-wrapper{background:#111;border-color:#333}body.tw-dark .comparison-table th:first-child{background:#1a1a1a!important;border-right-color:#333}body.tw-dark .comparison-table td:first-child{background:#111!important;border-right-color:#333;color:#fff!important}body.tw-dark .comparison-table th{background:#1a1a1a;border-bottom-color:#333}body.tw-dark .comparison-table td{border-bottom-color:#333;color:#ccc}body.tw-dark .comparison-table td:nth-child(2){background-color:#ff6b6b0d}body.tw-dark .comparison-table th:nth-child(2){background:#ff6b6b0d!important;border-bottom-color:#ff6b6b}.faq-section{background-color:var(--bg-main);padding:40px 24px 100px}.faq-wrapper{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px}.faq-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;cursor:default;display:flex;gap:20px;padding:30px;transition:all .3s ease}.faq-card:hover{border-color:var(--brand-primary);box-shadow:0 15px 30px #0000000d;transform:translateY(-3px) scale(1.01)}.faq-icon-box{align-items:center;background:var(--bg-section);border-radius:50%;color:var(--brand-primary);display:flex;flex-shrink:0;font-size:1.1rem;font-weight:900;height:40px;justify-content:center;width:40px}.faq-content{display:flex;flex-direction:column;gap:8px}.faq-card h4{color:var(--text-dark);font-size:1.15rem;font-weight:700;line-height:1.4;margin:0}.faq-card p{color:var(--text-light);font-size:.95rem;line-height:1.6;margin:0}body.tw-dark .faq-card:hover{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b1a}body.tw-dark .faq-icon-box{background:#ff6b6b1a;color:#ff6b6b}.final-cta-section{align-items:center;background:radial-gradient(circle at center,#9e2a2c 0,#8a181a 100%);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:100px 20px;position:relative;text-align:center}.cta-container{max-width:800px;position:relative;z-index:2}.cta-container h2{color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:20px}.cta-container p{color:#ffffffe6;font-size:1.25rem;font-weight:500;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.btn-large{border:2px solid #fff;border-radius:50px;box-shadow:0 10px 30px #0003;display:inline-block;font-size:1.1rem;font-weight:800;padding:18px 45px;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-large,.btn-large:hover{background:#fff;color:#8a181a}.btn-large:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-3px)}.final-cta-section small{color:#fff9;display:block;font-size:.85rem;font-weight:500;margin-top:20px}@media (max-width:768px){.final-cta-section{padding:80px 20px}.cta-container h2{font-size:2.2rem;margin-bottom:15px}.cta-container p{font-size:1rem;line-height:1.5;margin-bottom:30px}.btn-large{font-size:1rem;padding:16px 20px;width:100%}}@media (max-width:968px){.hero-grid{gap:40px;grid-template-columns:1fr;text-align:center}.hero-content{align-items:center}.hero-actions,.hero-trust,.hero-visual{justify-content:center}.steps-grid{grid-template-columns:1fr}.stat-grid{font-size:.8rem;gap:20px}.hero-title{font-size:2.5rem}.comparison-table td,.comparison-table th{font-size:.85rem;padding:12px 8px}.td-feature,.th-feature{padding-left:15px!important;width:30%}.th-badge{font-size:.9rem;gap:5px}.faq-section{padding:60px 20px}.faq-card{gap:15px;padding:20px}.faq-icon-box{font-size:.9rem;height:32px;width:32px}.faq-card h4{font-size:1rem}.faq-card p{font-size:.85rem}}.coming-soon-wrapper{align-items:center;background-color:var(--bg-main);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 20px;position:relative;text-align:center}.coming-soon-bg{background:radial-gradient(circle at center,var(--brand-primary-light) 0,#0000 60%);height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:0}body.tw-dark .coming-soon-bg{background:radial-gradient(circle at center,#8a181a1a 0,#0000 60%)}.cs-container{align-items:center;display:flex;flex-direction:column;max-width:800px;position:relative;width:100%;z-index:2}.cs-badge{align-items:center;background:#8a181a1a;border:1px solid #8a181a33;border-radius:50px;color:var(--brand-primary);display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:30px;padding:8px 16px;text-transform:uppercase}body.tw-dark .cs-badge{background:#ff6b6b1a;border-color:#ff6b6b33;color:#ff6b6b}.pulse-dot{animation:pulse 2s infinite;background-color:var(--brand-primary);border-radius:50%;height:8px;width:8px}body.tw-dark .pulse-dot{background-color:#ff6b6b}@keyframes pulse{0%{box-shadow:0 0 0 0 #8a181ab3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #8a181a00;transform:scale(1)}to{box-shadow:0 0 0 0 #8a181a00;transform:scale(.95)}}.cs-title{color:var(--text-dark);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:20px}.cs-subtitle{color:var(--text-light);font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:600px}.cs-progress-container{margin-bottom:50px;max-width:400px;width:100%}.progress-label{color:var(--text-tertiary);display:flex;font-size:.85rem;font-weight:700;justify-content:space-between;margin-bottom:10px}.progress-track{background:var(--border-light);border-radius:10px;height:8px;overflow:hidden;width:100%}body.tw-dark .progress-track{background:#222}.progress-fill{background:var(--brand-primary);border-radius:10px;height:100%;overflow:hidden;position:relative}body.tw-dark .progress-fill{background:#ff6b6b}.progress-fill:after{animation:moveStripes 1s linear infinite;background-image:linear-gradient(45deg,#ffffff26 25%,#0000 0,#0000 50%,#ffffff26 0,#ffffff26 75%,#0000 0,#0000);background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes moveStripes{0%{background-position:0 0}to{background-position:20px 20px}}.cs-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:20px;width:100%}.cs-feature-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;box-shadow:0 10px 30px #00000008;display:flex;flex-direction:column;gap:15px;padding:30px 20px}body.tw-dark .cs-feature-card{background:#111;border-color:#333}.cs-icon-box{align-items:center;background:#8a181a0d;border-radius:12px;color:var(--brand-primary);display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}body.tw-dark .cs-icon-box{background:#ff6b6b1a;color:#ff6b6b}.cs-feature-card h3{color:var(--text-dark);font-size:1.1rem;font-weight:800;margin:0}.cs-feature-card p{color:var(--text-light);font-size:.9rem;margin:0}@media (max-width:768px){.cs-features-grid{grid-template-columns:1fr}.cs-title{font-size:2.5rem}}.converter-controls{display:flex;flex-direction:column;gap:1.5rem;padding-top:10px}.control-section{display:flex;flex-direction:column;gap:10px}.control-header{align-items:center;display:flex;justify-content:space-between}.section-label{color:#d6d3d1;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.icon-subtle{color:#78716c}.format-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.format-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:10px 4px;transition:all .2s}.format-card:hover{background:#ffffff1a;border-color:#ffffff4d}.format-card.active{background:#8a181a;border-color:#8a181a;box-shadow:0 4px 10px #0003}.format-title{color:#fff;font-size:.9rem;font-weight:700}.format-desc{color:#a8a29e;font-size:.6rem}.format-card.active .format-desc{color:#fffc}.value-badge{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-size:.8rem;font-weight:700;padding:2px 8px}.slider-group{align-items:center;display:flex;height:24px;position:relative}.slider-track-bg{background:#0000004d;border-radius:10px;height:6px;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:100%}.slider-track-fill{background:#8a181a;border-radius:10px;height:100%;transition:width .1s ease-out}.custom-range-slider{-webkit-appearance:none;background:#0000;cursor:pointer;position:relative;width:100%;z-index:2}.custom-range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #8a181a;border-radius:50%;box-shadow:0 2px 5px #0000004d;height:18px;margin-top:-6px;width:18px}.slider-labels{color:#a8a29e;display:flex;font-size:.7rem;justify-content:space-between;margin-top:-10px}.info-box-tool{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;display:flex;gap:10px;margin-top:10px;padding:10px}.icon-accent{color:#60a5fa;flex-shrink:0;margin-top:2px}.info-box-tool p{color:#dbeafe;font-size:.8rem;line-height:1.4;margin:0}.format-card.disabled{cursor:not-allowed;opacity:.4}.format-card.disabled,.format-card.disabled:hover{background:#0003;border-color:#0000}.converter-page{background-color:var(--bg-main);display:flex;flex-direction:column;min-height:100vh;padding-top:140px;width:100%}.converter-header{margin:0 auto;max-width:800px;padding:0 1rem 3rem;text-align:center}.converter-header h1{color:var(--text-dark);font-size:2.5rem;font-weight:800;margin-bottom:.8rem}.converter-header p{color:var(--text-light);font-size:1.1rem}.converter-workspace{margin:0 auto;max-width:1400px;padding:0 1rem;width:100%}.converter-workspace .tool-workspace{grid-gap:0!important;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 10px 40px #0000000d;display:grid!important;gap:0!important;grid-template-columns:340px 1fr!important;height:700px!important;overflow:hidden}@media (max-width:968px){.converter-workspace .tool-workspace{display:flex!important;flex-direction:column;height:auto!important}}:root{--bg-main:#f8f9fb;--bg-sidebar:#fff;--bg-card:#fff;--text-main:#1a1a1a;--text-muted:#727272;--border-color:#5f47291a;--accent-color:#8a181a;--accent-bg:#8a181a0d;--shadow-card:0 4px 6px -1px #0000000d}body.tw-dark{--bg-main:#0a0a0a;--bg-sidebar:#111;--bg-card:#161616;--text-main:#fff;--text-muted:#a0a0a0;--border-color:#333;--accent-color:#ff6b6b;--accent-bg:#ff6b6b1a;--shadow-card:0 4px 20px #0006}.account-dashboard-shell{background-color:#f8f9fb;background-color:var(--bg-main);display:flex;font-family:Inter,sans-serif;min-height:100vh;padding-top:80px}.account-sidebar{background-color:#fff;background-color:var(--bg-sidebar);border-right:1px solid #5f47291a;border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:80px;transition:transform .3s ease;width:260px;z-index:40}.sidebar-header{padding:1.5rem 1.5rem 1rem}.sidebar-title{color:#1a1a1a;color:var(--text-main);font-size:1.1rem;font-weight:700;margin:0}.account-nav{flex-grow:1;overflow-y:auto;padding:1rem}.nav-group{margin-bottom:2rem}.nav-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:.8rem;padding-left:.8rem;text-transform:uppercase}.nav-item,.nav-label{color:#727272;color:var(--text-muted)}.nav-item{align-items:center;border-radius:8px;display:flex;font-size:.95rem;font-weight:500;gap:12px;margin-bottom:4px;padding:10px 14px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background-color:#f8f9fb;background-color:var(--bg-main);color:#1a1a1a;color:var(--text-main)}.nav-item.active{background-color:#8a181a0d;background-color:var(--accent-bg);color:#8a181a;color:var(--accent-color);font-weight:600}.nav-icon{font-size:1.1rem}.sidebar-footer{border-top:1px solid #5f47291a;border-top:1px solid var(--border-color);padding:1rem}.user-mini-badge{gap:10px}.mini-avatar,.user-mini-badge{align-items:center;display:flex}.mini-avatar{background:#8a181a;background:var(--accent-color);border-radius:50%;color:#fff;font-weight:700;height:36px;justify-content:center;width:36px}.mini-info{display:flex;flex-direction:column;overflow:hidden}.mini-name{color:#1a1a1a;color:var(--text-main);font-size:.9rem;font-weight:600}.mini-email{color:#727272;color:var(--text-muted);font-size:.8rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-content{flex-grow:1;margin-left:260px;max-width:1200px;padding:2rem;width:100%}.mobile-account-header,.sidebar-overlay{display:none}@media (max-width:900px){.account-dashboard-shell{flex-direction:column;padding-top:60px}.account-sidebar{box-shadow:4px 0 15px #0000001a;top:0;transform:translateX(-100%);width:280px}.account-sidebar.open{transform:translateX(0)}.account-content{margin-left:0;padding:1.5rem 1rem}.mobile-account-header{align-items:center;background:#fff;background:var(--bg-card);border-bottom:1px solid #5f47291a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:60px;z-index:30}.mobile-brand{font-weight:700}.hamburger-btn,.mobile-brand{color:#1a1a1a;color:var(--text-main)}.hamburger-btn{background:none;border:none;cursor:pointer;font-size:1.5rem}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block;inset:0;position:fixed;z-index:35}}.profile-page-container{margin:0 auto;max-width:1200px;width:100%}.profile-banner{align-items:center;background:linear-gradient(135deg,var(--bg-card) 0,var(--accent-bg) 100%);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.profile-banner h1{color:var(--text-main);font-size:1.8rem;font-weight:800;margin:0 0 .5rem}.profile-banner p{color:var(--text-muted);font-size:1rem;margin:0}.avatar-section{cursor:pointer;position:relative}.avatar-circle{align-items:center;background:#2a2a2a;border:3px solid #1a1a1a;border-radius:50%;display:flex;height:80px;justify-content:center;overflow:hidden;transition:all .2s;width:80px}body.tw-dark .avatar-circle{border:3px solid #fff}.avatar-circle.editable:hover{border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b33}.avatar-circle img{height:100%;object-fit:cover;width:100%}.avatar-initials{color:#ff6b6b;font-size:2rem;font-weight:700}.avatar-overlay{align-items:center;background:#00000080;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;inset:0;justify-content:center;position:absolute}.input-field{background-color:#fff;color:#1a1a1a}body.tw-dark .input-field{background-color:#1a1a1a;border-color:#333;color:#fff}.input-field:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.input-field:disabled{background-color:#0000000d;cursor:not-allowed;opacity:.7}.theme-label{color:#ff6b6b}.form-grid-2col{grid-gap:2rem;gap:2rem;width:100%}.mt-4{margin-top:2rem}.account-card-footer{background:#0000;border-top:none;padding:2rem 0 0}.form-actions{display:flex;gap:12px}.btn-primary-theme{background-color:#ff6b6b}.btn-primary-theme:hover{background-color:#ff5252}.btn-primary-theme:disabled{background-color:#ffb3b3}.btn-secondary{padding:12px 24px}@media (max-width:900px){.profile-banner{align-items:flex-start;flex-direction:column;gap:1rem}.form-grid-2col{gap:1.5rem;grid-template-columns:1fr}.account-card-footer{justify-content:center}}.security-page-container{margin:80px auto 0;max-width:1000px;padding-bottom:4rem;width:100%}.security-banner{align-items:center;background:linear-gradient(135deg,var(--bg-card) 0,#8a181a0d 100%);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.security-banner h1{color:var(--text-main);font-size:1.8rem;font-weight:800;line-height:1.2;margin:0 0 .5rem}.security-banner p{color:var(--text-muted);font-size:1rem;margin:0}.security-icon-circle{align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:50%;color:#8a181a;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-left:auto;width:60px}body.tw-dark .security-icon-circle{background:#ff6b6b1a;color:#ff6b6b}.input-group{margin-bottom:1.5rem}.theme-label{color:#8a181a;display:block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}body.tw-dark .theme-label{color:#ff6b6b}.input-field{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-size:1rem;outline:none;padding:12px 16px;transition:all .2s;width:100%}.input-field:focus{border-color:#8a181a;box-shadow:0 0 0 3px #8a181a1a}body.tw-dark .input-field:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.form-grid-2col{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.btn-primary-theme{align-items:center;background-color:#8a181a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;padding:12px 24px;transition:all .2s}.btn-primary-theme:hover{background-color:#5f4729;transform:translateY(-1px)}.btn-primary-theme:disabled{cursor:not-allowed;opacity:.6}body.tw-dark .btn-primary-theme{background-color:#ff6b6b;color:#fff}body.tw-dark .btn-primary-theme:hover{background-color:#ff5252}.email-status-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.email-info label{color:var(--text-muted);display:block;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px}.email-value{color:var(--text-main);font-size:1.2rem;font-weight:600}.verified-badge{align-items:center;background:#10b9811a;border:1px solid #10b981;border-radius:20px;color:#10b981;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;gap:6px;padding:4px 12px}.password-row-closed{align-items:center;display:flex;justify-content:space-between}.meta-title{color:var(--text-main);font-weight:600;margin-bottom:4px}.meta-subtitle{color:var(--text-muted);font-size:.9rem}.password-form{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.form-actions-right{display:flex;gap:12px;justify-content:flex-end;margin-top:1.5rem}.provider-alert{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#1e40af;gap:10px;padding:1rem}.backup-row,.provider-alert{align-items:center;display:flex}.backup-row{justify-content:space-between}.backup-title{color:var(--text-main);font-weight:600;margin-bottom:4px}.backup-status{align-items:center;display:flex;font-size:.9rem;gap:10px}.email-text{color:var(--text-main);font-family:monospace;font-weight:500}.prefs-list{display:flex;flex-direction:column;gap:0}.pref-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 0}.pref-item:last-child{border-bottom:none}.pref-item.locked{opacity:.6;pointer-events:none}.pref-title{color:var(--text-main);font-weight:600;margin-bottom:4px}.pref-desc{color:var(--text-muted);font-size:.9rem;line-height:1.4;max-width:600px}.account-card-footer{display:flex;justify-content:flex-end;margin-top:1rem}.toggle-switch{flex-shrink:0;height:28px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:var(--border-color);border-radius:34px;cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;width:22px}input:checked+.slider{background-color:#8a181a}body.tw-dark input:checked+.slider{background-color:#ff6b6b}input:checked+.slider:before{transform:translateX(22px)}.danger-card{border:1px solid #dc26264d}.danger-text{color:#dc2626!important}.danger-content{align-items:center;display:flex;justify-content:space-between}.danger-info strong{color:var(--text-main);font-size:1.1rem}.danger-info p{color:var(--text-muted);font-size:.95rem;margin:4px 0 0}.btn-outline-danger{align-items:center;background:#0000;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-outline-danger:hover{background:#dc2626;color:#fff}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-card{animation:scaleIn .2s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-width:480px;overflow:hidden;width:90%}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;background:var(--bg-main);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h3{color:var(--text-main);font-size:1.1rem;font-weight:700;margin:0}.close-modal-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex}.modal-body{padding:2rem}.center-text{text-align:center}.modal-icon{color:#8a181a;margin-bottom:1rem}body.tw-dark .modal-icon{color:#ff6b6b}.modal-text{color:var(--text-muted);line-height:1.5;margin-bottom:1.5rem}.otp-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-size:1.8rem;font-weight:700;letter-spacing:.5em;margin-bottom:1.5rem;padding:1rem;text-align:center;width:100%}.full-width{width:100%}.mt-4{margin-top:1rem}.modal-links{display:flex;justify-content:space-between;margin-top:1.5rem}.text-link{background:none;border:none;color:#8a181a;cursor:pointer;font-size:.9rem;text-decoration:underline}.text-link:hover{color:var(--text-main)}@media (max-width:768px){.form-grid-2col{gap:1rem;grid-template-columns:1fr}.backup-row,.danger-content,.email-status-row,.pref-item{align-items:flex-start;flex-direction:column;gap:1rem}.verified-badge{margin-top:.5rem}.btn-outline-danger,.btn-primary-theme,.btn-secondary{justify-content:center;width:100%}.account-card-header p{margin-top:.5rem;padding-left:0}}.viewer-container{background:radial-gradient(circle at center,#1a1a1a 0,#000 100%);color:#fff;font-family:Inter,sans-serif;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.viewer-top-bar{display:flex;justify-content:flex-end;left:0;padding:20px 30px;pointer-events:none;position:absolute;right:0;top:0;z-index:50}.btn-close-circle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;pointer-events:auto;transition:all .2s ease;width:44px}.btn-close-circle:hover{background:#fff3;box-shadow:0 0 15px #ffffff1a;transform:scale(1.05)}.viewer-stage{left:0;overflow:hidden;position:absolute;top:0;touch-action:none;z-index:10}.image-wrapper,.viewer-stage{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.image-wrapper{will-change:transform}.cinematic-image{-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:drop-shadow(0 0 30px rgba(0,0,0,.5));max-height:85vh;max-width:90vw;object-fit:contain;transform-style:preserve-3d;transition:transform .1s cubic-bezier(.1,.7,1,.1)}.nav-arrow{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:56px;z-index:20}.nav-arrow:hover{background:#ffffff26;color:#fff;transform:translateY(-50%) scale(1.1)}.nav-arrow.left{left:40px}.nav-arrow.right{right:40px}.viewer-dock-wrapper{bottom:30px;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;z-index:50}.glass-dock{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#141414bf;border:1px solid #8a181a66;border-radius:20px;box-shadow:0 10px 40px #00000080,0 0 0 1px #8a181a1a;display:flex;gap:12px;padding:12px 20px;pointer-events:auto;transition:transform .2s ease,box-shadow .2s ease}.glass-dock:hover{box-shadow:0 10px 50px #0009,0 0 15px #8a181a4d}.dock-section{align-items:center;display:flex;gap:10px}.dock-divider{background:#ffffff26;height:24px;margin:0 4px;width:1px}.title-edit-wrapper{max-width:250px;min-width:120px;text-align:left}.dock-title{border-radius:6px;color:#fff;cursor:text;display:block;font-size:.95rem;font-weight:600;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.dock-title:hover{background:#ffffff1a;text-decoration:underline;-webkit-text-decoration-color:#8a181a;text-decoration-color:#8a181a}.rename-inline-input{background:#0000;border:none;border-bottom:2px solid #8a181a;color:#fff;font-size:.95rem;font-weight:600;outline:none;padding:4px 8px;width:100%}.btn-dock-icon{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;padding:8px;transition:all .2s}.btn-dock-icon:hover{color:#fff;transform:scale(1.1)}.active-star{color:#eab308;filter:drop-shadow(0 0 8px rgba(234,179,8,.5))}.btn-dock-action{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-dock-action:hover{background:#ffffff26}.btn-dock-action.danger:hover{background:#dc262633;border-color:#dc2626;color:#f87171}.folder-dropdown-wrapper{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;height:36px;padding:0 8px}.dock-icon-muted{color:#ffffff80;margin-right:6px}.dock-select{background:#0000;border:none;color:#fff;cursor:pointer;font-size:.85rem;max-width:100px;outline:none}.dock-select option{background:#222;color:#fff}.zoom-controls{gap:6px}.btn-zoom{background:#0000;border:none;color:#fff9;cursor:pointer;padding:6px;transition:color .2s}.btn-zoom:hover{color:#fff}.zoom-text{color:#888;font-size:.8rem;min-width:36px;text-align:center}@media (max-width:768px){.desktop-only{display:none!important}.viewer-dock-wrapper{bottom:20px;left:2.5%;right:auto;width:95%}.glass-dock{justify-content:space-between;padding:12px 16px;width:100%}.title-edit-wrapper{max-width:140px}.nav-arrow{display:none}.btn-close-circle{height:40px;width:40px}.folder-dropdown-wrapper{padding:0 4px}.dock-select{font-size:.8rem;max-width:70px}}.gallery-page-container{margin:80px auto 0;max-width:1300px;padding-bottom:6rem;width:100%}.gallery-banner{align-items:center;background:linear-gradient(135deg,var(--bg-card) 0,#8a181a0d 100%);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.gallery-banner h1{color:var(--text-main);font-size:1.8rem;font-weight:800;line-height:1.2;margin:0 0 .5rem}.gallery-banner p{color:var(--text-muted);font-size:1rem;margin:0}.gallery-icon-circle{align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:50%;color:#8a181a;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-left:auto;width:60px}body.tw-dark .gallery-icon-circle{background:#ff6b6b1a;color:#ff6b6b}.gallery-header-section{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:1.5rem}.gallery-toolbar{display:flex;gap:1rem;margin-bottom:1.5rem}.search-wrapper{align-items:center;display:flex;flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--text-muted);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.search-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-size:.95rem;outline:none;padding:10px 12px 10px 50px!important;transition:all .2s;width:100%}.search-input:focus{border-color:#8a181a;box-shadow:0 0 0 3px #8a181a1a}body.tw-dark .search-input:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.sort-wrapper{align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;display:flex;padding:0 12px;position:relative}.sort-icon{color:var(--text-muted);margin-right:8px}.sort-select{background:#0000;border:none;color:var(--text-main);cursor:pointer;font-size:.9rem;outline:none;padding:10px 0}.sort-select option{background-color:#fff!important;color:#1a1a1a!important}.folder-tabs-wrapper{align-items:center;display:flex;justify-content:space-between}.folder-tabs-container{display:flex;flex:1 1;gap:.5rem;margin-right:1rem;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.folder-tabs-container::-webkit-scrollbar{display:none}.folder-tab{align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:20px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.folder-tab:hover{border-color:var(--text-muted);color:var(--text-main)}.folder-tab.active{background:#8a181a;border-color:#8a181a;color:#fff}body.tw-dark .folder-tab.active{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.folder-tab.droppable-zone{border:2px dashed #ff6b6b}.bin-tab{border-color:#dc26264d;color:#dc2626}.bin-tab.active{background:#dc2626;border-color:#dc2626;color:#fff}.folder-create-inline{align-items:center;display:flex;gap:6px;margin-left:1rem}.small-input{border-radius:6px;font-size:.85rem;outline:none;padding:6px 10px;width:120px}.btn-sm-icon,.small-input{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main)}.btn-sm-icon{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.btn-sm-icon:hover{background:#8a181a;border-color:#8a181a;color:#fff}body.tw-dark .btn-sm-icon:hover{background:#ff6b6b;border-color:#ff6b6b}.gallery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:1rem 0}.gallery-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.gallery-item:hover{border-color:var(--text-muted);box-shadow:var(--shadow-card);transform:translateY(-4px)}.gallery-item.selected{background:#ff6b6b0d;border:2px solid #ff6b6b}.img-wrapper{aspect-ratio:1/1;background:#f0f0f0;position:relative;width:100%}.img-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.hover-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.gallery-item:hover .hover-overlay{opacity:1}.hover-overlay span{background:#fff;border-radius:20px;color:#000;font-size:.85rem;font-weight:600;padding:6px 14px}.img-footer{background:var(--bg-card);border-top:1px solid var(--border-color);padding:10px 12px}.img-name{color:var(--text-main);display:block;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-checkbox{align-items:center;background:#ffffffe6;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:24px;justify-content:center;left:8px;opacity:0;position:absolute;top:8px;transition:opacity .2s;width:24px;z-index:10}.select-checkbox.checked{background:#ff6b6b;color:#fff;opacity:1}.gallery-item:hover .select-checkbox{opacity:1}.favorite-badge{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s;z-index:10}.favorite-badge.active,.gallery-item:hover .favorite-badge{opacity:1}.floating-action-bar{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:50px;bottom:30px;box-shadow:0 10px 30px #0000004d;display:flex;gap:20px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.selection-count{color:#fff;font-size:.9rem;font-weight:600}.action-buttons{display:flex;gap:8px}.fab-btn{background:#333;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 16px;transition:background .2s}.fab-btn:hover{background:#444}.fab-btn.primary{background:#8a181a}.fab-btn.danger{background:#dc2626}.fab-btn.cancel{align-items:center;background:#0000;display:flex;padding:8px}.empty-state{padding:4rem 2rem;text-align:center}.empty-icon{color:var(--border-color);margin-bottom:1rem}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.bin-warning{align-items:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem;padding:10px 16px}.btn-text-danger{background:none;border:none;color:#b91c1c;cursor:pointer;font-weight:600;text-decoration:underline}.load-more-row{margin-top:2rem;text-align:center}.flex-center{align-items:center;display:flex;justify-content:center;min-height:60vh}.center-card{max-width:500px;padding:4rem 2rem;text-align:center}.lock-icon-circle{background:#8a181a0d;border-radius:50%;color:#8a181a;height:80px;margin:0 auto 1.5rem;width:80px}.custom-modal-overlay,.lock-icon-circle{align-items:center;display:flex;justify-content:center}.custom-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:9999}.custom-modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 50px #0000004d;max-width:450px;padding:1.5rem;width:90%}.custom-modal-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.icon-badge{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.icon-badge.danger{background:#fef2f2;color:#dc2626}.icon-badge.warning{background:#fffbeb;color:#d97706}.header-text h3{color:var(--text-main);font-size:1.1rem;margin:0}.tier-tag{background:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:.75rem;padding:2px 6px}.custom-modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:1.5rem}.btn-modal-cancel{background:#0000;border:1px solid var(--border-color);color:var(--text-main)}.btn-modal-cancel,.btn-modal-confirm{border-radius:8px;cursor:pointer;padding:8px 16px}.btn-modal-confirm{border:none;color:#fff;font-weight:600}.btn-modal-confirm.danger{background:#dc2626}.btn-modal-confirm.warning{background:#d97706}@media (max-width:768px){.gallery-toolbar{flex-direction:column}.search-wrapper{max-width:100%}.folder-tabs-wrapper{align-items:flex-start;flex-direction:column;gap:1rem}.folder-tabs-container{width:100%}.gallery-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}}.dashboard-container{margin:0 auto;max-width:1200px;width:100%}.welcome-banner{align-items:center;background:linear-gradient(135deg,var(--bg-card) 0,var(--accent-bg) 100%);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.welcome-banner h1{color:var(--text-main);font-size:1.8rem;font-weight:800;margin:0 0 .5rem}.welcome-banner p{color:var(--text-muted);font-size:1rem;margin:0}.plan-pill{border-radius:50px;font-size:.85rem;font-weight:700;letter-spacing:1px;padding:6px 16px;text-transform:uppercase}.plan-pill.starter{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.plan-pill.lite{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.plan-pill.pro{background:#fff5f5;border:1px solid #fecaca;box-shadow:0 0 10px #dc262633;color:#dc2626}.plan-pill.agency{background:#f0fdfa;border:1px solid #ccfbf1;color:#0d9488}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;height:100%;padding:1.5rem;transition:transform .2s}.stat-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-card);transform:translateY(-4px)}.stat-header{align-items:center;display:flex;gap:10px;margin-bottom:1.5rem}.stat-icon-wrapper{align-items:center;color:var(--accent-color);display:flex;justify-content:center}.stat-title{color:var(--text-muted);font-size:.9rem;font-weight:600;text-transform:uppercase}.stat-value{color:var(--text-main);font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:1rem}.stat-total{font-size:1.2rem;font-weight:500}.stat-desc,.stat-total{color:var(--text-muted)}.stat-desc{font-size:.85rem;margin-top:.8rem}.progress-container{background:var(--bg-main);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar{background:var(--accent-color);border-radius:4px;height:100%;transition:width .5s ease-out}.progress-bar.blue{background:#3b82f6}.action-card{background:var(--accent-bg);border-color:var(--accent-color)}.btn-upgrade{align-items:center;background:var(--accent-color);border-radius:8px;color:#fff;display:flex;font-weight:700;justify-content:center;margin-top:1rem;padding:12px;text-align:center;text-decoration:none;transition:all .2s;width:100%}.btn-upgrade:hover{background:var(--text-main);color:var(--bg-card)}.section-header{margin-bottom:1rem}.section-header h2{color:var(--text-main);font-size:1.2rem}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.action-tile{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-main);display:flex;flex-direction:column;font-weight:600;gap:10px;padding:1.5rem;text-decoration:none;transition:all .2s}.action-tile:hover{background:var(--bg-main);border-color:var(--text-muted)}.tile-icon{color:var(--accent-color)}@media (max-width:900px){.stats-grid{grid-template-columns:1fr}.welcome-banner{align-items:flex-start;flex-direction:column;gap:1rem}}.billing-page-container{margin:80px auto 0;max-width:1000px;padding-bottom:4rem;width:100%}.billing-banner{align-items:center;background:linear-gradient(135deg,var(--bg-card) 0,#8a181a0d 100%);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.billing-banner h1{color:var(--text-main);font-size:1.8rem;font-weight:800;line-height:1.2;margin:0 0 .5rem}.billing-banner p{color:var(--text-muted);font-size:1rem;margin:0}.billing-icon-circle{align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:50%;color:#8a181a;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-left:auto;width:60px}body.tw-dark .billing-icon-circle{background:#ff6b6b1a;color:#ff6b6b}.account-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card);margin-bottom:2rem;overflow:hidden}.account-card-header{border-bottom:1px solid var(--border-color);padding:1.5rem 2rem}.header-icon-row{align-items:center;display:flex;gap:12px;margin-bottom:6px}.header-icon{color:#8a181a;display:block;flex-shrink:0}body.tw-dark .header-icon{color:#ff6b6b}.account-card-header h2{color:var(--text-main);font-size:1.25rem;font-weight:700;line-height:1.2;margin:0}.account-card-header p{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0;padding-left:36px}.account-card-content{padding:2rem}.payment-method-row{justify-content:space-between}.method-details,.payment-method-row{align-items:center;display:flex;gap:1rem}.method-icon-box{align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;color:var(--text-main);display:flex;height:50px;justify-content:center;width:50px}.method-text strong{color:var(--text-main);display:block;margin-bottom:4px}.method-text p{color:var(--text-muted);font-size:.9rem;margin:0}.table-responsive{overflow-x:auto}.billing-table{border-collapse:collapse;min-width:650px;width:100%}.billing-table th{background:var(--bg-main);color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.billing-table td,.billing-table th{border-bottom:1px solid var(--border-color)}.billing-table td{color:var(--text-main);font-size:.95rem;padding:1.2rem 1.5rem;vertical-align:middle}.billing-table tr:last-child td{border-bottom:none}.date-cell{color:var(--text-muted);font-family:monospace}.plan-name{color:var(--text-main);display:block;font-weight:700}.plan-cycle{color:var(--text-muted);font-size:.85rem}.amount-cell{color:var(--text-main);font-weight:600}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;padding:4px 12px;text-transform:uppercase}.status-badge.paid,.status-badge.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-badge.pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.status-badge.failed{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.btn-secondary{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:var(--bg-main);border-color:var(--text-main);color:var(--text-main)}.btn-icon-only{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;padding:8px;transition:all .2s}.btn-icon-only:hover{background:var(--bg-main);color:#8a181a}body.tw-dark .btn-icon-only:hover{color:#ff6b6b}.status-banner{align-items:center;border-radius:12px;display:flex;gap:12px;margin-bottom:2rem;padding:1rem}.status-banner.info{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.status-banner.success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.status-banner p{font-size:.95rem;margin:0}.empty-state{flexDirection:column;align-items:center;color:var(--text-muted);display:flex;gap:1rem;padding:3rem}.loading-row{color:var(--text-muted);padding:2rem}@media (max-width:768px){.payment-method-row{align-items:flex-start;flex-direction:column;gap:1.5rem}.btn-secondary{width:100%}.account-card-header p{margin-top:.5rem;padding-left:0}}
/*# sourceMappingURL=main.a7653a5c.css.map*/