*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-\[12\%\]{bottom:12%}.bottom-\[6\%\]{bottom:6%}.left-1\/2{left:50%}.left-\[20\%\]{left:20%}.left-\[38\%\]{left:38%}.left-\[8\%\]{left:8%}.right-\[12\%\]{right:12%}.top-0{top:0}.top-\[10\%\]{top:10%}.top-\[38\%\]{top:38%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-5{margin-bottom:1.25rem}.mb-7{margin-bottom:1.75rem}.ml-5{margin-left:1.25rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.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-7{margin-top:1.75rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[210px\]{height:210px}.h-\[220px\]{height:220px}.h-\[250px\]{height:250px}.h-\[260px\]{height:260px}.h-full{height:100%}.min-h-\[150px\]{min-height:150px}.min-h-\[390px\]{min-height:390px}.min-h-\[830px\]{min-height:830px}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[31\%\]{width:31%}.w-\[57\%\]{width:57%}.w-\[64\%\]{width:64%}.w-\[70\%\]{width:70%}.w-\[88\%\]{width:88%}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[620px\]{min-width:620px}.min-w-\[700px\]{min-width:700px}.max-w-\[330px\]{max-width:330px}.max-w-\[590px\]{max-width:590px}.max-w-\[610px\]{max-width:610px}.max-w-\[770px\]{max-width:770px}.max-w-\[790px\]{max-width:790px}.max-w-\[800px\]{max-width:800px}.max-w-\[820px\]{max-width:820px}.flex-1{flex:1 1 0%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[minmax\(0\2c 1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-y-4{row-gap:1rem}.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-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-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*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))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[28px\]{border-radius:28px}.rounded-\[34px\]{border-radius:34px}.rounded-\[36px\]{border-radius:36px}.rounded-\[38px\]{border-radius:38px}.rounded-full{border-radius:9999px}.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-bottom-width:1px}.border-t{border-top-width:1px}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-black\/10{border-color:rgba(0,0,0,.1)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.bg-\[\#0e1015\]{--tw-bg-opacity:1;background-color:rgb(14 16 21/var(--tw-bg-opacity,1))}.bg-\[\#101310\]{--tw-bg-opacity:1;background-color:rgb(16 19 16/var(--tw-bg-opacity,1))}.bg-\[\#111319\]{--tw-bg-opacity:1;background-color:rgb(17 19 25/var(--tw-bg-opacity,1))}.bg-\[\#aa9cf7\]{--tw-bg-opacity:1;background-color:rgb(170 156 247/var(--tw-bg-opacity,1))}.bg-\[\#eefaf4\]{--tw-bg-opacity:1;background-color:rgb(238 250 244/var(--tw-bg-opacity,1))}.bg-\[\#effaf5\]{--tw-bg-opacity:1;background-color:rgb(239 250 245/var(--tw-bg-opacity,1))}.bg-\[\#f4efff\]{--tw-bg-opacity:1;background-color:rgb(244 239 255/var(--tw-bg-opacity,1))}.bg-\[\#f4f4f1\]{--tw-bg-opacity:1;background-color:rgb(244 244 241/var(--tw-bg-opacity,1))}.bg-\[\#f7f7f5\]{--tw-bg-opacity:1;background-color:rgb(247 247 245/var(--tw-bg-opacity,1))}.bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-\[\#ff674e\]{--tw-bg-opacity:1;background-color:rgb(255 103 78/var(--tw-bg-opacity,1))}.bg-\[\#fff2ea\]{--tw-bg-opacity:1;background-color:rgb(255 242 234/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-400\/15{background-color:rgba(52,211,153,.15)}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-lime{--tw-bg-opacity:1;background-color:rgb(185 255 83/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-400{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity,1))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/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-violet{--tw-bg-opacity:1;background-color:rgb(103 82 232/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/75{background-color:hsla(0,0%,100%,.75)}.bg-white\/85{background-color:hsla(0,0%,100%,.85)}.bg-white\/\[\.055\]{background-color:hsla(0,0%,100%,.055)}.bg-white\/\[\.07\]{background-color:hsla(0,0%,100%,.07)}.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-\[\#5f45e5\]{--tw-gradient-from:#5f45e5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(95,69,229,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#7252e9\]{--tw-gradient-to:rgba(114,82,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#7252e9 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#17b793\]{--tw-gradient-to:#17b793 var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.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}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pt-10{padding-top:2.5rem}.pt-24{padding-top:6rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[25px\]{font-size:25px}.text-\[28px\]{font-size:28px}.text-\[29px\]{font-size:29px}.text-\[30px\]{font-size:30px}.text-\[39px\]{font-size:39px}.text-\[40px\]{font-size:40px}.text-\[42px\]{font-size:42px}.text-\[9px\]{font-size:9px}.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-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[1\.04\]{line-height:1.04}.leading-\[1\.06\]{line-height:1.06}.leading-\[1\.07\]{line-height:1.07}.leading-\[1\.08\]{line-height:1.08}.leading-tight{line-height:1.25}.tracking-\[\.12em\]{letter-spacing:.12em}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-rose-300{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161/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-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/55{color:hsla(0,0%,100%,.55)}.text-white\/65{color:hsla(0,0%,100%,.65)}.shadow-card{--tw-shadow:0 16px 48px rgba(17,19,25,.09);--tw-shadow-colored:0 16px 48px var(--tw-shadow-color)}.shadow-card,.shadow-float{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-float{--tw-shadow:0 26px 75px rgba(71,56,150,.17);--tw-shadow-colored:0 26px 75px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06));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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.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))}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:text-\[54px\]{font-size:54px}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[\.7fr_1\.3fr\]{grid-template-columns:.7fr 1.3fr}.md\:grid-cols-\[1\.4fr_repeat\(3\2c 1fr\)\]{grid-template-columns:1.4fr repeat(3,1fr)}.md\:p-8{padding:2rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-14{padding-left:3.5rem;padding-right:3.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:pb-8{padding-bottom:2rem}.md\:text-\[52px\]{font-size:52px}.md\:text-\[58px\]{font-size:58px}.md\:text-\[60px\]{font-size:60px}.md\:text-\[62px\]{font-size:62px}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:grid-cols-\[\.75fr_1\.25fr\]{grid-template-columns:.75fr 1.25fr}.lg\:grid-cols-\[\.82fr_1\.18fr\]{grid-template-columns:.82fr 1.18fr}.lg\:grid-cols-\[\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[1\.15fr_\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1\.2fr_\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:text-\[62px\]{font-size:62px}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[1\.25fr_\.75fr\]{grid-template-columns:1.25fr .75fr}}
/* Mobile menu */
#mobileMenu.flex { display: flex !important; }
#mobileMenu { animation: mobileOverlayIn 0.18s ease both; }
#mobileMenu > div:first-child { animation: mobileOverlayIn 0.18s ease both; }
#mobileMenu > div:last-child { animation: mobilePanelIn 0.22s cubic-bezier(.22,1,.36,1) both; }
@keyframes mobileOverlayIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes mobilePanelIn { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: none; } }

/* ===== MOBILE QUALITY IMPROVEMENTS (v6) ===== */

/* --- General mobile reset --- */
@media (max-width: 520px) {
  html { font-size: 15px; }
  .wrap { width: min(100% - 24px, 1280px); }
  .section { padding: 54px 0; }
  .display { letter-spacing: -0.04em; }
  
  /* Header */
  header > .wrap { height: 64px !important; }
  header .brand-logo { width: 100px; }
  header > .wrap > nav { display: none !important; } /* только десктопная навигация, не меню бургера */
  header .flex.items-center.gap-3 { gap: 8px; }
  header a.rounded-full { font-size: 11px; padding: 8px 14px !important; }
  header a.hidden.md\\:block { font-size: 12px; }

  /* Hero */
  .hero-bg { padding-top: 56px; }
  .hero-layout { gap: 6px; }
  .hero-copy h1, .hero-heading-style { font-size: 28px !important; line-height: 1.08 !important; letter-spacing: -0.03em; }
  .hero-copy p { font-size: 13px !important; line-height: 1.5 !important; margin-top: 10px !important; }
  .hero-analyze-form { margin-top: 14px; }
  .hero-analyze-submit { min-height: 40px; font-size: 10px; padding: 0 12px; }
  .hero-analyze-inner { min-height: 44px; padding: 4px 4px 4px 12px; }
  .hero-form-example { font-size: 8.5px; line-height: 1.3; margin-top: 5px; }
  
  /* Disable ALL hero animations on mobile */
  .hero-scene.active .person-layer img,
  .hero-scene.active .scene-main,
  .hero-scene.active .scene-side,
  .hero-scene.active .scene-bottom,
  .hero-scene.active .scene-stat,
  .hero-scene.active .insight-card::after,
  .hero-scene.active .scene-main>.flex,
  .hero-scene.active .scene-main .detail>div,
  .hero-scene.active .scene-side>*,
  .hero-scene.active .scene-stat>*,
  .hero-scene.active .scene-stat .space-y-2>div,
  .hero-scene.active .card-sparkline-line,
  .hero-scene.active .card-sparkline-dot,
  .hero-scene.active .demo-cursor,
  .hero-scene.active .scene-bottom button,
  .hero-scene.active .audience-caption,
  .hero-scene.active .content-er-meter span,
  .hero-scene.active .scan-progress div::after,
  .hero-scene.active .budget-switches div i,
  .hero-scene.active .budget-switches div i::after,
  .hero-scene.active .competitor-chips span,
  .hero-scene.active .scene-side .space-y-3>div::after,
  .hero-scene.active .scene-main .detail>div::after,
  .hero-scene.active .ads-retention-meter span,
  .hero-scene::before,
  .connector path {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    transition: none !important;
  }
  .hero-scene { opacity: 1 !important; transform: none !important; pointer-events: auto !important; }
  .hero-scene.active.content-playing .scene-main .detail>div,
  .hero-scene.active.content-playing .scene-side>*,
  .hero-scene.active.content-playing .scene-stat>*,
  .hero-scene.active.content-playing .scene-stat .space-y-2>div {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .insight-card::after { display: none !important; }
  .demo-cursor { display: none !important; }
  .content-er-meter span { transform: scaleX(1) !important; }
  .hero-type-copy.is-typing::after { display: none !important; }
  
  /* Stage layout — person on right, cards layered on left */
  .hero-stage { min-height: 370px; margin-top: 4px; perspective: none; }
  .person-layer { right: -12%; top: auto; bottom: 0; width: 86%; height: 64%; }
  .person-layer::before { right: 2%; top: 8%; width: 70%; height: 70%; }
  .person-layer img { height: 100%; right: -10%; object-position: right bottom; }
  
  .hero-scene[data-label] .scene-main { left: 0; top: auto; bottom: 34%; width: 74%; padding: 9px 11px; border-radius: 16px !important; }
  .hero-scene .scene-main .detail { display: none; }
  .hero-scene .scene-main .flex.items-center.gap-3 { gap: 7px; }
  .hero-scene .scene-main .h-10 { width: 26px; height: 26px; border-radius: 8px; }
  .hero-scene .scene-main .h-10 iconify-icon { width: 14px; }
  .hero-scene .scene-main b { font-size: 10px; }
  .hero-scene .scene-main .text-xs { font-size: 8px; }
  .hero-scene .scene-main .insight-card { box-shadow: 0 8px 24px rgba(29,27,49,.08); }
  
  .hero-scene[data-label] .scene-bottom { display: none; }
  
  .hero-scene[data-label] .scene-side { display: none; }
  
  .hero-scene[data-label] .scene-stat { right: 8px; bottom: 12%; width: auto; max-width: 44%; padding: 8px 10px; border-radius: 14px !important; }
  .hero-scene .scene-stat .text-\[30px\], .hero-scene .scene-stat .text-\[28px\],
  .hero-scene .scene-stat .text-\[17px\], .hero-scene .scene-stat .count { font-size: 16px; }
  .hero-scene .scene-stat .flex .pulse-dot { width: 6px; height: 6px; }
  .hero-scene .scene-stat .text-xs { font-size: 7.5px; }
  .hero-scene .scene-stat .sub { display: none; }
  
  .hero-layout { padding-top: 0; }
  .hero-dot { height: 8px; width: 8px; border-radius: 999px; }
  .hero-dot.active { width: 26px; }
  #heroDots { bottom: -8px; padding: 5px 8px; gap: 4px; }
  .audience-caption { display: none; }
  .connector { display: none; }
  .hero-scene::before { display: none; }
  
  /* Capabilities bar */
  .border-y.hairline.bg-white.py-7 { padding: 16px 0; }
  .capability-list { gap: 10px 16px; font-size: 11px; }
  .capability-list .lg\\:grid-cols-\\[1fr_auto\\] { grid-template-columns: 1fr; }
  .capability-list + .flex { flex-wrap: wrap; gap: 12px; }
  .capability-list .count { font-size: 16px !important; }
}

/* --- Tiny phones (400px) --- */
@media (max-width: 400px) {
  .hero-copy h1, .hero-heading-style { font-size: 24px !important; }
  .hero-copy p { font-size: 12px !important; }
  .hero-stage { min-height: 310px; }
  .person-layer { width: 90%; height: 56%; right: -14%; }
  .person-layer img { right: -12%; }
  .hero-scene[data-label] .scene-main { width: 78%; bottom: 30%; padding: 8px 10px; }
  .hero-scene[data-label] .scene-stat { max-width: 48%; padding: 6px 8px; }
  .hero-scene[data-label] .scene-main b { font-size: 9px; }
  .hero-analyze-submit { font-size: 9px; padding: 0 10px; min-height: 36px; }
  .hero-analyze-inner { min-height: 40px; padding: 3px; }
  .hero-analyze-input { font-size: 11px; height: 32px; }
  .hero-analyze-shell { border-radius: 16px; }
  .messenger-mobile-break { display: block; }
  .hero-form-example { font-size: 8px; }
}

/* --- Product section mobile --- */
@media (max-width: 520px) {
  #product h2, #features h2, #competitors h2, #solutions h2, #pricing h2 { font-size: 28px !important; line-height: 1.08; }
  #product .wrap > .mx-auto.max-w-\\[1100px\\] .inline-flex { font-size: 9px; padding: 6px 12px; }
  #product .wrap > .mx-auto.max-w-\\[1100px\\] p { font-size: 14px !important; line-height: 1.55 !important; }
  
  /* Product tabs */
  .product-tabs { gap: 4px; margin-top: 18px; }
  .product-tabs button { font-size: 10px; padding: 8px 12px; white-space: nowrap; }
  
  /* Product shell */
  .product-shell { border-radius: 18px; margin-top: 16px; }
  .browser-bar { height: 34px; padding: 0 10px; gap: 6px; font-size: 9px; }
  .browser-dot { width: 7px; height: 7px; }
  .browser-bar > div { padding: 4px 10px; font-size: 8px; }
  .product-layout { min-height: auto; }
  .product-nav { padding: 6px; gap: 2px; overflow-x: auto; flex-wrap: nowrap; }
  .product-nav button { font-size: 9px; padding: 6px 8px; white-space: nowrap; gap: 5px; flex: 0 0 auto; min-height: 0; }
  .product-nav button iconify-icon { width: 13px; flex-basis: 13px; }
  .product-nav-brand { display: none; }
  .product-nav-divider { display: none; }
  
  /* Overview screen */
  .screen-panel[data-panel="overview"] { height: auto !important; min-height: 0; overflow: visible !important; }
  .overview-replica { min-height: 0; }
  .overview-metrics { grid-template-columns: 1fr 1fr; gap: 6px; padding: 6px; }
  .overview-metric { min-height: 100px; padding: 10px; border-radius: 14px; }
  .overview-metric-label { font-size: 7.5px; }
  .overview-metric-value { font-size: 18px; margin-top: 8px; }
  .overview-metric-note { font-size: 7px; left: 10px; right: 10px; bottom: 8px; }
  .overview-delta { font-size: 7px; top: 8px; right: 8px; padding: 2px 5px; }
  .overview-spark { width: 48px; height: 22px; right: 6px; top: 36px; }
  
  .overview-analysis-grid { grid-template-columns: 1fr; padding: 0 6px; gap: 6px; }
  .overview-ai-board { padding: 10px; border-radius: 14px; }
  .overview-ai-head { flex-direction: column; gap: 8px; }
  .overview-ai-head h3 { font-size: 13px; }
  .overview-ai-head p { font-size: 9px; }
  .overview-refresh { font-size: 8px; padding: 6px 10px; align-self: flex-start; }
  .overview-ai-body { grid-template-columns: 1fr; gap: 10px; margin-top: 10px; }
  .overview-signal { padding: 10px; }
  .overview-signal b { font-size: 12px; }
  .overview-signal p { font-size: 9px; }
  .overview-recommendation h4 { font-size: 13px; }
  .overview-idea b { font-size: 11px; }
  .overview-idea p { font-size: 9px; }
  .overview-idea-actions span { font-size: 8px; padding: 5px 7px; }
  
  .overview-side { grid-template-columns: 1fr; gap: 6px; }
  .overview-side-card { padding: 10px; }
  .overview-side-card h4 { font-size: 10px; }
  .overview-side-card li { font-size: 8.5px; }
  .overview-weekly { height: auto; margin: 6px 6px 0; padding: 10px 12px; }
  .overview-weekly h4 { font-size: 10px; }
  .overview-weekly small { font-size: 7.5px; }
  .overview-weekly-bars { height: 28px; gap: 3px; }
  
  .screen-panel > div:first-child { flex-direction: column; align-items: flex-start; gap: 8px; }
  .screen-panel > div:first-child h3 { font-size: 15px; }
  .screen-panel > div:first-child p { font-size: 10px; }
  .screen-panel > div:first-child button { font-size: 10px; padding: 7px 12px; }
  
  /* AI panel */
  .screen-panel[data-panel="ai"] { height: auto !important; min-height: 0; overflow: visible !important; }
  .ai-insights-overview { grid-template-columns: 1fr; padding: 8px; }
  .ai-insights-main { grid-template-columns: 1fr; }
  .ai-decision-card { padding: 10px 12px; }
  .ai-decision-card b { font-size: 13px; }
  .ai-decision-card p { font-size: 9px; }
  .ai-why-card { display: none; }
  .ai-insights-bottom { grid-template-columns: 1fr; }
  .ai-assessment { padding: 10px 12px; }
  .ai-assessment p { font-size: 9px; }
  .ai-priority-panel { padding: 10px; }
  .ai-priority { font-size: 8.5px; }
  .ai-priority em { display: none; }
  .ai-report-status { font-size: 8px; padding: 6px 9px; }
  
  /* Content panel */
  .screen-panel[data-panel="content"] { height: auto !important; min-height: 0; overflow: visible !important; }
  .content-stat-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
  .content-stat-card { min-height: 96px; padding: 10px; }
  .content-stat-value { font-size: 20px; margin-top: 8px; }
  .content-stat-name { font-size: 9px; margin-top: 8px; }
  .content-stat-comparison { font-size: 8px; }
  .content-summary-card { grid-template-columns: 1fr; padding: 12px 14px; }
  .content-summary-main h3 { font-size: 14px; }
  .content-summary-main p { font-size: 10px; }
  .content-summary-actions { grid-template-columns: 1fr; }
  .content-middle-grid { grid-template-columns: 1fr; }
  .content-card { padding: 12px 14px; }
  .content-card-head h3 { font-size: 13px; }
  .content-type-list { gap: 8px; }
  .content-type-row { grid-template-columns: 26px minmax(0,1fr) 28px 16px; gap: 6px; }
  .content-type-name { font-size: 10px; }
  .content-type-icon { width: 26px; height: 26px; }
  .content-rubric-card { display: none; }
  .content-rubric-table-card { display: none; }
  .content-heatmap-card { grid-column: 1/-1; }
  .content-time-mini { grid-template-columns: 1fr; }
  .content-insight { padding: 10px; }
  .content-insight-copy p { font-size: 9px; }
  .demo-toolbar { flex-wrap: wrap; gap: 4px; }
  .demo-export-btn { font-size: 8px; padding: 5px 8px; }
  
  /* Audience panel */
  .screen-panel[data-panel="audience"] { height: auto !important; min-height: 0; overflow: visible !important; }
  .audience-overview { grid-template-columns: 1fr; padding: 8px; }
  .audience-stat-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
  .audience-highlight-card { grid-column: 1/-1; padding: 12px; }
  .audience-highlight-card h3 { font-size: 13px; }
  .audience-highlight-card > p { font-size: 8.5px; }
  .audience-funnel-row { font-size: 7.5px; }
  .audience-composition { gap: 4px; }
  .audience-composition-item { font-size: 7px; }
  .audience-curve { height: 70px; }
  
  /* Traffic panel */
  .screen-panel[data-panel="traffic"] { height: auto !important; min-height: 0; overflow: visible !important; }
  .screen-panel[data-panel="traffic"] .grid.gap-4 { grid-template-columns: 1fr 1fr; gap: 6px; }
  .screen-panel[data-panel="traffic"] .metric b { font-size: 18px; }
  
  /* Reports panel */
  .screen-panel[data-panel="reports"] { height: auto !important; min-height: 0; overflow: visible !important; }
  .report-stack { min-height: 0; }
  .report-page { position: relative; inset: auto; margin-bottom: 10px; }
  .report-page:nth-child(1), .report-page:nth-child(2) { display: none; }
  
  /* Features / workflow story */
  #features { padding-top: 54px; padding-bottom: 54px; }
  .workflow-story-kicker { font-size: 8px; padding: 6px 10px; }
  .workflow-story-header { text-align: left; padding: 0; }
  .workflow-story-header p { font-size: 14px; line-height: 1.5; }
  
  .workflow-story-card { gap: 20px; padding: 20px; border-radius: 24px; }
  .workflow-card-copy h3 { font-size: 26px !important; }
  .workflow-card-copy > p { font-size: 13px; line-height: 1.5; }
  .workflow-card-copy ul { gap: 7px; font-size: 12px; }
  .workflow-card-copy > a { font-size: 12px; margin-top: 18px; }
  
  .workflow-card-visual { min-height: 300px; }
  .story-editor-visual { min-height: 420px; padding-top: 80px; }
  .story-editor-source { padding: 10px 12px; }
  .story-editor-source > b { font-size: 8px; }
  .story-editor-visual .story-editor-ui section { padding: 14px; }
  .story-editor-visual .story-ui-head span b { font-size: 12px; }
  .story-editor-visual .story-ui-head span small { font-size: 8px; }
  .story-editor-visual .story-editor-ui label { font-size: 8px; }
  .story-editor-visual .story-editor-ui h4 { font-size: 13px; }
  .story-editor-visual .story-editor-canvas { min-height: 76px; font-size: 9px; padding: 11px 12px 2px; }
  .story-editor-visual .story-bubble-toolbar button { width: 21px; height: 21px; }
  .story-editor-visual .story-bubble-toolbar .story-ai-edit { height: 21px; font-size: 7px; padding: 0 7px; }
  .story-editor-visual .story-ai-card { margin: 9px 11px 0; padding: 10px; }
  .story-editor-visual .story-ai-card > p { font-size: 8.5px; }
  .story-editor-visual .story-editor-foot { padding: 7px 11px 9px; font-size: 7px; }
  .story-editor-actions button { font-size: 7px; padding: 6px 9px; }
  
  .story-export-visual .story-export-ui { min-height: 0; padding: 14px; }
  .story-export-ui .story-ui-head span b { font-size: 11px; }
  .story-export-ui .story-ui-head button { font-size: 7.5px; padding: 7px 9px; }
  .story-export-table > div { font-size: 9px; padding: 8px 10px; min-height: 48px; }
  .story-export-table .head { font-size: 7px; min-height: 30px; }
  
  .story-audience-visual .story-audience-ui { min-height: 0; padding: 14px; }
  .story-audience-visual .story-ui-head span b { font-size: 12px; }
  .story-audience-visual .story-ui-head em { font-size: 8px; padding: 6px 8px; }
  .story-audience-visual .story-audience-chart svg { height: 180px; }
  .story-chart-marker { font-size: 8px; padding: 5px 7px; }
  .story-chart-legend { font-size: 8px; gap: 10px; }
  
  .story-traffic-visual .story-traffic-ui { min-height: 0; }
  .story-traffic-visual .story-ui-head span b { font-size: 12px; }
  .story-traffic-visual .story-ui-head em { font-size: 8px; }
  .story-traffic-head { font-size: 7px; padding: 8px 10px; }
  .story-traffic-row { min-height: 60px; padding: 8px 10px; font-size: 9px; }
  .story-traffic-row > span:first-child b { font-size: 10px; }
  
  .workflow-metric-stack > div { padding: 8px; }
  .workflow-metric-stack small { font-size: 7px; }
  .workflow-metric-stack b { font-size: 15px; }
  
  /* Competitor product inside workflow */
  .competitor-product { height: 340px; }
  .competitor-browser-bar { height: 30px; flex-basis: 30px; font-size: 8px; gap: 8px; }
  .product-screen-head h3 { font-size: 14px; }
  .product-signal-grid article { min-height: 80px; padding: 8px; }
  .product-signal-grid b { font-size: 10px; }
  .product-signal-grid p { font-size: 7.5px; }
  
  /* Solutions */
  #solutions .solutions-title { font-size: 28px !important; }
  .solutions-intro { font-size: 13px; line-height: 1.55; }
  .solutions-tabs { margin: 18px -7px 0; }
  .solutions-tab { font-size: 11px; padding: 8px 12px; }
  .solutions-switcher { padding: 16px; border-radius: 20px; }
  .solutions-copy h3 { font-size: 24px !important; }
  .solutions-description { font-size: 12px; }
  .solutions-cta { font-size: 11px; padding: 10px 14px; }
  .solutions-benefits { gap: 8px; }
  .solutions-benefit { min-height: 86px; padding: 10px; gap: 10px; }
  .solutions-benefit-icon { width: 34px; height: 34px; border-radius: 10px; }
  .solutions-benefit-icon iconify-icon { width: 18px; }
  .solutions-benefit h4 { font-size: 12px; }
  .solutions-benefit p { font-size: 10px; }
  
  /* Cases */
  #cases .cases-title { font-size: 28px !important; }
  .cases-kicker { font-size: 8px; padding: 6px 10px; }
  .cases-intro { font-size: 13px; }
  .case-tab { font-size: 10px; padding: 7px 10px; gap: 4px; }
  .case-panel { border-radius: 22px; }
  .case-panel-head { padding: 14px 16px; }
  .case-panel h3 { font-size: 18px !important; }
  .case-number { width: 26px; height: 26px; flex-basis: 26px; font-size: 10px; }
  .case-state { font-size: 7px; padding: 5px 8px; }
  .case-column { padding: 14px 16px; }
  .case-column p { font-size: 11px; }
  .case-decision-card { padding: 12px; }
  .case-decision-card b { font-size: 12px; }
  .case-decision-card small { font-size: 9px; }
  .case-metric-value { font-size: 32px; }
  .case-compare-card b { font-size: 11px; }
  .case-chart { height: 72px; }
  .case-table-row { font-size: 7.5px; padding: 0 8px; min-height: 28px; }
  .case-panel-foot { padding: 12px 16px; }
  .case-method { font-size: 8px; }
  .case-link { font-size: 10px; padding: 10px 14px; }
  
  /* Pricing */
  #pricing h2 { font-size: 28px !important; }
  #pricing .mt-12.grid.md\\:grid-cols-3 { gap: 12px; }
  #pricing article { min-height: 0; padding: 20px; border-radius: 24px; }
  #pricing article h3 { font-size: 22px !important; }
  #pricing article ul { font-size: 12px; }
  #pricing article button { font-size: 12px; padding: 10px; }
  
  /* CTA */
  #cta .shine { border-radius: 24px; }
  #cta .shine > div { grid-template-columns: 1fr; gap: 20px; }
  #cta .shine > div h2 { font-size: 28px !important; }
  #cta .shine > div p { font-size: 14px; }
  #cta form { padding: 12px; }
  #cta form .flex { flex-direction: column; gap: 8px; }
  #cta form input { height: 44px; font-size: 13px; }
  #cta form button { height: 44px; font-size: 12px; }
  
  /* Footer */
  footer { padding: 24px 16px 32px; }
  footer .grid { grid-template-columns: 1fr 1fr; gap: 20px; }
  footer .grid > div:first-child { grid-column: 1/-1; }
  footer .grid > div:first-child p { max-width: 100%; }
  footer b { font-size: 12px; }
  footer a { font-size: 12px; }
  
  /* Capabilities map */
  .capabilities-map-section { padding: 54px 0; }
  .capabilities-map-header h2 { font-size: 28px; }
  .capabilities-map-header p { font-size: 13px; }
  
  /* Fix some shadow-card issues */
  .shadow-card { box-shadow: 0 8px 24px rgba(17,19,25,.07); }
}

/* --- Very small phones (360px) --- */
@media (max-width: 370px) {
  html { font-size: 14px; }
  .wrap { width: min(100% - 16px, 1280px); }
  .hero-copy h1, .hero-heading-style { font-size: 21px !important; }
  .hero-copy p { font-size: 11.5px !important; }
  .hero-stage { min-height: 270px; }
  .person-layer { width: 94%; height: 50%; right: -16%; }
  .hero-scene[data-label] .scene-main { width: 82%; bottom: 26%; padding: 7px 9px; border-radius: 14px !important; }
  .hero-scene[data-label] .scene-stat { max-width: 52%; bottom: 10%; padding: 5px 7px; border-radius: 12px !important; }
  .hero-scene .scene-stat .text-\[30px\], .hero-scene .scene-stat .text-\[28px\],
  .hero-scene .scene-stat .text-\[17px\], .hero-scene .scene-stat .count { font-size: 14px; }
  .hero-analyze-shell { border-radius: 14px; }
  .hero-analyze-inner { padding: 3px; gap: 4px; }
  .hero-analyze-input { font-size: 10px; height: 30px; }
  .hero-analyze-submit { min-height: 32px; font-size: 9px; }
  .messenger-icon.telegram { width: 0.64em; height: 0.64em; }
  .messenger-icon { width: 0.6em; height: 0.6em; }
  .overview-metrics { grid-template-columns: 1fr 1fr; gap: 4px; }
  .overview-metric { min-height: 88px; padding: 8px; }
  .overview-metric-value { font-size: 15px; }
  .overview-delta { display: none; }
  .content-stat-grid { gap: 4px; }
  .content-stat-card { min-height: 80px; padding: 8px; }
  .content-stat-value { font-size: 17px; }
  .product-tabs button { font-size: 9px; padding: 6px 10px; }
  #pricing article { padding: 16px; }
  #cta .shine > div h2 { font-size: 24px !important; }
}

/* --- Fix for landscape phones --- */
@media (max-height: 500px) and (orientation: landscape) {
  .hero-stage { min-height: 320px; }
  .person-layer { height: 50%; }
  .hero-scene[data-label] .scene-main { top: 1%; }
  .hero-scene[data-label] .scene-bottom { bottom: 0; }
  .audience-caption { display: none; }
}

/* --- Ensure product sections scroll properly on mobile --- */
@media (max-width: 800px) {
  .screen-panel[data-panel="overview"],
  .screen-panel[data-panel="ai"],
  .screen-panel[data-panel="content"],
  .screen-panel[data-panel="audience"],
  .screen-panel[data-panel="traffic"],
  .screen-panel[data-panel="reports"] {
    overflow-y: auto !important;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

/* --- Improve touch targets for all interactive elements --- */
@media (max-width: 520px) {
  button, a, .insight-card, .case-tab, .solutions-tab, .competitor-tab {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  button:active, a:active, .insight-card:active {
    transform: scale(0.97);
    transition: transform 0.1s ease;
  }
  .hero-dot { cursor: pointer; }
  .solutions-benefit { cursor: default; }
}

/* ============================================
   MOBILE FIXES - Prevent horizontal scroll
   ============================================ */
@media (max-width: 800px) {
  html, body { overflow-x: hidden; max-width: 100vw; }
  .hero-section { min-height: auto; padding-bottom: 40px; }
  .hero-stage { width: 100%; max-width: 100%; }
  .product-shell { width: 100%; max-width: 100vw; overflow: hidden; }
  .product-layout { width: 100%; }
  .screen-panel { width: 100%; max-width: 100%; }
  .workflow-story-stage { width: 100%; max-width: 100vw; overflow: hidden; }
  .workflow-story-card { width: 100%; max-width: 100%; }
  .workflow-card-visual { max-width: 100%; overflow: hidden; }
  .capabilities-map-shell { max-width: 100vw; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .cases-stage { width: 100%; max-width: 100vw; overflow: hidden; }
  .case-panel { width: 100%; max-width: 100%; }
  .case-panel-body { width: 100%; }
  #pricing .mt-12.grid { width: 100%; }
  #pricing article { width: 100%; max-width: 100%; }
  #cta .shine { width: 100%; max-width: 100%; }
  #cta form { width: 100%; max-width: 100%; }
  footer { width: 100%; max-width: 100vw; }
  footer .grid { width: 100%; }
}

/* ============================================
   SMALL PHONE FIXES (max-width: 520px)
   ============================================ */
@media (max-width: 520px) {
  .section { width: 100%; max-width: 100vw; overflow: hidden; }
  .wrap { width: min(100% - 24px, 1280px); max-width: calc(100vw - 24px); }
  .hero-copy { width: 100%; max-width: 100%; }
  .hero-copy h1, .hero-heading-style { word-wrap: break-word; hyphens: auto; }
  
  /* Scrollable tabs */
  .product-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; flex-wrap: nowrap; gap: 4px; padding-bottom: 4px; }
  .product-tabs::-webkit-scrollbar { display: none; }
  .product-tabs button { flex-shrink: 0; white-space: nowrap; }
  
  .cases-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; flex-wrap: nowrap; gap: 6px; padding-bottom: 4px; }
  .cases-tabs::-webkit-scrollbar { display: none; }
  .case-tab { flex-shrink: 0; white-space: nowrap; }
  
  .solutions-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; flex-wrap: nowrap; gap: 6px; padding-bottom: 4px; }
  .solutions-tabs::-webkit-scrollbar { display: none; }
  .solutions-tab { flex-shrink: 0; white-space: nowrap; }
  
  .competitor-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; flex-wrap: nowrap; gap: 6px; padding-bottom: 4px; }
  .competitor-tabs::-webkit-scrollbar { display: none; }
  .competitor-tab { flex-shrink: 0; white-space: nowrap; }
  
  /* Case panel improvements */
  .case-panel-head { flex-direction: column; align-items: flex-start; gap: 12px; }
  .case-state { align-self: flex-start; }
  .case-panel-heading { width: 100%; }
  .case-panel-heading h3 { word-wrap: break-word; }
  
  /* Solutions panel improvements */
  .solutions-switcher { width: 100%; max-width: 100%; }
  .solutions-copy h3 { word-wrap: break-word; }
  
  /* Pricing card improvements */
  #pricing article { min-height: auto; }
  
  /* CTA form improvements */
  #cta form .flex { width: 100%; }
  #cta form input, #cta form button { width: 100%; }
  
  /* Footer improvements */
  footer .grid { grid-template-columns: 1fr; gap: 24px; }
  footer .grid > div:first-child { grid-column: auto; }
}

/* ============================================
   VERY SMALL PHONES (max-width: 370px)
   ============================================ */
@media (max-width: 370px) {
  .wrap { width: min(100% - 16px, 1280px); max-width: calc(100vw - 16px); }
  .hero-copy h1, .hero-heading-style { font-size: 20px !important; line-height: 1.2; }
  .hero-copy p { font-size: 11px !important; line-height: 1.5; }
  .product-tabs button { font-size: 8px; padding: 5px 8px; }
  .case-tab { font-size: 9px; padding: 6px 8px; }
  .solutions-tab { font-size: 10px; padding: 7px 10px; }
  #pricing article { padding: 16px; border-radius: 20px; }
  #pricing article h3 { font-size: 20px !important; }
  #cta .shine { border-radius: 20px; padding: 24px 16px; }
  #cta .shine > div h2 { font-size: 22px !important; }
  #cta .shine > div p { font-size: 13px; line-height: 1.5; }
  #cta form { padding: 10px; }
  #cta form input, #cta form button { height: 40px; font-size: 12px; }
}

/* ============================================
   MAIN LANDING FAQ
   ============================================ */
.home-faq{padding:42px 24px 86px;background:#fff}
.home-faq__panel{max-width:1440px!important;border-radius:40px;background:#f4f4f6;padding:86px clamp(24px,6vw,104px) 50px}
.home-faq__head{text-align:center;margin:0 auto 46px;max-width:720px}
.home-faq__kicker{color:#31c76b;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.home-faq__head h2{margin-top:18px;font-size:clamp(36px,4vw,58px);font-weight:800;line-height:1.06;letter-spacing:-.045em;color:#111319}
.home-faq__head p{margin:16px auto 0;max-width:570px;color:#69717d;font-size:16px;line-height:1.6}
.home-faq__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;align-items:start}
.home-faq__item{overflow:hidden;border:1px solid #e2e3e7;border-radius:18px;background:#fff;box-shadow:0 1px 0 rgba(17,19,25,.02);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.home-faq__item:hover{border-color:#d7d9de;box-shadow:0 10px 26px rgba(17,19,25,.055);transform:translateY(-1px)}
.home-faq__item[open]{border-color:rgba(49,199,107,.38);box-shadow:0 14px 32px rgba(17,19,25,.065)}
.home-faq__item summary{position:relative;display:flex;min-height:78px;align-items:center;padding:20px 62px 20px 28px;color:#171a20;font-size:16px;font-weight:650;line-height:1.4;list-style:none;cursor:pointer;user-select:none}
.home-faq__item summary::-webkit-details-marker{display:none}
.home-faq__item summary::after{content:'+';position:absolute;right:27px;top:50%;display:grid;width:26px;height:26px;place-items:center;color:#18b95d;font-size:25px;font-weight:400;line-height:1;transform:translateY(-50%);transition:transform .22s ease,color .22s ease}
.home-faq__item[open] summary::after{content:'×';color:#111319;transform:translateY(-50%) rotate(90deg)}
.home-faq__item summary:focus-visible{outline:3px solid rgba(49,199,107,.28);outline-offset:-3px;border-radius:17px}
.home-faq__answer{padding:0 28px 26px}
.home-faq__answer::before{content:'';display:block;height:1px;margin:0 0 18px;background:#ececef}
.home-faq__answer p{margin:0;color:#59616e;font-size:14px;line-height:1.7}
.home-faq__help{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-top:27px;border-top:1px solid #dedfe3}
.home-faq__help div{display:grid;gap:5px}.home-faq__help b{font-size:15px;color:#171a20}.home-faq__help span{font-size:13px;color:#747c88}
.home-faq__help a{display:inline-flex;align-items:center;gap:7px;flex:none;border-radius:999px;background:#111319;padding:12px 18px;color:#fff!important;font-size:13px;font-weight:700;transition:transform .2s ease,background .2s ease}
.home-faq__help a:hover{background:#2a2e37;transform:translateY(-1px)}
@media(max-width:900px){.home-faq{padding-inline:16px}.home-faq__panel{border-radius:30px;padding:66px 24px 38px}.home-faq__grid{grid-template-columns:1fr}.home-faq__head{margin-bottom:34px}}
@media(max-width:580px){.home-faq{padding:24px 10px 62px}.home-faq__panel{border-radius:24px;padding:50px 12px 24px}.home-faq__head{padding-inline:8px}.home-faq__head h2{font-size:34px}.home-faq__head p{font-size:14px}.home-faq__item{border-radius:15px}.home-faq__item summary{min-height:68px;padding:17px 50px 17px 18px;font-size:14px}.home-faq__item summary::after{right:16px}.home-faq__answer{padding:0 18px 21px}.home-faq__answer p{font-size:13px}.home-faq__help{align-items:stretch;flex-direction:column;padding:24px 8px 0}.home-faq__help a{justify-content:center;width:100%}}

/* ============================================
   MAIN LANDING COMMUNITY LINKS
   ============================================ */
.community-links{padding:24px 0 104px;background:#fff}
.community-links__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.community-card{position:relative;display:flex;min-height:294px;overflow:hidden;flex-direction:column;justify-content:space-between;border:1px solid rgba(17,19,25,.035);border-radius:34px;background:linear-gradient(145deg,#f5f5f8 0%,#f0f0f4 100%);padding:42px 106px 38px 42px;color:#111319!important;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.72);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.community-card::before{content:'';position:absolute;right:-46px;top:-56px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(70,220,121,.13) 0%,rgba(39,190,195,.07) 42%,transparent 72%);pointer-events:none}
.community-card:hover{border-color:rgba(36,192,151,.17);box-shadow:0 24px 58px rgba(26,34,48,.09);transform:translateY(-4px)}
.community-card:focus-visible{outline:3px solid rgba(49,199,107,.32);outline-offset:4px}
.community-card__arrow{position:absolute;right:32px;top:32px;display:grid;width:62px;height:62px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#5ed83d 0%,#25bfc4 100%);color:#fff;box-shadow:0 15px 32px rgba(35,193,165,.22);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}
.community-card:hover .community-card__arrow{box-shadow:0 18px 38px rgba(35,193,165,.3);transform:translate(3px,-3px)}
.community-card__arrow iconify-icon{width:26px;height:26px}
.community-card h2{max-width:280px;margin:0;font-family:"Manrope","Inter",Arial,sans-serif;font-size:clamp(25px,2vw,32px);font-weight:750;line-height:1.08;letter-spacing:-.04em;color:#111319}
.community-card p{max-width:285px;margin:42px 0 0;font-size:14px;line-height:1.55;color:#616977}
@media(max-width:1020px){.community-links__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-card:first-child{grid-column:1/-1}.community-card{min-height:250px}}
@media(max-width:680px){.community-links{padding:12px 0 66px}.community-links__grid{grid-template-columns:1fr;gap:12px}.community-card:first-child{grid-column:auto}.community-card{min-height:210px;border-radius:24px;padding:28px 82px 26px 24px}.community-card__arrow{right:20px;top:20px;width:50px;height:50px}.community-card__arrow iconify-icon{width:22px;height:22px}.community-card h2{max-width:245px;font-size:23px;line-height:1.12}.community-card p{max-width:260px;margin-top:34px;font-size:13px}}