*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-\[5\%\]{bottom:5%}.left-\[-10\%\]{left:-10%}.left-\[20\%\]{left:20%}.left-\[5\%\]{left:5%}.right-\[-5\%\]{right:-5%}.right-\[15\%\]{right:15%}.top-\[10\%\]{top:10%}.top-\[15\%\]{top:15%}.top-\[5\%\]{top:5%}.top-\[70\%\]{top:70%}.z-10{z-index:10}.z-\[1001\]{z-index:1001}.z-\[999\]{z-index:999}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-5{width:1.25rem;height:1.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-px{height:1px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-xl{max-width:36rem}.shrink{flex-shrink:1}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--primary\)\]{border-color:var(--primary)}.border-black\/\[0\.08\]{border-color:#00000014}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-white\/\[0\.15\]{border-color:#ffffff26}.bg-\[\#030303\]{--tw-bg-opacity: 1;background-color:rgb(3 3 3 / var(--tw-bg-opacity, 1))}.bg-\[\#faf8f8\]{--tw-bg-opacity: 1;background-color:rgb(250 248 248 / var(--tw-bg-opacity, 1))}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--bg-white\)\]{background-color:var(--bg-white)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--primary-bg\)\]{background-color:var(--primary-bg)}.bg-black\/40{background-color:#0006}.bg-black\/\[0\.03\]{background-color:#00000008}.bg-transparent{background-color:transparent}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#030303\]{--tw-gradient-from: #030303 var(--tw-gradient-from-position);--tw-gradient-to: rgb(3 3 3 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#faf8f8\]{--tw-gradient-from: #faf8f8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 248 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--success\)\]{--tw-gradient-from: var(--success) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500\/\[0\.15\]{--tw-gradient-from: rgb(245 158 11 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500\/\[0\.15\]{--tw-gradient-from: rgb(6 182 212 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-300{--tw-gradient-from: #a5b4fc var(--tw-gradient-from-position);--tw-gradient-to: rgb(165 180 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500\/\[0\.05\]{--tw-gradient-from: rgb(99 102 241 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500\/\[0\.15\]{--tw-gradient-from: rgb(99 102 241 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500\/\[0\.06\]{--tw-gradient-from: rgb(239 68 68 / .06) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500\/\[0\.15\]{--tw-gradient-from: rgb(244 63 94 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-stone-900{--tw-gradient-from: #1c1917 var(--tw-gradient-from-position);--tw-gradient-to: rgb(28 25 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500\/\[0\.15\]{--tw-gradient-from: rgb(139 92 246 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/\[0\.08\]{--tw-gradient-from: rgb(255 255 255 / .08) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-stone-800{--tw-gradient-to: rgb(41 37 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #292524 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/90{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .9) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#030303\]\/80{--tw-gradient-to: rgb(3 3 3 / .8) var(--tw-gradient-to-position)}.to-\[\#faf8f8\]\/80{--tw-gradient-to: rgb(250 248 248 / .8) var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-orange-500\/\[0\.06\]{--tw-gradient-to: rgb(249 115 22 / .06) var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-rose-300{--tw-gradient-to: #fda4af var(--tw-gradient-to-position)}.to-rose-500\/\[0\.05\]{--tw-gradient-to: rgb(244 63 94 / .05) var(--tw-gradient-to-position)}.to-stone-700{--tw-gradient-to: #44403c var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white\/80{--tw-gradient-to: rgb(255 255 255 / .8) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-rose-500\/80{fill:#f43f5ecc}.p-0{padding:0}.p-4{padding:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-stone-600{--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/40{color:#fff6}.text-white\/60{color:#fff9}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-70{opacity:.7}.shadow-\[0_4px_14px_rgba\(16\,185\,129\,0\.35\)\]{--tw-shadow: 0 4px 14px rgba(16,185,129,.35);--tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_rgba\(220\,38\,38\,0\.35\)\]{--tw-shadow: 0 4px 14px rgba(220,38,38,.35);--tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_rgba\(249\,115\,22\,0\.35\)\]{--tw-shadow: 0 4px 14px rgba(249,115,22,.35);--tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_32px_0_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow: 0 8px 32px 0 rgba(0,0,0,.06);--tw-shadow-colored: 0 8px 32px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_32px_0_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow: 0 8px 32px 0 rgba(255,255,255,.1);--tw-shadow-colored: 0 8px 32px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,top\]{transition-property:transform,top;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\[stroke-dasharray\:12_63\]{stroke-dasharray:12 63}.\[stroke-dasharray\:20_300\]{stroke-dasharray:20 300}.\[stroke-dashoffset\:-32\.42px\]{stroke-dashoffset:-32.42px}:root{--primary: #dc2626;--primary-dark: #b91c1c;--primary-light: #fca5a5;--primary-bg: #fef2f2;--accent: #f97316;--accent-dark: #ea580c;--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--danger: #dc2626;--danger-bg: #fef2f2;--bg: #FFFFFF;--bg-white: #FFFFFF;--bg-card: #F7F7F8;--text: #0A0A0B;--text-secondary: #6B7280;--text-muted: #6B7280;--border: rgba(0, 0, 0, .07);--border-light: rgba(0, 0, 0, .05);--cat-organize: #dc2626;--cat-optimize: #10b981;--cat-convert-to: #f59e0b;--cat-convert-from: #ea580c;--cat-edit: #db2777;--cat-security: #78716c;--logo-gradient: linear-gradient(135deg, #dc2626 0%, #ea580c 45%, #f97316 100%);--navbar-glass: rgba(255, 255, 255, .85);--footer-glass: rgba(255, 255, 255, .7);--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 6px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-md: 0 6px 12px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.05);--shadow-lg: 0 12px 24px rgba(0,0,0,.1), 0 6px 12px rgba(0,0,0,.06);--shadow-xl: 0 20px 40px rgba(0,0,0,.12), 0 10px 16px rgba(0,0,0,.06);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-primary: #dc2626;--color-cta: #f97316;--transition-ui: .2s cubic-bezier(.4, 0, .2, 1);--navbar-height: 56px;--ease: cubic-bezier(.4, 0, .2, 1);--transition: all .2s var(--ease);--transition-slow: all .35s var(--ease);--ic-red: #DC2626;--ic-red-tile: color-mix(in srgb, #DC2626 12%, transparent);--ic-orange: #EA580C;--ic-orange-tile: color-mix(in srgb, #EA580C 12%, transparent);--ic-amber: #D97706;--ic-amber-tile: color-mix(in srgb, #D97706 12%, transparent);--ic-lime: #65A30D;--ic-lime-tile: color-mix(in srgb, #65A30D 12%, transparent);--ic-emerald: #059669;--ic-emerald-tile: color-mix(in srgb, #059669 12%, transparent);--ic-teal: #0D9488;--ic-teal-tile: color-mix(in srgb, #0D9488 12%, transparent);--ic-cyan: #0891B2;--ic-cyan-tile: color-mix(in srgb, #0891B2 12%, transparent);--ic-sky: #0284C7;--ic-sky-tile: color-mix(in srgb, #0284C7 12%, transparent);--ic-blue: #2563EB;--ic-blue-tile: color-mix(in srgb, #2563EB 12%, transparent);--ic-indigo: #4F46E5;--ic-indigo-tile: color-mix(in srgb, #4F46E5 12%, transparent);--ic-fuchsia: #C026D3;--ic-fuchsia-tile: color-mix(in srgb, #C026D3 12%, transparent);--ic-pink: #DB2777;--ic-pink-tile: color-mix(in srgb, #DB2777 12%, transparent);--ic-rose: #E11D48;--ic-rose-tile: color-mix(in srgb, #E11D48 12%, transparent)}[data-theme=dark]{--primary: #f87171;--primary-dark: #ef4444;--primary-light: #fecaca;--primary-bg: rgba(220, 38, 38, .16);--accent: #fb923c;--accent-dark: #f97316;--success: #34d399;--success-bg: rgba(16, 185, 129, .12);--bg: #0A0A0B;--bg-white: #0A0A0B;--bg-card: #16161A;--text: #FAFAFA;--text-secondary: #9CA3AF;--text-muted: #9CA3AF;--border: rgba(255, 255, 255, .07);--border-light: rgba(255, 255, 255, .05);--logo-gradient: linear-gradient(135deg, #f87171 0%, #fb923c 50%, #fcd34d 100%);--navbar-glass: rgba(10, 10, 11, .88);--footer-glass: rgba(22, 22, 26, .65);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow: 0 8px 24px rgba(0, 0, 0, .4);--shadow-md: 0 12px 32px rgba(0, 0, 0, .45);--ic-red: #F87171;--ic-red-tile: color-mix(in srgb, #F87171 16%, transparent);--ic-orange: #FB923C;--ic-orange-tile: color-mix(in srgb, #FB923C 16%, transparent);--ic-amber: #FBBF24;--ic-amber-tile: color-mix(in srgb, #FBBF24 16%, transparent);--ic-lime: #A3E635;--ic-lime-tile: color-mix(in srgb, #A3E635 16%, transparent);--ic-emerald: #34D399;--ic-emerald-tile: color-mix(in srgb, #34D399 16%, transparent);--ic-teal: #2DD4BF;--ic-teal-tile: color-mix(in srgb, #2DD4BF 16%, transparent);--ic-cyan: #22D3EE;--ic-cyan-tile: color-mix(in srgb, #22D3EE 16%, transparent);--ic-sky: #38BDF8;--ic-sky-tile: color-mix(in srgb, #38BDF8 16%, transparent);--ic-blue: #60A5FA;--ic-blue-tile: color-mix(in srgb, #60A5FA 16%, transparent);--ic-indigo: #818CF8;--ic-indigo-tile: color-mix(in srgb, #818CF8 16%, transparent);--ic-fuchsia: #E879F9;--ic-fuchsia-tile: color-mix(in srgb, #E879F9 16%, transparent);--ic-pink: #F472B6;--ic-pink-tile: color-mix(in srgb, #F472B6 16%, transparent);--ic-rose: #FB7185;--ic-rose-tile: color-mix(in srgb, #FB7185 16%, transparent)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}#root,.app-root{display:flex;flex-direction:column;min-height:100dvh;min-height:100vh;width:100%;max-width:100vw}.app-root{flex:1;display:flex;flex-direction:column;min-height:100%}.app-root>.app{flex:1;display:flex;flex-direction:column;min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;margin:0;overflow-x:hidden;max-width:100vw}.app{display:flex;flex-direction:column;flex:1;min-height:100dvh;min-height:100vh;width:100%;max-width:100vw;overflow-x:clip}.app-main{flex:1 0 auto;width:100%;max-width:100vw;min-width:0;padding-top:var(--navbar-height)}a{text-decoration:none;color:inherit}button{font-family:var(--font);cursor:pointer;border:none;outline:none}img{max-width:100%;display:block}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.navbar{position:sticky;top:0;z-index:1000;width:100%;max-width:100vw;background:var(--navbar-glass);backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);border-bottom:1px solid var(--border);box-shadow:0 1px #ffffff0f inset;transition:var(--transition)}[data-theme=dark] .navbar{box-shadow:0 1px #ffffff0a inset}.navbar-end{display:flex;align-items:center;gap:6px;flex-shrink:0}.navbar-theme-toggle{width:40px;height:40px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--primary-bg);color:var(--primary);border:1px solid var(--border);cursor:pointer;transition:transform var(--transition-ui),background var(--transition-ui),color var(--transition-ui),box-shadow var(--transition-ui)}.navbar-theme-toggle:hover{background:var(--border-light);color:var(--text);transform:scale(1.05)}.navbar-theme-toggle:active{transform:scale(.96)}.navbar-inner{display:grid;grid-template-columns:minmax(0,max-content) minmax(140px,280px) minmax(0,1fr) auto;align-items:center;min-height:var(--navbar-height);gap:clamp(8px,2vw,16px);max-width:100%}.navbar-search{max-width:280px;width:100%;justify-self:center}.tool-search{position:relative;width:100%}.tool-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.tool-search-input{width:100%;padding:9px 36px 9px 38px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-white);font-family:var(--font);font-size:.82rem;color:var(--text);min-height:40px}.tool-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.tool-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;display:flex}.tool-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;max-height:320px;overflow-y:auto}.tool-search-hit{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font)}.tool-search-hit:hover{background:var(--border-light)}.tool-search-hit-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.tool-search-hit-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tool-search-hit-text strong{font-size:.85rem;color:var(--text)}.tool-search-hit-text small{font-size:.72rem;color:var(--text-muted);line-height:1.35}.mobile-menu-search{margin:0 16px 12px}.nav-mega-link--cta{font-weight:700;color:var(--primary)!important}.navbar-brand-link{display:flex;align-items:center;gap:8px;font-weight:800;flex-shrink:0;min-width:0;max-width:100%}.navbar-brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;max-width:min(220px,42vw)}.navbar-brand-name{background:var(--logo-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(.82rem,2.4vw,1.05rem);font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.navbar-brand-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);line-height:1.2}@media (max-width: 400px){.navbar-brand-tag{display:none}}@media (max-width: 340px){.navbar-brand-name{font-size:.78rem}}.navbar-center{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:0;min-width:0;overflow:hidden}.navbar-link{padding:8px clamp(8px,1.2vw,14px);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--text-secondary);transition:var(--transition);white-space:nowrap;flex-shrink:0}.navbar-link--emphasis{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding:8px clamp(6px,1vw,12px)}.navbar-link:hover,.navbar-link.active{color:var(--primary);background:var(--primary-bg)}.navbar-link--emphasis:hover,.navbar-link--emphasis.active{color:var(--primary)}.navbar-dropdown{position:relative;display:flex;align-items:stretch;margin-right:10px}.navbar-link--split{display:inline-flex;align-items:center;gap:4px}.navbar-chevron{opacity:.55}.navbar-pipe{color:var(--border);font-weight:300;padding:0 6px 0 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar-link--soon{opacity:.45;cursor:not-allowed}.navbar-link--disabled{opacity:.42;cursor:not-allowed;pointer-events:none}.nav-mega-wrap{position:absolute;top:100%;padding-top:10px;z-index:1100;right:0;left:auto}.site-header-nav .nav-mega-wrap{position:fixed;top:calc(var(--navbar-height) + 4px);left:50%;right:auto;transform:translate(-50%);width:min(920px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding-top:0}.site-header-nav .nav-mega-wrap:has(.nav-mega--image){width:min(640px,calc(100vw - 24px))}.nav-mega-inner{padding:16px 18px 18px}.nav-mega{background:var(--bg-white);border-radius:14px;box-shadow:var(--shadow-lg);border:1px solid var(--border);width:100%;min-width:0;max-height:min(70vh,520px);overflow:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .nav-mega{background:#121212fa;border-color:var(--border);box-shadow:0 16px 48px #0000008c}.nav-mega-inner.container{max-width:none;width:100%;padding-left:18px;padding-right:18px}.nav-mega-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px 20px}.nav-mega-grid--image{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 720px){.nav-mega-grid--image{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.nav-mega-grid,.nav-mega-grid--image{grid-template-columns:1fr}}.nav-mega-heading{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.nav-mega-list{list-style:none;margin:0;padding:0}.nav-mega-link{display:flex;align-items:center;gap:7px;padding:5px 6px;margin:0 -6px;border-radius:8px;font-size:.78rem;font-weight:600;color:var(--text);transition:color .15s ease,background .15s ease;line-height:1.25}.nav-mega-link:hover{color:var(--primary);background:var(--primary-bg)}.nav-mega-link--disabled{opacity:.55;cursor:not-allowed;color:var(--text-muted)}.nav-mega-dot{width:7px;height:7px;border-radius:2px;flex-shrink:0}.nav-mega-icon{flex-shrink:0}.navbar-mobile-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;color:var(--text);transition:var(--transition);flex-shrink:0}.navbar-mobile-toggle:hover{background:var(--border-light)}.navbar-mobile-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.navbar-backdrop{display:none;position:fixed;left:0;right:0;top:var(--navbar-height);bottom:0;z-index:998;margin:0;padding:0;border:none;background:#0f172a40;cursor:pointer;-webkit-tap-highlight-color:transparent}.navbar-backdrop--visible{display:block}.mobile-menu{display:none;position:fixed;left:0;right:0;top:var(--navbar-height);bottom:0;background:var(--bg-white);z-index:999;overflow-y:auto;overflow-x:hidden;padding:8px 16px 32px;max-width:100vw;-webkit-overflow-scrolling:touch;animation:slideDown .3s var(--ease)}.mobile-menu.open{display:block}.mobile-menu-link{display:block;padding:12px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;color:var(--text);transition:var(--transition)}.mobile-menu-link:hover{background:var(--primary-bg);color:var(--primary)}.mobile-menu-link--small{font-weight:500;font-size:.85rem;color:var(--text-secondary);padding:8px 14px 8px 22px}.mobile-menu-link--disabled{opacity:.55;cursor:default;color:var(--text-muted)}.mobile-menu-link--disabled small{font-size:.72rem;font-weight:700;margin-left:4px}.mobile-menu-divider{height:1px;background:var(--border);margin:12px 0}.mobile-menu-theme{display:flex;align-items:center;gap:10px;margin-top:4px;border:1px dashed var(--border);background:var(--primary-bg);color:var(--primary)}@media (min-width: 993px){.navbar-backdrop{display:none!important}}@media (max-width: 992px){.nav-mega-wrap,.site-header-nav .nav-mega-wrap{display:none!important}.navbar-inner{grid-template-columns:minmax(0,1fr) auto}.navbar-center,.navbar-search{display:none}.navbar-mobile-toggle{display:flex;justify-self:end}}.home-page{overflow-x:hidden;background:var(--bg)}.home-hero{position:relative;padding:clamp(48px,8vw,72px) 0 clamp(56px,9vw,80px);color:#fff;overflow:hidden}.home-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(220,38,38,.45) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 90% 20%,rgba(249,115,22,.35) 0%,transparent 50%),linear-gradient(165deg,#1a0f0f,#2a1515 40%,#140e0e);z-index:0}[data-theme=dark] .home-hero-bg{background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(248,113,113,.25) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 90% 20%,rgba(251,146,60,.2) 0%,transparent 50%),linear-gradient(165deg,#0a0606,#1a1010 45%,#080505)}.home-hero-inner{position:relative;z-index:1;max-width:680px;margin:0 auto;text-align:center}.home-hero-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.home-hero-badges span{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-hero-title{font-size:clamp(2rem,5.5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 14px}.home-hero-lead{font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.6;color:#ffffffc7;margin:0 0 28px}.home-subhead{padding:24px 0 20px;background:var(--bg-white);border-bottom:1px solid var(--border)}.home-subhead-inner{max-width:560px;margin:0 auto;text-align:center}.home-subhead-title{font-size:clamp(1.35rem,4vw,1.85rem);font-weight:900;letter-spacing:-.02em;margin:0 0 6px;color:var(--text)}.home-subhead-lead{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 16px}.home-search-wrap{position:relative;max-width:560px;margin:0 auto;width:100%}.home-search-field{position:relative;width:100%}.home-search-wrap--hero .home-search-input{min-height:48px;font-size:.95rem;box-shadow:0 8px 32px #0000001f}[data-theme=dark] .home-search-input,[data-theme=dark] .tool-search-input{background:#ffffff14;border-color:#ffffff24;color:var(--text)}[data-theme=dark] .home-search-input::-moz-placeholder,[data-theme=dark] .tool-search-input::-moz-placeholder{color:var(--text-muted)}[data-theme=dark] .home-search-input::placeholder,[data-theme=dark] .tool-search-input::placeholder{color:var(--text-muted)}[data-theme=dark] .home-search-wrap--hero .home-search-input{background:#ffffff1a;border-color:#ffffff2e;box-shadow:0 8px 32px #00000059}[data-theme=light] .home-search-wrap--hero .home-search-input{background:#fffffff2;border-color:#0000001a;color:var(--text);box-shadow:0 8px 32px #00000014}[data-theme=light] .home-search-wrap--hero .home-search-icon,.home-search-wrap--hero .home-search-icon,[data-theme=light] .home-search-wrap--hero .home-search-meta{color:var(--text-muted)}[data-theme=light] .home-search-wrap--hero .home-search-meta strong{color:var(--text)}.home-search-wrap--hero .home-search-meta{color:#ffffffb3}.home-search-wrap--hero .home-search-meta strong{color:#fff}.home-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.home-search-input{width:100%;padding:12px 44px 12px 46px;border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font);font-size:.9rem;background:var(--bg-white);color:var(--text);min-height:48px;box-shadow:var(--shadow-sm);transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.home-search-field:has(.home-search-clear) .home-search-input{padding-right:72px}.home-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #dc262626}.home-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;gap:4px;border:none;background:var(--primary-bg);color:var(--primary);font-size:.72rem;font-weight:700;padding:6px 10px;border-radius:var(--radius-full);cursor:pointer;line-height:1;white-space:nowrap;z-index:1}.home-search-clear-label{display:none}@media (min-width: 480px){.home-search-clear-label{display:inline}.home-search-field:has(.home-search-clear) .home-search-input{padding-right:84px}.home-search-clear{padding:6px 12px}}.home-search-meta{margin:8px 0 0;font-size:.8rem;color:var(--text-muted);text-align:center}.home-gateways{margin-top:-32px;position:relative;z-index:2;padding-bottom:8px}.home-gateways-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:820px;margin:0 auto}.home-gateway{display:flex;align-items:center;gap:16px;min-height:88px;padding:22px 24px;border-radius:var(--radius-lg);background:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-md);text-decoration:none;color:inherit;cursor:pointer;transition:transform var(--transition-ui),box-shadow var(--transition-ui),border-color var(--transition-ui)}.home-gateway:hover,.home-gateway:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.home-gateway-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius);flex-shrink:0}.home-gateway--pdf .home-gateway-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:var(--primary)}.home-gateway--image .home-gateway-icon{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#ea580c}.home-gateway-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.home-gateway-body strong{font-size:1.05rem;font-weight:800;color:var(--text)}.home-gateway-body span{font-size:.82rem;color:var(--text-muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-gateway-arrow{color:var(--text-muted);flex-shrink:0;transition:var(--transition)}.home-gateway:hover .home-gateway-arrow{color:var(--primary);transform:translate(3px)}.home-body{padding:clamp(32px,5vw,48px) 0 clamp(48px,8vw,72px)}.home-body-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.home-body-head h2{font-size:1.35rem;font-weight:800;margin:0}.home-body-head p{margin:0;font-size:.88rem;color:var(--text-muted)}.home-block{margin-bottom:40px}.home-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.home-block-head h2,.home-block-title{font-size:1.2rem;font-weight:800;margin:0;color:var(--text)}.home-block-link{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:700;color:var(--primary);text-decoration:none}.home-block-link:hover{text-decoration:underline}.home-block-title{margin-bottom:16px}.home-feature-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;margin-bottom:32px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary) 0%,#b91c1c 100%);color:#fff;text-decoration:none;box-shadow:0 12px 32px #dc262640;transition:var(--transition)}.home-feature-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #dc262659}.home-feature-card-text h2{font-size:1.25rem;font-weight:800;margin:0 0 6px}.home-feature-card-text p{margin:0;font-size:.9rem;opacity:.88;line-height:1.5;max-width:480px}.home-feature-card-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;border-radius:var(--radius-full);background:#ffffff26;font-size:.88rem;font-weight:700;white-space:nowrap;flex-shrink:0}.home-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.home-filter-pill{border:1px solid var(--border);background:var(--bg-white);color:var(--text-secondary);font-family:var(--font);font-size:.82rem;font-weight:600;padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-ui),background var(--transition-ui),color var(--transition-ui),border-color var(--transition-ui),box-shadow var(--transition-ui)}.home-filter-pill:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.home-filter-pill--on{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px #dc262640}.home-tag-grid{display:flex;flex-wrap:wrap;gap:10px}.home-tag{display:inline-block;padding:10px 16px;border-radius:var(--radius-full);background:var(--bg-white);border:1px solid var(--border);font-size:.82rem;font-weight:700;color:var(--text);text-decoration:none;transition:var(--transition);box-shadow:var(--shadow-xs)}.home-tag:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg);transform:translateY(-1px)}.home-empty{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:.95rem}.home-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-tools-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 900px){.home-gateways-grid{grid-template-columns:1fr;max-width:420px}.home-tools-grid,.home-tools-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.home-feature-card{flex-direction:column;align-items:flex-start}}@media (max-width: 520px){.home-tools-grid,.home-tools-grid--compact{grid-template-columns:1fr}.home-gateway{padding:18px}}.tool-card--home{align-items:flex-start;flex-direction:row;gap:14px;padding:18px;min-height:auto;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:var(--transition)}.tool-card--home:hover{border-color:#dc262659;box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card--home .icon-badge{flex-shrink:0}.tool-card--home .icon-badge--lg{width:44px;height:44px;border-radius:10px}.tool-card--home .tool-card-text h3{font-size:.95rem;font-weight:800;color:var(--text);margin-bottom:4px;line-height:1.25}.tool-card--home .tool-card-text p{font-size:.8rem;color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card--home:after{display:none}.tool-card--compact{padding:10px;gap:8px}.tool-card--compact .icon-badge--sm{width:32px;height:32px;border-radius:8px}.tool-card--compact .tool-card-text h3{font-size:.78rem;line-height:1.25}.home-tools-grid-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-domain{color:var(--primary);font-weight:700}.not-found{min-height:calc(100vh - var(--navbar-height) - 100px);display:flex;align-items:center;justify-content:center;padding:clamp(24px,6vw,48px) 16px 56px;padding-top:calc(var(--navbar-height) + clamp(24px,6vw,48px));background:var(--bg)}.not-found-inner{text-align:center;max-width:440px;margin:0 auto}.not-found-code{font-size:clamp(2.75rem,14vw,4rem);font-weight:900;color:#e2e8f0;margin:0 0 4px;line-height:1;letter-spacing:-.04em}.not-found-title{font-size:clamp(1.2rem,4.5vw,1.5rem);font-weight:800;margin:0 0 12px;color:var(--text);letter-spacing:-.02em}.not-found-desc{color:var(--text-secondary);margin:0 0 28px;line-height:1.55;font-size:clamp(.9rem,2.8vw,1rem)}.not-found-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.tools-section{padding:60px 0}.category-section{margin-bottom:48px}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-light)}.category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.category-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.tool-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);transition:transform var(--transition-ui),box-shadow var(--transition-ui),border-color var(--transition-ui);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-xs);text-decoration:none}.tool-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0;opacity:0;transition:var(--transition)}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:transparent}.tool-card:hover:after{opacity:1}.icon-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;color:var(--ic-teal);background:var(--ic-teal-tile);transition:transform var(--transition-ui),box-shadow var(--transition-ui)}.icon-badge svg{display:block;flex-shrink:0;color:inherit}.icon-badge--red{color:var(--ic-red);background:var(--ic-red-tile)}.icon-badge--orange{color:var(--ic-orange);background:var(--ic-orange-tile)}.icon-badge--amber{color:var(--ic-amber);background:var(--ic-amber-tile)}.icon-badge--lime{color:var(--ic-lime);background:var(--ic-lime-tile)}.icon-badge--emerald{color:var(--ic-emerald);background:var(--ic-emerald-tile)}.icon-badge--teal{color:var(--ic-teal);background:var(--ic-teal-tile)}.icon-badge--cyan{color:var(--ic-cyan);background:var(--ic-cyan-tile)}.icon-badge--sky{color:var(--ic-sky);background:var(--ic-sky-tile)}.icon-badge--blue{color:var(--ic-blue);background:var(--ic-blue-tile)}.icon-badge--indigo{color:var(--ic-indigo);background:var(--ic-indigo-tile)}.icon-badge--fuchsia{color:var(--ic-fuchsia);background:var(--ic-fuchsia-tile)}.icon-badge--pink{color:var(--ic-pink);background:var(--ic-pink-tile)}.icon-badge--rose{color:var(--ic-rose);background:var(--ic-rose-tile)}.icon-badge--disabled{color:#94a3b8!important;background:color-mix(in srgb,#94a3b8 14%,transparent)!important}.icon-badge--conversion .icon-badge-corner{position:absolute;right:2px;bottom:2px;font-weight:800;line-height:1;letter-spacing:-.03em;pointer-events:none;opacity:.95}.icon-badge--sm.icon-badge--conversion .icon-badge-corner{right:1px;bottom:1px}.nav-mega-icon.icon-badge,.tool-page-title-icon.icon-badge,.image-tool-title-icon.icon-badge{border-radius:10px}.tool-card-text h3{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:2px}.tool-card-text p{font-size:.78rem;color:var(--text-muted);line-height:1.4}.tool-card[data-category=organize]:after{background:var(--cat-organize)}.tool-card[data-category=optimize]:after{background:var(--cat-optimize)}.tool-card[data-category=convert-to]:after{background:var(--cat-convert-to)}.tool-card[data-category=convert-from]:after{background:var(--cat-convert-from)}.tool-card[data-category=edit]:after{background:var(--cat-edit)}.tool-card[data-category=security]:after{background:var(--cat-security)}.tool-card--disabled{cursor:not-allowed;opacity:.78;pointer-events:none}.tool-card--disabled:hover{transform:none;box-shadow:none}.tool-card-badge{position:absolute;top:8px;right:8px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#f1f5f9;color:#64748b;padding:3px 7px;border-radius:4px;z-index:2}@media (max-width: 640px){.tool-grid{grid-template-columns:1fr}}.tool-maintenance{min-height:calc(100vh - var(--navbar-height) - 120px);display:flex;align-items:center;justify-content:center;padding:32px 16px 48px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.tool-maintenance-inner{max-width:480px;text-align:center}.tool-maintenance-icon{color:#94a3b8;margin-bottom:12px}.tool-maintenance-badge{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b45309;background:#fef3c7;padding:6px 12px;border-radius:999px;margin-bottom:12px}.tool-maintenance-title{margin:0 0 8px;font-size:1.5rem;letter-spacing:-.03em;color:var(--text)}.tool-maintenance-toolname{margin:0 0 12px;font-weight:700;color:var(--primary)}.tool-maintenance-desc{margin:0 0 24px;color:var(--text-secondary);line-height:1.55;font-size:.95rem}.tool-maintenance-actions .btn{min-height:48px;padding-left:24px;padding-right:24px}.tool-page{min-height:auto;padding-bottom:24px}.tool-page-head{padding:18px 0 14px;text-align:center;background:var(--bg-white);border-bottom:1px solid var(--border-light);margin-bottom:4px}.tool-page-head--compact{padding:12px 0 10px;margin-bottom:0}.tool-page-head--compact .tool-page-title{margin-bottom:0;font-size:clamp(1.1rem,3vw,1.35rem)}.tool-page--workspace{padding-bottom:8px}.tool-workspace-wrap{max-width:1080px;padding:0 clamp(12px,3vw,20px) 12px}.tool-page--workspace .upload-section{padding-bottom:12px}.tool-page--workspace .upload-zone{padding:clamp(24px,6vw,36px) clamp(16px,4vw,24px)}.tool-page-title{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:clamp(1.25rem,3.5vw,1.65rem);font-weight:800;color:var(--text);margin-bottom:6px;letter-spacing:-.02em}.tool-page-title-icon{flex-shrink:0}.tool-page-title-icon svg{display:block}.tool-page-desc{font-size:.88rem;color:var(--text-secondary);max-width:520px;margin:0 auto;line-height:1.5}.upload-section{max-width:700px;margin:0 auto;padding:0 clamp(12px,4vw,24px) 20px}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-xl);padding:clamp(28px,8vw,48px) clamp(16px,4vw,32px);text-align:center;transition:var(--transition-slow);cursor:pointer;background:var(--bg-white);position:relative}.upload-zone:hover{border-color:var(--primary-light);background:var(--primary-bg)}.upload-zone.drag-active{border-color:var(--primary);background:var(--primary-bg);transform:scale(1.01);box-shadow:0 0 0 4px #6366f11a}.upload-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 48px;font-size:1.05rem;font-weight:600;color:#fff;border-radius:var(--radius-full);transition:var(--transition);box-shadow:var(--shadow);position:relative;overflow:hidden}.upload-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:var(--transition)}.upload-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.upload-btn:hover:before{opacity:1}.upload-hint{margin-top:16px;font-size:.85rem;color:var(--text-muted)}.upload-limit-hint{margin-top:6px;font-size:.78rem;color:var(--text-muted);opacity:.7}.file-list{max-width:700px;margin:0 auto;padding:0 clamp(12px,4vw,24px) 8px}.file-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;animation:fadeInUp .3s var(--ease)}.file-icon{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--danger-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon svg{width:20px;height:20px;color:var(--danger)}.file-info{flex:1;min-width:0}.file-name{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.78rem;color:var(--text-muted)}.file-remove{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);transition:var(--transition);flex-shrink:0}.file-remove:hover{background:var(--danger-bg);color:var(--danger)}.options-panel{max-width:720px;margin:12px auto;padding:clamp(14px,3vw,20px);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f172a0a}.options-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:16px}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.option-group{margin-bottom:16px}.option-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.option-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font);color:var(--text);background:var(--bg);transition:var(--transition)}.option-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.option-select{width:100%;padding:10px 36px 10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font);color:var(--text);background:var(--bg);cursor:pointer;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.option-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.option-radio-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,152px),1fr));gap:10px;align-items:stretch}@media (min-width: 640px){.option-radio-group--descriptions{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 420px){.option-radio-group{grid-template-columns:1fr}}.option-radio{position:relative;display:flex;flex-direction:column;min-width:0}.option-radio input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.option-radio label{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:8px;margin:0;padding:14px 12px;min-height:100%;border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;color:var(--text);background:var(--bg);box-sizing:border-box}.option-radio label:hover{border-color:#cbd5e1;background:#fafafa}.option-radio-title{display:block;line-height:1.3;width:100%}.option-radio-desc{display:block;width:100%;margin-top:auto;padding-top:4px;font-size:.72rem;line-height:1.4;font-weight:400;color:var(--text-muted)}.option-radio input:checked+label{border-color:var(--primary);background:var(--primary-bg);color:var(--primary);box-shadow:0 0 0 1px #6366f140}.option-radio input:checked+label .option-radio-desc{color:#64748b}.option-radio input:focus-visible+label{outline:2px solid var(--primary);outline-offset:2px}.option-radio-group--list{grid-template-columns:1fr;gap:8px}.option-radio-group--list .option-radio{flex-direction:row;align-items:flex-start;gap:0}.option-radio-group--list .option-radio label{flex:1;flex-direction:row;align-items:flex-start;text-align:left;gap:12px;padding:12px 14px;min-height:auto}.option-radio-group--list .option-radio input{position:static;width:18px;height:18px;margin:3px 0 0;flex-shrink:0;clip:auto;overflow:visible;accent-color:var(--primary)}.option-radio-group--list .option-radio-title{font-size:.88rem}.option-radio-group--list .option-radio-desc{margin-top:2px;padding-top:0;font-size:.75rem;line-height:1.35}.compress-no-gain-hint{max-width:420px;margin:-8px auto 20px;padding:0 16px;font-size:.82rem;line-height:1.5;color:var(--text-secondary);text-align:center}.tool-result{padding:16px clamp(12px,3vw,20px) 24px}.tool-result__card{max-width:480px;margin:0 auto;padding:clamp(24px,5vw,32px);text-align:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.tool-result__icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--success-bg);display:flex;align-items:center;justify-content:center;color:var(--success)}.tool-result__title{font-size:1.35rem;font-weight:800;margin:0 0 6px;letter-spacing:-.02em}.tool-result__sub{font-size:.9rem;color:var(--text-muted);margin:0 0 20px}.tool-result__filename{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text-secondary)}.tool-result__stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tool-result__stat{flex:1 1 100px;min-width:100px;padding:12px 14px;border-radius:12px;background:var(--bg);border:1px solid var(--border-light)}.tool-result__stat--success{background:#ecfdf5;border-color:#bbf7d0}.tool-result__stat-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.tool-result__stat--success .tool-result__stat-label{color:#059669}.tool-result__stat-value{font-size:1.05rem;font-weight:800;color:var(--text)}.tool-result__stat--success .tool-result__stat-value{color:#047857}.tool-result__hint{font-size:.82rem;line-height:1.5;color:var(--text-secondary);margin:0 0 18px}.tool-result__actions{display:flex;flex-direction:column;gap:10px}.tool-result__actions .btn{width:100%;justify-content:center}@media (min-width: 480px){.tool-result__actions{flex-direction:row;justify-content:center}.tool-result__actions .btn{width:auto;min-width:160px}}.action-bar{max-width:720px;margin:12px auto 0;padding:0 clamp(12px,4vw,24px) 28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;border-radius:var(--radius-full);transition:transform var(--transition-ui),box-shadow var(--transition-ui),background var(--transition-ui),color var(--transition-ui),border-color var(--transition-ui),opacity var(--transition-ui);border:none;cursor:pointer;line-height:1.2}.btn svg{flex-shrink:0}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;box-shadow:0 4px 14px #dc262659}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dc262673}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border-light);color:var(--text);border-color:var(--text-muted);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff;box-shadow:0 4px 14px #10b98159}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary-bg);transform:translateY(-1px)}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.processing-overlay{max-width:500px;margin:0 auto;padding:60px 24px;text-align:center;animation:fadeIn .3s var(--ease)}.spinner{width:56px;height:56px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 24px}.page-fallback{display:flex;align-items:center;justify-content:center;min-height:40vh;padding:48px 24px}.page-fallback__spinner{margin:0}.home-hero-placeholder{min-height:clamp(280px,42vh,420px);background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg) 100%)}.processing-text{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:8px}.processing-sub{font-size:.9rem;color:var(--text-muted)}.download-section{max-width:500px;margin:0 auto;padding:40px 24px 80px;text-align:center;animation:fadeInUp .4s var(--ease)}.download-success-icon{width:72px;height:72px;border-radius:50%;background:var(--success-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.download-success-icon svg{width:36px;height:36px;color:var(--success)}.download-title{font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:8px}.download-sub{font-size:.95rem;color:var(--text-muted);margin-bottom:28px}.download-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer{flex-shrink:0;margin-top:auto;padding:clamp(20px,4vw,32px) 0 clamp(12px,2vw,16px);background:linear-gradient(180deg,var(--bg) 0%,var(--border-light) 100%);border-top:1px solid var(--border);color:var(--text-secondary)}[data-theme=dark] .footer{background:linear-gradient(180deg,#121010,#0a0808);border-top-color:#f871711f}.footer-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);align-items:start;gap:clamp(20px,4vw,40px)}.footer-brand{min-width:0}.footer-brand-name{font-weight:800;font-size:clamp(1.05rem,2.5vw,1.2rem);letter-spacing:-.02em;background:var(--logo-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.footer-tagline{font-size:.875rem;line-height:1.65;max-width:340px;color:var(--text-muted);margin:0}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.5vw,20px);min-width:0}.footer-quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.footer-quick-links a{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:var(--primary);background:var(--primary-bg);border:1px solid transparent;transition:var(--transition)}.footer-quick-links a:hover{border-color:var(--primary);padding-left:12px}.footer-panel{min-width:0;padding:16px 18px;border-radius:var(--radius-lg);background:var(--footer-glass);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--border);box-shadow:var(--shadow-xs)}[data-theme=dark] .footer-panel{background:#1e293b80;border-color:#94a3b81f}.footer-panel-title{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0 0 12px}.footer-panel-links a,.footer-panel-links .footer-link-disabled{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);padding:7px 0;line-height:1.35;transition:var(--transition);-webkit-tap-highlight-color:transparent}.footer-panel-links a:hover{color:var(--primary);padding-left:4px}.footer-panel-links .footer-link-disabled{color:var(--text-muted);opacity:.55;cursor:not-allowed}.footer-panel-more{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:.8rem;font-weight:700;color:var(--primary)}.nav-mega-link--with-icon{display:inline-flex;align-items:center;gap:6px}.navbar-brand-mark{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--logo-gradient);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.navbar-brand-mark svg{display:block}.footer-bottom{margin-top:clamp(16px,3vw,24px);border-top:1px solid var(--border);text-align:center;font-size:.78rem;color:var(--text-muted);line-height:1.55;padding:12px 12px 0}@media (max-width: 900px){.footer-inner{grid-template-columns:1fr;gap:20px}.footer-nav{grid-template-columns:1fr;gap:10px}.footer-tagline{max-width:none}}@media (max-width: 560px){.footer{padding:16px 0 max(8px,env(safe-area-inset-bottom,0px))}.footer-panel{padding:14px 16px}.footer-bottom{margin-top:12px;padding-top:10px;font-size:.72rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.tool-card{animation:fadeInUp .4s var(--ease) backwards}.tool-card:nth-child(1){animation-delay:.02s}.tool-card:nth-child(2){animation-delay:.04s}.tool-card:nth-child(3){animation-delay:.06s}.tool-card:nth-child(4){animation-delay:.08s}.tool-card:nth-child(5){animation-delay:.1s}.tool-card:nth-child(6){animation-delay:.12s}.tool-card:nth-child(7){animation-delay:.14s}.tool-card:nth-child(8){animation-delay:.16s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.error-message{max-width:500px;margin:20px auto;padding:14px 20px;background:var(--danger-bg);color:var(--danger);border-radius:var(--radius);font-size:.9rem;font-weight:500;text-align:center;animation:fadeIn .3s var(--ease)}.add-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--border-light);border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.85rem;font-weight:500;transition:var(--transition);margin-top:8px;margin-bottom:24px}.add-more-btn:hover{border-color:var(--primary-light);color:var(--primary);background:var(--primary-bg)}.page-enter{animation:fadeIn .3s var(--ease)}.image-tool-page{background:var(--bg)}.image-tool-hero{background:linear-gradient(135deg,#1a1010,#2d1515 45%,#1a1212);color:#fff;padding:28px 0 32px;border-bottom:1px solid rgba(248,113,113,.12)}[data-theme=dark] .image-tool-hero{background:linear-gradient(135deg,#0f0a0a,#1f1212,#141010)}.image-tool-hero-inner{max-width:900px}.image-tool-back{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:#ffffffbf;font-size:.85rem;font-weight:600;cursor:pointer;margin-bottom:16px;padding:0;font-family:var(--font)}.image-tool-back:hover{color:#fff}.image-tool-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:clamp(1.6rem,4vw,2.25rem);font-weight:800;margin:0 0 10px;letter-spacing:-.02em}.image-tool-title-icon{flex-shrink:0}.image-tool-title-icon svg{display:block}.image-tool-desc{color:#ffffffc7;font-size:.95rem;line-height:1.55;max-width:640px;margin:0 0 20px}.image-tool-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.image-tool-flow-box{padding:10px 18px;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-weight:800;font-size:.85rem;letter-spacing:.06em}.image-tool-flow-box--target{background:#dc262647;border-color:#f8717180;color:#fecaca}.image-tool-flow-arrow{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff9;font-size:.65rem;font-weight:700}.image-tool-body{padding:24px 16px 48px}.image-tool-body .tool-result{padding-top:8px;padding-bottom:32px}.img-converter-layout{display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr);grid-template-areas:"sidebar main";gap:24px;align-items:start;max-width:1160px;margin:0 auto}.img-conversion-sidebar,.img-switch-panel{grid-area:sidebar;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;position:sticky;top:calc(var(--navbar-height) + 12px);box-shadow:var(--shadow-sm);overflow:visible;align-self:start}.img-switch-panel__hero{padding:12px 14px;background:var(--bg);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.img-switch-panel__label{margin:0 0 6px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.img-switch-panel__route{display:flex;align-items:center;justify-content:center;gap:8px}.img-switch-panel__format{padding:5px 10px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:800;line-height:1.2}.img-switch-panel__format--from{background:var(--bg-white);border:1px solid var(--border);color:var(--text)}.img-switch-panel__format--to{background:var(--primary);color:#fff}.img-switch-panel__arrow{color:var(--text-muted);flex-shrink:0}.img-switch-panel__body{padding:10px 12px 14px;overflow:visible}.img-switch-section{margin-bottom:12px}.img-switch-section:last-child{margin-bottom:0}.img-switch-section__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.img-switch-section__title{margin:0;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.img-switch-section__count{font-size:.65rem;font-weight:700;color:var(--text-muted)}.img-switch-search{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0 10px;min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.img-switch-search input{flex:1;border:none;background:transparent;font-family:var(--font);font-size:.8rem;min-width:0;padding:8px 0}.img-switch-search input:focus{outline:none}.img-switch-grid{display:grid;gap:5px}.img-switch-grid--input{grid-template-columns:repeat(4,minmax(0,1fr))}.img-switch-grid--output{grid-template-columns:repeat(3,minmax(0,1fr))}.img-switch-pill{min-height:30px;padding:4px;border:1px solid var(--border);border-radius:6px;background:var(--bg-white);font-family:var(--font);font-size:.65rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:center;line-height:1.1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.img-switch-pill svg{flex-shrink:0;opacity:.85}.img-switch-pill--active svg{opacity:1;color:inherit}.img-switch-pill:hover{border-color:var(--primary);color:var(--primary)}.img-switch-pill--active{background:var(--primary);border-color:var(--primary);color:#fff}.img-conversion-sidebar{padding:16px}.img-sidebar-head{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.img-sidebar-kicker{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 8px}.img-sidebar-current{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.9rem;color:var(--text)}.img-sidebar-current-to{color:var(--primary)}.img-sidebar-section{margin-bottom:12px}.img-sidebar-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 8px}.img-source-row{display:flex;flex-wrap:wrap;gap:6px}.img-source-chip{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg);font-family:var(--font);font-size:.7rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.img-source-chip:hover{border-color:var(--primary);color:var(--primary)}.img-source-row--scroll{max-height:130px;overflow-y:auto;padding-right:4px}.img-format-picker-grid--tall{max-height:480px}.img-coming-soon-banner{margin-bottom:16px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--primary-bg);border:1px solid rgba(220,38,38,.2);color:var(--text-secondary);font-size:.85rem;line-height:1.5}.img-sidebar-foot{margin-top:12px;font-size:.75rem;color:var(--text-muted);line-height:1.45}.img-sidebar-empty{margin:0;padding:14px 12px;font-size:.82rem;line-height:1.5;color:var(--text-muted);background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius-md)}.img-conversion-locked{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:16px;position:sticky;top:calc(var(--navbar-height) + 12px)}.img-conversion-locked-label{font-size:.78rem;font-weight:600;color:var(--text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.img-conversion-locked-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.img-conversion-locked-hint{font-size:.8rem;color:var(--text-secondary);line-height:1.45;margin:0}.upload-format-hint{font-size:.8rem;color:var(--text-muted);margin-top:8px}@media (max-width: 860px){.img-converter-layout{grid-template-columns:1fr;grid-template-areas:"main" "sidebar";gap:16px}.img-conversion-sidebar,.img-switch-panel,.img-format-picker,.img-conversion-locked{position:static;top:auto;width:100%}.img-switch-grid--input{grid-template-columns:repeat(5,minmax(0,1fr))}.img-switch-grid--output{grid-template-columns:repeat(4,minmax(0,1fr))}.img-switch-pill{min-height:36px;font-size:.7rem}.image-tool-body{padding:16px clamp(12px,3vw,16px) 40px}.image-tool-hero{padding:20px 0 24px}.image-tool-title{font-size:clamp(1.35rem,6vw,1.75rem)}.image-tool-desc{font-size:.88rem;margin-bottom:14px}.image-tool-flow{flex-wrap:wrap;justify-content:flex-start}.img-format-picker-grid--tall{max-height:280px}.img-file-row{flex-direction:column;align-items:stretch}.img-file-row-right{flex-wrap:wrap;justify-content:space-between}.img-convert-actions{flex-direction:column}.img-convert-actions .btn{width:100%;justify-content:center}.img-quality-options{flex-wrap:wrap}}.img-format-picker{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:12px;position:sticky;top:calc(var(--navbar-height) + 12px)}.img-format-picker-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;background:var(--bg)}.img-format-picker-search input{flex:1;border:none;background:transparent;padding:10px 0;font-family:var(--font);font-size:.85rem;min-width:0}.img-format-picker-search input:focus{outline:none}.img-format-picker-cats{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;border-bottom:1px solid var(--border);padding-bottom:10px}.img-format-cat{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;font-family:var(--font);font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;text-align:left}.img-format-cat--active{background:var(--primary-bg);color:var(--primary)}.img-format-cat--disabled{opacity:.5;cursor:not-allowed}.img-format-cat small{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.img-format-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:320px;overflow-y:auto}.img-format-btn{padding:10px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);font-family:var(--font);font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:44px}.img-format-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-bg)}.img-format-btn--active{border-color:var(--primary);background:var(--primary);color:#fff}.img-format-btn--soon{opacity:.45;cursor:not-allowed}.img-format-btn-soon{font-size:.55rem;font-weight:700;text-transform:uppercase}.img-converter-main{grid-area:main;min-width:0;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;min-height:280px}.img-file-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.img-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-wrap:wrap}.img-file-row-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.img-file-name{font-weight:700;font-size:.9rem;word-break:break-word}.img-file-meta{font-size:.78rem;color:var(--text-muted);margin-top:2px}.img-file-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.img-file-pill{padding:6px 12px;border-radius:var(--radius-sm);font-size:.72rem;font-weight:800;letter-spacing:.04em;border:1px solid var(--border);background:var(--bg-white)}.img-file-pill--to{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.img-file-remove{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;display:flex}.img-file-remove:hover{color:var(--danger)}.img-quality-bar{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.img-quality-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.img-quality-btn{padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-white);font-family:var(--font);font-size:.8rem;font-weight:600;cursor:pointer}.img-quality-btn--active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.img-quality-hint{margin:10px 0 0;font-size:.78rem;line-height:1.45;color:var(--text-secondary)}.compress-image-body{max-width:640px;margin:0 auto}.compress-image-panel{position:relative;padding:8px 0 24px}.compress-image-files{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.compress-image-count{margin:0;font-size:.9rem;color:var(--text-secondary)}.img-convert-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn-lg{padding:14px 28px;font-size:1rem}@media (max-width: 640px){.tool-page-head{padding:14px 0 10px;margin-bottom:0}.tool-page-desc{font-size:.82rem}.options-panel{margin:8px auto}.action-bar{margin-top:8px;padding-bottom:20px}.container{padding-left:14px;padding-right:14px}.home-hero{padding:36px 0 44px}.home-hero-title{font-size:clamp(1.65rem,8vw,2.1rem)}.home-hero-lead{margin-bottom:20px}.home-subhead{padding:20px 0 16px}.home-search-input{font-size:16px;min-height:44px;padding:10px 40px 10px 42px}.home-search-field:has(.home-search-clear) .home-search-input{padding-right:44px}.home-search-icon{left:14px}.home-search-clear{right:6px;padding:5px}.home-search-wrap--hero .home-search-input{min-height:44px;font-size:16px}.action-bar{flex-direction:column;align-items:stretch;padding-bottom:40px}.action-bar .btn{width:100%;min-height:48px}.upload-zone{padding:28px 16px}.btn{min-height:44px}.img-converter-main{padding:16px;min-height:200px}}@media (max-width: 400px){.img-switch-grid--input,.img-switch-grid--output{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 480px){.footer-quick-links a{flex:1 1 calc(50% - 4px);justify-content:center;text-align:center}.image-tool-flow-box{font-size:.75rem;padding:8px 12px}}.site-header-shell{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0;overflow:visible}.site-header{pointer-events:auto;width:100%;margin:0;overflow:visible;backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35)}.site-header-shell.is-scrolled .site-header-nav .nav-mega-wrap{top:calc(var(--navbar-height) + 20px)}.site-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;margin:0 auto;min-width:0}@media (min-width: 1024px){.site-header-inner{grid-template-columns:minmax(0,max-content) minmax(180px,1fr) auto auto}}.site-header-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;flex-shrink:0;min-width:0}.site-header-brand-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--logo-gradient);color:#fff;flex-shrink:0}.site-header-brand-text{display:flex;flex-direction:column;min-width:0}.site-header-brand-name{font-size:.92rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;background:var(--logo-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.site-header-brand-tag{font-size:.68rem;color:var(--text-muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header-search{width:100%;max-width:520px;min-width:0;justify-self:stretch}.site-header-nav{display:none;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}@media (min-width: 1024px){.site-header-nav{display:flex}}.site-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.site-header-menu-btn{flex-shrink:0}@media (max-width: 1023px){.site-header-search{display:none}}.site-header-mobile{-webkit-overflow-scrolling:touch;background:var(--bg-white)}.site-header-mobile-link{display:flex;align-items:center;width:100%;justify-content:flex-start;padding:10px 12px;border-radius:10px;font-size:.92rem;font-weight:600;color:var(--text)!important;text-decoration:none;transition:background .15s ease,color .15s ease}.site-header-mobile-link:hover,.site-header-mobile-link:focus-visible{background:var(--primary-bg);color:var(--primary)!important}.site-header-mobile-label{padding:8px 12px 4px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.site-header-mobile-tool{font-weight:500;font-size:.88rem;color:var(--text-secondary)!important}.site-header-mobile-tool:hover{color:var(--primary)!important}.site-header-mobile-tool--disabled{color:var(--text-muted)!important;opacity:.65;pointer-events:none}@media (max-width: 640px){.site-header-brand-tag{display:none}.site-header-brand-name{font-size:.84rem;max-width:9.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 380px){.site-header-brand-text{display:none}}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(0\,0\,0\,0\.06\)\,transparent_70\%\)\]:after{content:var(--tw-content);background-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.06),transparent 70%)}.after\:bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(255\,255\,255\,0\.2\)\,transparent_70\%\)\]:after{content:var(--tw-content);background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2),transparent 70%)}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[var\(--text-muted\)\]:hover{border-color:var(--text-muted)}.hover\:bg-\[var\(--border-light\)\]:hover{background-color:var(--border-light)}.hover\:bg-\[var\(--primary-bg\)\]:hover{background-color:var(--primary-bg)}.hover\:text-\[var\(--text\)\]:hover{color:var(--text)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_6px_20px_rgba\(16\,185\,129\,0\.45\)\]:hover{--tw-shadow: 0 6px 20px rgba(16,185,129,.45);--tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_6px_20px_rgba\(220\,38\,38\,0\.45\)\]:hover{--tw-shadow: 0 6px 20px rgba(220,38,38,.45);--tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_6px_20px_rgba\(249\,115\,22\,0\.45\)\]:hover{--tw-shadow: 0 6px 20px rgba(249,115,22,.45);--tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[var\(--primary\)\]:focus-visible{--tw-ring-color: var(--primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-\[var\(--bg\)\]:focus-visible{--tw-ring-offset-color: var(--bg)}.active\:scale-100:active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 768px){.md\:bottom-\[10\%\]{bottom:10%}.md\:left-\[-5\%\]{left:-5%}.md\:left-\[10\%\]{left:10%}.md\:left-\[25\%\]{left:25%}.md\:right-\[0\%\]{right:0%}.md\:right-\[20\%\]{right:20%}.md\:top-\[10\%\]{top:10%}.md\:top-\[15\%\]{top:15%}.md\:top-\[20\%\]{top:20%}.md\:top-\[75\%\]{top:75%}.md\:mb-4{margin-bottom:1rem}.md\:mb-5{margin-bottom:1.25rem}.md\:mb-6{margin-bottom:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}:root{--transition-ui: .2s cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 3px rgba(220, 38, 38, .22);--focus-ring-dark: 0 0 0 3px rgba(248, 113, 113, .35)}[data-theme=dark]{--focus-ring: var(--focus-ring-dark)}a:focus-visible,button:focus-visible,[role=button]:focus-visible,.home-filter-pill:focus-visible,.home-gateway:focus-visible,.tool-card:focus-visible,.home-tag:focus-visible,.navbar-link:focus-visible,.navbar-theme-toggle:focus-visible,.home-search-input:focus-visible,.tool-search-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring),0 4px 14px #dc262640}.btn-secondary:focus-visible,.btn-outline:focus-visible{box-shadow:var(--focus-ring)}@keyframes ui-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ui-animate-in{animation:ui-fade-up .35s cubic-bezier(.4,0,.2,1) backwards}.home-gateway{animation:ui-fade-up .4s cubic-bezier(.4,0,.2,1) backwards}.home-gateways-grid .home-gateway:nth-child(1){animation-delay:.05s}.home-gateways-grid .home-gateway:nth-child(2){animation-delay:.12s}.home-filter-pill:active:not(.home-filter-pill--on){transform:scale(.97)}.icon-badge{transition:transform var(--transition-ui),box-shadow var(--transition-ui)}.tool-card:hover .icon-badge,.tool-card:focus-visible .icon-badge{transform:scale(1.06);box-shadow:0 4px 12px #00000026}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:hover,.btn-primary:hover,.btn-success:hover,.home-gateway:hover,.tool-card:hover,.home-tag:hover{transform:none!important}}