*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@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}.invisible{visibility:hidden}.static{position:static}.absolute{position:absolute}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.top-0{top:0}.top-3\.5{top:.875rem}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.h-9{height:2.25rem}.h-px{height:1px}.w-9{width:2.25rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.flex-shrink-0{flex-shrink:0}.-translate-y-\[140\%\]{--tw-translate-y:-140%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;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))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-white\/50{border-color:#ffffff80}.border-white\/60{border-color:#fff9}.border-white\/70{border-color:#ffffffb3}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-pink-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-white\/45{background-color:#ffffff73}.bg-white\/50{background-color:#ffffff80}.bg-white\/70{background-color:#ffffffb3}.bg-white\/90{background-color:#ffffffe6}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.65\)_0\%\,rgba\(255\,255\,255\,0\.2\)_100\%\)\,radial-gradient\(circle_at_15\%_10\%\,rgba\(34\,211\,238\,0\.18\)\,transparent_25\%\)\,radial-gradient\(circle_at_85\%_10\%\,rgba\(99\,102\,241\,0\.18\)\,transparent_25\%\)\]{background-image:linear-gradient(#ffffffa6 0%,#fff3 100%),radial-gradient(circle at 15% 10%,#22d3ee2e,#0000 25%),radial-gradient(circle at 85% 10%,#6366f12e,#0000 25%)}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-indigo-500{--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.025em}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-900{--tw-text-opacity:1;color:rgb(136 19 55/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_10px_40px_-20px_rgba\(15\,23\,42\,0\.40\)\]{--tw-shadow:0 10px 40px -20px #0f172a66;--tw-shadow-colored:0 10px 40px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #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:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}:root{--font-heading:"Lobster Two", cursive, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--bg-card-border:#e2e8f0;--bg-header:#fffffff0;--text-main:#0f172a;--text-body:#334155;--text-muted:#64748b;--text-light:#94a3b8;--brand-primary:#4f46e5;--brand-primary-hover:#4338ca;--brand-gradient:linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--brand-glow:#4f46e514;--accent-blue:#2563eb;--accent-green:#16a34a;--accent-emerald:#10b981;--radius-xl:1.25rem;--radius-lg:1rem;--radius-md:.625rem;--radius-sm:.375rem;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 12px -2px #0000000d, 0 2px 6px -1px #00000008;--shadow-lg:0 10px 25px -5px #0000000d, 0 8px 10px -6px #00000008;--shadow-card:0 2px 8px -2px #0000000a, 0 1px 4px -1px #00000005;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;background-image:radial-gradient(circle at 15% 15%,#4f46e517,#0000 22%),radial-gradient(circle at 85% 12%,#06b6d417,#0000 24%),radial-gradient(circle at 50% 35%,#8b5cf612,#0000 30%),linear-gradient(#fff 0%,#f8fafc 36%,#fff 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex-direction:column;align-items:center;width:100%;min-height:100vh;font-weight:400;display:flex;overflow-x:hidden}.app-header{z-index:100;pointer-events:none;background:0 0;border:none;width:100%;padding:0 1rem;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .25s;position:sticky;top:.85rem;left:0;right:0}.app-header.header-hidden{opacity:0;transform:translateY(-130%)}.header-container{-webkit-backdrop-filter:blur(40px)saturate(190%);pointer-events:auto;max-width:1240px;transition:all var(--transition-base);background:#ffffff73;border:1px solid #ffffffb3;border-radius:9999px;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.45rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px -20px #0f172a66,0 2px 10px -2px #0f172a0d}.header-glass-gradient{pointer-events:none;z-index:0;background:linear-gradient(#ffffffa6 0%,#fff3 100%),radial-gradient(circle at 15% 10%,#22d3ee2e,#0000 25%),radial-gradient(circle at 85% 10%,#6366f12e,#0000 25%);border-radius:9999px;position:absolute;inset:0}.header-glass-rim{pointer-events:none;z-index:1;background:#ffffffe6;height:1px;position:absolute;top:0;left:0;right:0}.brand{z-index:2;transition:opacity var(--transition-fast);white-space:nowrap;flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:flex;position:relative}.brand:hover{opacity:.9}.brand-text{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.brand-title{letter-spacing:-.02em;color:var(--text-main);white-space:nowrap;font-size:1.05rem;font-weight:700}.nav-menu{z-index:2;flex-shrink:0;align-items:center;gap:.25rem;display:flex;position:relative}.nav-link{color:var(--text-body);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-family:inherit;font-size:.84rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--brand-primary);background:#4f46e514}.nav-cta-btn{color:#fff;background:var(--brand-gradient);transition:all var(--transition-fast);white-space:nowrap;border-radius:9999px;align-items:center;gap:.4rem;margin-left:.4rem;padding:.45rem 1.1rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #4f46e54d}.nav-cta-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px);box-shadow:0 4px 14px #4f46e566}.mobile-menu-toggle{border:1px solid var(--bg-card-border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:9999px;padding:.4rem;display:none}.mobile-nav-drawer{border-bottom:1px solid var(--bg-card-border);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:none;position:absolute;top:100%;left:0;right:0}.mobile-nav-drawer.open{display:flex}.mobile-nav-links{flex-direction:column;gap:.25rem;display:flex}.mobile-nav-link{color:var(--text-main);border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.mobile-nav-link:hover{color:var(--brand-primary);background:#f1f5f9}.mobile-nav-footer{border-top:1px solid var(--bg-card-border);margin-top:.5rem;padding-top:.75rem}.container{flex-direction:column;align-items:center;gap:3.5rem;width:100%;max-width:1120px;padding:2.5rem 1.25rem 4rem;display:flex;position:relative}.hero-section{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:840px;margin:3.5rem auto 1.5rem;display:flex}.hero-title{letter-spacing:.01em;color:var(--text-main);font-family:Lobster Two,cursive,sans-serif;font-size:clamp(2.5rem,5.5vw,4rem);font-style:italic;font-weight:700;line-height:1.2}.hero-title-gradient{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:var(--text-body);max-width:720px;font-size:1.1rem;line-height:1.6}.hero-description strong{color:var(--text-main);font-weight:600}@keyframes blob-float-left{0%,to{transform:translate(0)scale(1)}33%{transform:translate(12px,-18px)scale(1.05)}66%{transform:translate(-8px,10px)scale(.97)}}@keyframes blob-float-right{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-14px,12px)scale(1.04)}66%{transform:translate(10px,-16px)scale(.96)}}.hero-blob-left,.hero-blob-right{pointer-events:none;z-index:-1;filter:blur(60px);border-radius:50%;position:absolute}.hero-blob-left{opacity:.45;background:radial-gradient(circle,#c7d2fe 0%,#a5b4fc 50%,#0000 80%);width:280px;height:280px;animation:8s ease-in-out infinite blob-float-left;top:-40px;left:-100px}.hero-blob-right{opacity:.35;background:radial-gradient(circle,#fbcfe8 0%,#c4b5fd 50%,#0000 80%);width:320px;height:320px;animation:10s ease-in-out infinite blob-float-right;top:20px;right:-120px}.trust-strip-container{width:100%;max-width:960px;margin:-1.5rem auto 0}.trust-strip-grid{background:var(--bg-secondary);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1rem;padding:.85rem 1.25rem;display:grid}.trust-item{align-items:center;gap:.75rem;display:flex}.trust-icon-box{border-radius:var(--radius-md);width:36px;height:36px;color:var(--brand-primary);background:#fff;border:1px solid #e2e8f0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trust-text{flex-direction:column;display:flex}.trust-title{color:var(--text-main);font-size:.85rem;font-weight:700;line-height:1.2}.trust-desc{color:var(--text-muted);font-size:.75rem;line-height:1.3}.card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);width:100%;max-width:960px;box-shadow:var(--shadow-md);flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex;position:relative}.dropzone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:#f8fafc;border:2px dashed #cbd5e1;flex-direction:column;align-items:center;gap:.75rem;padding:3.5rem 1.5rem;display:flex}.dropzone:hover,.dropzone.drag-over{border-color:var(--brand-primary);background:#f5f3ff}.dropzone-icon-box{width:64px;height:64px;color:var(--brand-primary);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.dropzone-title{color:var(--text-main);font-size:1.15rem;font-weight:700}.dropzone-sub{color:var(--text-muted);max-width:440px;font-size:.875rem}.dropzone-badge-row{gap:.5rem;margin-top:.5rem;display:flex}.badge-tag{color:var(--text-body);background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.badge-detected{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-preset{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.workspace-grid{grid-template-columns:1fr 340px;gap:1.5rem;display:grid}.main-preview-col{flex-direction:column;gap:.75rem;display:flex}.zoom-col{flex-direction:column;gap:1rem;display:flex}.preview-card{border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.canvas-title{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;display:flex}.canvas-wrapper{border-radius:var(--radius-md);background-color:#f1f5f9;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat;background-size:16px 16px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #cbd5e1;justify-content:center;align-items:center;display:flex;overflow:hidden}.canvas-wrapper canvas,.canvas-wrapper video{max-width:100%;height:auto;display:block}.zoom-card{border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.zoom-card .canvas-wrapper{width:100%;height:180px}.zoom-card canvas{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.tuner-sliders{background:var(--bg-secondary);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem;padding:1.25rem;display:grid}.slider-group{flex-direction:column;gap:.4rem;display:flex}.tuner-slider-label{color:var(--text-main);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.slider-group input[type=range]{-webkit-appearance:none;cursor:pointer;background:#cbd5e1;border-radius:3px;outline:none;width:100%;height:6px}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand-primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 2px 4px #0003}.slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e540}.btn-secondary{color:var(--text-main);background:#fff;border-color:#cbd5e1}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.btn-reset{color:var(--text-muted);background:0 0;border-color:#e2e8f0}.btn-reset:hover{color:var(--text-main);background:#f1f5f9}.action-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.progress-bar-wrap{background:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:var(--brand-gradient);height:100%;transition:width .2s}.info-section{flex-direction:column;gap:1.75rem;width:100%;max-width:960px;display:flex}.section-header{text-align:center;flex-direction:column;align-items:center;gap:.6rem;max-width:760px;margin:0 auto;display:flex}.section-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-primary);background:#eef2ff;border:1px solid #e0e7ff;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.section-title{letter-spacing:-.02em;color:var(--text-main);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;line-height:1.25}.section-subtitle{color:var(--text-body);font-size:1rem;line-height:1.6}.info-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.info-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.info-card-icon-wrap{border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid #e2e8f0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.info-card-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.info-card-text{color:var(--text-body);font-size:.9rem;line-height:1.6}.code-badge{border-radius:var(--radius-sm);color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;margin:.5rem 0;padding:.35rem .5rem;font-family:monospace;font-size:.8rem;display:block}.comparison-table-wrapper,.formats-table-wrapper{border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-card);background:#fff;overflow-x:auto}.comparison-table,.formats-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.comparison-table thead,.formats-table thead{background:var(--bg-secondary);border-bottom:1px solid var(--bg-card-border)}.comparison-table th,.formats-table th{color:var(--text-main);text-transform:uppercase;letter-spacing:.03em;padding:1rem 1.25rem;font-size:.85rem;font-weight:700}.th-header-cell{align-items:center;gap:.4rem;display:flex}.comparison-table td,.formats-table td{color:var(--text-body);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem}.comparison-table tr:last-child td,.formats-table tr:last-child td{border-bottom:none}.feature-cell{align-items:center;gap:.5rem;font-weight:600;display:flex;color:var(--text-main)!important}.feature-icon{color:var(--brand-primary);flex-shrink:0}.visible-cell{color:#1e293b;font-weight:500}.synthid-cell{color:var(--text-muted)}.format-item-wrap{align-items:center;gap:.75rem;display:flex}.format-title-row{align-items:center;gap:.4rem;display:flex}.format-title{color:var(--text-main);font-weight:700}.format-ext-pill{color:#475569;background:#f1f5f9;border-radius:4px;padding:.1rem .35rem;font-family:monospace;font-size:.75rem}.format-badge-mini{color:var(--brand-primary);font-size:.7rem;font-weight:600}.format-cell-muted{color:var(--text-muted);font-size:.85rem}.format-cell-highlight{color:var(--text-main);font-weight:600}.speed-pill{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.8rem;font-weight:600;display:inline-flex}.format-cell-desc{color:var(--text-body);font-size:.85rem}.personas-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.persona-card{border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.persona-header{justify-content:space-between;align-items:center;display:flex}.persona-icon-box{border-radius:var(--radius-lg);border:1px solid #e2e8f0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bg-purple-50{background:#faf5ff}.bg-pink-50{background:#fdf2f8}.bg-blue-50{background:#eff6ff}.bg-emerald-50{background:#ecfdf5}.bg-indigo-50{background:#eef2ff}.bg-amber-50{background:#fffbeb}.persona-tag{text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);color:var(--text-muted);border:1px solid #e2e8f0;border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.persona-title{color:var(--text-main);font-size:1.15rem;font-weight:700}.persona-desc{color:var(--text-body);font-size:.9rem;line-height:1.6}.does-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.does-card{border-radius:var(--radius-xl);border:1px solid var(--bg-card-border);box-shadow:var(--shadow-card);flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.does-card-yes{background:#fff;border-color:#a7f3d0}.does-card-no{background:#fff;border-color:#fecdd3}.does-card-header{align-items:center;gap:.85rem;display:flex}.does-header-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.does-header-icon-box.yes{color:#059669;background:#ecfdf5;border:1px solid #6ee7b7}.does-header-icon-box.no{color:#e11d48;background:#fff1f2;border:1px solid #fda4af}.does-card-title{font-size:1.15rem;font-weight:700;line-height:1.2}.does-card-subtitle{color:var(--text-muted);font-size:.8rem}.does-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.does-list-item{color:var(--text-body);align-items:flex-start;gap:.6rem;font-size:.875rem;line-height:1.5;display:flex}.tips-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.tip-card{border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.tip-header{justify-content:space-between;align-items:center;display:flex}.tip-icon-box{border-radius:var(--radius-lg);border:1px solid #e2e8f0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tip-num-pill{color:var(--brand-primary);background:#eef2ff;border:1px solid #e0e7ff;border-radius:9999px;padding:.2rem .5rem;font-family:monospace;font-size:.85rem;font-weight:700}.tip-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.tip-desc{color:var(--text-body);font-size:.9rem;line-height:1.6}.how-it-works-section{flex-direction:column;gap:1.75rem;width:100%;max-width:960px;display:flex}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.step-card{border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;position:relative}.step-num{color:var(--brand-primary);background:#eef2ff;border:1px solid #e0e7ff;border-radius:9999px;width:fit-content;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.step-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.step-desc{color:var(--text-body);font-size:.9rem;line-height:1.6}.guide-section{flex-direction:column;gap:1.75rem;width:100%;max-width:960px;display:flex}.methods-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.method-card{border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:1rem;padding:1.75rem;display:flex}.method-card.featured-method{background:#fff;border-color:#c7d2fe}.method-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.35rem;width:fit-content;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.tool-badge{color:var(--brand-primary);background:#eef2ff;border:1px solid #e0e7ff}.official-badge{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.method-title{color:var(--text-main);font-size:1.15rem;font-weight:700}.method-desc{color:var(--text-body);font-size:.9rem;line-height:1.6}.method-steps{flex-direction:column;gap:.75rem;list-style:none;display:flex}.method-step-item{align-items:flex-start;gap:.65rem;display:flex}.step-num-pill{background:var(--brand-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:.1rem;font-size:.75rem;font-weight:700;display:flex}.step-text{color:var(--text-body);font-size:.875rem;line-height:1.5}.step-text strong{color:var(--text-main)}.method-note{border-radius:var(--radius-md);color:var(--text-muted);background:#f8fafc;border:1px solid #e2e8f0;align-items:flex-start;gap:.5rem;padding:.75rem;font-size:.825rem;display:flex}.note-icon{color:#3b82f6;flex-shrink:0;margin-top:.1rem}.features-section{flex-direction:column;gap:1.75rem;width:100%;max-width:960px;display:flex}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.feature-card{border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.feature-icon-box{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--brand-primary);background:#eef2ff;border:1px solid #e0e7ff;justify-content:center;align-items:center;display:flex}.feature-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.feature-desc{color:var(--text-body);font-size:.875rem;line-height:1.6}.faq-section{width:100%;max-width:960px}.faq-layout{grid-template-columns:320px 1fr;gap:2.5rem;display:grid}.faq-header-col{flex-direction:column;gap:.75rem;display:flex}.faq-title{letter-spacing:-.02em;color:var(--text-main);font-size:2rem;font-weight:700;line-height:1.2}.faq-subtitle{color:var(--text-body);font-size:.95rem;line-height:1.6}.faq-container{flex-direction:column;gap:.65rem;display:flex}.faq-item{border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#fff;padding:1rem 1.25rem}.faq-item[open]{background:#f8fafc;border-color:#cbd5e1}.faq-question{color:var(--text-main);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-size:.95rem;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-q-left{align-items:center;gap:.75rem;display:flex}.faq-num{color:var(--brand-primary);background:#eef2ff;border:1px solid #e0e7ff;border-radius:4px;padding:.15rem .45rem;font-family:monospace;font-size:.8rem;font-weight:700}.faq-icon{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.faq-item[open] .faq-icon{color:var(--brand-primary);transform:rotate(180deg)}.faq-answer{color:var(--text-body);border-top:1px solid #e2e8f0;margin-top:.75rem;padding-top:.75rem;font-size:.9rem;line-height:1.6}.faq-answer code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.15rem .4rem;font-family:monospace;font-size:.85em}.app-footer{border-top:1px solid var(--bg-card-border);background:#fff;width:100%;margin-top:2rem;padding:2.5rem 1.25rem 3rem}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:960px;margin:0 auto;display:flex}.footer-credit{color:var(--text-body);font-size:.95rem}.footer-author-link{color:var(--brand-primary);text-decoration:none}.footer-author-link:hover{text-decoration:underline}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.footer-link-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-family:inherit;font-size:.875rem}.footer-link-btn:hover{color:var(--text-main);text-decoration:underline}.footer-support-btn{color:#92400e;transition:all var(--transition-fast);background:#fffbeb;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.footer-support-btn:hover{background:#fef3c7;border-color:#fcd34d;transform:translateY(-1px)}.footer-dot{color:#cbd5e1}.footer-sub{color:var(--text-muted);font-size:.8rem}.app-modal{background:0 0;border:none;width:calc(100% - 2rem);max-width:560px;margin:auto;padding:1.5rem}.app-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66}.modal-box{border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);background:#fff;padding:1.75rem;box-shadow:0 20px 40px -10px #00000026}.modal-title{color:var(--text-main);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.comparison-section{width:100%;max-width:960px}.comparison-layout{flex-direction:column;gap:1.75rem;display:flex}.comparison-content{text-align:center;flex-direction:column;gap:.6rem;max-width:760px;margin:0 auto;display:flex}.comparison-title{color:var(--text-main);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700}.comparison-subtitle{color:var(--text-body);font-size:1rem;line-height:1.6}.comparison-media{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.comparison-card{border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.comparison-badge{border-radius:9999px;align-items:center;gap:.35rem;width:fit-content;padding:.25rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge-before{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.badge-after{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.comparison-img-wrapper{border-radius:var(--radius-lg);border:1px solid #e2e8f0;justify-content:center;align-items:center;display:flex;overflow:hidden}.comparison-img-wrapper.checker{background-color:#f8fafc;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.comparison-img-wrapper img{width:100%;height:auto;display:block}.step-badge{background:var(--brand-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.step-icon{color:var(--brand-primary);margin-bottom:.25rem}.feature-card-body{flex-direction:column;gap:.4rem;display:flex}.feature-card-title{color:var(--text-main);font-size:1.05rem;font-weight:700}.feature-card-desc{color:var(--text-body);font-size:.875rem;line-height:1.6}@media (max-width:1024px){.hero-bg-frame-container{display:none}.trust-strip-grid,.info-cards-grid,.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.faq-layout{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:768px){.nav-menu{display:none}.mobile-menu-toggle{display:block}.workspace-grid,.tuner-sliders,.methods-grid,.personas-grid,.does-grid,.tips-grid,.info-cards-grid,.features-grid,.steps-grid,.trust-strip-grid{grid-template-columns:1fr}.dropzone{padding:2.5rem 1rem}.animated-compare{height:260px}.comparison-media{grid-template-columns:1fr}}.animated-compare-wrap{flex-direction:column;align-items:center;gap:.75rem;display:flex}.animated-compare{aspect-ratio:4/3;border-radius:var(--radius-xl);border:1px solid var(--bg-card-border);width:100%;max-width:680px;box-shadow:var(--shadow-lg);cursor:col-resize;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.compare-panel{position:absolute;inset:0}.compare-before,.compare-after{width:100%;height:100%}.compare-before{z-index:2}.compare-after{z-index:1}.compare-demo-img{width:100%;height:100%}.compare-svg{width:100%;height:100%;display:block}.compare-demo-after .compare-svg{filter:saturate(1.1)brightness(1.03)}.compare-handle{z-index:10;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.compare-handle-line{background:#ffffffd9;flex:1;width:2px;box-shadow:0 0 6px #00000040}.compare-handle-knob{border:2px solid var(--brand-primary);pointer-events:all;cursor:col-resize;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #4f46e54d}.compare-label{z-index:5;pointer-events:none;border-radius:9999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700;position:absolute;top:12px}.compare-label-before{color:#fff;background:#e11d48d9;left:12px}.compare-label-after{color:#fff;background:#059669d9;right:12px}.compare-hint{color:var(--text-muted);letter-spacing:.03em;font-size:.8rem}.method-card-full{width:100%}.method-steps-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:768px){.method-steps-row{grid-template-columns:1fr}}.footer-content{gap:.65rem}.tuner-container{flex-direction:column;gap:1rem;display:flex}.detect-badge{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:.4rem;width:fit-content;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.tuner-preview-row{grid-template-columns:1fr 260px;align-items:stretch;gap:1rem;display:grid}.tuner-canvas-box{flex-direction:column;gap:.5rem;display:flex}.main-canvas-wrapper{background:0 0;flex:1;justify-content:stretch;align-items:flex-start;min-height:0;display:flex;overflow:hidden}.main-canvas-wrapper canvas{border-radius:var(--radius-md);-o-object-fit:contain;object-fit:contain;display:block;width:100%!important;height:auto!important}.tuner-zoom-col{flex-direction:column;gap:.75rem;display:flex}.zoom-card{border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;flex:1;gap:.4rem;padding:.65rem;display:flex}.zoom-card .canvas-wrapper{flex:1}.zoom-card canvas{width:100%;height:100%;display:block}.canvas-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;display:inline-flex}.text-blue-600{color:#2563eb}.text-green-600{color:#16a34a}.adjust-toggle-row{align-items:center;gap:.65rem;display:flex}.adjust-toggle-btn{align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;display:inline-flex}.tuner-actions{border-top:1px solid var(--bg-card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.progress-bar-container{background:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-text{color:var(--text-muted);margin-top:.35rem;font-size:.8rem}.dropzone-loader{flex-direction:column;align-items:center;gap:.5rem;display:flex}.dropzone-icon{color:var(--brand-primary);margin-bottom:.25rem}.dropzone-spinner{border:3px solid #e0e7ff;border-top-color:var(--brand-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.mt-4{margin-top:1rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-center{text-align:center}.font-medium{font-weight:500}.mb-2{margin-bottom:.5rem}.text-slate-700{color:#334155}.text-indigo-600{color:#4f46e5}.w-full{width:100%}.justify-center{justify-content:center}@media (max-width:768px){.tuner-preview-row{grid-template-columns:1fr}.tuner-zoom-col{flex-direction:row}}.tuner-drag-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;border-radius:var(--radius-xl);border:2px dashed var(--brand-primary);pointer-events:none;background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;animation:.15s ease-out fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-bounce{animation:1s infinite bounce}.relative{position:relative}.hover\:bg-white\/60:hover{background-color:#fff9}.hover\:opacity-90:hover{opacity:.9}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-\[backdrop-filter\]\:bg-white\/35{background-color:#ffffff59}}@media (min-width:768px){.md\:hidden{display:none}}