*,: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.19 | 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:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-6{left:1.5rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.-z-10{z-index:-10}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[130\]{z-index:130}.z-\[1\]{z-index:1}.z-\[64\]{z-index:64}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.order-1{order:1}.order-2{order:2}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.-mr-1{margin-right:-.25rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.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}.mt-8{margin-top:2rem}.mt-px{margin-top:1px}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0}.min-h-14{min-height:3.5rem}.min-h-16{min-height:4rem}.min-h-\[100px\]{min-height:100px}.min-h-\[4\.25rem\]{min-height:4.25rem}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[min\(100vw\2c 400px\)\]{width:min(100vw,400px)}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[44px\]{min-width:44px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[168px\]{max-width:168px}.max-w-\[280px\]{max-width:280px}.max-w-\[min\(100\%\2c 560px\)\]{max-width:min(100%,560px)}.max-w-\[min\(268px\2c 100\%\)\]{max-width:min(268px,100%)}.max-w-\[min\(276px\2c 100\%\)\]{max-width:min(276px,100%)}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.basis-0{flex-basis:0px}.basis-\[min\(100\%\2c 14rem\)\]{flex-basis:min(100%,14rem)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-2{row-gap:.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.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-slate-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(248 250 252/var(--tw-divide-opacity,1))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-black\/15{border-color:rgba(0,0,0,.15)}.border-brand{--tw-border-opacity:1;border-color:rgb(37 211 102/var(--tw-border-opacity,1))}.border-brand\/20{border-color:rgba(37,211,102,.2)}.border-brand\/40{border-color:rgba(37,211,102,.4)}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-200\/70{border-color:rgba(226,232,240,.7)}.border-slate-200\/80{border-color:rgba(226,232,240,.8)}.border-slate-200\/90{border-color:rgba(226,232,240,.9)}.border-slate-200\/95{border-color:rgba(226,232,240,.95)}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-300\/90{border-color:rgba(203,213,225,.9)}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-white\/25{border-color:hsla(0,0%,100%,.25)}.border-white\/\[0\.06\]{border-color:hsla(0,0%,100%,.06)}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-brand{--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.bg-brand-muted{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-brand-muted\/80{background-color:rgba(236,253,245,.8)}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-50\/80{background-color:rgba(248,250,252,.8)}.bg-slate-50\/90{background-color:rgba(248,250,252,.9)}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/40{background-color:rgba(15,23,42,.4)}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/85{background-color:hsla(0,0%,100%,.85)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-white\/\[0\.12\]{background-color:hsla(0,0%,100%,.12)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-brand{--tw-gradient-from:#25d366 var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,211,102,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-muted\/50{--tw-gradient-from:rgba(236,253,245,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,253,245,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand\/15{--tw-gradient-from:rgba(37,211,102,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,211,102,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:rgba(248,250,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-50\/95{--tw-gradient-from:rgba(248,250,252,.95) var(--tw-gradient-from-position);--tw-gradient-to:rgba(248,250,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-slate-800{--tw-gradient-to:rgba(30,41,59,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e293b var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-brand-dark{--tw-gradient-to:#128c7e var(--tw-gradient-to-position)}.to-brand\/5{--tw-gradient-to:rgba(37,211,102,.05) var(--tw-gradient-to-position)}.to-slate-50\/50{--tw-gradient-to:rgba(248,250,252,.5) var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.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-3\.5{padding-left:.875rem;padding-right:.875rem}.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}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-\[max\(3rem\2c calc\(env\(safe-area-inset-bottom\2c 0px\)\+3rem\)\)\]{padding-bottom:max(3rem,calc(env(safe-area-inset-bottom,0px) + 3rem))}.pl-5{padding-left:1.25rem}.pt-0\.5{padding-top:.125rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-8{padding-top:2rem}.pt-9{padding-top:2.25rem}.pt-\[env\(safe-area-inset-top\2c 0px\)\]{padding-top:env(safe-area-inset-top,0)}.pt-\[max\(5\.25rem\2c calc\(3\.5rem\+env\(safe-area-inset-top\2c 0px\)\+1\.25rem\)\)\]{padding-top:max(5.25rem,calc(4.75rem + env(safe-area-inset-top,0px)))}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[1\.02rem\]{font-size:1.02rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.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-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.12\]{line-height:1.12}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-brand{--tw-text-opacity:1;color:rgb(37 211 102/var(--tw-text-opacity,1))}.text-brand-dark{--tw-text-opacity:1;color:rgb(18 140 126/var(--tw-text-opacity,1))}.text-emerald-300\/90{color:rgba(110,231,183,.9)}.text-emerald-400\/80{color:rgba(52,211,153,.8)}.text-sky-400\/90{color:rgba(56,189,248,.9)}.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-white\/35{color:hsla(0,0%,100%,.35)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/95{color:hsla(0,0%,100%,.95)}.text-white\/\[0\.36\]{color:hsla(0,0%,100%,.36)}.text-white\/\[0\.38\]{color:hsla(0,0%,100%,.38)}.text-white\/\[0\.42\]{color:hsla(0,0%,100%,.42)}.text-white\/\[0\.62\]{color:hsla(0,0%,100%,.62)}.text-white\/\[0\.72\]{color:hsla(0,0%,100%,.72)}.text-white\/\[0\.82\]{color:hsla(0,0%,100%,.82)}.text-white\/\[0\.88\]{color:hsla(0,0%,100%,.88)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.9\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.9\)\]{--tw-shadow:inset 0 1px 0 hsla(0,0%,100%,.9);--tw-shadow-colored:inset 0 1px 0 var(--tw-shadow-color)}.shadow-\[inset_0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.38\)\]{--tw-shadow:inset 0 2px 6px rgba(0,0,0,.38);--tw-shadow-colored:inset 0 2px 6px var(--tw-shadow-color)}.shadow-\[inset_0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.38\)\],.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-lift{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lift{--tw-shadow:0 20px 50px rgba(15,23,42,.12);--tw-shadow-colored:0 20px 50px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-soft{--tw-shadow:0 8px 30px rgba(15,23,42,.08);--tw-shadow-colored:0 8px 30px var(--tw-shadow-color)}.shadow-soft,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-brand\/20{--tw-shadow-color:rgba(37,211,102,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-brand\/25{--tw-shadow-color:rgba(37,211,102,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-brand\/30{--tw-shadow-color:rgba(37,211,102,.3);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-amber-200\/60{--tw-ring-color:hsla(48,97%,77%,.6)}.ring-brand\/10{--tw-ring-color:rgba(37,211,102,.1)}.ring-brand\/20{--tw-ring-color:rgba(37,211,102,.2)}.ring-sky-200\/50{--tw-ring-color:rgba(186,230,253,.5)}.ring-slate-200\/80{--tw-ring-color:rgba(226,232,240,.8)}.ring-white\/10{--tw-ring-color:hsla(0,0%,100%,.1)}.ring-white\/20{--tw-ring-color:hsla(0,0%,100%,.2)}.ring-white\/30{--tw-ring-color:hsla(0,0%,100%,.3)}.blur{--tw-blur:blur(8px)}.blur,.blur-\[100px\]{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-\[100px\]{--tw-blur:blur(100px)}.blur-\[80px\]{--tw-blur:blur(80px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px)}.backdrop-blur-\[2px\],.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\[background-color\2c backdrop-filter\]{transition-property:background-color,-webkit-backdrop-filter;transition-property:background-color,backdrop-filter;transition-property:background-color,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[box-shadow\2c border-color\2c transform\]{transition-property:box-shadow,border-color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.selection\:bg-brand\/30 ::-moz-selection{background-color:rgba(37,211,102,.3)}.selection\:bg-brand\/30 ::selection{background-color:rgba(37,211,102,.3)}.selection\:bg-brand\/30::-moz-selection{background-color:rgba(37,211,102,.3)}.selection\:bg-brand\/30::selection{background-color:rgba(37,211,102,.3)}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.focus-within\:border-brand:focus-within{--tw-border-opacity:1;border-color:rgb(37 211 102/var(--tw-border-opacity,1))}.focus-within\:bg-white:focus-within{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-px:hover{--tw-translate-y:-1px}.hover\:-translate-y-px:hover,.hover\:scale-\[1\.04\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.04\]:hover{--tw-scale-x:1.04;--tw-scale-y:1.04}.hover\:border-amber-300\/60:hover{border-color:rgba(252,211,77,.6)}.hover\:border-brand:hover{--tw-border-opacity:1;border-color:rgb(37 211 102/var(--tw-border-opacity,1))}.hover\:border-brand\/30:hover{border-color:rgba(37,211,102,.3)}.hover\:border-brand\/45:hover{border-color:rgba(37,211,102,.45)}.hover\:border-brand\/50:hover{border-color:rgba(37,211,102,.5)}.hover\:border-brand\/60:hover{border-color:rgba(37,211,102,.6)}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:border-slate-600:hover{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.hover\:bg-brand:hover{--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.hover\:bg-brand-dark:hover{--tw-bg-opacity:1;background-color:rgb(18 140 126/var(--tw-bg-opacity,1))}.hover\:bg-brand-light:hover{--tw-bg-opacity:1;background-color:rgb(220 248 198/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-50\/95:hover{background-color:rgba(248,250,252,.95)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:text-brand:hover{--tw-text-opacity:1;color:rgb(37 211 102/var(--tw-text-opacity,1))}.hover\:text-brand-dark:hover{--tw-text-opacity:1;color:rgb(18 140 126/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:shadow-lift:hover{--tw-shadow:0 20px 50px rgba(15,23,42,.12);--tw-shadow-colored:0 20px 50px var(--tw-shadow-color)}.hover\:shadow-lift:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-brand\/35:hover{--tw-shadow-color:rgba(37,211,102,.35);--tw-shadow:var(--tw-shadow-colored)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-3:focus{left:.75rem}.focus\:top-3:focus{top:.75rem}.focus\:z-\[200\]:focus{z-index:200}.focus\:rounded-lg:focus{border-radius:.5rem}.focus\:border-brand:focus{--tw-border-opacity:1;border-color:rgb(37 211 102/var(--tw-border-opacity,1))}.focus\:bg-brand:focus{--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-brand\/25:focus{--tw-ring-color:rgba(37,211,102,.25)}.focus\:ring-brand\/35:focus{--tw-ring-color:rgba(37,211,102,.35)}.active\:bg-slate-100\/80:active{background-color:rgba(241,245,249,.8)}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-\[1\.03\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.03\]{--tw-scale-x:1.03;--tw-scale-y:1.03}.dark\:inline:is(.dark *){display:inline}.dark\:hidden:is(.dark *){display:none}.dark\:divide-slate-800:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(30 41 59/var(--tw-divide-opacity,1))}.dark\:border-slate-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.dark\:border-slate-600\/70:is(.dark *){border-color:rgba(71,85,105,.7)}.dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:border-slate-700\/70:is(.dark *){border-color:rgba(51,65,85,.7)}.dark\:border-slate-700\/80:is(.dark *){border-color:rgba(51,65,85,.8)}.dark\:border-slate-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.dark\:border-slate-800\/80:is(.dark *){border-color:rgba(30,41,59,.8)}.dark\:border-white\/\[0\.08\]:is(.dark *){border-color:hsla(0,0%,100%,.08)}.dark\:bg-brand:is(.dark *){--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-800\/60:is(.dark *){background-color:rgba(30,41,59,.6)}.dark\:bg-slate-800\/70:is(.dark *){background-color:rgba(30,41,59,.7)}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:bg-slate-900\/30:is(.dark *){background-color:rgba(15,23,42,.3)}.dark\:bg-slate-900\/40:is(.dark *){background-color:rgba(15,23,42,.4)}.dark\:bg-slate-900\/45:is(.dark *){background-color:rgba(15,23,42,.45)}.dark\:bg-slate-900\/50:is(.dark *){background-color:rgba(15,23,42,.5)}.dark\:bg-slate-900\/55:is(.dark *){background-color:rgba(15,23,42,.55)}.dark\:bg-slate-900\/90:is(.dark *){background-color:rgba(15,23,42,.9)}.dark\:bg-slate-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.dark\:bg-slate-950\/35:is(.dark *){background-color:rgba(2,6,23,.35)}.dark\:bg-slate-950\/90:is(.dark *){background-color:rgba(2,6,23,.9)}.dark\:bg-white:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:text-brand-light:is(.dark *){--tw-text-opacity:1;color:rgb(220 248 198/var(--tw-text-opacity,1))}.dark\:text-sky-300:is(.dark *){--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-slate-500:is(.dark *){--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.dark\:text-slate-600:is(.dark *){--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dark\:text-slate-900:is(.dark *){--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.dark\:text-slate-950:is(.dark *){--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:ring-sky-500\/20:is(.dark *){--tw-ring-color:rgba(14,165,233,.2)}.dark\:ring-slate-950\/50:is(.dark *){--tw-ring-color:rgba(2,6,23,.5)}.dark\:focus-within\:bg-slate-900:focus-within:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:hover\:bg-brand-light:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(220 248 198/var(--tw-bg-opacity,1))}.dark\:hover\:bg-slate-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:hover\:bg-slate-800\/65:hover:is(.dark *){background-color:rgba(30,41,59,.65)}.dark\:hover\:bg-slate-900\/50:hover:is(.dark *){background-color:rgba(15,23,42,.5)}.dark\:hover\:text-brand-light:hover:is(.dark *){--tw-text-opacity:1;color:rgb(220 248 198/var(--tw-text-opacity,1))}.dark\:active\:bg-slate-800\/80:active:is(.dark *){background-color:rgba(30,41,59,.8)}@media (min-width:380px){.min-\[380px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.sm\:left-6{left:1.5rem}.sm\:right-6{right:1.5rem}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mb-16{margin-bottom:4rem}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:h-10{height:2.5rem}.sm\:min-h-16{min-height:4rem}.sm\:w-10{width:2.5rem}.sm\:w-auto{width:auto}.sm\:max-w-none{max-width:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-5{gap:1.25rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:mb-12{margin-bottom:3rem}.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\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-6{gap:1.5rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:pb-12{padding-bottom:3rem}}@media (min-width:1024px){.lg\:left-8{left:2rem}.lg\:right-8{right:2rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:min-h-\[440px\]{min-height:440px}.lg\:w-5\/12{width:41.666667%}.lg\:w-auto{width:auto}.lg\:max-w-\[min\(100\%\2c 620px\)\]{max-width:min(100%,620px)}.lg\:max-w-none{max-width:none}.lg\:flex-1{flex:1 1 0%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:gap-12{gap:3rem}.lg\:gap-14{gap:3.5rem}.lg\:gap-2{gap:.5rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:pb-14{padding-bottom:3.5rem}.lg\:pt-0{padding-top:0}.lg\:pt-2{padding-top:.5rem}.lg\:pt-24{padding-top:6rem}.lg\:text-left{text-align:left}.lg\:text-\[2\.55rem\]{font-size:2.55rem}}@media (min-width:1280px){.xl\:max-w-none{max-width:none}.xl\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;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))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:text-\[2\.7rem\]{font-size:2.7rem}}
/* Chattu landing — design tokens + Tailwind companions */

:root {
  color-scheme: light;

  /* Brand */
  --lp-brand: #25d366;
  --lp-brand-hover: #20bd5a;
  --lp-brand-strong: #128c7e;
  --lp-brand-soft: rgba(37, 211, 102, 0.14);
  --lp-on-brand: #0b1220;

  /* Surfaces (no pure #000 / #fff) */
  --lp-bg-canvas: #eceff4;
  --lp-bg-raised: #f7f8fa;
  --lp-bg-muted: #e2e8f0;
  --lp-bg-inset: #d8dee9;

  /* Foreground — WCAG-friendly pairs on surfaces above */
  --lp-fg-default: #0b1220;
  --lp-fg-secondary: #334155;
  --lp-fg-muted: #546274;
  --lp-fg-subtle: #64748b;

  /* Lines & dividers */
  --lp-line-default: #b8c5d4;
  --lp-line-muted: #d5dde8;

  /* Nav */
  --lp-nav-bg: rgba(247, 248, 250, 0.92);
  --lp-nav-line: rgba(184, 197, 212, 0.72);

  /* Focus / interactive ring */
  --lp-ring-brand: rgba(37, 211, 102, 0.5);

  /* Status chips, QR tile on cards */
  --lp-status-bg: #e2e8f0;
  --lp-status-fg: #475569;
  --lp-status-on-bg: rgba(209, 250, 229, 0.95);
  --lp-status-on-fg: #047857;
  --lp-qr-tile-bg: #f7f8fa;
  --lp-qr-tile-line: #c5d0dc;

  /* Shadows */
  --lp-shadow-sm: 0 1px 2px rgba(11, 18, 32, 0.06);
  --lp-shadow-nav-scrolled: 0 4px 14px rgba(11, 18, 32, 0.08);

  /* Hero orbs (neutral gradient stops) */
  --lp-orb-deep: #0f172a;
  --lp-orb-mid: #475569;

  /* WhatsApp mock (isolated from page theme) */
  --lp-wa-bg: #0b141a;
  --lp-bubble-light: #dcf8c6;
  --lp-wa-bubble-out-fg: #0b1220;
  --lp-secondary: #075e54;

  /* Language menu */
  --lp-lang-active-fg: #0f766e;

  /* Legacy aliases (existing components) */
  --lp-primary: var(--lp-brand);
  --lp-primary-dark: var(--lp-brand-strong);
  --lp-text: var(--lp-fg-default);
  --lp-muted: var(--lp-fg-muted);
  --lp-border: var(--lp-line-default);
  --lp-surface-page: var(--lp-bg-canvas);
  --lp-surface-0: var(--lp-bg-raised);
  --lp-surface-1: var(--lp-bg-muted);
  --lp-surface-2: var(--lp-bg-inset);
  --lp-nav-glass: var(--lp-nav-bg);
  --lp-lang-hover: var(--lp-bg-muted);
  --lp-lang-option-hover: var(--lp-bg-inset);
  --lp-lang-option-active: rgba(209, 250, 229, 0.88);
}

html.dark {
  color-scheme: dark;

  --lp-bg-canvas: #121212;
  --lp-bg-raised: #1c1c1f;
  --lp-bg-muted: #26262c;
  --lp-bg-inset: #2f2f36;

  --lp-fg-default: #eef1f5;
  --lp-fg-secondary: #c8d0da;
  --lp-fg-muted: #9ca8b8;
  --lp-fg-subtle: #8491a3;

  --lp-line-default: #3f4a5c;
  --lp-line-muted: #2c323c;

  --lp-nav-bg: rgba(28, 28, 31, 0.94);
  --lp-nav-line: rgba(63, 74, 92, 0.78);

  --lp-status-bg: #2a2b30;
  --lp-status-fg: #9ca8b8;
  --lp-status-on-bg: rgba(6, 78, 59, 0.48);
  --lp-status-on-fg: #6ee7b7;

  --lp-qr-tile-bg: #ebecef;
  --lp-qr-tile-line: #8b95a3;

  --lp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --lp-shadow-nav-scrolled: 0 4px 20px rgba(0, 0, 0, 0.45);

  --lp-orb-deep: #1e293b;
  --lp-orb-mid: #64748b;

  --lp-lang-hover: #323238;
  --lp-lang-option-hover: #3a3a42;
  --lp-lang-option-active: rgba(6, 95, 70, 0.42);
  --lp-lang-active-fg: #86efac;
}

.lp-landing-body {
  background-color: var(--lp-bg-canvas);
  color: var(--lp-fg-secondary);
  transition:
    background-color 0.4s ease,
    color 0.4s ease;
}

.lp-landing-body main section,
.lp-landing-body .lp-preview-card,
.lp-landing-body .feature-card,
.lp-landing-body .lp-trust-pill,
.lp-landing-body .lp-price-card,
.lp-landing-body #navbar,
.lp-landing-body footer {
  transition:
    background-color 0.4s ease,
    border-color 0.4s ease,
    color 0.4s ease,
    box-shadow 0.4s ease,
    fill 0.4s ease;
}

/* Theme toggle (nav, top-right cluster with hamburger) */
.lp-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.75rem;
  border: 1px solid var(--lp-line-default);
  background: var(--lp-bg-raised);
  color: var(--lp-fg-default);
  cursor: pointer;
  transition:
    border-color 0.35s ease,
    background-color 0.35s ease,
    color 0.35s ease,
    transform 0.2s ease;
}

.lp-theme-toggle:hover {
  border-color: var(--lp-ring-brand);
  color: var(--lp-brand);
  background: var(--lp-bg-muted);
}

.lp-theme-toggle:active {
  transform: scale(0.96);
}

@media (max-width: 1023px) {
  .lp-theme-toggle {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
}

/* Login — understated secondary control (nav + hero) */
.lp-login-btn:focus-visible {
  outline: 2px solid var(--lp-ring-brand);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .lp-login-btn:hover {
    transform: none !important;
  }
}

.lp-theme-toggle .lp-theme-icon-light {
  display: none;
}

html.dark .lp-theme-toggle .lp-theme-icon-dark {
  display: none;
}

html.dark .lp-theme-toggle .lp-theme-icon-light {
  display: inline-block;
}

/* Mobile drawer backdrop (dim page below fixed nav) */
.lp-nav-backdrop-sheet {
  position: fixed;
  inset: 0;
  z-index: 85;
  background: rgba(15, 23, 42, 0.44);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

.lp-nav-backdrop-sheet.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

html.dark .lp-nav-backdrop-sheet {
  background: rgba(0, 0, 0, 0.52);
}

/* Subtle brand accent under bar */
.lp-nav-accent-line {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(37, 211, 102, 0.38) 24%,
    rgba(56, 189, 248, 0.22) 52%,
    rgba(37, 211, 102, 0.32) 76%,
    transparent 100%
  );
}

html.dark .lp-nav-accent-line {
  opacity: 0.55;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(37, 211, 102, 0.35) 28%,
    rgba(56, 189, 248, 0.18) 52%,
    rgba(37, 211, 102, 0.28) 78%,
    transparent 100%
  );
}

/* Stronger glass when scrolled */
#navbar.lp-nav.lp-nav--elevated .lp-nav-backdrop {
  background-color: rgba(255, 255, 255, 0.93);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

html.dark #navbar.lp-nav.lp-nav--elevated .lp-nav-backdrop {
  background-color: rgba(28, 28, 31, 0.94);
}

/* Hero orbs + parallax targets */
.hero-background {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.gradient-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(72px);
  opacity: 0.28;
  animation: lp-float 18s infinite ease-in-out;
}

.orb-1 {
  width: min(420px, 70vw);
  height: min(420px, 70vw);
  background: linear-gradient(135deg, #25d366, #128c7e);
  top: -25%;
  left: -15%;
}

.orb-2 {
  width: min(320px, 55vw);
  height: min(320px, 55vw);
  background: linear-gradient(135deg, var(--lp-orb-deep), var(--lp-orb-mid));
  top: 40%;
  right: -12%;
  animation-delay: 4s;
}

.orb-3 {
  width: min(280px, 50vw);
  height: min(280px, 50vw);
  background: linear-gradient(135deg, #128c7e, #25d366);
  bottom: -20%;
  left: 35%;
  animation-delay: 8s;
}

@keyframes lp-float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(18px, -14px) scale(1.06); }
  66% { transform: translate(-12px, 12px) scale(0.96); }
}

@media (prefers-reduced-motion: reduce) {
  .gradient-orb { animation: none; }
}

/* --- Premium dual-phone hero (chat + dashboard) --- */
.lp-dual-phones-stage {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 1.25rem 0.5rem 2rem;
}

.lp-dual-phones-glow {
  position: absolute;
  inset: -14% -10% -2% -10%;
  background:
    radial-gradient(ellipse 72% 58% at 52% 92%, rgba(37, 211, 102, 0.2), transparent 58%),
    radial-gradient(ellipse 48% 44% at 22% 28%, rgba(18, 140, 126, 0.14), transparent 56%),
    radial-gradient(ellipse 35% 30% at 78% 18%, rgba(56, 189, 248, 0.06), transparent 50%);
  pointer-events: none;
  filter: blur(3px);
  opacity: 1;
}

.lp-dual-phones-noise {
  position: absolute;
  inset: 0;
  opacity: 0.35;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}

.lp-dual-phones-perspective {
  position: relative;
  z-index: 1;
  perspective: 1400px;
  perspective-origin: 55% 40%;
}

.lp-dual-phones-tilt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.25rem;
  padding: 0.5rem 0 1rem;
  transform-origin: center center;
  transition: transform 0.35s ease-out;
  will-change: transform;
}

@media (min-width: 1024px) {
  .lp-dual-phones-tilt {
    display: block;
    height: min(520px, 58vh);
    padding: 0;
    margin-right: -0.5rem;
  }
}

.lp-hero-device {
  position: relative;
  width: 100%;
  max-width: min(276px, 100%);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (min-width: 1024px) {
  .lp-hero-device {
    position: absolute;
    bottom: 0;
    max-width: min(278px, 34vw);
  }

  .lp-hero-device--dashboard {
    left: 0;
    z-index: 1;
    transform: rotate(-11deg) rotateY(6deg) scale(0.9) translate(4px, 18px);
  }

  .lp-hero-device--chat {
    right: 0;
    z-index: 2;
    transform: rotate(9deg) rotateY(-5deg) scale(1.02) translate(-6px, -10px);
  }

  .lp-dual-phones-perspective:hover .lp-hero-device--dashboard {
    transform: rotate(-10deg) rotateY(5deg) scale(0.91) translate(2px, 14px);
  }

  .lp-dual-phones-perspective:hover .lp-hero-device--chat {
    transform: rotate(8deg) rotateY(-4deg) scale(1.03) translate(-8px, -14px);
  }
}

@media (min-width: 1280px) {
  .lp-hero-device--dashboard {
    transform: rotate(-12deg) rotateY(7deg) scale(0.91) translate(8px, 14px);
  }
  .lp-hero-device--chat {
    transform: rotate(8deg) rotateY(-6deg) scale(1.03) translate(-12px, -12px);
  }
}

.lp-hero-phone-float {
  margin-left: auto;
  margin-right: auto;
  animation: lp-phone 5.5s ease-in-out infinite;
}

.lp-hero-phone-float--delayed {
  animation-delay: -2.75s;
}

@keyframes lp-phone {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

@media (prefers-reduced-motion: reduce) {
  .lp-hero-phone-float,
  .lp-hero-phone-float--delayed {
    animation: none;
  }
  .lp-dual-phones-perspective:hover .lp-hero-device--dashboard,
  .lp-dual-phones-perspective:hover .lp-hero-device--chat {
    transform: none;
  }
}

/* Legacy single-stage (unused on index hero; kept for any older markup) */
.lp-iphone-stage {
  display: flex;
  justify-content: center;
  transform: rotate(-2.5deg);
}

@media (min-width: 1024px) {
  .lp-iphone-stage {
    justify-content: flex-end;
    padding-right: 0.25rem;
    transform: rotate(-3.25deg) translateX(1.35rem) translateY(0.35rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-iphone-stage {
    transform: none;
    padding-left: 0;
    padding-right: 0;
  }
}

.lp-iphone-bezel--hero {
  /* Depth via box-shadow only — avoids filter+3D-transform raster blur on screen UI */
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.16) inset,
    0 1px 0 rgba(255, 255, 255, 0.07) inset,
    0 48px 96px -24px rgba(0, 0, 0, 0.58),
    0 24px 48px -16px rgba(0, 0, 0, 0.42),
    0 12px 28px -8px rgba(0, 0, 0, 0.32),
    0 0 88px -28px rgba(37, 211, 102, 0.14);
}

.lp-iphone-bezel--hero .lp-iphone-screen {
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

.lp-iphone-screen--hero {
  min-height: 400px;
  max-height: min(56vh, 500px);
}

/* Dashboard screen inside hero phone */
.lp-dash-mock {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: row;
  background:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(37, 211, 102, 0.1), transparent 52%),
    linear-gradient(180deg, #0d141c 0%, #070a0e 100%);
  overflow: hidden;
}

.lp-dash-sidebar {
  width: 42px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 11px 0 12px;
  gap: 0;
  background: linear-gradient(180deg, #0f1720 0%, #0a0e14 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.lp-dash-logo {
  position: relative;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.25), transparent 45%),
    linear-gradient(145deg, #2fe078 0%, #25d366 42%, #0f766e 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow:
    0 2px 10px rgba(37, 211, 102, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.lp-dash-logo-svg {
  width: 13px;
  height: 13px;
  color: #fff;
  opacity: 0.98;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

.lp-dash-logo-ping {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: linear-gradient(180deg, #4ade80, #22c55e);
  border: 2px solid #0f1724;
  box-shadow: 0 0 10px rgba(74, 222, 128, 0.45);
}

.lp-dash-nav-rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 13px 0 6px;
  margin-top: 2px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.lp-dash-nav-spacer {
  flex: 1 1 auto;
  min-height: 8px;
  width: 2px;
}

.lp-dash-nav-item {
  width: 29px;
  height: 29px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 1;
  color: rgba(203, 213, 225, 0.5);
  background: rgba(255, 255, 255, 0.042);
  border: 1px solid rgba(255, 255, 255, 0.076);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 1px 6px rgba(0, 0, 0, 0.2);
}

.lp-dash-nav-item--active {
  color: rgba(240, 253, 245, 0.98);
  background: rgba(37, 211, 102, 0.22);
  border-color: rgba(37, 211, 102, 0.42);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 14px rgba(37, 211, 102, 0.14),
    0 2px 8px rgba(0, 0, 0, 0.2);
}

.lp-dash-nav-item--bottom {
  flex-shrink: 0;
  color: rgba(203, 213, 225, 0.52);
}

body.rtl .lp-dash-logo-ping,
[dir='rtl'] .lp-dash-logo-ping {
  right: auto;
  left: -1px;
}

.lp-dash-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 10px 12px;
}

.lp-dash-body.lp-dash-body--hero {
  gap: 0;
  flex: 1;
  min-height: 0;
  padding: 10px 10px 10px;
}

.lp-dash-hero-cluster {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lp-dash-hero-extra {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lp-dash-micro-hr {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  margin-bottom: 1px;
}

.lp-dash-micro-label {
  font-size: 7px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(148, 163, 184, 0.88);
  line-height: 1.2;
}

.lp-dash-micro-label--tight-top {
  margin-top: 3px;
}

.lp-dash-spark {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 42px;
  padding: 7px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 2px 8px rgba(0, 0, 0, 0.2);
}

.lp-dash-spark-bar {
  flex: 1 1 0;
  align-self: flex-end;
  min-height: 6px;
  border-radius: 3px;
  background: linear-gradient(180deg, rgba(52, 211, 153, 0.7), rgba(37, 211, 102, 0.12));
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.28);
}

.lp-dash-spark-bar--h1 { height: 43%; max-height: 100%; }
.lp-dash-spark-bar--h2 { height: 64%; max-height: 100%; }
.lp-dash-spark-bar--h3 { height: 36%; max-height: 100%; }
.lp-dash-spark-bar--h4 { height: 82%; max-height: 100%; }
.lp-dash-spark-bar--h5 { height: 51%; max-height: 100%; }
.lp-dash-spark-bar--h6 { height: 70%; max-height: 100%; }
.lp-dash-spark-bar--h7 { height: 58%; max-height: 100%; }

.lp-dash-signal-grid {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.lp-dash-signal {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 5px 6px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.lp-dash-signal-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: 3px;
  flex-shrink: 0;
}

.lp-dash-signal-dot--ok {
  background: #25d366;
  box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.22), 0 0 10px rgba(37, 211, 102, 0.25);
}

.lp-dash-signal-ico {
  width: 21px;
  height: 21px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(37, 211, 102, 0.12);
  border: 1px solid rgba(37, 211, 102, 0.18);
  color: rgba(167, 243, 208, 0.95);
  font-size: 9px;
  margin-top: 1px;
}

.lp-dash-signal-text {
  min-width: 0;
}

.lp-dash-signal-line {
  display: block;
  font-size: 9px;
  font-weight: 600;
  color: rgba(241, 245, 249, 0.94);
  line-height: 1.25;
}

.lp-dash-signal-sub {
  display: block;
  margin-top: 2px;
  font-size: 7px;
  color: rgba(148, 163, 184, 0.95);
  line-height: 1.25;
}

.lp-dash-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-top: 2px;
}

.lp-dash-chip {
  font-size: 7px;
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 4px 7px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(226, 232, 240, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.lp-dash-chip--accent {
  background: rgba(37, 211, 102, 0.12);
  border-color: rgba(37, 211, 102, 0.32);
  color: rgba(220, 252, 231, 0.95);
}

body.rtl .lp-dash-spark,
html[dir='rtl'] .lp-dash-spark {
  flex-direction: row-reverse;
}

.lp-dash-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: rgba(248, 250, 252, 0.95);
}

.lp-dash-stats {
  display: flex;
  gap: 6px;
}

.lp-dash-stat {
  flex: 1;
  padding: 7px 8px;
  border-radius: 9px;
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 3px 10px rgba(0, 0, 0, 0.25);
}

.lp-dash-stat-val {
  font-size: 13px;
  font-weight: 700;
  color: #f8fafc;
  line-height: 1.2;
}

.lp-dash-stat-lbl {
  margin-top: 2px;
  font-size: 7px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(148, 163, 184, 0.95);
}

.lp-dash-row {
  display: flex;
  align-items: center;
  padding: 9px 9px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-left: 3px solid #25d366;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.lp-dash-row--muted {
  opacity: 0.88;
  border-left-color: rgba(37, 211, 102, 0.45);
}
.lp-dash-row--faint {
  opacity: 0.62;
  padding: 8px;
  border-left-color: rgba(37, 211, 102, 0.3);
}

body.rtl .lp-dash-row--faint,
[dir='rtl'] .lp-dash-row--faint {
  border-left: none;
  border-right: 3px solid rgba(37, 211, 102, 0.3);
}

.lp-dash-row-title {
  font-size: 10px;
  font-weight: 600;
  color: #f1f5f9;
  line-height: 1.25;
}

.lp-dash-row-sub {
  margin-top: 2px;
  font-size: 8px;
  color: #94a3b8;
  line-height: 1.2;
}

body.rtl .lp-dash-sidebar,
[dir="rtl"] .lp-dash-sidebar {
  border-right: none;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}

body.rtl .lp-dash-row,
[dir="rtl"] .lp-dash-row {
  border-left: none;
  border-right: 3px solid #25d366;
}

body.rtl .lp-dash-row--muted,
[dir="rtl"] .lp-dash-row--muted {
  border-right-color: rgba(37, 211, 102, 0.45);
}

.lp-iphone-bezel {
  position: relative;
  border-radius: 2.75rem;
  padding: 11px;
  background: linear-gradient(155deg, #5a5a5e 0%, #2a2a2c 28%, #0e0e0f 52%, #252527 100%);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.14) inset,
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 36px 72px -16px rgba(0, 0, 0, 0.5),
    0 16px 32px -12px rgba(0, 0, 0, 0.35);
}

.lp-iphone-glare {
  pointer-events: none;
  position: absolute;
  inset: 11px;
  border-radius: 2.2rem;
  z-index: 0;
  background: linear-gradient(125deg, rgba(255, 255, 255, 0.12) 0%, transparent 38%, transparent 100%);
  opacity: 0.45;
}

.lp-iphone-screen {
  position: relative;
  z-index: 1;
  border-radius: 2.2rem;
  overflow: hidden;
  background: #0a0a0b;
  display: flex;
  flex-direction: column;
  min-height: 420px;
  max-height: min(58vh, 520px);
  box-shadow: 0 0 0 1px rgba(10, 10, 11, 0.85) inset;
}

/* iOS status + Dynamic Island */
.lp-ios-status {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px 10px;
  background: #0a0a0b;
  color: #f4f4f5;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.lp-ios-time {
  min-width: 3rem;
}

.lp-ios-dynamic-island {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -42%);
  width: 94px;
  height: 29px;
  background: radial-gradient(ellipse 80% 140% at 50% -10%, rgba(55, 65, 81, 0.55), #050505);
  border-radius: 14px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.11) inset,
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 3px 12px rgba(0, 0, 0, 0.5);
}

.lp-ios-dynamic-island::before {
  content: '';
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-52%);
  width: 42px;
  height: 5px;
  border-radius: 9999px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.16) 42%,
    rgba(255, 255, 255, 0.08),
    transparent
  );
  opacity: 0.55;
}

.lp-ios-dynamic-island::after {
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: radial-gradient(circle at 28% 28%, rgba(71, 85, 105, 0.95), #0f172a 68%);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.12),
    inset 0 -1px 2px rgba(0, 0, 0, 0.45);
}

body.rtl .lp-ios-dynamic-island::after,
html[dir='rtl'] .lp-ios-dynamic-island::after {
  right: auto;
  left: 15px;
}

.lp-ios-trailing {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  opacity: 0.92;
  min-width: 3rem;
  justify-content: flex-end;
}

.lp-ios-battery {
  display: inline-block;
  width: 23px;
  height: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.88);
  border-radius: 3px;
  position: relative;
  margin-left: 2px;
  vertical-align: middle;
}

.lp-ios-battery::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 5px;
  background: #fff;
  border-radius: 1px;
}

.lp-ios-battery::after {
  content: '';
  position: absolute;
  right: -3px;
  top: 3px;
  width: 2px;
  height: 4px;
  background: rgba(255, 255, 255, 0.88);
  border-radius: 0 1px 1px 0;
}

.whatsapp-interface {
  flex: 1;
  min-height: 0;
  background: var(--lp-wa-bg);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.wa-header {
  background: linear-gradient(180deg, #0a7567 0%, #085d52 52%, #06443c 100%);
  padding: 8px 10px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 2px 10px rgba(0, 0, 0, 0.2);
}

.wa-header-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 0.9rem;
  opacity: 0.92;
}

.wa-contact {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.wa-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--lp-primary);
  flex-shrink: 0;
}

.wa-avatar-photo {
  padding: 0;
  overflow: hidden;
  background: transparent !important;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.22),
    0 3px 8px rgba(0, 0, 0, 0.25);
}

.wa-avatar-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lp-wa-avatar-glow {
  animation: lp-avatar-ring 2.8s ease-in-out infinite;
}

@keyframes lp-avatar-ring {
  0%, 100% {
    box-shadow:
      0 0 0 2px rgba(255, 255, 255, 0.22),
      0 3px 8px rgba(0, 0, 0, 0.28);
  }
  50% {
    box-shadow:
      0 0 0 2px rgba(255, 255, 255, 0.32),
      0 5px 14px rgba(37, 211, 102, 0.22),
      0 0 0 1px rgba(37, 211, 102, 0.15);
  }
}

.wa-name { font-weight: 600; font-size: 0.875rem; }
.wa-status { font-size: 0.7rem; opacity: 0.85; }

.wa-messages {
  flex: 1;
  min-height: 0;
  padding: 10px 11px 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  background-color: var(--lp-wa-bg, #0b141a);
  background-image:
    radial-gradient(ellipse 95% 55% at 50% -8%, rgba(37, 211, 102, 0.07), transparent 52%),
    linear-gradient(180deg, rgba(15, 25, 32, 0.45) 0%, transparent 35%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23182229' fill-opacity='0.32'%3E%3Cpath d='M0 0h40v40H0zm40 40h40v40H40z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat, repeat;
  background-size:
    100% 140px,
    100% 100%,
    80px 80px;
  background-position:
    center top,
    center,
    center;
}

.wa-day-sep {
  display: flex;
  justify-content: center;
  margin: 4px 0 8px;
}

.wa-day-sep span {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(233, 237, 239, 0.55);
  background: rgba(11, 20, 26, 0.85);
  padding: 4px 12px;
  border-radius: 9999px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

.wa-bubble-wrap {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-width: 88%;
}

.wa-bubble-wrap--out {
  align-items: flex-end;
  margin-left: auto;
}

.wa-bubble-wrap--in {
  align-items: flex-start;
}

.wa-msg-meta {
  font-size: 0.62rem;
  color: #8696a0;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.wa-message.sent .wa-msg-meta::after {
  content: '';
  width: 14px;
  height: 10px;
  margin-left: 1px;
  opacity: 0.85;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath fill='%2353bdeb' d='M5.7 9.5.5 4.3l1.4-1.4 3.8 3.8L14.1.3l1.4 1.4-6.5 6.5-1.4 1.3z'/%3E%3C/svg%3E");
}

.wa-message {
  display: flex;
  animation: lp-msg 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.wa-message.sent { justify-content: flex-end; }
.wa-message.received { justify-content: flex-start; }

#waMessagesHero .wa-message:nth-child(2) { animation-delay: 0.2s; }
#waMessagesHero .wa-message:nth-child(3) { animation-delay: 0.58s; }
#waMessagesHero .wa-message:nth-child(4) { animation-delay: 0.96s; }

@keyframes lp-msg {
  from { opacity: 0; transform: translateY(10px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Typing indicator (hero mock) */
.wa-typing {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 4px 0 2px;
  animation: lp-msg 0.4s ease-out 1.28s both;
}

.wa-typing-bubble {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  border-radius: 12px 12px 12px 4px;
  background: #202c33;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.wa-typing-bubble span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8696a0;
  animation: lp-typing-bounce 1.1s ease-in-out infinite;
}
.wa-typing-bubble span:nth-child(2) { animation-delay: 0.15s; }
.wa-typing-bubble span:nth-child(3) { animation-delay: 0.3s; }
@keyframes lp-typing-bounce {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.45; }
  30% { transform: translateY(-4px); opacity: 1; }
}

.message-bubble {
  max-width: 100%;
  padding: 7px 11px 8px;
  border-radius: 10px;
  font-size: 0.8125rem;
  line-height: 1.38;
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
}

.wa-message.sent .message-bubble {
  background: var(--lp-bubble-light);
  color: var(--lp-wa-bubble-out-fg);
  border-bottom-right-radius: 3px;
}

.wa-message.received .message-bubble {
  background: #202c33;
  color: #e9edef;
  border-bottom-left-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}

.wa-message.auto-reply .message-bubble {
  background: var(--lp-primary);
  color: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

/* iOS-style input stub (WhatsApp-ish) */
.wa-ios-compose {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px 12px;
  background: linear-gradient(180deg, #243138 0%, #182229 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  color: #8696a0;
  font-size: 0.95rem;
}

.wa-ios-compose .fa-plus {
  opacity: 0.85;
}

.wa-ios-compose-field {
  flex: 1;
  background: #2a3942;
  border-radius: 20px;
  padding: 8px 14px;
  font-size: 0.875rem;
  color: #8696a0;
  line-height: 1.25;
}

.wa-ios-compose .fa-microphone {
  opacity: 0.9;
  color: #00a884;
}

body.rtl .lp-iphone-stage,
[dir="rtl"] .lp-iphone-stage {
  transform: rotate(2.5deg);
}

@media (min-width: 1024px) {
  body.rtl .lp-iphone-stage,
  [dir="rtl"] .lp-iphone-stage {
    justify-content: flex-start;
    padding-right: 0;
    padding-left: 0.25rem;
    transform: rotate(3.25deg) translateX(-1.35rem) translateY(0.35rem);
  }

  body.rtl .phone-mockup.lp-iphone-float,
  [dir="rtl"] .phone-mockup.lp-iphone-float {
    margin-left: 0;
    margin-right: auto;
  }
}

@media (min-width: 1024px) {
  body.rtl .lp-hero-device--dashboard,
  [dir="rtl"] .lp-hero-device--dashboard {
    left: auto;
    right: 0;
    transform: rotate(11deg) rotateY(-6deg) scale(0.9) translate(-4px, 18px);
  }

  body.rtl .lp-hero-device--chat,
  [dir="rtl"] .lp-hero-device--chat {
    right: auto;
    left: 0;
    transform: rotate(-9deg) rotateY(5deg) scale(1.02) translate(6px, -10px);
  }

  body.rtl .lp-dual-phones-perspective:hover .lp-hero-device--dashboard,
  [dir="rtl"] .lp-dual-phones-perspective:hover .lp-hero-device--dashboard {
    transform: rotate(10deg) rotateY(-5deg) scale(0.91) translate(-2px, 14px);
  }

  body.rtl .lp-dual-phones-perspective:hover .lp-hero-device--chat,
  [dir="rtl"] .lp-dual-phones-perspective:hover .lp-hero-device--chat {
    transform: rotate(-8deg) rotateY(4deg) scale(1.03) translate(8px, -14px);
  }
}

/* Language dropdown (i18n.js toggles .show) */
.language-selector { position: relative; }

.lang-btn {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.75rem;
  background: transparent;
  border: 1px solid var(--lp-border);
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--lp-text);
  transition: background 0.2s, border-color 0.2s;
  font-family: inherit;
}

.lang-btn:hover {
  background: var(--lp-lang-hover);
  border-color: var(--lp-primary);
}

.lang-btn i.fa-globe { color: var(--lp-primary); }
.lang-btn i.fa-chevron-down { font-size: 0.65rem; transition: transform 0.2s; }

.language-selector:has(.lang-dropdown.show) .lang-btn i.fa-chevron-down {
  transform: rotate(180deg);
}

.lang-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  background: var(--lp-bg-raised);
  border-radius: 0.75rem;
  box-shadow: 0 16px 48px rgba(11, 18, 32, 0.12);
  border: 1px solid var(--lp-line-default);
  min-width: 168px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
  z-index: 1100;
  overflow: hidden;
}

.lang-dropdown.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.lang-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.65rem 0.85rem;
  background: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 0.875rem;
  color: var(--lp-text);
  transition: background 0.15s;
  font-family: inherit;
}

.lang-option:hover { background: var(--lp-lang-option-hover); }
.lang-option.active {
  background: var(--lp-lang-option-active);
  color: var(--lp-lang-active-fg);
  font-weight: 600;
}

/* Nav links — desktop row; mobile overlay below */
.nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

@media (min-width: 1024px) {
  .nav-menu {
    position: static !important;
    transform: none !important;
    max-height: none !important;
    width: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    flex-direction: row !important;
    padding: 0 !important;
    overflow: visible !important;
  }
}

/* Mobile menu — visibility: use Tailwind on #hamburger (e.g. flex lg:hidden) */
.hamburger {
  flex-direction: column;
  cursor: pointer;
  gap: 5px;
  padding: 4px;
  z-index: 60;
}

.hamburger span {
  width: 22px;
  height: 2px;
  background: var(--lp-text);
  border-radius: 2px;
  transition: transform 0.25s, opacity 0.25s;
}

@media (max-width: 1023px) {
  /* Right-edge sheet (below top bar), matches premium mobile patterns */
  .nav-menu {
    position: fixed;
    /* Matched to real #navbar height via --lp-nav-drawer-top (landing.js) — avoids overlapping hamburger row */
    top: var(--lp-nav-drawer-top, calc(4rem + env(safe-area-inset-top, 0px)));
    left: auto;
    right: 0;
    bottom: 0;
    width: min(360px, 92vw);
    max-height: calc(
      100dvh - var(--lp-nav-drawer-top, 4rem) - env(safe-area-inset-bottom, 0px)
    );
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 1rem 1.25rem 1.25rem;
    padding-bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
    border-top-left-radius: 1.15rem;
    box-shadow: -8px 0 40px rgba(15, 23, 42, 0.12), -2px 0 0 rgba(37, 211, 102, 0.08);
    transform: translateX(105%);
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 90;
  }
  /* Prevent off-screen drawer from intercepting taps */
  .nav-menu:not(.active) {
    pointer-events: none;
  }
  .nav-menu.active {
    transform: translateX(0);
    pointer-events: auto;
  }
  .nav-menu > li {
    border-bottom: 1px solid #f1f5f9;
    padding: 0.5rem 0;
  }
  .nav-menu > li.lp-mobile-drawer-head {
    border-bottom: 1px solid #e2e8f0;
    padding: 0 0 1rem;
    margin-bottom: 0.35rem;
  }
  .nav-menu .lp-nav-link {
    min-height: 48px;
    display: flex;
    align-items: center;
    font-size: 1.0625rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--lp-fg-default);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .nav-menu > li:last-child { border-bottom: none; }
  .hamburger.active {
    background: rgba(37, 211, 102, 0.12);
  }
  .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
  .hamburger.active span:nth-child(2) { opacity: 0; }
  .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }
}

@media (max-width: 1023px) {
  body.rtl .nav-menu,
  [dir='rtl'] .nav-menu {
    right: auto;
    left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 1.15rem;
    box-shadow: 8px 0 40px rgba(15, 23, 42, 0.12), 2px 0 0 rgba(37, 211, 102, 0.08);
    transform: translateX(-105%);
  }

  body.rtl .nav-menu.active,
  [dir='rtl'] .nav-menu.active {
    transform: translateX(0);
  }

  html.dark body.rtl .nav-menu,
  html.dark [dir='rtl'] .nav-menu {
    box-shadow: 10px 0 44px rgba(0, 0, 0, 0.45), 2px 0 0 rgba(37, 211, 102, 0.12);
  }
}

/* Scroll reveal (landing.js adds .aos-animate) */
[data-aos] {
  opacity: 0;
  transition: opacity 0.55s ease, transform 0.55s ease;
}
[data-aos].aos-animate { opacity: 1; }
[data-aos="fade-up"] { transform: translateY(20px); }
[data-aos="fade-up"].aos-animate { transform: translateY(0); }
[data-aos="fade-right"] { transform: translateX(-16px); }
[data-aos="fade-right"].aos-animate { transform: translateX(0); }
[data-aos="fade-left"] { transform: translateX(16px); }
[data-aos="fade-left"].aos-animate { transform: translateX(0); }

@media (prefers-reduced-motion: reduce) {
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none;
  }
}

/* Benefits mini preview */
.dashboard-preview {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
  border: 1px solid var(--lp-border);
  background: #fff;
}
.dashboard-header {
  background: #f8fafc;
  padding: 10px 12px;
  border-bottom: 1px solid var(--lp-border);
}
.dashboard-controls { display: flex; gap: 6px; }
.control-dot { width: 10px; height: 10px; border-radius: 50%; }
.control-dot.red { background: #f87171; }
.control-dot.yellow { background: #fbbf24; }
.control-dot.green { background: #25d366; }
.dashboard-content { padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.dashboard-card {
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid var(--lp-border);
  min-height: 72px;
}
.card-header { height: 8px; background: #e2e8f0; border-radius: 8px 8px 0 0; }
.card-body { padding: 10px; }
.chart-placeholder {
  height: 48px;
  background: linear-gradient(90deg, #ecfdf5 0%, #d1fae5 50%, #ecfdf5 100%);
  border-radius: 6px;
}
.dashboard-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.stat-box { height: 36px; background: linear-gradient(135deg, #f1f5f9, #e2e8f0); border-radius: 6px; }

/* Pricing feature list — full list visible (no inner scroll) */
.lp-price-features {
  max-height: none;
  overflow: visible;
}

/* Product preview */
.lp-preview-card { transition: box-shadow 0.25s ease, transform 0.25s ease; }
.lp-preview-card:hover { transform: translateY(-2px); }

.lp-skel {
  display: inline-block;
  border-radius: 9999px;
  background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
  background-size: 200% 100%;
  animation: lp-skel 1.2s ease-in-out infinite;
}
.lp-skel-dot { width: 8px; height: 8px; }
@keyframes lp-skel {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-skel { animation: none; background: #e2e8f0; }
}

/* QR mock — realistic code + scan frame */
.lp-qr-scan-frame {
  position: relative;
  width: 100%;
  max-width: 120px;
  aspect-ratio: 1;
  padding: 10px;
  border-radius: 12px;
  background: var(--lp-qr-tile-bg);
  box-shadow:
    inset 0 0 0 1px var(--lp-qr-tile-line),
    var(--lp-shadow-sm);
}
.lp-qr-scan-frame::before,
.lp-qr-scan-frame::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border-color: rgba(37, 211, 102, 0.55);
  border-style: solid;
  border-width: 0;
  pointer-events: none;
  border-radius: 3px;
}
.lp-qr-scan-frame::before {
  top: 4px;
  left: 4px;
  border-top-width: 2px;
  border-left-width: 2px;
}
.lp-qr-scan-frame::after {
  bottom: 4px;
  right: 4px;
  border-bottom-width: 2px;
  border-right-width: 2px;
}
.lp-qr-corner {
  position: absolute;
  width: 18px;
  height: 18px;
  border-color: rgba(37, 211, 102, 0.55);
  border-style: solid;
  border-width: 0;
  border-radius: 3px;
  pointer-events: none;
}
.lp-qr-corner-tr {
  top: 4px;
  right: 4px;
  border-top-width: 2px;
  border-right-width: 2px;
}
.lp-qr-corner-bl {
  bottom: 4px;
  left: 4px;
  border-bottom-width: 2px;
  border-left-width: 2px;
}
.lp-qr-svg {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.lp-qr-scan-line {
  position: absolute;
  left: 10px;
  right: 10px;
  height: 2px;
  top: 18px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(37, 211, 102, 0.15),
    rgba(37, 211, 102, 0.85),
    rgba(37, 211, 102, 0.15),
    transparent
  );
  box-shadow: 0 0 12px rgba(37, 211, 102, 0.45);
  animation: lp-qr-scan 2.4s ease-in-out infinite;
  pointer-events: none;
  z-index: 2;
}
@keyframes lp-qr-scan {
  0%, 100% { top: 18px; opacity: 0.35; }
  50% { top: calc(100% - 22px); opacity: 1; }
}

.lp-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 4px 8px;
  border-radius: 9999px;
  border: 1px solid var(--lp-line-default);
  background: var(--lp-status-bg);
  color: var(--lp-status-fg);
}
.lp-status-on {
  border-color: var(--lp-ring-brand);
  background: var(--lp-status-on-bg);
  color: var(--lp-status-on-fg);
}
.lp-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #94a3b8;
}
.lp-status-on .lp-status-dot {
  background: var(--lp-primary);
  box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.25);
  animation: lp-pulse-dot 2s ease-in-out infinite;
}
.lp-status-header {
  border: none;
  background: rgba(255, 255, 255, 0.18);
  color: #f4f4f5;
  font-size: 9px;
}
.lp-status-header .lp-status-dot {
  background: #bbf7d0;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
  animation: lp-pulse-dot 2s ease-in-out infinite;
}
@keyframes lp-pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(0.92); }
}
@media (prefers-reduced-motion: reduce) {
  .lp-status-on .lp-status-dot,
  .lp-status-header .lp-status-dot { animation: none; }
}

/* --- Motion layer: hero entrance, marquee, nav, CTA, polish --- */
.lp-phone-tilt {
  transform-origin: center center;
  transition: transform 0.35s ease-out;
  will-change: transform;
}

/* Hero staggered entrance */
.lp-reveal {
  opacity: 0;
  transform: translateY(18px);
  animation: lp-reveal-in 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.lp-reveal-d1 { animation-delay: 0.04s; }
.lp-reveal-d2 { animation-delay: 0.1s; }
.lp-reveal-d3 { animation-delay: 0.18s; }
.lp-reveal-d4 { animation-delay: 0.26s; }
.lp-reveal-d5 { animation-delay: 0.34s; }
.lp-reveal-d6 { animation-delay: 0.42s; }

@keyframes lp-reveal-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Trust strip — static grid, no scroll animation */
.lp-trust-grid { align-items: stretch; }
.lp-trust-pill:focus-within {
  outline: 2px solid var(--lp-ring-brand);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .lp-trust-pill { transition: none; }
  .lp-trust-pill:hover { transform: none; }
}

/* Nav link underline (desktop) */
@media (min-width: 1024px) {
  .lp-nav .lp-nav-link {
    position: relative;
  }
  .lp-nav .lp-nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: var(--lp-primary);
    transition: width 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .lp-nav .lp-nav-link:hover::after {
    width: 100%;
  }
}

/* Stat tiles */
.lp-stat-tile {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.lp-stat-tile:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
  border-color: rgba(37, 211, 102, 0.35);
}

/* Message bubble subtle shine */
.message-bubble.lp-bubble-shine {
  position: relative;
  overflow: hidden;
}
.message-bubble.lp-bubble-shine::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    transparent 36%,
    rgba(255, 255, 255, 0.45) 48%,
    transparent 58%
  );
  transform: translateX(-120%);
  animation: lp-bubble-shine 5s ease-in-out infinite;
  pointer-events: none;
}
.wa-message.received .message-bubble.lp-bubble-shine::after {
  background: linear-gradient(
    105deg,
    transparent 36%,
    rgba(255, 255, 255, 0.12) 50%,
    transparent 62%
  );
}
@keyframes lp-bubble-shine {
  0%, 35% { transform: translateX(-120%); }
  60%, 100% { transform: translateX(120%); }
}

/* QR mock — outer card pulse */
.lp-qr-mock {
  animation: lp-qr-breathe 4s ease-in-out infinite;
}
@keyframes lp-qr-breathe {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 0 0 1px rgba(226, 232, 240, 0.9);
    transform: scale(1);
  }
  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.95),
      0 0 0 1px rgba(37, 211, 102, 0.28),
      0 12px 28px rgba(37, 211, 102, 0.08);
    transform: scale(1.01);
  }
}

html.dark .lp-qr-mock {
  animation: lp-qr-breathe-dark 4s ease-in-out infinite;
}

@keyframes lp-qr-breathe-dark {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 0 0 1px var(--lp-line-default);
    transform: scale(1);
  }
  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.07),
      0 0 0 1px rgba(37, 211, 102, 0.38),
      0 12px 28px rgba(37, 211, 102, 0.1);
    transform: scale(1.01);
  }
}

/* Inbox & status — richer product preview (depth, teal header, ambient light) */
.lp-inbox-mock {
  position: relative;
  background: radial-gradient(
      ellipse 115% 90% at 50% -8%,
      rgba(37, 211, 102, 0.09),
      transparent 52%
    ),
    #0b141a;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.065),
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 22px 56px rgba(0, 0, 0, 0.38),
    0 0 48px rgba(18, 140, 126, 0.07);
}
.lp-inbox-mock::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}
.lp-inbox-toolbar {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, #0b7a6b 0%, #085d52 48%, #064a42 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 4px 14px rgba(0, 0, 0, 0.22);
}
.lp-inbox-toolbar::after {
  content: '';
  position: absolute;
  left: 6%;
  right: 6%;
  bottom: 0;
  height: 1px;
  border-radius: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(37, 211, 102, 0.45),
    rgba(167, 243, 208, 0.2),
    rgba(37, 211, 102, 0.45),
    transparent
  );
  opacity: 0.85;
}
.lp-inbox-toolbar-icon {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 2px 6px rgba(0, 0, 0, 0.2);
}
.lp-inbox-toolbar .lp-status-header {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 8px rgba(0, 0, 0, 0.12);
}
@media (hover: hover) {
  .lp-inbox-mock:hover .lp-inbox-row:not(.lp-inbox-row-active) {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.055);
  }
}
.lp-inbox-body {
  position: relative;
  z-index: 1;
  min-height: 176px;
  background-color: #0b141a;
  background-image:
    radial-gradient(ellipse 100% 75% at 50% 0%, rgba(37, 211, 102, 0.06), transparent 58%),
    linear-gradient(180deg, rgba(31, 44, 52, 0.35) 0%, transparent 42%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23ffffff' fill-opacity='0.028'%3E%3Cpath d='M40 8c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3zm0 58c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3zM8 40c0-2 1-3 3-3s3 1 3 3-1 3-3 3-3-1-3-3zm58 0c0-2 1-3 3-3s3 1 3 3-1 3-3 3-3-1-3-3z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat, repeat;
  background-size:
    100% 140px,
    100% 100%,
    80px 80px;
  background-position:
    center top,
    center,
    center;
}
.lp-inbox-search {
  background: rgba(0, 0, 0, 0.24) linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent);
}

/* Inbox list: staggered “messages arriving” when .lp-inbox-seq-live (set by landing.js on scroll) */
.lp-inbox-mock .lp-inbox-seq-step {
  opacity: 0;
  transform: translate3d(10px, 14px, 0) scale(0.985);
  transition:
    opacity 0.44s cubic-bezier(0.22, 1, 0.36, 1) var(--lp-inbox-seq-d, 0s),
    transform 0.52s cubic-bezier(0.22, 1, 0.36, 1) var(--lp-inbox-seq-d, 0s);
  will-change: opacity, transform;
}
.lp-inbox-mock.lp-inbox-seq-live .lp-inbox-seq-step {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.lp-inbox-mock.lp-inbox-seq-live .lp-inbox-seq-step.lp-inbox-row-soft-end {
  opacity: 0.76;
}
.lp-inbox-seq-s1 {
  --lp-inbox-seq-d: 0.05s;
}
.lp-inbox-seq-s2 {
  --lp-inbox-seq-d: 0.15s;
}
.lp-inbox-seq-s3 {
  --lp-inbox-seq-d: 0.32s;
}
.lp-inbox-seq-s4 {
  --lp-inbox-seq-d: 0.5s;
}
.lp-inbox-seq-s5 {
  --lp-inbox-seq-d: 0.68s;
}
@media (prefers-reduced-motion: reduce) {
  .lp-inbox-mock .lp-inbox-seq-step {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto;
  }
  .lp-inbox-mock.lp-inbox-seq-live .lp-inbox-seq-step.lp-inbox-row-soft-end,
  .lp-inbox-mock .lp-inbox-seq-step.lp-inbox-row-soft-end {
    opacity: 0.76 !important;
  }
}
.lp-inbox-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.lp-inbox-tab-active {
  color: #fff;
  background: rgba(37, 211, 102, 0.2);
  border-color: rgba(37, 211, 102, 0.35);
}
.lp-inbox-tab-pill {
  margin-inline-start: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9999px;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  background: rgba(37, 211, 102, 0.85);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.lp-inbox-row {
  display: flex;
  align-items: stretch;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.lp-inbox-row-active {
  background: linear-gradient(90deg, rgba(37, 211, 102, 0.1) 0%, rgba(255, 255, 255, 0.05) 38%, rgba(255, 255, 255, 0.06) 100%);
  border-color: rgba(37, 211, 102, 0.22);
  box-shadow:
    inset 3px 0 0 #25d366,
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 2px 10px rgba(0, 0, 0, 0.2);
}
.lp-inbox-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  align-self: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
}
.lp-inbox-avatar-photo {
  overflow: hidden;
  padding: 0;
}
.lp-inbox-avatar-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.lp-inbox-avatar-brand {
  background: linear-gradient(145deg, #25d366 0%, #128c7e 100%);
}
.lp-inbox-unread {
  flex-shrink: 0;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 9px;
  font-weight: 700;
  color: #0b141a;
  background: linear-gradient(155deg, #34eb8f 0%, #25d366 55%, #1baa52 100%);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.18),
    0 2px 6px rgba(37, 211, 102, 0.25);
}
body.rtl .lp-inbox-tab-pill,
[dir="rtl"] .lp-inbox-tab-pill {
  margin-inline-start: 0;
  margin-inline-end: auto;
}

/* Template caret */
.lp-tpl-editor .lp-tpl-caret {
  display: inline-block;
  width: 2px;
  height: 0.95em;
  margin-left: 1px;
  vertical-align: -0.12em;
  background: var(--lp-primary);
  animation: lp-caret-blink 1s step-end infinite;
}
@keyframes lp-caret-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* CTA background blobs */
.lp-blob {
  animation: lp-blob-drift 14s ease-in-out infinite alternate;
}
.lp-blob-b {
  animation-duration: 18s;
  animation-delay: -4s;
}
@keyframes lp-blob-drift {
  0% { transform: translate(0, 0) scale(1); }
  100% { transform: translate(-12px, 18px) scale(1.08); }
}

/* Primary CTA soft pulse (shadow) */
.lp-cta-pulse {
  animation: lp-cta-glow 2.8s ease-in-out infinite;
}
@keyframes lp-cta-glow {
  0%, 100% { box-shadow: 0 10px 28px rgba(37, 211, 102, 0.28); }
  50% { box-shadow: 0 14px 36px rgba(37, 211, 102, 0.42); }
}

/* Popular pricing badge pulse */
.lp-popular-badge {
  animation: lp-badge-pulse 2.4s ease-in-out infinite;
}
@keyframes lp-badge-pulse {
  0%, 100% { transform: translate(-50%, 0) scale(1); }
  50% { transform: translate(-50%, 0) scale(1.03); }
}

/* AOS: zoom-in */
[data-aos="zoom-in"] {
  opacity: 0;
  transform: scale(0.94);
  transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
[data-aos="zoom-in"].aos-animate {
  opacity: 1;
  transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .lp-reveal {
    animation: none;
    opacity: 1;
    transform: none;
  }
  .lp-iphone-stage {
    transform: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .lp-hero-device--dashboard,
  .lp-hero-device--chat {
    transform: none !important;
  }
  .lp-dual-phones-perspective:hover .lp-hero-device--dashboard,
  .lp-dual-phones-perspective:hover .lp-hero-device--chat {
    transform: none !important;
  }
  .lp-blob { animation: none; }
  .lp-cta-pulse { animation: none; }
  .lp-popular-badge { animation: none; transform: translate(-50%, 0); }
  .message-bubble.lp-bubble-shine::after { animation: none; display: none; }
  .lp-qr-mock { animation: none; }
  .lp-qr-scan-line { animation: none; opacity: 0.55; top: 42%; }
  .lp-tpl-editor .lp-tpl-caret { animation: none; opacity: 1; }
  .wa-typing-bubble span { animation: none; opacity: 0.7; }
  .lp-wa-avatar-glow { animation: none; }
  .wa-avatar-photo.lp-wa-avatar-glow {
    box-shadow:
      0 0 0 2px rgba(255, 255, 255, 0.22),
      0 3px 8px rgba(0, 0, 0, 0.28);
  }
  #waMessagesHero .wa-message,
  .wa-typing { animation: none; opacity: 1; transform: none; }
  .wa-message { animation: none; opacity: 1; transform: none; }
}

/* --- html.dark: Tailwind utility bridges (landing index) — all colors via tokens --- */
/* Nav bar fill + blur: apply to .lp-nav-backdrop so fixed #navMenu is not inside a backdrop-filter subtree */
html.dark #navbar.lp-nav {
  background-color: transparent !important;
  border-color: var(--lp-nav-line) !important;
}

html.dark #navbar.lp-nav .lp-nav-backdrop {
  background-color: var(--lp-nav-glass) !important;
  border-bottom-color: var(--lp-nav-line) !important;
}

html.dark #navbar.ring-slate-200\/70,
html.dark #navbar[class*="ring-slate"] {
  --tw-ring-color: rgba(255, 255, 255, 0.12) !important;
}

html.dark #navbar.shadow-md {
  box-shadow: var(--lp-shadow-nav-scrolled) !important;
}

html.dark .lang-dropdown {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
  border-color: var(--lp-line-default);
}

@media (max-width: 1023px) {
  html.dark .nav-menu {
    background: var(--lp-bg-raised) !important;
    box-shadow: -10px 0 44px rgba(0, 0, 0, 0.45), -2px 0 0 rgba(37, 211, 102, 0.12) !important;
  }

  html.dark .nav-menu > li {
    border-bottom-color: var(--lp-line-muted);
  }

  html.dark .nav-menu > li.lp-mobile-drawer-head {
    border-bottom-color: var(--lp-line-default);
  }

  html.dark .nav-menu .lp-nav-link {
    color: var(--lp-fg-default);
  }
}

html.dark .gradient-orb {
  opacity: 0.13;
}

html.dark .lp-trust-strip {
  background: linear-gradient(
    to bottom,
    var(--lp-bg-muted),
    var(--lp-bg-raised),
    var(--lp-bg-canvas)
  ) !important;
  border-color: var(--lp-line-muted) !important;
}

/* Trust pills: Tailwind keeps text-slate-800 — fix contrast on dark card backgrounds */
html.dark .lp-trust-pill .font-semibold.text-slate-800 {
  color: var(--lp-fg-default) !important;
}

/* Hero plan summary — one line, no pill chrome that clashes with dark hero */
.lp-hero-facts {
  text-wrap: balance;
}

html.dark .lp-stat-tile {
  background-color: var(--lp-bg-muted) !important;
  border-color: var(--lp-line-default) !important;
}

html.dark .feature-card:hover {
  background-color: var(--lp-bg-raised) !important;
}

/* Preview card status chip: already uses .lp-status + tokens; reinforce on dark cards */
html.dark .lp-preview-card .lp-status:not(.lp-status-header) {
  background: var(--lp-status-bg);
  border-color: var(--lp-line-default);
  color: var(--lp-status-fg);
}

html.dark .lp-preview-card .lp-status-on {
  background: var(--lp-status-on-bg);
  border-color: var(--lp-ring-brand);
  color: var(--lp-status-on-fg);
}

html.dark .bg-white {
  background-color: var(--lp-bg-raised) !important;
}

html.dark .bg-slate-50 {
  background-color: var(--lp-bg-canvas) !important;
}

html.dark .bg-slate-50\/80 {
  background-color: rgba(38, 38, 44, 0.88) !important;
}

html.dark .bg-slate-100 {
  background-color: var(--lp-bg-muted) !important;
}

html.dark .bg-slate-800 {
  background-color: var(--lp-bg-inset) !important;
}

html.dark .bg-slate-900 {
  background-color: #252528 !important;
}

html.dark .bg-emerald-50 {
  background-color: rgba(37, 211, 102, 0.12) !important;
}

html.dark .bg-amber-50 {
  background-color: rgba(245, 158, 11, 0.12) !important;
}

html.dark .bg-white\/70 {
  background-color: rgba(28, 28, 31, 0.82) !important;
}

html.dark .bg-white\/95 {
  background-color: rgba(28, 28, 31, 0.94) !important;
}

html.dark .from-brand-muted\/50.to-white {
  background-image: linear-gradient(
    to bottom,
    rgba(37, 211, 102, 0.14),
    var(--lp-bg-raised)
  ) !important;
}

html.dark .border-slate-200 {
  border-color: var(--lp-line-default) !important;
}

html.dark .border-slate-200\/90 {
  border-color: rgba(63, 74, 92, 0.72) !important;
}

html.dark .border-slate-100 {
  border-color: var(--lp-line-muted) !important;
}

html.dark .border-slate-300 {
  border-color: var(--lp-line-default) !important;
}

html.dark .hover\:border-slate-300:hover {
  border-color: #5c6570 !important;
}

/* Ghost / outline nav & pricing buttons stay readable */
html.dark a.border-slate-200.bg-white,
html.dark .border-slate-200.text-slate-800 {
  border-color: var(--lp-line-default) !important;
}

html.dark .text-slate-900 {
  color: var(--lp-fg-default) !important;
}

html.dark .text-slate-800 {
  color: var(--lp-fg-secondary) !important;
}

html.dark .text-slate-700 {
  color: var(--lp-fg-secondary) !important;
}

html.dark .text-slate-600 {
  color: var(--lp-fg-muted) !important;
}

html.dark .text-slate-500 {
  color: var(--lp-fg-muted) !important;
}

html.dark .text-slate-400 {
  color: var(--lp-fg-subtle) !important;
}

html.dark .text-slate-300 {
  color: var(--lp-fg-subtle) !important;
}

html.dark #cta-banner .text-slate-300 {
  color: var(--lp-fg-secondary) !important;
}

html.dark #cta-banner .text-slate-400 {
  color: var(--lp-fg-muted) !important;
}

html.dark .bg-slate-900 .text-slate-300,
html.dark .bg-slate-900 .text-slate-400 {
  color: var(--lp-fg-secondary) !important;
}

html.dark .bg-slate-900 .text-slate-500 {
  color: var(--lp-fg-muted) !important;
}

html.dark a.bg-brand.text-slate-900,
html.dark .bg-brand.text-slate-900 {
  color: var(--lp-on-brand) !important;
}

html.dark footer .text-slate-500,
html.dark footer .text-slate-400 {
  color: var(--lp-fg-muted) !important;
}

/* Product preview: template editor panel */
html.dark .lp-tpl-editor {
  background: var(--lp-bg-muted) !important;
  border-color: var(--lp-line-default) !important;
  color: var(--lp-fg-secondary) !important;
}

html.dark .lp-inbox-mock {
  border-color: var(--lp-line-default) !important;
}

/* RTL */
body.rtl, [dir="rtl"] { direction: rtl; text-align: right; }
body.rtl .lang-dropdown, [dir="rtl"] .lang-dropdown { right: auto; left: 0; }