/* data-ds-product-css="tailwind" */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(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:rgba(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: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-left-32{left:-8rem}.-right-28{right:-7rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.right-0{right:0}.top-0{top:0}.top-16{top:4rem}.top-24{top:6rem}.top-28{top:7rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-28{height:7rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-80{height:20rem}.h-96{height:24rem}.h-full{height:100%}.max-h-56{max-height:14rem}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.min-h-5{min-height:1.25rem}.min-h-\[120px\]{min-height:120px}.min-h-\[130px\]{min-height:130px}.min-h-\[150px\]{min-height:150px}.min-h-\[190px\]{min-height:190px}.min-h-\[260px\]{min-height:260px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[1180px\]{max-width:1180px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[1500px\]{max-width:1500px}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-top-right{transform-origin:top right}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1\.4fr_1fr_1fr_1fr_110px\]{grid-template-columns:1.4fr 1fr 1fr 1fr 110px}.grid-cols-\[160px_220px_120px_1fr_110px_140px\]{grid-template-columns:160px 220px 120px 1fr 110px 140px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-white\/14>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.14)}.justify-self-center{justify-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-\[1\.15rem\]{border-radius:1.15rem}.rounded-\[1\.1rem\]{border-radius:1.1rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1\.35rem\]{border-radius:1.35rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-cyan-200\/40{border-color:rgba(165,243,252,.4)}.border-emerald-200\/40{border-color:rgba(167,243,208,.4)}.border-white\/14{border-color:hsla(0,0%,100%,.14)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/16{border-color:hsla(0,0%,100%,.16)}.border-white\/18{border-color:hsla(0,0%,100%,.18)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/22{border-color:hsla(0,0%,100%,.22)}.border-white\/24{border-color:hsla(0,0%,100%,.24)}.border-white\/28{border-color:hsla(0,0%,100%,.28)}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-white\/40{border-color:hsla(0,0%,100%,.4)}.border-white\/44{border-color:hsla(0,0%,100%,.44)}.bg-\[\#111711\]{--tw-bg-opacity:1;background-color:rgb(17 23 17/var(--tw-bg-opacity,1))}.bg-amber-200\/22{background-color:hsla(48,97%,77%,.22)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/16{background-color:rgba(0,0,0,.16)}.bg-black\/24{background-color:rgba(0,0,0,.24)}.bg-black\/25{background-color:rgba(0,0,0,.25)}.bg-black\/28{background-color:rgba(0,0,0,.28)}.bg-cyan-400\/20{background-color:rgba(34,211,238,.2)}.bg-emerald-300\/22{background-color:rgba(110,231,183,.22)}.bg-rose-300\/22{background-color:rgba(253,164,175,.22)}.bg-violet-500\/20{background-color:rgba(139,92,246,.2)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/7{background-color:hsla(0,0%,100%,.07)}.bg-white\/8{background-color:hsla(0,0%,100%,.08)}.bg-white\/82{background-color:hsla(0,0%,100%,.82)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/20{--tw-gradient-from:rgba(0,0,0,.2) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from:rgba(0,0,0,.6) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/25{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-black\/50{--tw-gradient-to:rgba(0,0,0,.5) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-cyan-100{--tw-text-opacity:1;color:rgb(207 250 254/var(--tw-text-opacity,1))}.text-cyan-100\/70{color:rgba(207,250,254,.7)}.text-cyan-100\/76{color:rgba(207,250,254,.76)}.text-cyan-100\/78{color:rgba(207,250,254,.78)}.text-cyan-100\/90{color:rgba(207,250,254,.9)}.text-emerald-100\/90{color:rgba(209,250,229,.9)}.text-rose-100{--tw-text-opacity:1;color:rgb(255 228 230/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/42{color:hsla(0,0%,100%,.42)}.text-white\/44{color:hsla(0,0%,100%,.44)}.text-white\/45{color:hsla(0,0%,100%,.45)}.text-white\/46{color:hsla(0,0%,100%,.46)}.text-white\/48{color:hsla(0,0%,100%,.48)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/52{color:hsla(0,0%,100%,.52)}.text-white\/54{color:hsla(0,0%,100%,.54)}.text-white\/55{color:hsla(0,0%,100%,.55)}.text-white\/56{color:hsla(0,0%,100%,.56)}.text-white\/58{color:hsla(0,0%,100%,.58)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/62{color:hsla(0,0%,100%,.62)}.text-white\/64{color:hsla(0,0%,100%,.64)}.text-white\/66{color:hsla(0,0%,100%,.66)}.text-white\/68{color:hsla(0,0%,100%,.68)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/72{color:hsla(0,0%,100%,.72)}.text-white\/74{color:hsla(0,0%,100%,.74)}.text-white\/75{color:hsla(0,0%,100%,.75)}.text-white\/76{color:hsla(0,0%,100%,.76)}.text-white\/78{color:hsla(0,0%,100%,.78)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/82{color:hsla(0,0%,100%,.82)}.text-white\/84{color:hsla(0,0%,100%,.84)}.underline{text-decoration-line:underline}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{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)}.blur-3xl{--tw-blur:blur(64px)}.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-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.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;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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)}.hover\:border-white\/60:hover{border-color:hsla(0,0%,100%,.6)}@media (min-width:640px){.sm\:ml-3{margin-left:.75rem}.sm\:mt-0{margin-top:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-3\.5{padding-left:.875rem;padding-right:.875rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:768px){.md\:bottom-8{bottom:2rem}.md\:order-2{order:2}.md\:order-3{order:3}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:aspect-\[16\/9\]{aspect-ratio:16/9}.md\:min-h-\[800px\]{min-height:800px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1\.4fr_1fr_1fr_1fr_110px\]{grid-template-columns:1.4fr 1fr 1fr 1fr 110px}.md\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-5{gap:1.25rem}.md\:rounded-\[1\.5rem\]{border-radius:1.5rem}.md\:p-10{padding:2.5rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-\[12px\]{font-size:12px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:tracking-\[0\.12em\]{letter-spacing:.12em}}@media (min-width:1024px){.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-\[0\.65fr_1\.35fr\]{grid-template-columns:.65fr 1.35fr}.lg\:grid-cols-\[0\.72fr_1\.28fr\]{grid-template-columns:.72fr 1.28fr}.lg\:grid-cols-\[0\.82fr_1\.18fr\]{grid-template-columns:.82fr 1.18fr}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[160px_220px_120px_1fr_110px_140px\]{grid-template-columns:160px 220px 120px 1fr 110px 140px}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}.lg\:grid-cols-\[360px_1fr\]{grid-template-columns:360px 1fr}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:p-8{padding:2rem}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* data-ds-product-css="base" */
:root {
      color-scheme: light;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      background: #f7fbff !important;
    }

    .award-bg {
      position: fixed;
      inset: 0;
      z-index: 0;
      overflow: hidden;
      pointer-events: none;
      contain: paint;
      background: linear-gradient(90deg, #111711 0%, #ccd1bd 31%, #6e7d66 55%, #0a110c 78%, #a4b09b 100%);
      display: none;
    }

    .award-bg-video {
      position: absolute;
      inset: -72px;
      width: calc(100% + 144px);
      height: calc(100% + 144px);
      object-fit: cover;
      filter: blur(50px) saturate(112%) brightness(0.88);
      transform: scale(1.025);
    }

    .award-bg-burn {
      position: absolute;
      inset: 0;
      z-index: 2;
      opacity: 0.02;
      mix-blend-mode: color-burn;
      background:
        radial-gradient(circle at 17% 31%, rgba(255, 255, 255, 0.9) 0 1px, transparent 1px 4px),
        radial-gradient(circle at 71% 63%, rgba(255, 255, 255, 0.75) 0 1px, transparent 1px 5px),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 3px);
      background-size: 13px 17px, 19px 23px, 100% 4px;
    }

    .award-veil {
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background:
        radial-gradient(120% 95% at 50% 16%, transparent 30%, rgba(0, 0, 0, 0.34) 78%, rgba(0, 0, 0, 0.48) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.28));
      display: none;
    }

    main,
    section,
    footer {
      position: relative;
      z-index: 1;
    }

    @media (prefers-reduced-motion: reduce) {
      .award-bg-video {
        display: none;
      }
    }

    .font-display {
      font-family: Georgia, "Times New Roman", serif;
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes liquidFadeIn {
      from {
        opacity: 0;
        filter: blur(8px);
      }
      to {
        opacity: 1;
        filter: blur(0);
      }
    }

    .stagger-item {
      opacity: 0;
      animation: fadeInUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    .delay-bg { animation-delay: 0.2s; }
    .delay-nav { animation-delay: 1.0s; }
    .delay-left { animation-delay: 1.8s; }
    .delay-right { animation-delay: 2.4s; }
    .delay-p { animation-delay: 3.0s; }
    .delay-btn { animation-delay: 3.4s; }

    .mobile-menu {
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px) scale(0.95);
    }

    .mobile-menu.is-open {
      opacity: 1;
      visibility: visible;
      transform: translateY(0) scale(1);
    }

    .nav-icon-close {
      display: none;
    }

    .menu-button.is-open .nav-icon-menu {
      display: none;
    }

    .menu-button.is-open .nav-icon-close {
      display: block;
    }

    .mobile-top-cta {
      min-width: 6.15rem;
      min-height: 3rem;
      white-space: nowrap;
    }

    .mobile-auth-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 0.86fr);
      gap: 0.5rem;
    }

    .hero-mobile-dock {
      transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease;
    }

    .hero-bg.is-menu-open .hero-mobile-dock {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(8px);
    }

    .hero-copy {
      text-shadow: 0 14px 32px rgba(0, 0, 0, 0.45);
    }

    .hero-video {
      object-position: center 38%;
    }

    .hero-bg {
      --swap-cycle: 8.8s;
      cursor: default;
    }

    .hero-bg-layer {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      opacity: 1;
      transform: scale(1.01);
      transition: opacity 900ms ease-in-out, transform 900ms ease-in-out;
      will-change: opacity, transform;
    }

    .hero-bg-western {
      opacity: 1;
      transform: none;
    }

    .hero-bg-asian {
      opacity: 0;
      animation: none;
      transition: opacity 120ms linear;
    }

    .hero-bg.is-showing-asian .hero-bg-asian {
      opacity: 1;
    }

    @keyframes heroFaceSwap {
      0%, 35.4% { opacity: 0; }
      36%, 66.4% { opacity: 1; }
      67%, 100% { opacity: 0; }
    }

    .ai-bloom-field {
      --mx: 50%;
      --my: 43%;
      --r: clamp(260px, 30vw, 520px);
      position: absolute;
      inset: 0;
      z-index: 10;
      pointer-events: none;
      overflow: hidden;
    }

    .ai-bloom-core,
    .ai-bloom-wave,
    .ai-bloom-shard {
      position: absolute;
      left: var(--mx);
      top: var(--my);
      opacity: 0;
      transform-origin: 50% 50%;
      pointer-events: none;
      will-change: opacity, transform;
    }

    .ai-bloom-core {
      width: calc(var(--r) * 1.62);
      height: calc(var(--r) * 1.22);
      border-radius: 46% 54% 59% 41% / 48% 36% 64% 52%;
      transform: translate(-50%, -50%) scale(0.08) rotate(-17deg);
      background:
        radial-gradient(ellipse at 49% 52%, rgba(255, 255, 255, 0.68) 0%, rgba(142, 230, 255, 0.48) 11%, transparent 34%),
        radial-gradient(ellipse at 34% 44%, rgba(80, 150, 255, 0.7) 0%, rgba(38, 206, 255, 0.34) 22%, transparent 50%),
        radial-gradient(ellipse at 66% 45%, rgba(162, 98, 255, 0.58) 0%, rgba(80, 150, 255, 0.3) 26%, transparent 56%),
        radial-gradient(ellipse at 50% 76%, rgba(45, 120, 255, 0.42) 0%, rgba(190, 132, 255, 0.22) 28%, transparent 58%),
        conic-gradient(from 18deg at 52% 52%,
          transparent 0deg,
          rgba(58, 206, 255, 0.34) 34deg,
          rgba(160, 98, 255, 0.52) 78deg,
          rgba(255, 255, 255, 0.22) 112deg,
          transparent 148deg,
          rgba(80, 150, 255, 0.36) 198deg,
          rgba(198, 150, 255, 0.3) 255deg,
          transparent 332deg);
      animation: faceBurstCloud var(--swap-cycle) cubic-bezier(0.2, 1, 0.32, 1) infinite;
    }

    .ai-bloom-core::before,
    .ai-bloom-core::after {
      content: "";
      position: absolute;
      opacity: 0;
      border-radius: inherit;
      pointer-events: none;
      will-change: opacity, transform;
    }

    .ai-bloom-core::before {
      inset: 10% 20% 12% 8%;
      background:
        radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.42), rgba(96, 210, 255, 0.26) 18%, transparent 54%),
        linear-gradient(132deg, transparent 7%, rgba(80, 150, 255, 0.42) 24%, transparent 39%, rgba(145, 92, 255, 0.34) 57%, transparent 76%);
      animation: faceBurstFacetA var(--swap-cycle) ease-out infinite;
    }

    .ai-bloom-core::after {
      inset: 20% 6% 18% 34%;
      background:
        radial-gradient(ellipse at 42% 48%, rgba(255, 255, 255, 0.38), rgba(80, 150, 255, 0.36) 22%, transparent 60%),
        linear-gradient(42deg, transparent 8%, rgba(255, 255, 255, 0.28) 24%, transparent 35%, rgba(176, 116, 255, 0.34) 58%, transparent 80%);
      animation: faceBurstFacetB var(--swap-cycle) ease-out infinite;
    }

    .ai-bloom-core-secondary {
      left: calc(var(--mx) + 5%);
      top: calc(var(--my) + 7%);
      width: calc(var(--r) * 1.24);
      height: calc(var(--r) * 0.9);
      transform: translate(-50%, -50%) scale(0.06) rotate(25deg);
      animation-name: faceBurstCloudSecondary;
    }

    .ai-bloom-wave {
      width: calc(var(--r) * 2.18);
      height: calc(var(--r) * 1.78);
      border-radius: 49% 51% 53% 47%;
      transform: translate(-50%, -50%) scale(0.08);
      background:
        radial-gradient(ellipse at 50% 50%,
          transparent 0%,
          transparent 24%,
          rgba(255, 255, 255, 0.22) 29%,
          rgba(80, 150, 255, 0.42) 36%,
          rgba(164, 116, 255, 0.28) 48%,
          transparent 68%);
      animation: faceBurstWave var(--swap-cycle) cubic-bezier(0.2, 1, 0.32, 1) infinite;
    }

    .ai-bloom-shard {
      width: calc(var(--r) * 0.78);
      height: calc(var(--r) * 0.19);
      border-radius: 999px 48% 999px 48%;
      background:
        radial-gradient(ellipse at 22% 50%, rgba(255, 255, 255, 0.45), transparent 34%),
        linear-gradient(90deg, transparent 0%, rgba(80, 150, 255, 0.58) 23%, rgba(190, 128, 255, 0.34) 58%, transparent 100%);
    }

    .ai-bloom-shard-a { animation: faceShardA var(--swap-cycle) ease-out infinite; }
    .ai-bloom-shard-b { animation: faceShardB var(--swap-cycle) ease-out infinite; }
    .ai-bloom-shard-c { animation: faceShardC var(--swap-cycle) ease-out infinite; }
    .ai-bloom-shard-d { animation: faceShardD var(--swap-cycle) ease-out infinite; }

    .ai-bloom-mist {
      position: absolute;
      inset: 0;
      opacity: 0;
      background:
        radial-gradient(circle at 38% 34%, rgba(80, 150, 255, 0.22) 0 1.6px, transparent 3.4px),
        radial-gradient(circle at 46% 25%, rgba(190, 135, 255, 0.2) 0 1px, transparent 3px),
        radial-gradient(circle at 58% 33%, rgba(96, 210, 255, 0.22) 0 1.4px, transparent 3.5px),
        radial-gradient(circle at 65% 48%, rgba(166, 112, 255, 0.18) 0 1px, transparent 3px),
        radial-gradient(circle at 35% 57%, rgba(80, 150, 255, 0.18) 0 1.4px, transparent 3px),
        radial-gradient(circle at 54% 65%, rgba(210, 180, 255, 0.16) 0 1px, transparent 3px);
      animation: faceBurstMist var(--swap-cycle) ease-in-out infinite, particleFloat 11s ease-in-out infinite alternate;
    }

    .ai-bloom-mist::before,
    .ai-bloom-mist::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 43%;
      width: calc(var(--r) * 0.34);
      height: calc(var(--r) * 0.34);
      border: 1px solid rgba(170, 205, 255, 0.24);
      border-radius: 34% 66% 58% 42%;
      opacity: 0;
      transform-origin: 50% 50%;
      animation: faceCrystalA var(--swap-cycle) ease-out infinite;
    }

    .ai-bloom-mist::after {
      width: calc(var(--r) * 0.26);
      height: calc(var(--r) * 0.26);
      animation-name: faceCrystalB;
    }

    @keyframes faceBurstCloud {
      0%, 31%, 44%, 61%, 74%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.08) rotate(-17deg); }
      33%, 63% { opacity: 0.28; transform: translate(-50%, -50%) scale(0.34) rotate(-10deg); }
      36%, 66% { opacity: 0.96; transform: translate(-50%, -50%) scale(0.95) rotate(1deg); }
      39%, 69% { opacity: 0.78; transform: translate(-50%, -50%) scale(1.14) rotate(8deg); }
      43%, 73% { opacity: 0; transform: translate(-47%, -53%) scale(1.46) rotate(18deg); }
    }

    @keyframes faceBurstCloudSecondary {
      0%, 32%, 45%, 62%, 75%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.06) rotate(25deg); }
      36.5%, 66.5% { opacity: 0.58; transform: translate(-50%, -50%) scale(0.78) rotate(35deg); }
      42%, 72% { opacity: 0; transform: translate(-44%, -57%) scale(1.22) rotate(52deg); }
    }

    @keyframes faceBurstWave {
      0%, 32%, 45%, 62%, 75%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.08); }
      35.5%, 65.5% { opacity: 0.52; transform: translate(-50%, -50%) scale(0.48); }
      42%, 72% { opacity: 0; transform: translate(-50%, -50%) scale(1.18); }
    }

    @keyframes faceBurstFacetA {
      0%, 32%, 45%, 62%, 75%, 100% { opacity: 0; transform: translate3d(0, 0, 0) scale(0.42) rotate(-14deg); }
      36%, 66% { opacity: 0.92; transform: translate3d(-7%, -4%, 0) scale(1.04) rotate(-5deg); }
      42%, 72% { opacity: 0; transform: translate3d(-22%, -13%, 0) scale(1.3) rotate(14deg); }
    }

    @keyframes faceBurstFacetB {
      0%, 32%, 45%, 62%, 75%, 100% { opacity: 0; transform: translate3d(0, 0, 0) scale(0.38) rotate(18deg); }
      36%, 66% { opacity: 0.8; transform: translate3d(9%, -7%, 0) scale(1.08) rotate(30deg); }
      42%, 72% { opacity: 0; transform: translate3d(24%, -17%, 0) scale(1.32) rotate(48deg); }
    }

    @keyframes faceShardA {
      0%, 33%, 45%, 63%, 75%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.16) rotate(-25deg); }
      36.5%, 66.5% { opacity: 0.62; transform: translate(-95%, -92%) scale(0.98) rotate(-34deg); }
      43%, 73% { opacity: 0; transform: translate(-150%, -138%) scale(1.28) rotate(-46deg); }
    }

    @keyframes faceShardB {
      0%, 33%, 45%, 63%, 75%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.16) rotate(22deg); }
      36.5%, 66.5% { opacity: 0.58; transform: translate(4%, -86%) scale(1) rotate(22deg); }
      43%, 73% { opacity: 0; transform: translate(58%, -130%) scale(1.26) rotate(35deg); }
    }

    @keyframes faceShardC {
      0%, 33%, 45%, 63%, 75%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.16) rotate(160deg); }
      36.5%, 66.5% { opacity: 0.5; transform: translate(-104%, 20%) scale(0.95) rotate(168deg); }
      43%, 73% { opacity: 0; transform: translate(-154%, 56%) scale(1.2) rotate(178deg); }
    }

    @keyframes faceShardD {
      0%, 33%, 45%, 63%, 75%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.16) rotate(205deg); }
      36.5%, 66.5% { opacity: 0.46; transform: translate(-2%, 28%) scale(0.92) rotate(212deg); }
      43%, 73% { opacity: 0; transform: translate(52%, 68%) scale(1.18) rotate(224deg); }
    }

    @keyframes faceBurstMist {
      0%, 32%, 46%, 62%, 76%, 100% { opacity: 0; }
      36.5%, 66.5% { opacity: 0.34; }
      41%, 71% { opacity: 0.08; }
    }

    @keyframes faceCrystalA {
      0%, 33%, 45%, 63%, 75%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.2) rotate(12deg); }
      37%, 67% { opacity: 0.38; transform: translate(-118%, -90%) scale(1.05) rotate(34deg); }
      43%, 73% { opacity: 0; transform: translate(-160%, -122%) scale(1.36) rotate(54deg); }
    }

    @keyframes faceCrystalB {
      0%, 33%, 45%, 63%, 75%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.2) rotate(-18deg); }
      37%, 67% { opacity: 0.32; transform: translate(42%, -118%) scale(1) rotate(-34deg); }
      43%, 73% { opacity: 0; transform: translate(86%, -162%) scale(1.3) rotate(-52deg); }
    }

    @keyframes particleFloat {
      from { transform: translate3d(-7px, 6px, 0); }
      to { transform: translate3d(9px, -9px, 0); }
    }

    .ai-bloom-field {
      display: none;
    }

    .energy-burst {
      --x: 50%;
      --y: 48%;
      --face-w: clamp(250px, 28vw, 470px);
      --face-h: clamp(390px, 45vw, 700px);
      position: absolute;
      inset: 0;
      z-index: 12;
      pointer-events: none;
      opacity: 0;
      overflow: hidden;
      contain: paint;
    }

    .energy-glow,
    .energy-face,
    .energy-outline,
    .energy-core,
    .energy-ring,
    .energy-shard,
    .energy-contour,
    .energy-spark {
      position: absolute;
      left: var(--x);
      top: var(--y);
      pointer-events: none;
      transform-origin: 50% 50%;
      will-change: opacity, transform;
    }

    .energy-face {
      width: var(--face-w);
      height: var(--face-h);
      opacity: 0;
      border-radius: 46% 54% 48% 52% / 34% 34% 66% 66%;
      background:
        radial-gradient(ellipse at 50% 18%, rgba(255, 255, 255, 0.26) 0%, rgba(96, 218, 255, 0.18) 16%, transparent 36%),
        radial-gradient(ellipse at 36% 42%, rgba(80, 150, 255, 0.34) 0%, rgba(46, 205, 255, 0.22) 28%, transparent 58%),
        radial-gradient(ellipse at 64% 42%, rgba(174, 100, 255, 0.34) 0%, rgba(80, 150, 255, 0.22) 30%, transparent 60%),
        radial-gradient(ellipse at 50% 72%, rgba(82, 156, 255, 0.28) 0%, rgba(200, 138, 255, 0.2) 25%, transparent 56%),
        conic-gradient(from 18deg at 50% 48%,
          rgba(80, 150, 255, 0.18),
          rgba(167, 102, 255, 0.28),
          rgba(255, 255, 255, 0.12),
          rgba(54, 207, 255, 0.22),
          rgba(80, 150, 255, 0.18));
      box-shadow:
        0 0 52px rgba(80, 150, 255, 0.28),
        inset 0 0 44px rgba(255, 255, 255, 0.16);
      transform: translate(-50%, -50%) scale(0.86);
    }

    .energy-outline {
      width: calc(var(--face-w) * 1.08);
      height: calc(var(--face-h) * 1.06);
      opacity: 0;
      border-radius: 46% 54% 48% 52% / 34% 34% 66% 66%;
      background:
        radial-gradient(ellipse at center,
          transparent 0%,
          transparent 57%,
          rgba(255, 255, 255, 0.42) 59%,
          rgba(80, 150, 255, 0.48) 62%,
          rgba(166, 108, 255, 0.34) 66%,
          transparent 72%);
      transform: translate(-50%, -50%) scale(0.9);
    }

    .energy-glow {
      width: calc(var(--face-w) * 1.55);
      height: calc(var(--face-h) * 1.05);
      border-radius: 46% 54% 48% 52% / 34% 34% 66% 66%;
      background:
        radial-gradient(ellipse at 47% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(96, 218, 255, 0.34) 13%, transparent 36%),
        radial-gradient(ellipse at 38% 43%, rgba(80, 150, 255, 0.55) 0%, rgba(44, 208, 255, 0.32) 22%, transparent 52%),
        radial-gradient(ellipse at 63% 47%, rgba(171, 95, 255, 0.48) 0%, rgba(80, 150, 255, 0.26) 28%, transparent 60%),
        radial-gradient(ellipse at 52% 72%, rgba(42, 116, 255, 0.36) 0%, rgba(210, 144, 255, 0.18) 30%, transparent 60%);
      transform: translate(-50%, -50%) scale(0.08);
    }

    .energy-ring {
      width: calc(var(--face-w) * 1.24);
      height: calc(var(--face-h) * 1.16);
      border-radius: 46% 54% 48% 52% / 34% 34% 66% 66%;
      background:
        radial-gradient(ellipse at center,
          transparent 0%,
          transparent 50%,
          rgba(255, 255, 255, 0.24) 55%,
          rgba(80, 150, 255, 0.42) 60%,
          rgba(170, 100, 255, 0.3) 66%,
          transparent 76%);
      transform: translate(-50%, -50%) scale(0.08);
    }

    .energy-core {
      width: calc(var(--face-w) * 0.88);
      height: calc(var(--face-h) * 0.55);
      border-radius: 48% 52% 58% 42% / 38% 38% 62% 62%;
      background:
        radial-gradient(ellipse at 50% 49%, rgba(255, 255, 255, 0.7) 0%, rgba(151, 235, 255, 0.56) 12%, transparent 33%),
        radial-gradient(ellipse at 31% 42%, rgba(48, 212, 255, 0.72) 0%, rgba(80, 150, 255, 0.44) 26%, transparent 54%),
        radial-gradient(ellipse at 69% 43%, rgba(179, 102, 255, 0.62) 0%, rgba(80, 150, 255, 0.32) 28%, transparent 58%),
        conic-gradient(from 18deg at 52% 52%,
          transparent 0deg,
          rgba(58, 206, 255, 0.45) 32deg,
          rgba(160, 98, 255, 0.62) 77deg,
          rgba(255, 255, 255, 0.28) 112deg,
          transparent 150deg,
          rgba(80, 150, 255, 0.44) 202deg,
          rgba(198, 150, 255, 0.36) 258deg,
          transparent 332deg);
      box-shadow:
        0 0 34px rgba(80, 150, 255, 0.44),
        0 0 80px rgba(155, 95, 255, 0.26),
        inset 0 0 32px rgba(255, 255, 255, 0.28);
      transform: translate(-50%, -50%) scale(0.08) rotate(-16deg);
    }

    .energy-core::before,
    .energy-core::after {
      content: "";
      position: absolute;
      inset: 9% 18% 13% 9%;
      border-radius: 48% 52% 56% 44%;
      background:
        radial-gradient(ellipse at 42% 48%, rgba(255, 255, 255, 0.42), transparent 28%),
        linear-gradient(132deg, transparent 7%, rgba(80, 150, 255, 0.46) 24%, transparent 40%, rgba(170, 110, 255, 0.35) 58%, transparent 78%);
    }

    .energy-core::after {
      inset: 22% 8% 18% 34%;
      background:
        radial-gradient(ellipse at 44% 48%, rgba(255, 255, 255, 0.35), transparent 28%),
        linear-gradient(44deg, transparent 8%, rgba(255, 255, 255, 0.28) 24%, transparent 35%, rgba(98, 215, 255, 0.34) 58%, transparent 82%);
    }

    .energy-shard {
      width: var(--w);
      height: var(--h);
      opacity: 0;
      background:
        radial-gradient(ellipse at 24% 45%, rgba(255, 255, 255, 0.65), transparent 32%),
        linear-gradient(105deg, rgba(42, 198, 255, 0.05), rgba(75, 170, 255, 0.78) 28%, rgba(181, 108, 255, 0.58) 64%, rgba(255, 255, 255, 0.04));
      border: 1px solid rgba(194, 226, 255, 0.3);
      clip-path: polygon(8% 48%, 28% 12%, 82% 0%, 100% 42%, 70% 100%, 20% 88%);
      box-shadow:
        0 0 16px rgba(80, 150, 255, 0.42),
        inset 0 0 18px rgba(255, 255, 255, 0.18);
      transform: translate(-50%, -50%) scale(0.08) rotate(var(--rot));
    }

    .energy-contour {
      width: var(--s);
      height: var(--s);
      opacity: 0;
      border-radius: 999px;
      background:
        radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.9), rgba(121, 226, 255, 0.68) 35%, rgba(130, 100, 255, 0.36) 70%, transparent);
      box-shadow:
        0 0 14px rgba(80, 150, 255, 0.62),
        0 0 28px rgba(150, 94, 255, 0.22);
      transform: translate(-50%, -50%) scale(0.2);
    }

    .energy-spark {
      width: 5px;
      height: 5px;
      border-radius: 999px;
      opacity: 0;
      background: rgba(180, 225, 255, 0.88);
      box-shadow: 0 0 14px rgba(80, 150, 255, 0.7);
      transform: translate(-50%, -50%) scale(0.2);
    }

    .hero-bg .ai-bloom-core,
    .hero-bg .ai-bloom-wave,
    .hero-bg .ai-bloom-shard,
    .hero-bg .ai-bloom-mist,
    .hero-bg .ai-bloom-core::before,
    .hero-bg .ai-bloom-core::after,
    .hero-bg .ai-bloom-mist::before,
    .hero-bg .ai-bloom-mist::after {
      animation: none;
    }

    .hero-bg .hero-bg-asian,
    .hero-bg .ai-bloom-core,
    .hero-bg .ai-bloom-wave,
    .hero-bg .ai-bloom-shard,
    .hero-bg .ai-bloom-mist {
      transition: none !important;
    }

    .hero-bg .ai-bloom-core {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.08) rotate(-17deg);
      transition: opacity 260ms ease, transform 700ms cubic-bezier(0.2, 1, 0.32, 1);
    }

    .hero-bg.is-bursting .ai-bloom-core {
      opacity: 0.96;
      transform: translate(-50%, -50%) scale(0.95) rotate(1deg);
      transition-duration: 260ms;
    }

    .hero-bg.is-releasing .ai-bloom-core {
      opacity: 0;
      transform: translate(-47%, -53%) scale(1.46) rotate(18deg);
      transition-duration: 560ms;
    }

    .hero-bg .ai-bloom-core-secondary {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.06) rotate(25deg);
    }

    .hero-bg.is-bursting .ai-bloom-core-secondary {
      opacity: 0.58;
      transform: translate(-50%, -50%) scale(0.78) rotate(35deg);
    }

    .hero-bg.is-releasing .ai-bloom-core-secondary {
      opacity: 0;
      transform: translate(-44%, -57%) scale(1.22) rotate(52deg);
    }

    .hero-bg .ai-bloom-core::before {
      opacity: 0;
      transform: translate3d(0, 0, 0) scale(0.42) rotate(-14deg);
      transition: opacity 220ms ease, transform 620ms cubic-bezier(0.2, 1, 0.32, 1);
    }

    .hero-bg.is-bursting .ai-bloom-core::before {
      opacity: 0.92;
      transform: translate3d(-7%, -4%, 0) scale(1.04) rotate(-5deg);
    }

    .hero-bg.is-releasing .ai-bloom-core::before {
      opacity: 0;
      transform: translate3d(-22%, -13%, 0) scale(1.3) rotate(14deg);
    }

    .hero-bg .ai-bloom-core::after {
      opacity: 0;
      transform: translate3d(0, 0, 0) scale(0.38) rotate(18deg);
      transition: opacity 220ms ease, transform 620ms cubic-bezier(0.2, 1, 0.32, 1);
    }

    .hero-bg.is-bursting .ai-bloom-core::after {
      opacity: 0.8;
      transform: translate3d(9%, -7%, 0) scale(1.08) rotate(30deg);
    }

    .hero-bg.is-releasing .ai-bloom-core::after {
      opacity: 0;
      transform: translate3d(24%, -17%, 0) scale(1.32) rotate(48deg);
    }

    .hero-bg .ai-bloom-wave {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.08);
      transition: opacity 260ms ease, transform 720ms cubic-bezier(0.2, 1, 0.32, 1);
    }

    .hero-bg.is-bursting .ai-bloom-wave {
      opacity: 0.52;
      transform: translate(-50%, -50%) scale(0.48);
    }

    .hero-bg.is-releasing .ai-bloom-wave {
      opacity: 0;
      transform: translate(-50%, -50%) scale(1.18);
    }

    .hero-bg .ai-bloom-shard {
      opacity: 0;
      transition: opacity 230ms ease, transform 680ms cubic-bezier(0.2, 1, 0.32, 1);
    }

    .hero-bg .ai-bloom-shard-a { transform: translate(-50%, -50%) scale(0.16) rotate(-25deg); }
    .hero-bg .ai-bloom-shard-b { transform: translate(-50%, -50%) scale(0.16) rotate(22deg); }
    .hero-bg .ai-bloom-shard-c { transform: translate(-50%, -50%) scale(0.16) rotate(160deg); }
    .hero-bg .ai-bloom-shard-d { transform: translate(-50%, -50%) scale(0.16) rotate(205deg); }

    .hero-bg.is-bursting .ai-bloom-shard-a { opacity: 0.62; transform: translate(-95%, -92%) scale(0.98) rotate(-34deg); }
    .hero-bg.is-bursting .ai-bloom-shard-b { opacity: 0.58; transform: translate(4%, -86%) scale(1) rotate(22deg); }
    .hero-bg.is-bursting .ai-bloom-shard-c { opacity: 0.5; transform: translate(-104%, 20%) scale(0.95) rotate(168deg); }
    .hero-bg.is-bursting .ai-bloom-shard-d { opacity: 0.46; transform: translate(-2%, 28%) scale(0.92) rotate(212deg); }

    .hero-bg.is-releasing .ai-bloom-shard-a { opacity: 0; transform: translate(-150%, -138%) scale(1.28) rotate(-46deg); }
    .hero-bg.is-releasing .ai-bloom-shard-b { opacity: 0; transform: translate(58%, -130%) scale(1.26) rotate(35deg); }
    .hero-bg.is-releasing .ai-bloom-shard-c { opacity: 0; transform: translate(-154%, 56%) scale(1.2) rotate(178deg); }
    .hero-bg.is-releasing .ai-bloom-shard-d { opacity: 0; transform: translate(52%, 68%) scale(1.18) rotate(224deg); }

    .hero-bg .ai-bloom-mist {
      opacity: 0;
      transition: opacity 280ms ease;
    }

    .hero-bg.is-bursting .ai-bloom-mist {
      opacity: 0.34;
    }

    .hero-bg.is-releasing .ai-bloom-mist {
      opacity: 0.08;
    }

    .hero-bg .ai-bloom-mist::before {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.2) rotate(12deg);
      transition: opacity 260ms ease, transform 680ms cubic-bezier(0.2, 1, 0.32, 1);
    }

    .hero-bg .ai-bloom-mist::after {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.2) rotate(-18deg);
      transition: opacity 260ms ease, transform 680ms cubic-bezier(0.2, 1, 0.32, 1);
    }

    .hero-bg.is-bursting .ai-bloom-mist::before {
      opacity: 0.38;
      transform: translate(-118%, -90%) scale(1.05) rotate(34deg);
    }

    .hero-bg.is-bursting .ai-bloom-mist::after {
      opacity: 0.32;
      transform: translate(42%, -118%) scale(1) rotate(-34deg);
    }

    .hero-bg.is-releasing .ai-bloom-mist::before {
      opacity: 0;
      transform: translate(-160%, -122%) scale(1.36) rotate(54deg);
    }

    .hero-bg.is-releasing .ai-bloom-mist::after {
      opacity: 0;
      transform: translate(86%, -162%) scale(1.3) rotate(-52deg);
    }

    .liquid-card {
      --mx: 50%;
      --my: 50%;
      --rx: 0deg;
      --ry: 0deg;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.34);
      background:
        radial-gradient(150px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.14), transparent 50%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.025) 48%, rgba(255, 255, 255, 0.045)),
        rgba(255, 255, 255, 0.025);
      box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        inset 0 -1px 0 rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(7px) saturate(170%) contrast(110%);
      -webkit-backdrop-filter: blur(7px) saturate(170%) contrast(110%);
      transform: perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0) scale(1);
      transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
      will-change: transform;
    }

    .liquid-card.stagger-item {
      animation-name: liquidFadeIn;
    }

    .liquid-button {
      --mx: 50%;
      --my: 50%;
      --rx: 0deg;
      --ry: 0deg;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      color: rgba(255, 255, 255, 0.95);
      border: 1px solid rgba(255, 255, 255, 0.5);
      background:
        radial-gradient(130px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.28), transparent 54%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.045) 50%, rgba(255, 255, 255, 0.12)),
        rgba(255, 255, 255, 0.075);
      box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        inset 0 -1px 0 rgba(255, 255, 255, 0.18);
      backdrop-filter: blur(9px) saturate(180%) contrast(112%);
      -webkit-backdrop-filter: blur(9px) saturate(180%) contrast(112%);
      text-shadow: 0 1px 18px rgba(255, 255, 255, 0.18);
      transform: perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0) scale(1);
      transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
      will-change: transform;
    }

    .liquid-button.stagger-item {
      animation-name: liquidFadeIn;
    }

    .liquid-button::before {
      content: "";
      position: absolute;
      inset: 1px;
      z-index: -1;
      border-radius: inherit;
      background:
        linear-gradient(110deg, rgba(255, 255, 255, 0.34), transparent 30%, rgba(255, 255, 255, 0.1) 68%, transparent),
        radial-gradient(170px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.28), transparent 56%);
      pointer-events: none;
    }

    .liquid-button::after {
      content: "";
      position: absolute;
      inset: -50%;
      z-index: -1;
      background:
        radial-gradient(circle at var(--mx) var(--my), rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.18) 11%, transparent 34%),
        conic-gradient(from 140deg at var(--mx) var(--my), transparent, rgba(142, 225, 255, 0.18), transparent, rgba(210, 184, 255, 0.16), transparent);
      mix-blend-mode: screen;
      opacity: 0;
      transition: opacity 180ms ease;
      pointer-events: none;
    }

    .liquid-button:hover,
    .liquid-button.is-liquid-active {
      color: #fff;
      border-color: rgba(255, 255, 255, 0.68);
      box-shadow:
        0 30px 76px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(255, 255, 255, 0.24);
      transform: perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-4px) scale(1.018);
    }

    .liquid-button:hover::after,
    .liquid-button.is-liquid-active::after {
      opacity: 1;
    }

    .liquid-card::before {
      content: "";
      position: absolute;
      inset: 1px;
      border-radius: inherit;
      z-index: -1;
      background:
        radial-gradient(180px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.18), transparent 52%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.22), transparent 34%, rgba(255, 255, 255, 0.06) 72%, transparent);
      pointer-events: none;
    }

    .liquid-card::after {
      content: "";
      position: absolute;
      inset: -45%;
      z-index: -1;
      background:
        radial-gradient(circle at var(--mx) var(--my), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.12) 10%, transparent 32%),
        conic-gradient(from 140deg at var(--mx) var(--my), transparent, rgba(142, 225, 255, 0.14), transparent, rgba(210, 184, 255, 0.12), transparent);
      mix-blend-mode: screen;
      opacity: 0;
      transition: opacity 180ms ease;
      pointer-events: none;
    }

    .liquid-card:hover,
    .liquid-card.is-liquid-active {
      border-color: rgba(255, 255, 255, 0.42);
      box-shadow:
        0 30px 72px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.52),
        inset 0 -1px 0 rgba(255, 255, 255, 0.16);
      transform: perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-4px) scale(1.018);
    }

    .liquid-card:hover::after,
    .liquid-card.is-liquid-active::after {
      opacity: 1;
    }

    .feature-label {
      color: rgba(255, 255, 255, 0.92);
      text-shadow: 0 1px 10px rgba(0, 0, 0, 0.42);
      transition: color 180ms ease, text-shadow 180ms ease, transform 180ms ease;
    }

    .liquid-card:hover .feature-label,
    .liquid-card.is-liquid-active .feature-label {
      color: rgba(255, 255, 255, 0.94);
      text-shadow: 0 0 18px rgba(255, 255, 255, 0.28);
      transform: translateY(-1px);
    }

    .liquid-brand,
    .liquid-nav-link,
    .liquid-dropdown-link,
    .liquid-nav-cta,
    .liquid-menu-button {
      --mx: 50%;
      --my: 50%;
      --rx: 0deg;
      --ry: 0deg;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.34);
      background:
        radial-gradient(115px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.18), transparent 56%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.035) 50%, rgba(255, 255, 255, 0.08)),
        rgba(255, 255, 255, 0.045);
      box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.46),
        inset 0 -1px 0 rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(8px) saturate(170%) contrast(110%);
      -webkit-backdrop-filter: blur(8px) saturate(170%) contrast(110%);
      transform: perspective(800px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0) scale(1);
      transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, background 180ms ease;
      will-change: transform;
    }

    .liquid-brand::before,
    .liquid-nav-link::before,
    .liquid-dropdown-link::before,
    .liquid-nav-cta::before,
    .liquid-menu-button::before {
      content: "";
      position: absolute;
      inset: 1px;
      z-index: -1;
      border-radius: inherit;
      background:
        linear-gradient(118deg, rgba(255, 255, 255, 0.34), transparent 34%, rgba(255, 255, 255, 0.09) 72%, transparent),
        radial-gradient(145px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.24), transparent 58%);
      pointer-events: none;
    }

    .liquid-brand::after,
    .liquid-nav-link::after,
    .liquid-dropdown-link::after,
    .liquid-nav-cta::after,
    .liquid-menu-button::after {
      content: "";
      position: absolute;
      inset: -55%;
      z-index: -1;
      background:
        radial-gradient(circle at var(--mx) var(--my), rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.14) 12%, transparent 34%),
        conic-gradient(from 135deg at var(--mx) var(--my), transparent, rgba(142, 225, 255, 0.16), transparent, rgba(210, 184, 255, 0.14), transparent);
      mix-blend-mode: screen;
      opacity: 0;
      transition: opacity 180ms ease;
      pointer-events: none;
    }

    .liquid-brand:hover,
    .liquid-brand.is-liquid-active,
    .liquid-nav-link:hover,
    .liquid-nav-link.is-liquid-active,
    .liquid-dropdown-link:hover,
    .liquid-dropdown-link.is-liquid-active,
    .liquid-nav-cta:hover,
    .liquid-nav-cta.is-liquid-active,
    .liquid-menu-button:hover,
    .liquid-menu-button.is-liquid-active {
      border-color: rgba(255, 255, 255, 0.58);
      box-shadow:
        0 20px 48px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.64),
        inset 0 -1px 0 rgba(255, 255, 255, 0.18);
      transform: perspective(800px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-3px) scale(1.014);
    }

    .liquid-brand:hover::after,
    .liquid-brand.is-liquid-active::after,
    .liquid-nav-link:hover::after,
    .liquid-nav-link.is-liquid-active::after,
    .liquid-dropdown-link:hover::after,
    .liquid-dropdown-link.is-liquid-active::after,
    .liquid-nav-cta:hover::after,
    .liquid-nav-cta.is-liquid-active::after,
    .liquid-menu-button:hover::after,
    .liquid-menu-button.is-liquid-active::after {
      opacity: 1;
    }

    .liquid-nav-link {
      color: rgba(255, 255, 255, 0.82);
      text-shadow: 0 1px 14px rgba(0, 0, 0, 0.2);
    }

    .liquid-dropdown-link {
      width: 100%;
      justify-content: flex-start;
      color: rgba(255, 255, 255, 0.86);
      text-shadow: 0 1px 14px rgba(0, 0, 0, 0.24);
    }

    .liquid-nav-link:hover,
    .liquid-nav-link.is-liquid-active,
    .liquid-dropdown-link:hover,
    .liquid-dropdown-link.is-liquid-active {
      color: #fff;
    }

    .liquid-nav-item {
      position: relative;
    }

    .liquid-dropdown {
      position: absolute;
      left: 0;
      top: calc(100% + 10px);
      min-width: 280px;
      padding: 8px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 18px;
      background:
        radial-gradient(220px circle at 18% 0%, rgba(255, 255, 255, 0.16), transparent 56%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.035) 52%, rgba(255, 255, 255, 0.07)),
        rgba(20, 24, 31, 0.12);
      box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.46),
        inset 0 -1px 0 rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(12px) saturate(180%) contrast(112%);
      -webkit-backdrop-filter: blur(12px) saturate(180%) contrast(112%);
      opacity: 0;
      visibility: hidden;
      transform: translateY(8px) scale(0.98);
      transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
      z-index: 50;
    }

    .language-nav-item .liquid-dropdown {
      left: auto;
      right: 0;
      width: min(420px, calc(100vw - 48px));
      min-width: 320px;
      max-height: min(66vh, 520px);
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      overflow-y: auto;
      overscroll-behavior: contain;
      scrollbar-width: thin;
      scrollbar-color: rgba(255, 255, 255, 0.42) transparent;
    }

    .language-nav-item .liquid-dropdown-link {
      margin-top: 0;
      min-height: 46px;
      white-space: nowrap;
    }

    .language-flag {
      margin-right: 8px;
      font-size: 1rem;
      line-height: 1;
    }

    .liquid-nav-item:hover .liquid-dropdown,
    .liquid-nav-item:focus-within .liquid-dropdown,
    .liquid-nav-item.is-open .liquid-dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0) scale(1);
    }

    .liquid-nav-cta {
      color: rgba(15, 15, 15, 0.96);
      background:
        radial-gradient(120px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.5), transparent 58%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.34) 48%, rgba(255, 255, 255, 0.62)),
        rgba(255, 255, 255, 0.42);
      border-color: rgba(255, 255, 255, 0.72);
      box-shadow:
        0 16px 42px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(255, 255, 255, 0.28);
    }

    .support-fab {
      position: fixed;
      right: 22px;
      bottom: 22px;
      z-index: 70;
      width: 58px;
      height: 58px;
      color: rgba(255, 255, 255, 0.98);
      border: 1px solid rgba(255, 255, 255, 0.62);
      background:
        radial-gradient(circle at var(--lx, 34%) var(--ly, 24%), rgba(255, 255, 255, 0.78), rgba(87, 172, 255, 0.34) 34%, rgba(126, 83, 255, 0.2) 72%, rgba(255, 255, 255, 0.1) 100%),
        linear-gradient(135deg, rgba(66, 172, 255, 0.72), rgba(157, 119, 255, 0.48) 52%, rgba(255, 255, 255, 0.26));
      -webkit-backdrop-filter: blur(20px) saturate(172%) contrast(112%);
      backdrop-filter: blur(20px) saturate(172%) contrast(112%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        inset 0 -14px 28px rgba(74, 118, 255, 0.22),
        0 22px 54px rgba(67, 128, 255, 0.32);
      transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    }

    .support-fab:hover {
      transform: translateY(-3px) scale(1.035);
      border-color: rgba(255, 255, 255, 0.7);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.58),
        inset 0 -14px 28px rgba(255, 255, 255, 0.12),
        0 28px 70px rgba(80, 150, 255, 0.26);
    }

    .support-backdrop {
      position: fixed;
      inset: 0;
      z-index: 80;
      display: grid;
      place-items: end;
      padding: 1rem;
      background: rgba(4, 8, 12, 0.18);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.24s ease, visibility 0.24s ease;
    }

    .support-backdrop.is-open {
      opacity: 1;
      visibility: visible;
    }

    .support-panel {
      width: min(430px, calc(100vw - 2rem));
      border-radius: 1.65rem;
      border: 1px solid rgba(255, 255, 255, 0.42);
      background:
        radial-gradient(circle at var(--lx, 22%) var(--ly, 18%), rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.18) 36%, rgba(101, 126, 154, 0.18) 100%),
        linear-gradient(135deg, rgba(217, 238, 245, 0.34), rgba(255, 255, 255, 0.15));
      -webkit-backdrop-filter: blur(28px) saturate(148%);
      backdrop-filter: blur(28px) saturate(148%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -22px 48px rgba(255, 255, 255, 0.09),
        0 34px 90px rgba(5, 15, 25, 0.32);
      color: white;
      transform: translateY(18px) scale(0.96);
      transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .support-backdrop.is-open .support-panel {
      transform: translateY(0) scale(1);
    }

    .support-field {
      width: 100%;
      border-radius: 1rem;
      border: 1px solid rgba(255, 255, 255, 0.26);
      background: rgba(255, 255, 255, 0.12);
      color: rgba(255, 255, 255, 0.94);
      outline: none;
      -webkit-backdrop-filter: blur(18px) saturate(128%);
      backdrop-filter: blur(18px) saturate(128%);
    }

    .support-field::placeholder {
      color: rgba(255, 255, 255, 0.48);
    }

    .support-field option {
      color: #101820;
      background: #eef5f7;
    }

    .support-tabs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.5rem;
    }

    .support-tab {
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.24);
      background: rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.68);
      -webkit-backdrop-filter: blur(16px) saturate(135%);
      backdrop-filter: blur(16px) saturate(135%);
      transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    }

    .support-tab.is-active {
      color: rgba(12, 16, 22, 0.96);
      border-color: rgba(255, 255, 255, 0.68);
      background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.52)),
        rgba(255, 255, 255, 0.34);
      box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
    }

    .support-pane {
      display: none;
    }

    .support-pane.is-active {
      display: block;
    }

    .ticket-list {
      max-height: min(360px, 52vh);
      overflow: auto;
      padding-right: 2px;
    }

    .ticket-item {
      border: 1px solid rgba(255, 255, 255, 0.18);
      border-radius: 1rem;
      background: rgba(255, 255, 255, 0.1);
      -webkit-backdrop-filter: blur(16px) saturate(128%);
      backdrop-filter: blur(16px) saturate(128%);
    }

    .auth-backdrop {
      position: fixed;
      inset: 0;
      z-index: 90;
      display: grid;
      place-items: center;
      padding: 1rem;
      background:
        radial-gradient(circle at var(--mx, 50%) var(--my, 45%), rgba(80, 150, 255, 0.18), transparent 34%),
        rgba(3, 8, 12, 0.26);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.24s ease, visibility 0.24s ease;
    }

    .auth-backdrop.is-open {
      opacity: 1;
      visibility: visible;
    }

    .auth-panel {
      width: min(460px, calc(100vw - 2rem));
      border-radius: 1.8rem;
      border: 1px solid rgba(255, 255, 255, 0.44);
      background:
        radial-gradient(circle at var(--lx, 18%) var(--ly, 12%), rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.2) 36%, rgba(108, 127, 154, 0.2) 100%),
        linear-gradient(135deg, rgba(225, 244, 250, 0.38), rgba(255, 255, 255, 0.15));
      -webkit-backdrop-filter: blur(30px) saturate(152%);
      backdrop-filter: blur(30px) saturate(152%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.56),
        inset 0 -24px 52px rgba(255, 255, 255, 0.1),
        0 38px 110px rgba(3, 12, 24, 0.36);
      color: white;
      transform: translateY(18px) scale(0.96);
      transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .auth-backdrop.is-open .auth-panel {
      transform: translateY(0) scale(1);
    }

    .auth-tabs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.5rem;
    }

    .auth-tab,
    .auth-field {
      border: 1px solid rgba(255, 255, 255, 0.26);
      background: rgba(255, 255, 255, 0.12);
      color: rgba(255, 255, 255, 0.92);
      -webkit-backdrop-filter: blur(18px) saturate(135%);
      backdrop-filter: blur(18px) saturate(135%);
    }

    .auth-tab {
      border-radius: 999px;
      transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
    }

    .auth-tab.is-active {
      color: rgba(12, 16, 22, 0.96);
      border-color: rgba(255, 255, 255, 0.7);
      background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.54)),
        rgba(255, 255, 255, 0.36);
      box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    .auth-field {
      width: 100%;
      border-radius: 1rem;
      outline: none;
    }

    .auth-field::placeholder {
      color: rgba(255, 255, 255, 0.48);
    }

    .feature-workspace {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      scroll-margin-top: 24px;
      border: 1px solid rgba(255, 255, 255, 0.34);
      background: transparent;
      box-shadow:
        0 34px 90px rgba(24, 32, 44, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        inset 0 -1px 0 rgba(255, 255, 255, 0.12);
    }

    .feature-workspace::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(110deg, rgba(255, 255, 255, 0.18), transparent 24%, rgba(255, 255, 255, 0.06) 68%, transparent),
        radial-gradient(720px circle at 16% 0%, rgba(106, 215, 255, 0.16), transparent 58%),
        radial-gradient(620px circle at 88% 14%, rgba(170, 110, 255, 0.14), transparent 58%);
      pointer-events: none;
    }

    .award-section {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      background: transparent;
    }

    .award-section > * {
      position: relative;
      z-index: 1;
    }

    .award-section::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background:
        var(--award-section-gradient),
        radial-gradient(760px circle at 18% 10%, rgba(255, 255, 255, 0.34), transparent 58%),
        radial-gradient(680px circle at 82% 20%, rgba(255, 255, 255, 0.18), transparent 60%);
      opacity: var(--award-section-opacity, 1);
      -webkit-backdrop-filter: blur(35px) saturate(120%);
      backdrop-filter: blur(35px) saturate(120%);
    }

    .award-section::after {
      content: "";
      position: absolute;
      inset: 1px;
      z-index: 0;
      border-radius: inherit;
      pointer-events: none;
      background:
        linear-gradient(118deg, rgba(255, 255, 255, 0.24), transparent 34%, rgba(255, 255, 255, 0.08) 72%, transparent),
        radial-gradient(760px circle at 18% 0%, rgba(255, 255, 255, 0.16), transparent 58%),
        radial-gradient(620px circle at 88% 16%, rgba(255, 255, 255, 0.1), transparent 58%);
      opacity: 0.75;
    }

    .award-section-blue {
      --award-section-gradient:
        linear-gradient(90deg,
          rgba(121, 171, 202, 0.9) 0%,
          rgba(155, 204, 228, 0.86) 24%,
          rgba(91, 124, 155, 0.84) 55%,
          rgba(38, 54, 83, 0.9) 72%,
          rgba(164, 207, 230, 0.84) 100%);
    }

    .award-section-deep-green {
      --award-section-gradient:
        linear-gradient(90deg,
          rgba(37, 63, 45, 0.92) 0%,
          rgba(91, 125, 85, 0.86) 28%,
          rgba(104, 134, 95, 0.84) 48%,
          rgba(22, 35, 27, 0.94) 78%,
          rgba(129, 160, 119, 0.84) 100%);
    }

    .award-section-mist {
      --award-section-gradient:
        linear-gradient(90deg,
          rgba(84, 99, 76, 0.9) 0%,
          rgba(209, 213, 191, 0.86) 24%,
          rgba(147, 166, 135, 0.84) 48%,
          rgba(188, 195, 170, 0.86) 78%,
          rgba(68, 82, 60, 0.92) 100%);
    }

    .award-section-amber {
      --award-section-gradient:
        linear-gradient(90deg,
          rgba(63, 47, 44, 0.92) 0%,
          rgba(104, 77, 62, 0.86) 28%,
          rgba(188, 151, 112, 0.84) 58%,
          rgba(156, 100, 63, 0.86) 72%,
          rgba(82, 63, 56, 0.92) 100%);
    }

    .award-section-purple {
      --award-section-gradient:
        linear-gradient(120deg,
          rgba(118,96,222,.86) 0%,
          rgba(173,126,255,.78) 30%,
          rgba(93,145,235,.72) 56%,
          rgba(219,186,255,.76) 100%);
      --award-section-opacity: .74;
    }

    .award-section-dark {
      --award-section-gradient:
        linear-gradient(90deg,
          rgba(24, 27, 28, 0.94) 0%,
          rgba(93, 100, 100, 0.82) 42%,
          rgba(50, 54, 55, 0.9) 64%,
          rgba(18, 20, 22, 0.96) 100%);
      --award-section-opacity: 1;
    }

    .feature-mode,
    .upload-card,
    .preview-panel,
    .tool-pill,
    .feature-action {
      --mx: 50%;
      --my: 50%;
      --rx: 0deg;
      --ry: 0deg;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.28);
      background:
        radial-gradient(180px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.14), transparent 58%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.035) 50%, rgba(255, 255, 255, 0.07)),
        rgba(255, 255, 255, 0.045);
      box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        inset 0 -1px 0 rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(10px) saturate(175%) contrast(112%);
      -webkit-backdrop-filter: blur(10px) saturate(175%) contrast(112%);
      transform: perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0) scale(1);
      transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease, color 180ms ease;
      will-change: transform;
    }

    .feature-mode::before,
    .upload-card::before,
    .preview-panel::before,
    .tool-pill::before,
    .feature-action::before {
      content: "";
      position: absolute;
      inset: 1px;
      z-index: -1;
      border-radius: inherit;
      background:
        linear-gradient(118deg, rgba(255, 255, 255, 0.26), transparent 34%, rgba(255, 255, 255, 0.08) 72%, transparent),
        radial-gradient(190px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.18), transparent 58%);
      pointer-events: none;
    }

    .feature-mode::after,
    .upload-card::after,
    .preview-panel::after,
    .tool-pill::after,
    .feature-action::after {
      content: "";
      position: absolute;
      inset: -50%;
      z-index: -1;
      background:
        radial-gradient(circle at var(--mx) var(--my), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.12) 12%, transparent 34%),
        conic-gradient(from 135deg at var(--mx) var(--my), transparent, rgba(142, 225, 255, 0.15), transparent, rgba(210, 184, 255, 0.14), transparent);
      mix-blend-mode: screen;
      opacity: 0;
      transition: opacity 180ms ease;
      pointer-events: none;
    }

    .feature-mode:hover,
    .feature-mode.is-active,
    .feature-mode.is-liquid-active,
    .upload-card:hover,
    .upload-card.is-liquid-active,
    .preview-panel:hover,
    .preview-panel.is-liquid-active,
    .tool-pill:hover,
    .tool-pill.is-liquid-active,
    .feature-action:hover,
    .feature-action.is-liquid-active {
      border-color: rgba(255, 255, 255, 0.48);
      box-shadow:
        0 26px 64px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.58),
        inset 0 -1px 0 rgba(255, 255, 255, 0.16);
      transform: perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-3px) scale(1.012);
    }

    .feature-mode:hover::after,
    .feature-mode.is-active::after,
    .feature-mode.is-liquid-active::after,
    .upload-card:hover::after,
    .upload-card.is-liquid-active::after,
    .preview-panel:hover::after,
    .preview-panel.is-liquid-active::after,
    .tool-pill:hover::after,
    .tool-pill.is-liquid-active::after,
    .feature-action:hover::after,
    .feature-action.is-liquid-active::after {
      opacity: 1;
    }

    .feature-mode.is-active {
      background:
        radial-gradient(220px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.22), transparent 58%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.055) 50%, rgba(255, 255, 255, 0.1)),
        rgba(255, 255, 255, 0.08);
    }

    .upload-card input[type="file"] {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
    }

    .upload-preview img,
    .upload-preview video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 18px;
    }

    .feature-action {
      border-color: rgba(255, 255, 255, 0.64);
      color: rgba(15, 15, 15, 0.96);
      background:
        radial-gradient(160px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.52), transparent 58%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.36) 48%, rgba(255, 255, 255, 0.62)),
        rgba(255, 255, 255, 0.42);
    }

    .seo-media {
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.18);
      background: rgba(0, 0, 0, 0.16);
    }

    .seo-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .faq-item summary {
      cursor: pointer;
      list-style: none;
    }

    .faq-item summary::-webkit-details-marker {
      display: none;
    }

    .faq-item[open] {
      border-color: rgba(255, 255, 255, 0.46);
    }

    @media (max-width: 767px) {
      .mobile-menu {
        max-width: calc(100vw - 2rem);
        max-height: min(72vh, 620px);
        overflow-y: auto;
      }

      .hero-mobile-dock {
        bottom: 12px;
      }

      .hero-action-row {
        gap: 10px;
      }

      .hero-mobile-dock a {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
      }
    }

    @media (max-width: 390px) {
      .liquid-brand {
        padding-left: 0.78rem !important;
        padding-right: 0.78rem !important;
        font-size: 1.12rem !important;
        letter-spacing: 0.08em !important;
      }

      .mobile-top-cta {
        min-width: 5.55rem;
        padding-left: 0.72rem !important;
        padding-right: 0.72rem !important;
        font-size: 0.68rem !important;
        letter-spacing: 0.04em;
      }
    }
/* data-ds-product-css="liquid-glass" */
:root {
    --ds-glass-bg:
      radial-gradient(circle at var(--mx, 22%) var(--my, 14%), rgba(255,255,255,.88), rgba(255,255,255,.30) 22%, rgba(204,229,255,.16) 52%, rgba(255,255,255,.10) 100%),
      radial-gradient(circle at 86% 92%, rgba(145,183,255,.18), transparent 34%),
      linear-gradient(145deg, rgba(255,255,255,.48) 0%, rgba(255,255,255,.20) 42%, rgba(202,224,248,.18) 64%, rgba(255,255,255,.32) 100%);
    --ds-glass-border: rgba(255,255,255,.82);
    --ds-glass-shadow:
      0 34px 90px rgba(45,67,98,.18),
      0 10px 26px rgba(63,92,132,.10),
      inset 0 1px 0 rgba(255,255,255,.98),
      inset 0 -1px 0 rgba(80,105,140,.16),
      inset 10px 10px 34px rgba(255,255,255,.20),
      inset -18px -24px 44px rgba(112,155,210,.14);
  }

  .award-bg-stripes,
  .award-bg-burn,
  .ds-bgflute,
  [class*="stripe"],
  [class*="Stripe"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: transparent !important;
    background-image: none !important;
  }

  body,
  .soft-bg,
  .award-bg,
  .award-veil {
    background-image:
      radial-gradient(circle at 16% 8%, rgba(127,195,255,.20), transparent 34%),
      radial-gradient(circle at 82% 12%, rgba(180,154,255,.18), transparent 36%),
      linear-gradient(135deg, #fbfdff 0%, #eef6ff 48%, #fbf8ff 100%) !important;
  }

  .glass,
  .glass-track,
  .panel,
  .metric,
  .table-wrap,
  .modal-card,
  .detail-cell,
  .profile-tab,
  .support-panel,
  .support-field,
  .support-tab,
  .topup-panel,
  .credit-card,
  .payment-card,
  .feature-card,
  .workspace-shell,
  .hero-card,
  .tool-card,
  .faq-card,
  .pill,
  .button:not(.white-pill) {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border-color: var(--ds-glass-border) !important;
    background: var(--ds-glass-bg) !important;
    -webkit-backdrop-filter: blur(26px) saturate(185%) contrast(110%) brightness(106%) !important;
    backdrop-filter: blur(26px) saturate(185%) contrast(110%) brightness(106%) !important;
    box-shadow: var(--ds-glass-shadow) !important;
  }

  .glass::before,
  .glass-track::before,
  .panel::before,
  .metric::before,
  .table-wrap::before,
  .modal-card::before,
  .profile-tab::before,
  .support-panel::before,
  .topup-panel::before,
  .feature-card::before,
  .workspace-shell::before,
  .hero-card::before,
  .tool-card::before,
  .faq-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    z-index: 0 !important;
    display: block !important;
    background-image:
      radial-gradient(ellipse at 18% 10%, rgba(255,255,255,.70), rgba(255,255,255,.18) 30%, transparent 58%),
      radial-gradient(ellipse at 88% 85%, rgba(107,158,235,.18), transparent 42%),
      linear-gradient(128deg, rgba(255,255,255,.34), transparent 38%, rgba(255,255,255,.16) 72%, transparent) !important;
    opacity: .86 !important;
  }

  .glass::after,
  .texture::after,
  .glass-track::after,
  .panel::after,
  .metric::after,
  .table-wrap::after,
  .modal-card::after,
  .profile-tab::after,
  .support-panel::after,
  .topup-panel::after,
  .feature-card::after,
  .workspace-shell::after,
  .hero-card::after,
  .tool-card::after,
  .faq-card::after,
  .award-section::after {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    z-index: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: .82 !important;
    background-image:
      radial-gradient(ellipse at 12% 0%, rgba(255,255,255,.62), rgba(255,255,255,.16) 28%, transparent 48%),
      radial-gradient(ellipse at 72% 100%, rgba(150,196,255,.20), transparent 36%),
      linear-gradient(150deg, rgba(255,255,255,.28) 0%, transparent 34%, rgba(255,255,255,.14) 68%, transparent 100%) !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    mix-blend-mode: normal !important;
  }

  .glass > *,
  .glass-track > *,
  .panel > *,
  .metric > *,
  .table-wrap > *,
  .modal-card > *,
  .profile-tab > *,
  .support-panel > *,
  .topup-panel > *,
  .feature-card > *,
  .workspace-shell > *,
  .hero-card > *,
  .tool-card > *,
  .faq-card > * {
    position: relative !important;
    z-index: 1 !important;
  }

  .award-section::before {
    background-image: var(--award-section-gradient, linear-gradient(135deg, rgba(255,255,255,.40), rgba(226,239,255,.24), rgba(255,255,255,.28))) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  .white-pill,
  button.white-pill,
  .feature-action.white-pill {
    color: #101827 !important;
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(238,247,255,.88)) !important;
    border-color: rgba(255,255,255,.96) !important;
    -webkit-backdrop-filter: blur(24px) saturate(140%) !important;
    backdrop-filter: blur(24px) saturate(140%) !important;
    box-shadow: 0 18px 44px rgba(70,92,128,.14), inset 0 1px 0 rgba(255,255,255,.95) !important;
  }
/* data-ds-product-css="static-liquid-refraction" */
.ds-liquid-svg-defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
  }

  .glass,
  .glass-track,
  .panel,
  .metric,
  .table-wrap,
  .modal-card,
  .detail-cell,
  .profile-tab,
  .support-panel,
  .support-field,
  .support-tab,
  .topup-panel,
  .credit-card,
  .payment-card,
  .feature-card,
  .workspace-shell,
  .hero-card,
  .tool-card,
  .faq-card,
  .liquid-brand,
  .liquid-nav-link,
  .liquid-nav-cta,
  .liquid-menu-button,
  .liquid-dropdown,
  .liquid-dropdown-link,
  .mobile-menu,
  .pill,
  .button:not(.white-pill),
  .feature-action,
  .white-pill {
    --ds-liquid-tint:
      radial-gradient(circle at var(--mx, 18%) var(--my, 10%), rgba(255,255,255,.46), rgba(255,255,255,.12) 28%, rgba(198,226,255,.055) 62%, rgba(255,255,255,.035) 100%),
      linear-gradient(145deg, rgba(255,255,255,.20), rgba(210,230,255,.055) 46%, rgba(255,255,255,.12));
    background: var(--ds-liquid-tint) !important;
    border-color: rgba(255,255,255,.74) !important;
    -webkit-backdrop-filter: url(#ds-liquid-backdrop-refract) blur(4px) saturate(196%) contrast(118%) brightness(110%) !important;
    backdrop-filter: url(#ds-liquid-backdrop-refract) blur(4px) saturate(196%) contrast(118%) brightness(110%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      inset 0 -1px 0 rgba(70,96,135,.26),
      inset 18px 18px 42px rgba(255,255,255,.12),
      inset -22px -24px 52px rgba(80,130,200,.12),
      0 22px 56px rgba(34,54,86,.14) !important;
  }

  .glass::before,
  .glass-track::before,
  .panel::before,
  .metric::before,
  .table-wrap::before,
  .modal-card::before,
  .profile-tab::before,
  .support-panel::before,
  .topup-panel::before,
  .feature-card::before,
  .workspace-shell::before,
  .hero-card::before,
  .tool-card::before,
  .faq-card::before,
  .liquid-brand::before,
  .liquid-nav-link::before,
  .liquid-nav-cta::before,
  .liquid-menu-button::before,
  .liquid-dropdown::before,
  .liquid-dropdown-link::before,
  .mobile-menu::before {
    background-image:
      radial-gradient(ellipse at 16% 5%, rgba(255,255,255,.70), rgba(255,255,255,.12) 30%, transparent 54%),
      radial-gradient(ellipse at 92% 88%, rgba(121,171,245,.18), transparent 42%),
      linear-gradient(126deg, rgba(255,255,255,.26), transparent 36%, rgba(255,255,255,.12) 72%, transparent) !important;
  }

  .glass::after,
  .texture::after,
  .glass-track::after,
  .panel::after,
  .metric::after,
  .table-wrap::after,
  .modal-card::after,
  .profile-tab::after,
  .support-panel::after,
  .topup-panel::after,
  .feature-card::after,
  .workspace-shell::after,
  .hero-card::after,
  .tool-card::after,
  .faq-card::after,
  .liquid-brand::after,
  .liquid-nav-link::after,
  .liquid-nav-cta::after,
  .liquid-menu-button::after,
  .liquid-dropdown::after,
  .liquid-dropdown-link::after,
  .mobile-menu::after,
  .award-section::after {
    background-image:
      linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.025) 28%, transparent 58%),
      radial-gradient(ellipse at 0% 0%, rgba(255,255,255,.58), rgba(255,255,255,.09) 32%, transparent 55%),
      radial-gradient(ellipse at 100% 100%, rgba(102,156,238,.18), transparent 42%) !important;
    opacity: .64 !important;
  }

  .tool-pill,
  .feature-action,
  .liquid-brand,
  .liquid-nav-link,
  .liquid-nav-cta,
  .liquid-menu-button,
  .liquid-dropdown-link,
  .profile-tab,
  .support-field {
    -webkit-backdrop-filter: url(#ds-liquid-backdrop-refract) blur(3px) saturate(205%) contrast(120%) brightness(111%) !important;
    backdrop-filter: url(#ds-liquid-backdrop-refract) blur(3px) saturate(205%) contrast(120%) brightness(111%) !important;
  }

  .white-pill {
    color: #101827 !important;
    background:
      radial-gradient(circle at 22% 12%, rgba(255,255,255,.92), rgba(255,255,255,.58) 34%, rgba(230,243,255,.36) 70%),
      linear-gradient(145deg, rgba(255,255,255,.84), rgba(232,244,255,.48)) !important;
  }

  .liquid-dropdown,
  .mobile-menu {
    background:
      radial-gradient(circle at 18% 8%, rgba(255,255,255,.36), rgba(255,255,255,.10) 34%, rgba(180,205,255,.045) 72%),
      linear-gradient(145deg, rgba(255,255,255,.18), rgba(214,229,255,.06) 48%, rgba(255,255,255,.10)) !important;
    -webkit-backdrop-filter: url(#ds-liquid-backdrop-refract) blur(2px) saturate(215%) contrast(122%) brightness(112%) !important;
    backdrop-filter: url(#ds-liquid-backdrop-refract) blur(2px) saturate(215%) contrast(122%) brightness(112%) !important;
    border-color: rgba(255,255,255,.72) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      inset 0 -1px 0 rgba(65,90,130,.24),
      inset 22px 20px 54px rgba(255,255,255,.10),
      inset -26px -28px 58px rgba(74,122,195,.13),
      0 26px 66px rgba(28,46,74,.18) !important;
  }

  .liquid-dropdown-link {
    background:
      radial-gradient(circle at 20% 10%, rgba(255,255,255,.42), rgba(255,255,255,.11) 32%, rgba(255,255,255,.035) 78%),
      linear-gradient(145deg, rgba(255,255,255,.18), rgba(210,229,255,.055)) !important;
  }
/* data-ds-product-css="liquid-clone-refraction" */
.ds-liquid-clone-svg-defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
  }

  .glass,
  .glass-track,
  .panel,
  .metric,
  .table-wrap,
  .modal-card,
  .detail-cell,
  .profile-tab,
  .support-panel,
  .support-field,
  .support-tab,
  .topup-panel,
  .credit-card,
  .payment-card,
  .feature-card,
  .preview-panel,
  .workspace-shell,
  .hero-card,
  .tool-card,
  .faq-card,
  .liquid-card,
  .liquid-button,
  .tool-pill,
  .auth-panel,
  .auth-tab,
  .pill,
  .button:not(.white-pill),
  .feature-action,
  .white-pill {
    background:
      radial-gradient(220px circle at var(--mx, 18%) var(--my, 10%), rgba(255,255,255,.20), rgba(255,255,255,.055) 34%, rgba(255,255,255,.014) 72%),
      linear-gradient(132deg, rgba(255,255,255,.095), rgba(130,178,235,.028) 46%, rgba(255,255,255,.052)) !important;
    border-color: rgba(255,255,255,.78) !important;
    -webkit-backdrop-filter: url(#ds-liquid-lens-refract) blur(.55px) saturate(216%) contrast(120%) brightness(108%) !important;
    backdrop-filter: url(#ds-liquid-lens-refract) blur(.55px) saturate(216%) contrast(120%) brightness(108%) !important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,.88),
      inset -1px -1px 0 rgba(46,66,102,.24),
      inset 0 0 0 1px rgba(255,255,255,.12),
      inset 16px 18px 36px rgba(255,255,255,.09),
      inset -18px -20px 46px rgba(64,112,190,.13),
      0 24px 58px rgba(34,54,86,.11) !important;
  }

  .glass::before,
  .glass-track::before,
  .panel::before,
  .metric::before,
  .table-wrap::before,
  .modal-card::before,
  .profile-tab::before,
  .support-panel::before,
  .topup-panel::before,
  .feature-card::before,
  .preview-panel::before,
  .workspace-shell::before,
  .hero-card::before,
  .tool-card::before,
  .faq-card::before,
  .liquid-card::before,
  .liquid-button::before,
  .tool-pill::before,
  .auth-panel::before,
  .auth-tab::before {
    background:
      linear-gradient(118deg, rgba(255,255,255,.32), transparent 29%, rgba(255,255,255,.075) 70%, transparent),
      radial-gradient(210px circle at var(--mx, 18%) var(--my, 10%), rgba(255,255,255,.18), transparent 62%) !important;
    opacity: .82 !important;
  }

  .glass::after,
  .glass-track::after,
  .panel::after,
  .metric::after,
  .table-wrap::after,
  .modal-card::after,
  .profile-tab::after,
  .support-panel::after,
  .topup-panel::after,
  .feature-card::after,
  .preview-panel::after,
  .workspace-shell::after,
  .hero-card::after,
  .tool-card::after,
  .faq-card::after,
  .liquid-card::after,
  .liquid-button::after,
  .tool-pill::after,
  .auth-panel::after,
  .auth-tab::after {
    background:
      radial-gradient(ellipse at 6% 0%, rgba(255,255,255,.44), rgba(255,255,255,.075) 28%, transparent 56%),
      radial-gradient(ellipse at 100% 100%, rgba(82,158,255,.18), transparent 42%),
      linear-gradient(140deg, rgba(255,255,255,.16), transparent 38%, rgba(255,255,255,.07) 76%, transparent) !important;
    opacity: .62 !important;
    mix-blend-mode: screen;
  }

  .award-section.feature-workspace {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
  }

  .award-section .preview-panel,
  .award-section .feature-card,
  .award-section .tool-pill,
  .award-section .feature-action {
    color: rgba(255,255,255,.96) !important;
    text-shadow: 0 1px 16px rgba(0,0,0,.34) !important;
    background:
      radial-gradient(180px circle at var(--mx, 18%) var(--my, 10%), rgba(255,255,255,.16), rgba(255,255,255,.045) 34%, rgba(255,255,255,.012) 74%),
      linear-gradient(135deg, rgba(6,18,28,.24), rgba(62,118,190,.10) 50%, rgba(255,255,255,.055)) !important;
    border-color: rgba(255,255,255,.56) !important;
    -webkit-backdrop-filter: url(#ds-liquid-lens-refract) blur(.32px) saturate(190%) contrast(114%) brightness(98%) !important;
    backdrop-filter: url(#ds-liquid-lens-refract) blur(.32px) saturate(190%) contrast(114%) brightness(98%) !important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,.62),
      inset -1px -1px 0 rgba(10,22,40,.28),
      inset 10px 12px 28px rgba(255,255,255,.055),
      inset -14px -16px 34px rgba(26,72,145,.12),
      0 18px 42px rgba(15,28,52,.12) !important;
  }

  .award-section .preview-panel::before,
  .award-section .feature-card::before,
  .award-section .tool-pill::before,
  .award-section .feature-action::before {
    background:
      linear-gradient(118deg, rgba(255,255,255,.22), transparent 31%, rgba(255,255,255,.055) 72%, transparent),
      radial-gradient(170px circle at var(--mx, 18%) var(--my, 10%), rgba(255,255,255,.13), transparent 64%) !important;
    opacity: .48 !important;
  }

  .award-section .preview-panel::after,
  .award-section .feature-card::after,
  .award-section .tool-pill::after,
  .award-section .feature-action::after {
    background:
      radial-gradient(ellipse at 8% 0%, rgba(255,255,255,.32), rgba(255,255,255,.055) 28%, transparent 58%),
      radial-gradient(ellipse at 100% 100%, rgba(82,158,255,.14), transparent 44%),
      linear-gradient(140deg, rgba(255,255,255,.10), transparent 40%, rgba(255,255,255,.045) 78%, transparent) !important;
    opacity: .38 !important;
  }

  .hero-bg .liquid-brand,
  .hero-bg .liquid-nav-link,
  .hero-bg .liquid-dropdown-link,
  .hero-bg .liquid-nav-cta,
  .hero-bg .liquid-menu-button,
  .hero-bg .liquid-dropdown,
  .hero-bg .mobile-menu {
    isolation: isolate !important;
    overflow: hidden !important;
    background:
      radial-gradient(135px circle at var(--mx, 22%) var(--my, 14%), rgba(255,255,255,.22), rgba(255,255,255,.065) 34%, rgba(255,255,255,.018) 72%),
      linear-gradient(128deg, rgba(255,255,255,.08), rgba(120,176,235,.024) 42%, rgba(255,255,255,.045)) !important;
    border-color: rgba(255,255,255,.82) !important;
    -webkit-backdrop-filter: blur(.35px) saturate(218%) contrast(121%) brightness(106%) !important;
    backdrop-filter: blur(.35px) saturate(218%) contrast(121%) brightness(106%) !important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,.96),
      inset -1px -1px 0 rgba(38,58,92,.34),
      inset 0 0 0 2px rgba(255,255,255,.16),
      inset 12px 14px 28px rgba(255,255,255,.12),
      inset -15px -18px 36px rgba(32,90,170,.18),
      0 18px 46px rgba(18,32,56,.16) !important;
  }

  .hero-bg .liquid-dropdown {
    background:
      radial-gradient(240px circle at var(--mx, 22%) var(--my, 10%), rgba(255,255,255,.16), rgba(255,255,255,.035) 42%, rgba(255,255,255,.012) 76%),
      linear-gradient(135deg, rgba(7,22,30,.10), rgba(88,150,225,.035) 48%, rgba(255,255,255,.045)) !important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,.92),
      inset -1px -1px 0 rgba(40,62,98,.34),
      inset 0 0 0 2px rgba(255,255,255,.14),
      inset 24px 22px 52px rgba(255,255,255,.08),
      inset -30px -30px 68px rgba(38,92,170,.18),
      0 28px 72px rgba(12,24,44,.22) !important;
  }

  .hero-bg .liquid-nav-cta {
    color: rgba(10,15,24,.96) !important;
    background:
      radial-gradient(150px circle at var(--mx, 20%) var(--my, 10%), rgba(255,255,255,.88), rgba(255,255,255,.40) 40%, rgba(235,246,255,.18) 78%),
      linear-gradient(138deg, rgba(255,255,255,.68), rgba(228,241,255,.28) 48%, rgba(255,255,255,.46)) !important;
  }

  .hero-bg .ds-liquid-clone-layer {
    position: absolute;
    inset: -24px;
    z-index: -2;
    pointer-events: none;
    border-radius: inherit;
    opacity: .98;
    background-repeat: no-repeat;
    filter: url(#ds-liquid-lens-refract) saturate(1.48) contrast(1.18) brightness(1.08);
    transform: scale(1.125) translate3d(var(--ds-dx, 0px), var(--ds-dy, 0px), 0);
    transition: opacity 260ms ease, transform 260ms ease, filter 260ms ease;
    will-change: background-position, background-size, transform;
  }

  .hero-bg .ds-liquid-clone-layer::before,
  .hero-bg .ds-liquid-clone-layer::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-image: inherit;
    background-size: inherit;
    background-position: inherit;
    background-repeat: inherit;
    pointer-events: none;
  }

  .hero-bg .ds-liquid-clone-layer::before {
    opacity: .34;
    filter: saturate(1.8) hue-rotate(18deg) contrast(1.18);
    transform: translate3d(1.4px, -1.1px, 0) scale(1.006);
    mix-blend-mode: screen;
  }

  .hero-bg .ds-liquid-clone-layer::after {
    inset: -1px;
    opacity: .26;
    filter: saturate(1.65) hue-rotate(-20deg) contrast(1.12);
    transform: translate3d(-1.2px, 1.2px, 0) scale(1.006);
    mix-blend-mode: multiply;
  }

  .hero-bg .liquid-dropdown .ds-liquid-clone-layer,
  .hero-bg .mobile-menu .ds-liquid-clone-layer {
    inset: -34px;
    opacity: 1;
    filter: url(#ds-liquid-lens-refract) saturate(1.58) contrast(1.22) brightness(1.09);
    transform: scale(1.16) translate3d(var(--ds-dx, 0px), var(--ds-dy, 0px), 0);
  }

  .hero-bg .liquid-brand::before,
  .hero-bg .liquid-nav-link::before,
  .hero-bg .liquid-dropdown-link::before,
  .hero-bg .liquid-nav-cta::before,
  .hero-bg .liquid-menu-button::before,
  .hero-bg .liquid-dropdown::before,
  .hero-bg .mobile-menu::before {
    z-index: -1 !important;
    background:
      linear-gradient(116deg, rgba(255,255,255,.32), transparent 28%, rgba(255,255,255,.08) 70%, transparent),
      radial-gradient(170px circle at var(--mx, 30%) var(--my, 8%), rgba(255,255,255,.18), transparent 64%) !important;
  }

  .hero-bg .liquid-brand::after,
  .hero-bg .liquid-nav-link::after,
  .hero-bg .liquid-dropdown-link::after,
  .hero-bg .liquid-nav-cta::after,
  .hero-bg .liquid-menu-button::after,
  .hero-bg .liquid-dropdown::after,
  .hero-bg .mobile-menu::after {
    z-index: -1 !important;
    opacity: .78 !important;
    background:
      radial-gradient(ellipse at 8% 0%, rgba(255,255,255,.48), rgba(255,255,255,.08) 28%, transparent 56%),
      radial-gradient(ellipse at 100% 100%, rgba(82,158,255,.22), transparent 42%),
      linear-gradient(140deg, rgba(255,255,255,.20), transparent 38%, rgba(255,255,255,.08) 76%, transparent) !important;
    mix-blend-mode: screen;
  }

  .hero-bg .liquid-dropdown-link {
    background:
      radial-gradient(180px circle at var(--mx, 20%) var(--my, 12%), rgba(255,255,255,.18), rgba(255,255,255,.035) 46%, rgba(255,255,255,.012) 78%),
      linear-gradient(132deg, rgba(8,20,30,.08), rgba(255,255,255,.035) 46%, rgba(80,150,235,.035)) !important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,.72),
      inset -1px -1px 0 rgba(48,70,110,.22),
      inset 9px 10px 22px rgba(255,255,255,.07),
      inset -10px -12px 26px rgba(48,102,190,.12) !important;
  }

  .hero-bg .liquid-brand:hover .ds-liquid-clone-layer,
  .hero-bg .liquid-nav-link:hover .ds-liquid-clone-layer,
  .hero-bg .liquid-dropdown-link:hover .ds-liquid-clone-layer,
  .hero-bg .liquid-nav-cta:hover .ds-liquid-clone-layer,
  .hero-bg .liquid-menu-button:hover .ds-liquid-clone-layer {
    opacity: .98;
    filter: url(#ds-liquid-lens-refract) saturate(1.72) contrast(1.24) brightness(1.12);
    transform: scale(1.18) translate3d(var(--ds-dx, 0px), var(--ds-dy, 0px), 0);
  }

  @media (max-width: 767px) {
    .hero-bg .liquid-dropdown .ds-liquid-clone-layer,
    .hero-bg .mobile-menu .ds-liquid-clone-layer {
      opacity: .82;
    }
  }
/* data-ds-product-css="site-fixes" */
:root {
  --ds-ink: #161b1a;
  --ds-paper: #f6f7f5;
  --ds-line: #d9dfdc;
  --ds-teal: #19c7b1;
  --ds-coral: #ff6b6b;
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; gap: 20px !important; background: #0f1312 !important; padding: 16px !important; }
@supports (content-visibility: auto) {
  body > :where(.feature-workspace:not(#overview):not(#free-trial), footer) {
    content-visibility: auto;
    contain-intrinsic-size: auto 900px;
  }

  @media (max-width: 767px) {
    html {
      --ds-cis-workspace-photo: 2424px; --ds-cis-workspace-video: 2411px; --ds-cis-workspace-batch: 2462px; --ds-cis-workspace-group: 2496px; --ds-cis-workspace-gif: 2251px;
      --ds-cis-features: 1628px; --ds-cis-how: 782px; --ds-cis-results: 426px; --ds-cis-safety: 707px;
      --ds-cis-pricing: 1402px; --ds-cis-practical: 3168px; --ds-cis-faq: 613px; --ds-cis-footer: 639px;
      --ds-cis-preflight: 900px; --ds-cis-workflow-facts: 1050px; --ds-cis-cost: 800px; --ds-cis-intent: 1200px;
    }
    html:lang(zh-CN) {
      --ds-cis-workspace-photo: 2241px; --ds-cis-workspace-video: 2253px; --ds-cis-workspace-batch: 2303px; --ds-cis-workspace-group: 2287px; --ds-cis-workspace-gif: 2091px;
      --ds-cis-features: 1400px; --ds-cis-how: 710px; --ds-cis-results: 332px; --ds-cis-safety: 599px;
      --ds-cis-pricing: 1332px; --ds-cis-practical: 1763px; --ds-cis-faq: 469px; --ds-cis-footer: 489px;
    }
    html:lang(zh-Hant) {
      --ds-cis-workspace-photo: 2241px; --ds-cis-workspace-video: 2253px; --ds-cis-workspace-batch: 2303px; --ds-cis-workspace-group: 2287px; --ds-cis-workspace-gif: 2091px;
      --ds-cis-features: 1436px; --ds-cis-how: 710px; --ds-cis-results: 332px; --ds-cis-safety: 599px;
      --ds-cis-pricing: 1332px; --ds-cis-practical: 1763px; --ds-cis-faq: 469px; --ds-cis-footer: 489px;
    }
    html:lang(ja) {
      --ds-cis-workspace-photo: 2437px; --ds-cis-workspace-video: 2474px; --ds-cis-workspace-batch: 2499px; --ds-cis-workspace-group: 2479px; --ds-cis-workspace-gif: 2307px;
      --ds-cis-features: 1604px; --ds-cis-how: 874px; --ds-cis-results: 332px; --ds-cis-safety: 731px;
      --ds-cis-pricing: 1352px; --ds-cis-practical: 2024px; --ds-cis-faq: 589px; --ds-cis-footer: 693px;
    }
    html:lang(ko) {
      --ds-cis-workspace-photo: 2249px; --ds-cis-workspace-video: 2266px; --ds-cis-workspace-batch: 2311px; --ds-cis-workspace-group: 2295px; --ds-cis-workspace-gif: 2099px;
      --ds-cis-features: 1484px; --ds-cis-how: 734px; --ds-cis-results: 332px; --ds-cis-safety: 623px;
      --ds-cis-pricing: 1332px; --ds-cis-practical: 1916px; --ds-cis-faq: 497px; --ds-cis-footer: 465px;
    }
    html:lang(ru) {
      --ds-cis-workspace-photo: 2966px; --ds-cis-workspace-video: 2852px; --ds-cis-workspace-batch: 3048px; --ds-cis-workspace-group: 2988px; --ds-cis-workspace-gif: 2692px;
      --ds-cis-features: 1852px; --ds-cis-how: 930px; --ds-cis-results: 352px; --ds-cis-safety: 899px;
      --ds-cis-pricing: 1402px; --ds-cis-practical: 2243px; --ds-cis-faq: 669px; --ds-cis-footer: 743px;
    }
    html:lang(de) {
      --ds-cis-workspace-photo: 2607px; --ds-cis-workspace-video: 2599px; --ds-cis-workspace-batch: 2697px; --ds-cis-workspace-group: 2701px; --ds-cis-workspace-gif: 2391px;
      --ds-cis-features: 1824px; --ds-cis-how: 962px; --ds-cis-results: 385px; --ds-cis-safety: 811px;
      --ds-cis-pricing: 1389px; --ds-cis-practical: 2237px; --ds-cis-faq: 641px; --ds-cis-footer: 639px;
    }
    html:lang(es) {
      --ds-cis-workspace-photo: 2577px; --ds-cis-workspace-video: 2585px; --ds-cis-workspace-batch: 2674px; --ds-cis-workspace-group: 2676px; --ds-cis-workspace-gif: 2385px;
      --ds-cis-features: 1744px; --ds-cis-how: 806px; --ds-cis-results: 332px; --ds-cis-safety: 871px;
      --ds-cis-pricing: 1352px; --ds-cis-practical: 2112px; --ds-cis-faq: 589px; --ds-cis-footer: 689px;
    }
    html:lang(pt) {
      --ds-cis-workspace-photo: 2593px; --ds-cis-workspace-video: 2585px; --ds-cis-workspace-batch: 2707px; --ds-cis-workspace-group: 2659px; --ds-cis-workspace-gif: 2401px;
      --ds-cis-features: 1716px; --ds-cis-how: 806px; --ds-cis-results: 332px; --ds-cis-safety: 807px;
      --ds-cis-pricing: 1352px; --ds-cis-practical: 2090px; --ds-cis-faq: 589px; --ds-cis-footer: 639px;
    }
    html:lang(it) {
      --ds-cis-workspace-photo: 2534px; --ds-cis-workspace-video: 2526px; --ds-cis-workspace-batch: 2639px; --ds-cis-workspace-group: 2605px; --ds-cis-workspace-gif: 2342px;
      --ds-cis-features: 1692px; --ds-cis-how: 838px; --ds-cis-results: 365px; --ds-cis-safety: 811px;
      --ds-cis-pricing: 1402px; --ds-cis-practical: 2145px; --ds-cis-faq: 589px; --ds-cis-footer: 639px;
    }
    html:lang(fr) {
      --ds-cis-workspace-photo: 2689px; --ds-cis-workspace-video: 2681px; --ds-cis-workspace-batch: 2803px; --ds-cis-workspace-group: 2820px; --ds-cis-workspace-gif: 2497px;
      --ds-cis-features: 1820px; --ds-cis-how: 922px; --ds-cis-results: 352px; --ds-cis-safety: 851px;
      --ds-cis-pricing: 1402px; --ds-cis-practical: 2102px; --ds-cis-faq: 641px; --ds-cis-footer: 693px;
    }

    html:has(#video-preflight) { --ds-cis-preflight: 817px; --ds-cis-how: 1439px; --ds-cis-workflow-facts: 919px; --ds-cis-cost: 742px; --ds-cis-intent: 1238px; --ds-cis-practical: 2839px; --ds-cis-faq: 861px; }
    html:has(#batch-preflight) { --ds-cis-preflight: 1774px; --ds-cis-how: 1259px; --ds-cis-workflow-facts: 964px; --ds-cis-cost: 720px; --ds-cis-intent: 1049px; --ds-cis-practical: 3146px; --ds-cis-faq: 751px; }
    html:has(#group-mapping-preflight) { --ds-cis-preflight: 2410px; --ds-cis-how: 1042px; --ds-cis-workflow-facts: 964px; --ds-cis-intent: 960px; --ds-cis-practical: 3168px; --ds-cis-faq: 727px; }
    html:has(#gif-preflight) { --ds-cis-preflight: 785px; --ds-cis-how: 1259px; --ds-cis-workflow-facts: 919px; --ds-cis-cost: 720px; --ds-cis-intent: 970px; --ds-cis-practical: 3166px; --ds-cis-faq: 687px; }

    html:lang(zh-CN):has(#video-preflight), html:lang(zh-Hant):has(#video-preflight) { --ds-cis-preflight: 760px; --ds-cis-how: 1171px; --ds-cis-workflow-facts: 818px; --ds-cis-cost: 667px; --ds-cis-intent: 973px; --ds-cis-practical: 1503px; --ds-cis-faq: 661px; }
    html:lang(zh-Hant):has(#video-preflight) { --ds-cis-intent: 996px; }
    html:lang(zh-CN):has(#batch-preflight), html:lang(zh-Hant):has(#batch-preflight) { --ds-cis-preflight: 1684px; --ds-cis-how: 1171px; --ds-cis-workflow-facts: 862px; --ds-cis-cost: 645px; --ds-cis-intent: 844px; --ds-cis-practical: 1503px; --ds-cis-faq: 635px; }
    html:lang(zh-CN):has(#group-mapping-preflight), html:lang(zh-Hant):has(#group-mapping-preflight) { --ds-cis-preflight: 2219px; --ds-cis-how: 970px; --ds-cis-workflow-facts: 895px; --ds-cis-intent: 798px; --ds-cis-practical: 1763px; --ds-cis-faq: 579px; }
    html:lang(zh-CN):has(#gif-preflight), html:lang(zh-Hant):has(#gif-preflight) { --ds-cis-preflight: 740px; --ds-cis-how: 1171px; --ds-cis-workflow-facts: 818px; --ds-cis-cost: 645px; --ds-cis-intent: 798px; --ds-cis-practical: 1503px; --ds-cis-faq: 551px; }

    html:lang(ja):has(#video-preflight) { --ds-cis-preflight: 760px; --ds-cis-how: 1203px; --ds-cis-workflow-facts: 872px; --ds-cis-cost: 699px; --ds-cis-intent: 1122px; --ds-cis-practical: 1743px; --ds-cis-faq: 781px; }
    html:lang(ja):has(#batch-preflight) { --ds-cis-preflight: 1752px; --ds-cis-how: 1171px; --ds-cis-workflow-facts: 917px; --ds-cis-cost: 677px; --ds-cis-intent: 949px; --ds-cis-practical: 1743px; --ds-cis-faq: 699px; }
    html:lang(ja):has(#group-mapping-preflight) { --ds-cis-preflight: 2264px; --ds-cis-how: 1002px; --ds-cis-workflow-facts: 941px; --ds-cis-intent: 891px; --ds-cis-practical: 2024px; --ds-cis-faq: 699px; }
    html:lang(ja):has(#gif-preflight) { --ds-cis-preflight: 760px; --ds-cis-how: 1219px; --ds-cis-workflow-facts: 896px; --ds-cis-cost: 645px; --ds-cis-intent: 868px; --ds-cis-practical: 1743px; --ds-cis-faq: 635px; }

    html:lang(ko):has(#video-preflight) { --ds-cis-preflight: 760px; --ds-cis-how: 1171px; --ds-cis-workflow-facts: 872px; --ds-cis-cost: 645px; --ds-cis-intent: 1075px; --ds-cis-practical: 1635px; --ds-cis-faq: 773px; }
    html:lang(ko):has(#batch-preflight) { --ds-cis-preflight: 1686px; --ds-cis-how: 1171px; --ds-cis-workflow-facts: 895px; --ds-cis-cost: 645px; --ds-cis-intent: 844px; --ds-cis-practical: 1635px; --ds-cis-faq: 663px; }
    html:lang(ko):has(#group-mapping-preflight) { --ds-cis-preflight: 2239px; --ds-cis-how: 970px; --ds-cis-workflow-facts: 895px; --ds-cis-intent: 821px; --ds-cis-practical: 1916px; --ds-cis-faq: 579px; }
    html:lang(ko):has(#gif-preflight) { --ds-cis-preflight: 740px; --ds-cis-how: 1171px; --ds-cis-workflow-facts: 872px; --ds-cis-cost: 645px; --ds-cis-intent: 844px; --ds-cis-practical: 1635px; --ds-cis-faq: 607px; }

    html:lang(ru):has(#video-preflight) { --ds-cis-preflight: 785px; --ds-cis-how: 1519px; --ds-cis-workflow-facts: 919px; --ds-cis-cost: 742px; --ds-cis-intent: 1353px; --ds-cis-practical: 1940px; --ds-cis-faq: 893px; }
    html:lang(ru):has(#batch-preflight) { --ds-cis-preflight: 1918px; --ds-cis-how: 1395px; --ds-cis-workflow-facts: 1007px; --ds-cis-cost: 720px; --ds-cis-intent: 1139px; --ds-cis-practical: 1906px; --ds-cis-faq: 807px; }
    html:lang(ru):has(#group-mapping-preflight) { --ds-cis-preflight: 2509px; --ds-cis-how: 1174px; --ds-cis-workflow-facts: 1064px; --ds-cis-intent: 1142px; --ds-cis-practical: 2209px; --ds-cis-faq: 699px; }
    html:lang(ru):has(#gif-preflight) { --ds-cis-preflight: 806px; --ds-cis-how: 1383px; --ds-cis-workflow-facts: 919px; --ds-cis-cost: 742px; --ds-cis-intent: 1059px; --ds-cis-practical: 1940px; --ds-cis-faq: 755px; }

    html:lang(de):has(#video-preflight) { --ds-cis-preflight: 785px; --ds-cis-how: 1455px; --ds-cis-workflow-facts: 951px; --ds-cis-cost: 721px; --ds-cis-intent: 1361px; --ds-cis-practical: 1890px; --ds-cis-faq: 865px; }
    html:lang(de):has(#batch-preflight) { --ds-cis-preflight: 1850px; --ds-cis-how: 1335px; --ds-cis-workflow-facts: 964px; --ds-cis-cost: 700px; --ds-cis-intent: 1073px; --ds-cis-practical: 1856px; --ds-cis-faq: 779px; }
    html:lang(de):has(#group-mapping-preflight) { --ds-cis-preflight: 2461px; --ds-cis-how: 1142px; --ds-cis-workflow-facts: 1067px; --ds-cis-intent: 1032px; --ds-cis-practical: 2237px; --ds-cis-faq: 699px; }
    html:lang(de):has(#gif-preflight) { --ds-cis-preflight: 785px; --ds-cis-how: 1319px; --ds-cis-workflow-facts: 919px; --ds-cis-cost: 721px; --ds-cis-intent: 995px; --ds-cis-practical: 1890px; --ds-cis-faq: 699px; }

    html:lang(es):has(#video-preflight) { --ds-cis-preflight: 785px; --ds-cis-how: 1395px; --ds-cis-workflow-facts: 919px; --ds-cis-cost: 721px; --ds-cis-intent: 1257px; --ds-cis-practical: 1813px; --ds-cis-faq: 809px; }
    html:lang(es):has(#batch-preflight) { --ds-cis-preflight: 1826px; --ds-cis-how: 1195px; --ds-cis-workflow-facts: 964px; --ds-cis-cost: 700px; --ds-cis-intent: 1018px; --ds-cis-practical: 1813px; --ds-cis-faq: 727px; }
    html:lang(es):has(#group-mapping-preflight) { --ds-cis-preflight: 2413px; --ds-cis-how: 1054px; --ds-cis-workflow-facts: 996px; --ds-cis-intent: 961px; --ds-cis-practical: 2145px; --ds-cis-faq: 643px; }
    html:lang(es):has(#gif-preflight) { --ds-cis-preflight: 740px; --ds-cis-how: 1219px; --ds-cis-workflow-facts: 919px; --ds-cis-cost: 721px; --ds-cis-intent: 939px; --ds-cis-practical: 1846px; --ds-cis-faq: 727px; }

    html:lang(pt):has(#video-preflight) { --ds-cis-preflight: 806px; --ds-cis-how: 1355px; --ds-cis-workflow-facts: 896px; --ds-cis-cost: 721px; --ds-cis-intent: 1234px; --ds-cis-practical: 1791px; --ds-cis-faq: 865px; }
    html:lang(pt):has(#batch-preflight) { --ds-cis-preflight: 1796px; --ds-cis-how: 1219px; --ds-cis-workflow-facts: 985px; --ds-cis-cost: 700px; --ds-cis-intent: 1050px; --ds-cis-practical: 1791px; --ds-cis-faq: 727px; }
    html:lang(pt):has(#group-mapping-preflight) { --ds-cis-preflight: 2421px; --ds-cis-how: 1086px; --ds-cis-workflow-facts: 996px; --ds-cis-intent: 915px; --ds-cis-practical: 2124px; --ds-cis-faq: 643px; }
    html:lang(pt):has(#gif-preflight) { --ds-cis-preflight: 782px; --ds-cis-how: 1251px; --ds-cis-workflow-facts: 896px; --ds-cis-cost: 721px; --ds-cis-intent: 949px; --ds-cis-practical: 1824px; --ds-cis-faq: 727px; }

    html:lang(it):has(#video-preflight) { --ds-cis-preflight: 785px; --ds-cis-how: 1415px; --ds-cis-workflow-facts: 895px; --ds-cis-cost: 721px; --ds-cis-intent: 1280px; --ds-cis-practical: 1813px; --ds-cis-faq: 809px; }
    html:lang(it):has(#batch-preflight) { --ds-cis-preflight: 1805px; --ds-cis-how: 1231px; --ds-cis-workflow-facts: 985px; --ds-cis-cost: 700px; --ds-cis-intent: 1003px; --ds-cis-practical: 1813px; --ds-cis-faq: 727px; }
    html:lang(it):has(#group-mapping-preflight) { --ds-cis-preflight: 2401px; --ds-cis-how: 1050px; --ds-cis-workflow-facts: 996px; --ds-cis-intent: 891px; --ds-cis-practical: 2145px; --ds-cis-faq: 643px; }
    html:lang(it):has(#gif-preflight) { --ds-cis-preflight: 760px; --ds-cis-how: 1255px; --ds-cis-workflow-facts: 919px; --ds-cis-cost: 700px; --ds-cis-intent: 939px; --ds-cis-practical: 1846px; --ds-cis-faq: 671px; }

    html:lang(fr):has(#video-preflight) { --ds-cis-preflight: 804px; --ds-cis-how: 1439px; --ds-cis-workflow-facts: 895px; --ds-cis-cost: 721px; --ds-cis-intent: 1330px; --ds-cis-practical: 1803px; --ds-cis-faq: 865px; }
    html:lang(fr):has(#batch-preflight) { --ds-cis-preflight: 1774px; --ds-cis-how: 1219px; --ds-cis-workflow-facts: 964px; --ds-cis-cost: 700px; --ds-cis-intent: 1121px; --ds-cis-practical: 1769px; --ds-cis-faq: 783px; }
    html:lang(fr):has(#group-mapping-preflight) { --ds-cis-preflight: 2414px; --ds-cis-how: 1142px; --ds-cis-workflow-facts: 996px; --ds-cis-intent: 961px; --ds-cis-practical: 2102px; --ds-cis-faq: 735px; }
    html:lang(fr):has(#gif-preflight) { --ds-cis-preflight: 782px; --ds-cis-how: 1263px; --ds-cis-workflow-facts: 919px; --ds-cis-cost: 721px; --ds-cis-intent: 1013px; --ds-cis-practical: 1803px; --ds-cis-faq: 727px; }

    body > #deep-swap-tools { contain-intrinsic-size: auto var(--ds-cis-workspace-photo); }
    body > #deep-swap-tools:has(.ds-runtime-controls[data-mode="video"]) { contain-intrinsic-size: auto var(--ds-cis-workspace-video); }
    body > #deep-swap-tools:has(.ds-runtime-controls[data-mode="multiPhoto"]) { contain-intrinsic-size: auto var(--ds-cis-workspace-batch); }
    body > #deep-swap-tools:has(.ds-runtime-controls[data-mode="multiFace"]) { contain-intrinsic-size: auto var(--ds-cis-workspace-group); }
    body > #deep-swap-tools:has(.ds-runtime-controls[data-mode="gif"]) { contain-intrinsic-size: auto var(--ds-cis-workspace-gif); }
    body > :is(#video-preflight, #batch-preflight, #group-mapping-preflight, #gif-preflight) { contain-intrinsic-size: auto var(--ds-cis-preflight); }
    body > #features { contain-intrinsic-size: auto var(--ds-cis-features); }
    body > #how-it-works { contain-intrinsic-size: auto var(--ds-cis-how); }
    body > #workflow-facts { contain-intrinsic-size: auto var(--ds-cis-workflow-facts); }
    body > #group-photo-use-cases { contain-intrinsic-size: auto var(--ds-cis-intent); }
    body > #cost-examples { contain-intrinsic-size: auto var(--ds-cis-cost); }
    body > #results { contain-intrinsic-size: auto var(--ds-cis-results); }
    body > #safety { contain-intrinsic-size: auto var(--ds-cis-safety); }
    body > #pricing { contain-intrinsic-size: auto var(--ds-cis-pricing); }
    body > #workflow-search-intent { contain-intrinsic-size: auto var(--ds-cis-intent); }
    body > #practical-guides { contain-intrinsic-size: auto var(--ds-cis-practical); }
    body > #faq { contain-intrinsic-size: auto var(--ds-cis-faq); }
    body > footer { contain-intrinsic-size: auto var(--ds-cis-footer); }
  }
}
body.ds-modal-open { overflow: hidden !important; touch-action: none; }
body.ds-modal-open .ds-reward-fab, body.ds-modal-open .ds-reward-panel,
body.ds-modal-open .support-fab, body.ds-modal-open [data-support-open] { display: none !important; }
.auth-backdrop.is-open, .support-backdrop.is-open { transition-property: opacity; }
body.ds-menu-open { overflow: hidden !important; }
body.ds-menu-open .ds-reward-fab, body.ds-menu-open .ds-reward-panel,
body.ds-menu-open .support-fab, body.ds-menu-open [data-support-open] { display: none !important; }
.ai-bloom-field, .energy-burst, .hero-bg > .pointer-events-none.absolute[class*="-left-"],
.hero-bg > .pointer-events-none.absolute[class*="-right-"] { display: none !important; }
.ds-liquid-clone-layer, .ds-liquid-clone-svg-defs, .ds-liquid-svg-defs { display: none !important; }

.hero-bg {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: min(720px, calc(100svh - 32px)) !important;
  min-height: 570px !important;
  aspect-ratio: auto !important;
  border-radius: 8px !important;
  background-color: #243634 !important;
  background-image: url('/assets/hero-western-mobile-lqip.jpg') !important;
  background-size: cover !important;
  background-position: center top !important;
}
@media (min-width: 768px) {
  .hero-bg {
    background-image: url('/assets/hero-western-desktop-lqip.jpg') !important;
  }
}
.hero-bg .stagger-item {
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}
.hero-bg-western {
  transition: none !important;
  will-change: auto !important;
}
.hero-bg .hero-bg-western,
.hero-bg .hero-bg-asian {
  opacity: 0 !important;
  transition: opacity 380ms ease !important;
}
.hero-bg .hero-bg-western { opacity: 1 !important; }
.hero-bg.is-showing-asian .hero-bg-western { opacity: 0 !important; }
.hero-bg.is-showing-asian .hero-bg-asian { opacity: 1 !important; }
.ds-media-readiness {
  margin-top: 12px;
  padding: 11px 2px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  line-height: 1.45;
}
.ds-readiness-summary {
  display: grid;
  grid-template-columns: 8px max-content minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.ds-readiness-summary strong { color: rgba(255, 255, 255, 0.86); }
.ds-readiness-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #77e8c9;
  box-shadow: 0 0 0 3px rgba(119, 232, 201, 0.12);
}
.ds-media-readiness[data-state="checking"] .ds-readiness-dot,
.ds-media-readiness[data-state="incomplete"] .ds-readiness-dot { background: #9aa8bb; box-shadow: 0 0 0 3px rgba(154, 168, 187, 0.12); }
.ds-media-readiness[data-state="warning"] .ds-readiness-dot { background: #f4c566; box-shadow: 0 0 0 3px rgba(244, 197, 102, 0.12); }
.ds-media-readiness[data-state="error"] .ds-readiness-dot { background: #ff858f; box-shadow: 0 0 0 3px rgba(255, 133, 143, 0.12); }
.ds-media-readiness ul {
  margin: 8px 0 0 16px;
  padding: 0;
  color: rgba(255, 255, 255, 0.58);
}
.ds-media-readiness li + li { margin-top: 3px; }
@media (max-width: 520px) {
  .ds-readiness-summary { grid-template-columns: 8px minmax(0, 1fr); }
  .ds-readiness-summary span:last-child { grid-column: 2; }
}
.hero-bg nav { padding: 20px 24px !important; }
.hero-bg .liquid-brand, .hero-bg .liquid-nav-link, .hero-bg .liquid-nav-cta,
.hero-bg .liquid-menu-button, .hero-bg .liquid-dropdown-link {
  overflow: visible !important;
  border-radius: 6px !important;
  background: rgba(10, 15, 14, .82) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  filter: none !important;
}
.hero-bg .liquid-nav-cta { background: #fff !important; color: #111 !important; }
.hero-bg .liquid-brand::before, .hero-bg .liquid-brand::after,
.hero-bg .liquid-nav-link::before, .hero-bg .liquid-nav-link::after,
.hero-bg .liquid-nav-cta::before, .hero-bg .liquid-nav-cta::after,
.hero-bg .liquid-menu-button::before, .hero-bg .liquid-menu-button::after,
.hero-bg .liquid-dropdown-link::before, .hero-bg .liquid-dropdown-link::after { display: none !important; }
.ds-hero-copy {
  position: absolute;
  left: clamp(24px, 5vw, 72px);
  bottom: 36px;
  z-index: 22;
  width: min(680px, 58vw);
  color: #fff;
  text-shadow: 0 2px 18px rgba(0,0,0,.72);
}
.ds-hero-copy h1 { margin: 14px 0 0 !important; max-width: 680px !important; font-size: 62px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; color: #fff !important; }
.ds-hero-copy .ds-hero-lead { margin: 14px 0 0 !important; max-width: 650px !important; font-size: 16px !important; line-height: 1.5 !important; color: rgba(255,255,255,.9) !important; }
.ds-hero-preview-toggle {
  min-height: 34px; display: inline-flex; align-items: center; gap: 9px; padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.34); border-radius: 6px; background: rgba(9,14,13,.72); color: #fff;
  font: 800 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: 0; cursor: pointer;
  box-shadow: 0 8px 24px rgba(0,0,0,.18); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.ds-hero-preview-toggle:hover, .ds-hero-preview-toggle:focus-visible { border-color: #7ef0d4; outline: 2px solid transparent; }
.ds-hero-preview-toggle:disabled { cursor: wait; opacity: .72; }
.ds-live-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #7ef0d4; box-shadow: 0 0 0 4px rgba(126,240,212,.16); }
.ds-switch-label { margin-left: 3px; color: #7ef0d4; }
.ds-hero-value-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.ds-hero-value-row span {
  min-height: 32px; display: inline-flex; align-items: center; padding: 6px 10px; border: 1px solid rgba(255,255,255,.24);
  border-radius: 5px; background: rgba(9,14,13,.66); color: rgba(255,255,255,.94); font-size: 11px; font-weight: 800; line-height: 1.25;
}
.ds-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.ds-hero-primary, .ds-hero-secondary {
  min-height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; padding: 12px 20px;
  font-size: 13px; font-weight: 900; line-height: 1.2; letter-spacing: 0; text-decoration: none; transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.ds-hero-primary { border: 1px solid var(--ds-teal); background: var(--ds-teal); color: #071411; }
.ds-hero-secondary { border: 1px solid rgba(255,255,255,.48); background: rgba(9,14,13,.6); color: #fff; }
.ds-hero-primary:hover, .ds-hero-secondary:hover { transform: translateY(-2px); }
.ds-hero-primary:focus-visible, .ds-hero-secondary:focus-visible { outline: 3px solid rgba(126,240,212,.72); outline-offset: 2px; }
.ds-hero-copy .ds-hero-assurance { margin: 10px 0 0 !important; max-width: 650px !important; color: rgba(255,255,255,.78) !important; font-size: 11px !important; font-weight: 700; line-height: 1.4 !important; }
.hero-mobile-dock { display: none !important; }

.feature-workspace {
  width: 100% !important;
  max-width: 1400px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.feature-workspace::before, .feature-workspace::after { display: none !important; }
#free-trial, #overview, #features, #results, #pricing, #choose-workflow { background: var(--ds-paper) !important; color: var(--ds-ink) !important; }
#deep-swap-tools { background: #121816 !important; }
#how-it-works { background: #202025 !important; }
#safety { background: #17231b !important; }
#faq { background: #181d1c !important; }
footer.feature-workspace { background: #111514 !important; }
#free-trial *, #overview *, #features *, #results *, #pricing *, #choose-workflow * { color: var(--ds-ink) !important; text-shadow: none !important; }
#free-trial [class*="text-white/"], #overview [class*="text-white/"], #features [class*="text-white/"], #results [class*="text-white/"], #pricing [class*="text-white/"], #choose-workflow [class*="text-white/"] { color: #5e6965 !important; }

.ds-section-eyebrow { margin: 0; color: #157464 !important; font-size: 11px; font-weight: 900; line-height: 1.2; letter-spacing: 0; text-transform: uppercase; }
.ds-trial-band {
  display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: 40px; align-items: center;
  padding: 40px 48px !important; border-color: #cbd9d3 !important; background: #edf6f1 !important;
}
.ds-trial-intro { min-width: 0; }
.ds-trial-intro h2 { margin: 10px 0 0; max-width: 560px; font-size: 40px; font-weight: 900; line-height: 1.04; letter-spacing: 0; }
.ds-trial-intro > p:last-of-type { margin: 14px 0 0; max-width: 590px; color: #50605a !important; font-size: 14px; line-height: 1.55; }
.ds-trial-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.ds-trial-primary, .ds-trial-secondary {
  min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 11px 15px;
  border-radius: 6px; font-size: 12px; font-weight: 900; line-height: 1.25; text-align: center; text-decoration: none;
}
.ds-trial-primary { border: 1px solid var(--ds-ink); background: var(--ds-ink); color: #fff !important; }
.ds-trial-secondary { border: 1px solid #9eada7; background: transparent; color: var(--ds-ink) !important; }
#free-trial .ds-trial-primary { color: #fff !important; }
.ds-trial-primary:hover, .ds-trial-secondary:hover { border-color: #087a63; }
.ds-trial-primary:focus-visible, .ds-trial-secondary:focus-visible { outline: 3px solid rgba(25,199,177,.34); outline-offset: 2px; }
.ds-trial-journey { min-width: 0; border-top: 1px solid #bfcfc8; border-bottom: 1px solid #bfcfc8; }
.ds-trial-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.ds-trial-step { min-width: 0; min-height: 134px; display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 11px; padding: 20px 16px; border-right: 1px solid #bfcfc8; }
.ds-trial-step:last-child { border-right: 0; }
.ds-trial-step-number { color: #6d7b76 !important; font-size: 11px; font-weight: 900; line-height: 1.35; }
.ds-trial-step strong { display: block; color: #087a63 !important; font-size: 20px; font-weight: 900; line-height: 1.1; }
.ds-trial-step h3 { margin: 8px 0 0; font-size: 14px; font-weight: 900; line-height: 1.25; }
.ds-trial-step p { margin: 5px 0 0; color: #596762 !important; font-size: 11px; line-height: 1.4; }
.ds-trial-disclosure { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 16px; margin: 0; padding: 15px 16px; border-top: 1px solid #bfcfc8; background: #fff; font-size: 11px; line-height: 1.5; }
.ds-trial-disclosure strong { color: #a5434c !important; font-weight: 900; }
.ds-trial-disclosure span { color: #505e59 !important; }
.ds-trial-disclosure a { color: #3349b8; font-weight: 850; text-decoration: underline; text-underline-offset: 2px; }
.ds-proof-band { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: 44px; align-items: end; padding: 48px !important; }
.ds-proof-heading h2, .ds-results-heading h2, .ds-pricing-heading h2 { margin: 10px 0 0; max-width: 780px; color: var(--ds-ink); font-size: 48px; font-weight: 900; line-height: 1.02; letter-spacing: 0; }
.ds-proof-heading > p:last-child, .ds-results-heading > p:last-child, .ds-pricing-heading > div > p:last-child { margin: 16px 0 0; max-width: 680px; color: #5e6965; font-size: 15px; line-height: 1.6; }
.ds-proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--ds-line); border-left: 1px solid var(--ds-line); }
.ds-proof-item { min-height: 126px; padding: 20px; border-right: 1px solid var(--ds-line); border-bottom: 1px solid var(--ds-line); background: #fff; }
.ds-proof-item strong { display: block; color: var(--ds-ink); font-size: 26px; font-weight: 900; line-height: 1.05; letter-spacing: 0; }
.ds-proof-item p { margin: 10px 0 0; color: #5e6965; font-size: 13px; line-height: 1.45; }

.ds-decision-band { padding: 48px !important; }
.ds-decision-intro { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); column-gap: 44px; align-items: end; }
.ds-decision-intro h2, .ds-quality-copy h2 { margin: 10px 0 0; max-width: 760px; font-size: 42px; font-weight: 900; line-height: 1.04; }
.ds-decision-intro > p:last-child { margin: 0; color: #5e6965; font-size: 15px; line-height: 1.6; }
.ds-decision-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 28px; border-top: 1px solid var(--ds-line); border-left: 1px solid var(--ds-line); }
.ds-decision-card { min-height: 220px; display: flex; flex-direction: column; padding: 22px; border-right: 1px solid var(--ds-line); border-bottom: 1px solid var(--ds-line); background: #fff; }
.ds-decision-card h3 { margin: 0; font-size: 20px; font-weight: 900; line-height: 1.15; }
.ds-decision-card p { margin: 12px 0 18px; color: #5e6965 !important; font-size: 13px; line-height: 1.55; }
.ds-decision-card a { margin-top: auto; color: #006f76 !important; font-size: 13px; font-weight: 850; text-decoration: underline; text-underline-offset: 4px; }
.ds-quality-panel { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 42px; margin-top: 38px; padding: 32px; border: 1px solid #b9cbc4; background: #edf6f1; }
.ds-quality-copy > p:not(.ds-section-eyebrow):not(.ds-quality-assurance) { margin: 14px 0 0; color: #53615c !important; font-size: 14px; line-height: 1.6; }
.ds-quality-assurance { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid #b9cbc4; color: #30463e !important; font-size: 12px; font-weight: 750; line-height: 1.5; }
.ds-quality-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid #b9cbc4; border-left: 1px solid #b9cbc4; }
.ds-quality-checks li { min-height: 132px; padding: 18px; border-right: 1px solid #b9cbc4; border-bottom: 1px solid #b9cbc4; background: rgba(255,255,255,.72); }
.ds-quality-checks strong, .ds-quality-checks span { display: block; }
.ds-quality-checks strong { font-size: 14px; font-weight: 900; line-height: 1.3; }
.ds-quality-checks span { margin-top: 7px; color: #53615c !important; font-size: 12px; line-height: 1.5; }
.ds-rights-note { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 18px; padding: 24px 28px; border: 1px solid #d8d1b6; background: #fff9e8; }
.ds-rights-note h3 { margin: 0; font-size: 18px; font-weight: 900; line-height: 1.25; }
.ds-rights-note p { max-width: 850px; margin: 8px 0 0; color: #5e5a49 !important; font-size: 12px; line-height: 1.55; }
.ds-rights-links { display: flex; flex: 0 0 auto; flex-direction: column; gap: 8px; }
.ds-rights-links a { color: #006f76 !important; font-size: 12px; font-weight: 850; text-decoration: underline; text-underline-offset: 3px; }

.ds-results-band { display: grid; grid-template-columns: minmax(250px, .58fr) minmax(0, 1.42fr); gap: 38px; align-items: center; padding: 48px !important; }
.ds-results-evidence { display: inline-flex; margin-top: 20px; color: #006f76; font-size: 14px; font-weight: 850; text-decoration: underline; text-underline-offset: 4px; }
.ds-results-evidence:hover, .ds-results-evidence:focus-visible { color: #4d38b0; }
.ds-results-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ds-result-figure { position: relative; min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--ds-line); border-radius: 6px; background: #fff; }
.ds-result-figure img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.ds-result-figure figcaption { min-height: 48px; display: flex; align-items: center; gap: 9px; padding: 10px 12px; color: #46504c; font-size: 12px; font-weight: 800; line-height: 1.3; }
.ds-result-figure figcaption span { width: 24px; height: 24px; display: grid; flex: 0 0 24px; place-items: center; border-radius: 4px; background: var(--ds-ink); color: #fff !important; font-size: 11px; }
#results .ds-result-figure figcaption span { color: #fff !important; }

.ds-pricing-band { padding: 48px !important; }
.ds-pricing-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; }
.ds-pricing-heading > div { max-width: 820px; }
.ds-pricing-workspace-link { min-height: 46px; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; padding: 11px 16px; border: 1px solid var(--ds-ink); border-radius: 6px; background: var(--ds-ink); color: #fff !important; font-size: 13px; font-weight: 900; line-height: 1.2; text-decoration: none; }
#pricing .ds-pricing-workspace-link { color: #fff !important; }
.ds-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
.ds-plan-card { position: relative; min-height: 332px; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--ds-line); border-radius: 6px; background: #fff; }
.ds-plan-card.is-featured { border: 2px solid var(--ds-teal); padding: 23px; }
.ds-plan-topline { min-height: 42px; display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.ds-plan-topline p { margin: 0; color: var(--ds-ink); font-size: 14px; font-weight: 900; line-height: 1.2; }
.ds-plan-topline span { max-width: 150px; color: #157464; font-size: 10px; font-weight: 900; line-height: 1.3; text-align: right; text-transform: uppercase; }
.ds-plan-card h3 { margin: 18px 0 0; color: var(--ds-ink); font-size: 38px; font-weight: 900; line-height: 1; letter-spacing: 0; }
.ds-plan-credits { margin: 7px 0 0; color: #5e6965; font-size: 13px; font-weight: 750; }
.ds-plan-math { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--ds-line); color: var(--ds-ink); font-size: 21px; font-weight: 900; line-height: 1.15; }
.ds-plan-use { margin: 8px 0 18px; color: #5e6965; font-size: 13px; line-height: 1.4; }
.ds-plan-cta { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; margin-top: auto; padding: 11px 14px; border: 1px solid var(--ds-ink); border-radius: 6px; background: var(--ds-ink); color: #fff !important; font-size: 12px; font-weight: 900; line-height: 1.2; text-align: center; text-decoration: none; }
.ds-plan-card.is-featured .ds-plan-cta { border-color: var(--ds-teal); background: var(--ds-teal); color: #071411 !important; }
#pricing .ds-plan-cta { color: #fff !important; }
#pricing .ds-plan-card.is-featured .ds-plan-cta { color: #071411 !important; }
.ds-pricing-assurance { display: flex; justify-content: space-between; gap: 18px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ds-line); color: #5e6965; font-size: 12px; font-weight: 750; line-height: 1.4; }

@media (min-width: 768px) {
  .ds-pricing-assurance { padding-right: 76px; }
}

.preview-panel, .feature-card, .feature-mode, .upload-card, .tool-pill, .feature-action,
.auth-panel, .support-panel, .auth-field, .support-field, .auth-tab, .support-tab,
.ticket-item, .faq-item, .liquid-card, .liquid-button {
  border-radius: 6px !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.preview-panel::before, .preview-panel::after, .feature-card::before, .feature-card::after,
.feature-mode::before, .feature-mode::after, .upload-card::before, .upload-card::after,
.tool-pill::before, .tool-pill::after, .feature-action::before, .feature-action::after,
.auth-panel::before, .auth-panel::after, .support-panel::before, .support-panel::after,
.auth-tab::before, .auth-tab::after, .liquid-card::before, .liquid-card::after,
.liquid-button::before, .liquid-button::after { display: none !important; }
#deep-swap-tools .preview-panel, #deep-swap-tools .upload-card, #deep-swap-tools .feature-mode,
#how-it-works .preview-panel, #safety .preview-panel, #faq .preview-panel {
  background: #1c2421 !important;
  border: 1px solid #34413c !important;
  color: #fff !important;
}
#deep-swap-tools .text-white\/45 { color: rgba(255,255,255,.64) !important; }
#overview .preview-panel, #features .feature-card, #results .preview-panel, #pricing .preview-panel {
  background: #fff !important;
  border: 1px solid var(--ds-line) !important;
}
.feature-action, .liquid-button { min-height: 44px !important; background: var(--ds-teal) !important; border: 1px solid var(--ds-teal) !important; color: #071411 !important; }
.tool-pill { min-height: 42px; }
.feature-mode.is-active { border-color: var(--ds-coral) !important; box-shadow: inset 3px 0 0 var(--ds-coral) !important; }
.ds-studio-grid { display: block !important; }
.ds-mode-list { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; margin-bottom: 16px; }
.ds-mode-list .feature-mode { min-height: 118px; padding: 14px !important; }
#feature-upload-grid { min-height: 283px; }
#feature-upload-grid .upload-card { min-height: 220px !important; }
.upload-card:not(.has-file) [data-upload-change], .upload-card:not(.has-file) [data-upload-clear] { display: none !important; }
.ds-controls-panel { align-self: stretch; }
.ds-runtime-controls {
  min-height: 178px;
  margin-top: 8px;
}
.ds-runtime-controls[data-mode="gif"] { min-height: 28px; }
.ds-runtime-controls[data-mode="video"] { min-height: 190px; }
.ds-runtime-controls[data-mode="multiFace"] { min-height: 286px; }
.ds-runtime-cost {
  min-height: 18px;
  margin: 8px 0 0;
  color: rgba(255,255,255,.62);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
}
.ds-runtime-quality { min-height: 38px; margin-top: 8px; }
.ds-runtime-preserve,
.ds-runtime-watermark,
.ds-runtime-map {
  box-sizing: border-box;
  margin-top: 10px;
}
.ds-runtime-preserve { min-height: 108px; }
.ds-runtime-watermark {
  min-height: 142px;
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(255,205,117,.32);
  border-radius: 6px;
  background: rgba(87,55,16,.24);
  color: rgba(255,255,255,.78);
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.ds-runtime-watermark strong { color: #ffd889; }
.ds-runtime-watermark.is-paid {
  align-content: center;
  border-color: rgba(126,240,212,.3);
  background: rgba(20,92,78,.2);
  text-align: center;
}
.ds-runtime-watermark.is-paid strong {
  display: block;
  font-size: 13px;
  line-height: 1.6;
}
.ds-runtime-watermark a {
  width: fit-content;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  margin-top: 2px;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 6px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}
.ds-runtime-watermark a.ds-runtime-watermark-guide {
  min-height: 0;
  margin-top: 0;
  padding: 2px 0;
  border: 0;
  color: rgba(255,255,255,.82);
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ds-watermark-offer {
  width: 100%;
  box-sizing: border-box;
  margin-top: 12px;
  padding: 18px;
  border: 1px solid rgba(126,240,212,.34);
  border-left: 4px solid #7ef0d4;
  border-radius: 6px;
  background: #14211e;
  color: #f5f8f7;
  text-align: left;
  overflow-wrap: anywhere;
}
.ds-watermark-offer > * {
  min-width: 0;
  max-width: 100%;
}
.ds-watermark-offer-kicker {
  margin: 0;
  color: #7ef0d4;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.35;
  text-transform: uppercase;
}
.ds-watermark-offer-title {
  margin: 6px 0 0;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.15;
}
.ds-watermark-offer-copy {
  margin: 10px 0 0;
  color: rgba(255,255,255,.74);
  font-size: 13px;
  line-height: 1.6;
}
.ds-watermark-offer-value {
  margin: 12px 0 0;
  color: #ffd889;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.ds-watermark-offer a.ds-watermark-offer-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 48px;
  margin: 16px 0 0;
  padding: 11px 16px;
  border: 1px solid #f4f8f6;
  border-radius: 6px;
  background: #f4f8f6;
  color: #10201c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}
.ds-watermark-offer a.ds-watermark-offer-cta::after {
  content: "→";
  margin-left: 10px;
  font-size: 17px;
  line-height: 1;
}
.ds-watermark-offer a.ds-watermark-offer-cta:hover,
.ds-watermark-offer a.ds-watermark-offer-cta:focus-visible {
  border-color: #7ef0d4;
  background: #7ef0d4;
  color: #10201c;
}
.ds-watermark-offer-foot {
  margin: 9px 0 0;
  color: rgba(255,255,255,.56);
  font-size: 11px;
  line-height: 1.5;
}
.ds-runtime-map { min-height: 90px; }

@media (max-width: 640px) {
  .ds-watermark-offer { padding: 15px 14px; }
  .ds-watermark-offer-title { font-size: 19px; }
  .ds-watermark-offer a.ds-watermark-offer-cta {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}
.ds-runtime-controls [hidden] { display: none !important; }

.auth-backdrop, .support-backdrop { padding: 18px !important; background: rgba(13,18,17,.72) !important; backdrop-filter: blur(6px) !important; }
.auth-panel, .support-panel {
  width: min(92vw, 560px) !important;
  max-height: min(88dvh, 720px) !important;
  overflow-y: auto !important;
  background: #fff !important;
  border: 1px solid #d8dfdc !important;
  color: var(--ds-ink) !important;
  padding: 22px !important;
}
.auth-panel *, .support-panel * { text-shadow: none !important; }
.auth-panel h2, .auth-panel label, .support-panel h2, .support-panel label { color: var(--ds-ink) !important; letter-spacing: 0 !important; }
.auth-panel p, .support-panel p { color: #66706d !important; }
.auth-field, .support-field { min-height: 46px; background: #f7f9f8 !important; border: 1px solid #cfd8d4 !important; color: var(--ds-ink) !important; }
.auth-field::placeholder, .support-field::placeholder { color: #59635f !important; opacity: 1 !important; }
.auth-tab, .support-tab { min-height: 44px; background: #f0f3f2 !important; color: #4c5652 !important; }
.auth-tab.is-active, .support-tab.is-active { background: var(--ds-ink) !important; color: #fff !important; }
[data-auth-close], [data-support-close] { background: #eef1f0 !important; color: var(--ds-ink) !important; }
.ds-google-auth-wrap { display: grid; gap: 10px; margin-top: 16px; }
.ds-google-auth-button {
  width: 100%; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  border: 1px solid #cfd8d4; border-radius: 6px; background: #fff; color: var(--ds-ink);
  font: 750 14px/1.2 Inter, system-ui, sans-serif; cursor: pointer;
}
.ds-google-auth-button:hover { background: #f5f7f6; border-color: #aebbb6; }
.ds-google-auth-button:disabled { cursor: wait; opacity: .62; }
.ds-google-auth-mark { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #fff; border: 1px solid #d9dfdc; color: #4285f4; font-weight: 900; }
.ds-auth-divider { display: flex; align-items: center; gap: 10px; color: #7b8581; font-size: 12px; }
.ds-auth-divider::before, .ds-auth-divider::after { content: ""; height: 1px; flex: 1; background: #dfe4e2; }
.ds-forgot-password { justify-self: end; border: 0; background: transparent; color: #087a63; padding: 2px 0; font: 750 13px/1.4 Inter, system-ui, sans-serif; cursor: pointer; }
.ds-forgot-password:hover { text-decoration: underline; }
.ds-forgot-password:disabled { cursor: wait; opacity: .62; }

.ds-reward-fab { right: 20px !important; bottom: 88px !important; z-index: 9998 !important; border-radius: 50% !important; }
.ds-reward-panel { right: 16px !important; bottom: 150px !important; max-height: min(70dvh, 520px) !important; overflow-y: auto !important; background: #fff !important; color: var(--ds-ink) !important; border: 1px solid #d8dfdc !important; border-radius: 8px !important; box-shadow: 0 16px 38px rgba(0,0,0,.24) !important; backdrop-filter: none !important; }
.ds-reward-panel p, .ds-reward-panel span, .ds-reward-panel div { text-shadow: none !important; }
.ds-mobile-action-dock { display: none; }

@media (max-width: 767px) {
  body { padding: 8px !important; gap: 14px !important; }
  .hero-bg { height: min(720px, calc(100svh - 16px)) !important; min-height: 620px !important; border-radius: 8px !important; }
  .hero-bg > .absolute.inset-0.w-full.h-full { top: 68px !important; height: calc(100% - 68px) !important; }
  .hero-bg-layer { object-position: center 24% !important; }
  .hero-bg nav { height: 68px !important; padding: 10px 12px !important; background: #fff !important; align-items: center !important; }
  .hero-bg nav, .mobile-nav-actions { min-width: 0 !important; }
  .hero-bg .liquid-brand, .hero-bg .liquid-menu-button, .hero-bg .liquid-nav-cta {
    min-height: 46px !important; background: #fff !important; border: 1px solid #d3dad7 !important; color: #101513 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  .hero-bg .liquid-brand { font-size: 18px !important; padding: 10px 12px !important; }
  .hero-bg .liquid-menu-button { width: 46px !important; height: 46px !important; }
  .hero-bg .mobile-menu {
    position: fixed !important; top: 76px !important; left: 8px !important; right: auto !important;
    width: calc(100vw - 16px) !important; max-width: none !important; max-height: calc(100dvh - 88px) !important;
    overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain;
    background: #fff !important; background-image: none !important;
    border: 1px solid #d3dad7 !important; color: var(--ds-ink) !important;
    border-radius: 0 0 8px 8px !important; box-shadow: 0 18px 34px rgba(0,0,0,.24) !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important; filter: none !important;
    contain: layout paint;
    transition: none !important;
  }
  .hero-bg .mobile-menu *, .hero-bg .liquid-menu-button { transition: none !important; }
  .hero-bg .mobile-menu::before, .hero-bg .mobile-menu::after,
  .hero-bg .mobile-menu .ds-liquid-clone-layer { display: none !important; }
  .mobile-menu .liquid-dropdown-link, .mobile-menu a { background: #f4f6f5 !important; color: var(--ds-ink) !important; border-color: #dfe4e2 !important; min-height: 44px; }
  .mobile-menu .mobile-auth-row .liquid-nav-link { background: var(--ds-ink) !important; color: #fff !important; }
  .mobile-menu > div[class*="grid"] { background: #f7f9f8 !important; border-color: #dfe4e2 !important; backdrop-filter: none !important; }
  .mobile-language-picker { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; padding: 8px 10px; background: #f7f9f8; border: 1px solid #dfe4e2; }
  .mobile-language-label { color: #56615d; font-size: 12px; font-weight: 800; }
  .mobile-language-picker select { width: 100%; min-height: 44px; padding: 8px 30px 8px 10px; border: 1px solid #c9d2ce; border-radius: 6px; background: #fff; color: var(--ds-ink); font-size: 14px; font-weight: 750; color-scheme: light; }
  .ds-hero-copy { left: 18px; right: 18px; bottom: 30px; width: auto; max-width: calc(100% - 36px); min-width: 0; }
  .ds-hero-copy h1 { margin-top: 10px !important; max-width: 330px !important; font-size: 32px !important; line-height: 1.02 !important; }
  .ds-hero-copy .ds-hero-lead { display: none !important; }
  .ds-hero-preview-toggle { min-height: 30px; padding: 6px 9px; font-size: 10px; }
  .ds-hero-preview-toggle .ds-switch-label { display: none; }
  .ds-hero-preview-toggle::after { content: "↔"; color: #7ef0d4; font-size: 14px; }
  .ds-hero-value-row { margin-top: 10px; }
  .ds-hero-value-row span { min-height: 28px; padding: 5px 8px; font-size: 10px; }
  .ds-hero-value-row span:last-child { display: none; }
  .ds-hero-actions { width: 100%; min-width: 0; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 8px; margin-top: 10px; }
  .ds-hero-primary, .ds-hero-secondary { min-width: 0; min-height: 46px; padding: 10px 8px; font-size: 11px; text-align: center; box-sizing: border-box; }
  .ds-hero-copy .ds-hero-assurance { display: none !important; }
  .hero-mobile-dock { display: none !important; }
  .feature-workspace.ds-trial-band, .feature-workspace.ds-proof-band, .feature-workspace.ds-results-band, .feature-workspace.ds-pricing-band, .feature-workspace.ds-decision-band { padding: 24px 18px !important; }
  .ds-trial-band { grid-template-columns: 1fr; gap: 20px; }
  .ds-trial-intro h2 { font-size: 30px; line-height: 1.05; }
  .ds-trial-intro > p:last-of-type { margin-top: 11px; font-size: 13px; }
  .ds-trial-actions { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 7px; margin-top: 16px; }
  .ds-trial-primary, .ds-trial-secondary { min-width: 0; padding: 10px 8px; font-size: 11px; }
  .ds-trial-steps { grid-template-columns: 1fr; }
  .ds-trial-step { min-height: 0; grid-template-columns: 24px minmax(0, 1fr); padding: 13px 10px; border-right: 0; border-bottom: 1px solid #bfcfc8; }
  .ds-trial-step:last-child { border-bottom: 0; }
  .ds-trial-step strong { font-size: 18px; }
  .ds-trial-step h3 { margin-top: 5px; font-size: 13px; }
  .ds-trial-step p { margin-top: 3px; }
  .ds-trial-disclosure { grid-template-columns: 1fr; gap: 5px; padding: 12px 10px; }
  .ds-proof-band, .ds-results-band { grid-template-columns: 1fr; gap: 22px; }
  .ds-decision-intro, .ds-quality-panel { grid-template-columns: 1fr; gap: 18px; }
  .ds-decision-intro h2, .ds-quality-copy h2 { font-size: 30px; }
  .ds-decision-intro > p:last-child { margin-top: 12px; font-size: 13px; }
  .ds-decision-grid { grid-template-columns: 1fr; margin-top: 20px; }
  .ds-decision-card { min-height: 0; padding: 18px; }
  .ds-quality-panel { margin-top: 24px; padding: 18px; }
  .ds-quality-checks { grid-template-columns: 1fr; }
  .ds-quality-checks li { min-height: 0; padding: 15px; }
  .ds-rights-note { align-items: flex-start; flex-direction: column; gap: 16px; padding: 18px; }
  .ds-rights-links { width: 100%; }
  .ds-proof-heading h2, .ds-results-heading h2, .ds-pricing-heading h2 { font-size: 32px; line-height: 1.04; }
  .ds-proof-heading > p:last-child, .ds-results-heading > p:last-child, .ds-pricing-heading > div > p:last-child { margin-top: 12px; font-size: 13px; line-height: 1.55; }
  .ds-proof-item { min-height: 112px; padding: 15px; }
  .ds-proof-item strong { font-size: 21px; }
  .ds-proof-item p { margin-top: 8px; font-size: 11px; }
  .ds-results-gallery { gap: 7px; }
  .ds-result-figure figcaption { min-height: 44px; gap: 7px; padding: 8px; font-size: 10px; }
  .ds-result-figure figcaption span { width: 21px; height: 21px; flex-basis: 21px; font-size: 10px; }
  .ds-pricing-heading { align-items: start; flex-direction: column; gap: 16px; }
  .ds-pricing-workspace-link { width: 100%; }
  .ds-plan-grid { grid-template-columns: 1fr; gap: 9px; margin-top: 20px; }
  .ds-plan-card, .ds-plan-card.is-featured { min-height: 0; padding: 20px; }
  .ds-plan-card h3 { font-size: 34px; }
  .ds-plan-math { margin-top: 16px; padding-top: 14px; font-size: 19px; }
  .ds-pricing-assurance { flex-direction: column; gap: 7px; }
  .ds-pricing-details-link { display: flex; min-height: 44px; align-items: center; padding: 8px 0; }
  /* Localized controls make the studio height variable, so lay it out before it can enter the viewport. */
  body > #deep-swap-tools {
    content-visibility: visible;
    contain-intrinsic-size: none;
  }
  .feature-workspace { padding: 18px 14px !important; }
  .ds-mode-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .ds-mode-list .feature-mode { min-height: 104px; }
  #feature-upload-grid { min-height: 582px; }
  #feature-upload-grid .upload-card { min-height: 190px !important; }
  .auth-backdrop, .support-backdrop {
    padding: 10px !important;
    align-items: flex-end !important;
    background: #101513 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    contain: layout paint;
    isolation: isolate;
    transition: none !important;
  }
  .auth-panel, .support-panel {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: 88dvh !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    padding: 18px !important;
    border-radius: 8px 8px 0 0 !important;
    contain: layout paint style;
    transform: none !important;
    transition: none !important;
  }
  .auth-panel *, .support-panel * { transition: none !important; }
  .auth-field, .support-field { font-size: 16px !important; line-height: 1.35; }
  /* Keep the obscured page composited so closing a sheet does not repaint the full document. */
  .ds-google-auth-button { min-height: 48px; }
  .ds-reward-panel {
    right: 10px !important;
    bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
    width: calc(100% - 20px) !important;
    max-height: 60dvh !important;
  }
  .ds-mobile-action-dock {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 0 2px;
    box-sizing: border-box;
    position: relative;
    z-index: 65;
  }
  .ds-mobile-action-dock .ds-reward-fab, .ds-mobile-action-dock .support-fab {
    position: static !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px;
    right: auto !important;
    bottom: auto !important;
  }
  body.ds-rewards-open .ds-mobile-action-dock {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 540px) {
  .mobile-top-cta { display: none !important; }
}

@media (max-width: 767px), (hover: none), (pointer: coarse) {
  .ds-mode-list .feature-mode {
    transition: none !important;
    transform: none !important;
  }
  .ds-mode-list .feature-mode.is-active {
    box-shadow: none !important;
    background: #26312d !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
  .hero-bg .hero-bg-asian { transition: none !important; }
}

.ds-verification-prompt {
  display: none;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dfe4e2;
  color: #171d1a;
}
.ds-verification-prompt.is-open { display: block; }
.ds-verification-prompt-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e7f7f2;
  color: #0b8f74;
  font-size: 18px;
  font-weight: 900;
}
.ds-verification-prompt h3 { margin: 16px 0 0; color: #171d1a; font-size: 20px; line-height: 1.2; }
.ds-verification-prompt p { margin: 8px 0 0; color: #5f6965; font-size: 13px; line-height: 1.55; }
.ds-verification-email {
  display: block;
  max-width: 100%;
  margin-top: 10px;
  overflow-wrap: anywhere;
  color: #171d1a;
  font-size: 14px;
  font-weight: 800;
}
.ds-verification-benefit {
  margin-top: 16px !important;
  padding: 12px;
  border: 1px solid #dfe4e2;
  border-radius: 8px;
  background: #f4f7f5;
}
.ds-verification-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.ds-verification-actions button {
  min-height: 44px;
  padding: 0 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.ds-verification-check { border: 0; background: #171d1a; color: #fff; }
.ds-verification-resend,
.ds-verification-later { border: 1px solid #cfd7d3; background: #fff; color: #171d1a; }
.ds-verification-actions button:disabled { cursor: wait; opacity: .6; }
.ds-verification-status { min-height: 20px; }

@media (max-width: 640px) {
  .ds-verification-actions { display: grid; grid-template-columns: 1fr; }
  .ds-verification-actions button { width: 100%; }
}