*,: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}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.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-4{inset:1rem}.-bottom-20{bottom:-5rem}.-bottom-24{bottom:-6rem}.-left-16{left:-4rem}.-left-20{left:-5rem}.-left-24{left:-6rem}.-right-14{right:-3.5rem}.-right-16{right:-4rem}.-right-20{right:-5rem}.-right-24{right:-6rem}.-top-16{top:-4rem}.-top-20{top:-5rem}.-top-24{top:-6rem}.-top-4{top:-1rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-10{top:2.5rem}.top-24{top:6rem}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-none{order:0}.mx-auto{margin-left:auto;margin-right:auto}.-mt-16{margin-top:-4rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-24{margin-bottom:6rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[9\/16\]{aspect-ratio:9/16}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[220px\]{height:220px}.h-\[360px\]{height:360px}.h-\[3px\]{height:3px}.h-\[400px\]{height:400px}.h-\[420px\]{height:420px}.h-\[500px\]{height:500px}.h-auto{height:auto}.h-full{height:100%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[360px\]{width:360px}.w-\[400px\]{width:400px}.w-\[420px\]{width:420px}.w-\[500px\]{width:500px}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[260px\]{max-width:260px}.max-w-\[450px\]{max-width:450px}.max-w-\[95\%\]{max-width:95%}.max-w-full{max-width:100%}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-1\/3{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-1\/3{--tw-translate-x:-33.333333%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-1\/3{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-1\/3{--tw-translate-x:33.333333%}.translate-y-1\/3{--tw-translate-y:33.333333%}.-rotate-6,.translate-y-1\/3{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))}.-rotate-6{--tw-rotate:-6deg}.rotate-6{--tw-rotate:6deg}.rotate-6,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem*var(--tw-space-x-reverse));margin-left:calc(2rem*(1 - var(--tw-space-x-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))}.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))}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.7rem\]{border-radius:1.7rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[32px\]{border-radius:32px}.rounded-\[3rem\]{border-radius:3rem}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-brand-accent\/30{border-color:rgba(255,183,0,.3)}.border-brand-primary{--tw-border-opacity:1;border-color:rgb(93 29 88/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-200\/70{border-color:rgba(229,231,235,.7)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-purple-100{--tw-border-opacity:1;border-color:rgb(243 232 255/var(--tw-border-opacity,1))}.border-purple-50{--tw-border-opacity:1;border-color:rgb(250 245 255/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/25{border-color:hsla(0,0%,100%,.25)}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-white\/35{border-color:hsla(0,0%,100%,.35)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-brand-accent{--tw-bg-opacity:1;background-color:rgb(255 183 0/var(--tw-bg-opacity,1))}.bg-brand-accent\/10{background-color:rgba(255,183,0,.1)}.bg-brand-accent\/15{background-color:rgba(255,183,0,.15)}.bg-brand-accent\/20{background-color:rgba(255,183,0,.2)}.bg-brand-accent\/5{background-color:rgba(255,183,0,.05)}.bg-brand-primary{--tw-bg-opacity:1;background-color:rgb(93 29 88/var(--tw-bg-opacity,1))}.bg-brand-primary\/10{background-color:rgba(93,29,88,.1)}.bg-brand-primary\/5{background-color:rgba(93,29,88,.05)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-white{--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\/40{background-color:hsla(0,0%,100%,.4)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-\[radial-gradient\(\#e5e7eb_1px\2c transparent_1px\)\]{background-image:radial-gradient(#e5e7eb 1px,transparent 0)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-brand-accent\/20{--tw-gradient-from:rgba(255,183,0,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,183,0,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-primary{--tw-gradient-from:#5d1d58 var(--tw-gradient-from-position);--tw-gradient-to:rgba(93,29,88,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-primary\/20{--tw-gradient-from:rgba(93,29,88,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(93,29,88,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-primary\/30{--tw-gradient-from:rgba(93,29,88,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(93,29,88,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-800{--tw-gradient-from:#1f2937 var(--tw-gradient-from-position);--tw-gradient-to:rgba(31,41,55,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/20{--tw-gradient-from:hsla(0,0%,100%,.2) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-brand-accent\/25{--tw-gradient-to:rgba(255,183,0,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(255,183,0,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-brand-dark{--tw-gradient-to:rgba(74,23,71,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#4a1747 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-brand-accent{--tw-gradient-to:#ffb700 var(--tw-gradient-to-position)}.to-brand-accent\/20{--tw-gradient-to:rgba(255,183,0,.2) var(--tw-gradient-to-position)}.to-brand-dark{--tw-gradient-to:#4a1747 var(--tw-gradient-to-position)}.to-brand-primary{--tw-gradient-to:#5d1d58 var(--tw-gradient-to-position)}.to-brand-primary\/20{--tw-gradient-to:rgba(93,29,88,.2) var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.to-white\/5{--tw-gradient-to:hsla(0,0%,100%,.05) var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.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}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.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-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-20{padding-top:5rem;padding-bottom:5rem}.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-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-10{padding-bottom:2.5rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[56\.25\%\]{padding-top:56.25%}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-einghaf{font-family:DIGI ELIYA REGULAR,Vazirmatn,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.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-\[1\.05rem\]{font-size:1.05rem}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.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-semibold{font-weight:600}.italic{font-style:italic}.leading-8{line-height:2rem}.leading-\[1\.7\]{line-height:1.7}.leading-\[1\.9\]{line-height:1.9}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-brand-accent{--tw-text-opacity:1;color:rgb(255 183 0/var(--tw-text-opacity,1))}.text-brand-accent-dark{--tw-text-opacity:1;color:rgb(230 166 0/var(--tw-text-opacity,1))}.text-brand-primary{--tw-text-opacity:1;color:rgb(93 29 88/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-100\/80{color:rgba(243,244,246,.8)}.text-gray-100\/90{color:rgba(243,244,246,.9)}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-white\/95{color:hsla(0,0%,100%,.95)}.underline{text-decoration-line:underline}.accent-brand-primary{accent-color:#5d1d58}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-90{opacity:.9}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(255\2c 183\2c 0\2c 0\.4\)\]{--tw-shadow:0 0 10px rgba(255,183,0,.4);--tw-shadow-colored:0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(255\2c 183\2c 0\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(255,183,0,.5);--tw-shadow-colored:0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(93\2c 29\2c 88\2c 0\.4\)\]{--tw-shadow:0 0 10px rgba(93,29,88,.4);--tw-shadow-colored:0 0 10px var(--tw-shadow-color)}.shadow-\[0_0_10px_rgba\(93\2c 29\2c 88\2c 0\.4\)\],.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-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.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))}.drop-shadow,.drop-shadow-xl{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)}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{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-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-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-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[background-size\:20px_20px\]{background-size:20px 20px}.placeholder\:text-right::-moz-placeholder{text-align:right}.placeholder\:text-right::placeholder{text-align:right}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:-translate-y-2: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-2:hover{--tw-translate-y:-0.5rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110: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-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:border-brand-accent\/40:hover{border-color:rgba(255,183,0,.4)}.hover\:border-brand-primary\/30:hover{border-color:rgba(93,29,88,.3)}.hover\:border-gray-100:hover{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.hover\:bg-\[\#4A1747\]:hover{--tw-bg-opacity:1;background-color:rgb(74 23 71/var(--tw-bg-opacity,1))}.hover\:bg-brand-accent-dark:hover{--tw-bg-opacity:1;background-color:rgb(230 166 0/var(--tw-bg-opacity,1))}.hover\:bg-brand-dark:hover{--tw-bg-opacity:1;background-color:rgb(74 23 71/var(--tw-bg-opacity,1))}.hover\:bg-brand-primary\/5:hover{background-color:rgba(93,29,88,.05)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:text-brand-primary:hover{--tw-text-opacity:1;color:rgb(93 29 88/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl: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-accent\/30:hover{--tw-shadow-color:rgba(255,183,0,.3);--tw-shadow:var(--tw-shadow-colored)}.focus\:border-brand-primary:focus{--tw-border-opacity:1;border-color:rgb(93 29 88/var(--tw-border-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-accent:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 183 0/var(--tw-ring-opacity,1))}.focus\:ring-brand-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(93 29 88/var(--tw-ring-opacity,1))}.group:hover .group-hover\:rotate-12{--tw-rotate:12deg}.group:hover .group-hover\:rotate-12,.group:hover .group-hover\:scale-125{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-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.group:hover .group-hover\:text-brand-accent-dark{--tw-text-opacity:1;color:rgb(230 166 0/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-brand-primary{--tw-text-opacity:1;color:rgb(93 29 88/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:inline{display:inline}.sm\:w-1\/2{width:50%}.sm\:max-w-\[300px\]{max-width:300px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.sm\:space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.sm\:p-5{padding:1.25rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.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-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.sm\:text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.sm\:text-white\/80{color:hsla(0,0%,100%,.8)}}@media (min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:order-4{order:4}.md\:col-span-2{grid-column:span 2/span 2}.md\:mb-0{margin-bottom:0}.md\:mb-32{margin-bottom:8rem}.md\:mt-0{margin-top:0}.md\:mt-24{margin-top:6rem}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-full{height:100%}.md\:min-h-\[300px\]{min-height:300px}.md\:w-20{width:5rem}.md\:w-auto{width:auto}.md\:max-w-\[320px\]{max-width:320px}.md\:flex-none{flex:none}.md\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:p-12{padding:3rem}.md\:p-4{padding:1rem}.md\:p-8{padding:2rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:pb-10{padding-bottom:2.5rem}.md\:pb-12{padding-bottom:3rem}.md\:pb-20{padding-bottom:5rem}.md\:pb-24{padding-bottom:6rem}.md\:pt-10{padding-top:2.5rem}.md\:pt-12{padding-top:3rem}.md\:pt-16{padding-top:4rem}.md\:pt-24{padding-top:6rem}.md\:pt-8{padding-top:2rem}.md\:text-right{text-align:right}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:leading-tight{line-height:1.25}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:left-4{left:1rem}.lg\:right-4{right:1rem}.lg\:top-\[-20px\]{top:-20px}.lg\:top-\[20px\]{top:20px}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mb-0{margin-bottom:0}.lg\:mb-10{margin-bottom:2.5rem}.lg\:mb-12{margin-bottom:3rem}.lg\:block{display:block}.lg\:h-full{height:100%}.lg\:w-1\/2{width:50%}.lg\:w-auto{width:auto}.lg\:max-w-none{max-width:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[2\.8rem\]{font-size:2.8rem}}@media (min-width:1280px){.xl\:left-20{left:5rem}.xl\:right-20{right:5rem}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:text-\[3\.2rem\]{font-size:3.2rem}}@media (prefers-color-scheme:dark){.dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.dark\:bg-brand-accent\/15{background-color:rgba(255,183,0,.15)}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-700\/40{background-color:rgba(55,65,81,.4)}.dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-800\/50{background-color:rgba(31,41,55,.5)}.dark\:bg-gray-800\/90{background-color:rgba(31,41,55,.9)}.dark\:bg-gray-800\/95{background-color:rgba(31,41,55,.95)}.dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-purple-900\/30{background-color:rgba(88,28,135,.3)}.dark\:bg-\[radial-gradient\(\#374151_1px\2c transparent_1px\)\]{background-image:radial-gradient(#374151 1px,transparent 0)}.dark\:text-brand-accent{--tw-text-opacity:1;color:rgb(255 183 0/var(--tw-text-opacity,1))}.dark\:text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:mix-blend-screen{mix-blend-mode:screen}.dark\:hover\:border-gray-700:hover{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700\/50:hover{background-color:rgba(55,65,81,.5)}.dark\:hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}}body {
            font-family: 'Vazirmatn', sans-serif;
            scroll-behavior: smooth;
            overflow-x: hidden; /* جلوگیری از اسکرول افقی ناخواسته */
        }
        
        /* تعریف فونت DIGI ELIYA REGULAR */
        @font-face {
          font-family: 'DIGI ELIYA REGULAR';
          /* فایل بدون فاصله برای سازگاری کامل با موبایل */
          src:
            url('/fonts/DIGI-ELIYA-REGULAR.woff2') format('woff2'),
            url('fonts/DIGI-ELIYA-REGULAR.woff2') format('woff2');
          font-weight: normal;
          font-style: normal;
          font-display: swap;
        }

        /* کلاس کمکی برای اعمال فونت DIGI ELIYA REGULAR */
        .font-einghaf {
           font-family: 'DIGI ELIYA REGULAR', 'Vazirmatn', sans-serif;
           line-height: 1.5;
           letter-spacing: 0;
           font-weight: 400;
           text-rendering: optimizeLegibility;
           -webkit-font-smoothing: antialiased;
           -moz-osx-font-smoothing: grayscale;
        }

        h1.font-einghaf,
        h2.font-einghaf,
        h3.font-einghaf,
        h4.font-einghaf,
        h5.font-einghaf,
        h6.font-einghaf {
            line-height: 1.35;
            padding-top: 0.06em;
            padding-bottom: 0.18em;
            overflow: visible;
        }
/* ??? تم رنگی ??? */
        .bg-brand-primary { background-color: #5D1D58; }
        .text-brand-primary { color: #5D1D58; }
        .border-brand-primary { border-color: #5D1D58; }
        .hover-bg-brand-dark:hover { background-color: #4A1747; }
        .ring-brand-primary { --tw-ring-color: #5D1D58; }

        .bg-brand-accent { background-color: #FFB700; }
        .text-brand-accent { color: #FFB700; }
        .border-brand-accent { border-color: #FFB700; }
        .hover-bg-brand-accent-dark:hover { background-color: #E6A600; }
        
        /* ??? استایل انیمیشن AOS ??? */
        [data-aos="fade-up"] {
            transform: translateY(50px);
            opacity: 0;
            transition-property: transform, opacity;
        }
        [data-aos="fade-down"] {
            transform: translateY(-50px);
            opacity: 0;
            transition-property: transform, opacity;
        }
        [data-aos="zoom-in"] {
            transform: scale(0.9);
            opacity: 0;
            transition-property: transform, opacity;
        }
        [data-aos="fade-in"] {
            opacity: 0;
            transition-property: opacity;
        }
        .aos-animate[data-aos="fade-up"] {
            transform: translateY(0);
            opacity: 1;
        }
        .aos-animate[data-aos="fade-down"] {
            transform: translateY(0);
            opacity: 1;
        }
         .aos-animate[data-aos="zoom-in"] {
            transform: scale(1);
            opacity: 1;
        }
        .aos-animate[data-aos="fade-in"] {
            opacity: 1;
        }
        
        /* ??? کد انیمیشن حباب‌های شناور ??? */
        @keyframes float-blob-1 {
          0%, 100% { transform: translateY(0px) translateX(0px); }
          50% { transform: translateY(-40px) translateX(30px); }
        }
        @keyframes float-blob-2 {
          0%, 100% { transform: translateY(0px) translateX(0px); }
          50% { transform: translateY(30px) translateX(-40px); }
        }
        .blob-1 {
            animation: float-blob-1 10s ease-in-out infinite;
        }
        .blob-2 {
            animation: float-blob-2 12s ease-in-out infinite;
        }
        /* ??? کدهای جدید برای جلوه‌های نوری (Glow) ??? */

/* 1. درخشش ملایم برای عنوان اصلی (H1) */
/* 1. جلوه درخشان (Shimmer) برای عنوان اصلی (H1) */
/* 2. درخشش برای دکمه طلایی (CTA) */
/* (کلاس bg-brand-accent) */
a.bg-brand-accent {
    /* سایه درخشان اولیه ملایم */
    box-shadow: 0 0 15px 0 rgba(255, 183, 0, 0.4);
    transition: box-shadow 0.3s ease-in-out;
}
a.bg-brand-accent:hover {
    /* سایه درخشان قوی‌تر هنگام هاور */
    box-shadow: 0 0 25px 5px rgba(255, 183, 0, 0.6);
}

/* 3. درخشش کارت‌های امکانات هنگام هاور */
/* (کلاس group در بخش امکانات) */
div#features .group:hover {
    /* یک سایه درخشان طلایی دور کارت */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 
                0 0 20px 5px rgba(255, 183, 0, 0.3);
}
/* ??? کد جدید برای نوار ناوبری شیشه‌ای ??? */
header.glassy {
    /* افکت شیشه مات با کمی شفافیت */
    background-color: rgba(255, 255, 255, 0.7); /* برای حالت روشن */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* برای سازگاری با سافاری */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* حالت تیره (Dark Mode) */
.dark header.glassy {
    background-color: rgba(17, 24, 39, 0.7); /* رنگ bg-gray-900 با شفافیت */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@keyframes shimmer {
    0% { background-position: 200% center; }
    100% { background-position: -200% center; }
}
@keyframes float-drift {
  0% { transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% { transform: translateY(-20px) translateX(10px) rotate(8deg); }
  50% { transform: translateY(0px) translateX(20px) rotate(0deg); }
  75% { transform: translateY(-15px) translateX(-10px) rotate(-8deg); }
  100% { transform: translateY(0px) translateX(0px) rotate(0deg); }
}

.floating-icon {
    position: absolute;
    color: white; /* رنگ آیکون‌ها */
    opacity: 0.18; /* تراکم (Opacity) */
    animation: float-drift 10s ease-in-out infinite;
    z-index: 1; 
    width: 60px; /* سایز پایه */
    height: 60px; /* سایز پایه */
}

/* موقعیت‌دهی پخش شده برای ?? آیکون */
.float-icon-1 { top: 10%; left: 15%; width: 70px; height: 70px; animation-duration: 12s; } /* ایده */
.float-icon-2 { top: 20%; right: 10%; width: 90px; height: 90px; animation-duration: 15s; animation-delay: -3s; } /* مشتری/CRM */
.float-icon-3 { bottom: 10%; left: 5%; width: 60px; height: 60px; animation-duration: 10s; animation-delay: -1s; } /* فروش */
.float-icon-4 { bottom: 15%; right: 5%; width: 80px; height: 80px; animation-duration: 14s; } /* نقشه راه */
.float-icon-5 { top: 60%; left: 30%; width: 50px; height: 50px; animation-duration: 11s; animation-delay: -5s; } /* چت */
.float-icon-6 { top: 50%; right: 40%; width: 65px; height: 65px; animation-duration: 13s; animation-delay: -2s; } /* داشبورد */
.float-icon-7 { top: 70%; left: 85%; width: 55px; height: 55px; animation-duration: 10s; animation-delay: -4s; } /* آزمون (CheckSquare) */
.float-icon-8 { top: 80%; left: 25%; width: 70px; height: 70px; animation-duration: 14s; animation-delay: -7s; } /* بازاریابی */
.float-icon-9 { top: 5%; right: 55%; width: 50px; height: 50px; animation-duration: 9s; } /* تقویم */
.float-icon-10 { top: 65%; left: 50%; width: 60px; height: 60px; animation-duration: 13s; animation-delay: -1s; } /* جعبه ابزار */
.float-icon-11 { top: 30%; left: 40%; width: 50px; height: 50px; animation-duration: 11s; } /* فایل‌ها */
.float-icon-12 { bottom: 5%; right: 50%; width: 80px; height: 80px; animation-duration: 15s; animation-delay: -6s; } /* تنظیمات */
.float-icon-13 { top: 35%; right: 15%; width: 70px; height: 70px; animation-duration: 12s; animation-delay: -8s; } /* تفکر (Brain) */
.float-icon-14 { top: 18%; left: 70%; width: 60px; height: 60px; animation-duration: 10s; animation-delay: -2s; } /* پروفایل مشتری */
.float-icon-15 { bottom: 20%; left: 40%; width: 80px; height: 80px; animation-duration: 14s; animation-delay: -9s; } /* آزمون (Smiley) */
.float-icon-ai { top: 45%; right: 75%; width: 70px; height: 70px; animation-duration: 9s; animation-delay: -4s; opacity: 0.22; } /* آیکون AI (تراشه) - کمی واضح‌تر */
.float-icon-17 { top: 85%; left: 70%; width: 65px; height: 65px; animation-duration: 13s; animation-delay: -10s; } /* گزارش (تکراری) */
.float-icon-18 { top: 5%; left: 30%; width: 75px; height: 75px; animation-duration: 11s; animation-delay: -5s; } /* فروش (تکراری) */
.float-icon-19 { bottom: 25%; right: 30%; width: 50px; height: 50px; animation-duration: 10s; animation-delay: -1s; } /* تقویم (تکراری) */
.float-icon-20 { top: 75%; right: 15%; width: 60px; height: 60px; animation-duration: 12s; animation-delay: -6s; } /* مشتری/CRM (تکراری) */
.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;  /* اندازه دایره */
    height: 48px; /* اندازه دایره */
    border-radius: 9999px; /* دایره کامل */
    border: 2px solid #6b7280; /* border-gray-500 */
    color: #6b7280; /* text-gray-500 */
    background-color: transparent;
    transition: all 0.3s ease-in-out;
    will-change: transform, box-shadow, color, border-color; /* بهینه‌سازی انیمیشن */
}

/* افکت هاور اصلی */
.social-icon:hover {
    transform: scale(1.1); /* کمی بزرگ‌تر می‌شود */
    background-color: #fff; /* پس‌زمینه سفید می‌شود */
}

/* هاور اختصاصی اینستاگرام (نور نئونی صورتی/بنفش) */
.instagram-icon:hover {
    border-color: #C13584; /* رنگ اصلی اینستاگرام */
    color: #C13584;
    /* افکت نئون گِلو (Glow) */
    box-shadow: 0 0 15px 0 rgba(193, 53, 132, 0.7), 
                0 0 25px 5px rgba(225, 48, 108, 0.5);
}

/* هاور اختصاصی یوتیوب (نور نئونی قرمز) */
.youtube-icon:hover {
    border-color: #FF0000; /* رنگ اصلی یوتیوب */
    color: #FF0000;
    /* افکت نئون گِلو (Glow) */
    box-shadow: 0 0 15px 0 rgba(255, 0, 0, 0.7),
                0 0 25px 5px rgba(255, 0, 0, 0.5);
}
body.loading-content > *:not(#preloader) {
    /* این کد می‌گوید: همه‌چیز را در body مخفی کن، 
      به جز المنت با آیدی preloader
    */
    opacity: 0;
    visibility: hidden; /* کاملاً مخفی شود */
    transition: opacity 0.5s ease-in-out, visibility 0.5s;
}

/* این کد برای زمانی است که لودینگ تمام می‌شود */
body:not(.loading-content) > *:not(#preloader) {
    opacity: 1;
    visibility: visible;
}

/* ??? START: کدهای جدید پیشنهادی ??? */

/* (پیشنهاد ?) افکت دکمه CTA دوم (درخواست مشاوره) */
.cta-fill-hover {
    position: relative;
    overflow: hidden;
    z-index: 1; 
    transition: color 0.4s ease-in-out, border-color 0.4s ease-in-out; /* انیمیشن رنگ متن و بوردر */
}
.cta-fill-hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* شروع از خارج از صفحه (سمت چپ) */
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1); /* hover:bg-white/10 */
    transition: transform 0.4s ease-in-out;
    z-index: -1;
}
.cta-fill-hover:hover::before {
    transform: translateX(100%); /* حرکت کامل به سمت راست (پر شدن) */
}
.cta-fill-hover:hover {
    border-color: rgba(255, 255, 255, 0.8); /* hover:border-white/80 */
    color: #FFB700; /* تغییر رنگ متن به طلایی (accent) */
}

/* ??? START: افکت دکمه CTA طلایی (شروع رایگان) - جدید ??? */
.cta-fill-hover-gold {
    position: relative;
    overflow: hidden;
    z-index: 1; 
    transition: color 0.4s ease-in-out; /* برای انیمیشن آیکون داخلش */
}
.cta-fill-hover-gold::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #E6A600; /* brand-accent-dark */
    transition: transform 0.4s ease-in-out;
    z-index: -1;
}
.cta-fill-hover-gold:hover::before {
    transform: translateX(100%);
}
/* اطمینان از اینکه متن و آیکون روی گرادیانت تیره خوانا می‌مانند */
.cta-fill-hover-gold:hover {
    color: #000000; /* text-black */
}
/* همچنین انیمیشن آیکون SVG داخل دکمه طلایی را حفظ می‌کنیم */
.cta-fill-hover-gold svg {
    transition: transform 0.3s ease-in-out;
}
.cta-fill-hover-gold:hover svg {
    transform: translateX(-4px); /* translate-x-[-4px] */
}
/* ??? END: افکت دکمه CTA طلایی ??? */

/* --- طرح ۴: مینیمال و روشن --- */
.feature-card-hover { position: relative; z-index: 1; transition: all 0.3s ease; border: 1px solid transparent; }
.feature-card-hover::before { display: none; } /* غیرفعال کردن پس‌زمینه کامل */
.feature-card-hover:hover { transform: translateY(-8px); border-color: rgba(255, 183, 0, 0.5); box-shadow: 0 20px 40px -10px rgba(255, 183, 0, 0.25); }
/* تغییر رنگ تیتر به بنفش و آیکون به طلایی در زمان هاور */
.feature-card-hover:hover h3 { color: #5D1D58 !important; }
.dark .feature-card-hover:hover h3 { color: #FFB700 !important; }
.feature-card-hover:hover .icon-wrapper { color: #FFB700 !important; transform: scale(1.15) translateY(-5px); }


/* (پیشنهاد ?) استایل‌های تایم‌لاین (سفر شما) */
.timeline-container {
    position: relative;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
/* خط مرکزی */
.timeline-container::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #e5e7eb; /* gray-200 */
    top: 2rem; /* شروع با کمی فاصله از بالا */
    bottom: 2rem; /* پایان با کمی فاصله از پایین */
    right: calc(50% - 3px); /* دقیقاً وسط */
    z-index: 1;
}
.dark .timeline-container::after {
     background-color: #4b5563; /* dark:gray-600 */
}
/* هر آیتم تایم‌لاین */
.timeline-item {
    padding-right: 50%;
    padding-left: 50px; /* فاصله از خط وسط */
    position: relative;
    width: 100%;
    margin-bottom: 50px; /* فاصله بین آیتم‌ها */
    z-index: 5; /* ??? این خط اضافه شد ??? */
}
.timeline-item:last-child {
    margin-bottom: 0;
}
/* آیتم‌های زوج (سمت چپ) */
.timeline-item:nth-child(even) {
    padding-right: 50px; /* فاصله از خط وسط */
    padding-left: 50%;
}
/* دایره عددی روی خط */
.timeline-item::after {
    content: attr(data-step); /* خواندن عدد از اتریبیوت */
    position: absolute;
    width: 50px;
    height: 50px;
    right: calc(50% - 25px); /* وسط خط */
    background-color: #5D1D58; /* brand-primary */
    color: white;
    font-weight: bold;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #f9fafb; /* bg-gray-50 */
    top: 0;
    border-radius: 9999px;
    z-index: 2;
    animation: pulse-dot 2s infinite; /* ??? انیمیشن (پیشنهاد ?) ??? */
}
.dark .timeline-item::after {
    border-color: #1f2937; /* dark:bg-gray-800 (پس‌زمینه بخش) */
    animation: pulse-dot-dark 2s infinite; /* ??? انیمیشن دارک (پیشنهاد ?) ??? */
}
/* جعبه محتوا */
.timeline-content {
    padding: 24px;
    background-color: #ffffff; /* bg-white */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-md */
    position: relative;
}
.dark .timeline-content {
     background-color: #374151; /* dark:bg-gray-700 */
}

/* حالت موبایل (تایم‌لاین یک‌طرفه) */
@media (max-width: 768px) {
    .timeline-container::after {
        right: 25px; /* خط به سمت راست منتقل می‌شود */
        left: auto;
    }
    .timeline-item,
    .timeline-item:nth-child(even) {
        padding-right: 85px; /* فاصله محتوا از خط (بیشتر از قبل) */
        padding-left: 0;
        text-align: right;
    }
    .timeline-item::after {
        right: 0; /* دایره‌ها روی خط قرار می‌گیرند */
        left: auto;
        margin-right: 0;
    }
}
/* ??? (پیشنهاد ?) استایل کارت نظرات مشتریان ??? */
.testimonial-card {
    position: relative;
    overflow: hidden; /* برای کنترل کردن نقل قول */
}
.testimonial-card::before {
    content: '“';
    position: absolute;
    top: -20px;
    right: 10px;
    font-size: 120px; /* اندازه بسیار بزرگ */
    font-family: Georgia, serif;
    color: #FFB700; /* gray-200 */
    opacity: 0.5;
    z-index: 1;
    line-height: 1;
}
.dark .testimonial-card::before {
    color: #4b5563; /* dark:gray-600 */
}
/* محتوای کارت باید روی نقل قول بیاید */
.testimonial-card > * {
    position: relative;
    z-index: 2;
}
/* ??? (پیشنهاد ?) افکت درخشش پشت ماکاپ در Hero ??? */
.mockup-glow {
    position: relative;
    z-index: 1;
}
#contact-form-section .mockup-glow > div {
    background: linear-gradient(135deg, rgba(93, 29, 88, 0.9), rgba(74, 23, 71, 0.9));
}
.mockup-glow::before {
    content: '';
    position: absolute;
    /* رنگ گرادیانت (طلایی و بنفش) */
    background: radial-gradient(circle, rgba(255,183,0,0.3) 0%, rgba(93,29,88,0.1) 60%, rgba(93,29,88,0) 70%);
    /* موقعیت: پشت و کمی پایین‌تر */
    left: 50%;
    top: 60%; 
    width: 80%;
    height: 80%;
    transform: translate(-50%, -50%);
    filter: blur(40px); /* محو کردن شدید */
    z-index: -1;
    opacity: 0.7; /* ملایم بودن افکت */
    animation: pulse-glow 8s ease-in-out infinite;
}

/* انیمیشن تنفس برای درخشش */
@keyframes pulse-glow {
    0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(0.95); }
    50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.05); }
}

/* Journey graph in hero */
.journey-hero-panel {
    border-radius: 26px;
    padding: 28px 24px 30px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background:
        linear-gradient(140deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05)),
        radial-gradient(circle at 12% 22%, rgba(255, 183, 0, 0.22), transparent 48%),
        radial-gradient(circle at 85% 12%, rgba(255, 255, 255, 0.2), transparent 45%);
    box-shadow: 0 25px 55px -24px rgba(12, 2, 20, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.dark .journey-hero-panel {
    border-color: rgba(255, 255, 255, 0.14);
    background:
        linear-gradient(140deg, rgba(17, 24, 39, 0.45), rgba(31, 41, 55, 0.3)),
        radial-gradient(circle at 12% 22%, rgba(255, 183, 0, 0.22), transparent 48%),
        radial-gradient(circle at 85% 12%, rgba(93, 29, 88, 0.45), transparent 45%);
}

.journey-panel-head {
    text-align: center;
    margin-bottom: 20px;
}

.journey-panel-head h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.65rem, 2vw + 1rem, 2.45rem);
    line-height: 1.35;
}

.journey-panel-head p {
    margin: 8px auto 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 1rem;
    max-width: 720px;
}

.journey-strip {
    display: flex;
    align-items: stretch;
    gap: 14px;
    padding: 6px 4px 10px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
}

.journey-strip::-webkit-scrollbar {
    height: 8px;
}

.journey-strip::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.35);
    border-radius: 999px;
}

.journey-node {
    position: relative;
    min-width: 225px;
    flex: 1 1 225px;
    padding: 18px 16px 16px;
    border-radius: 18px;
    border: 1px solid rgba(93, 29, 88, 0.16);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 16px 34px -18px rgba(12, 2, 20, 0.7);
    scroll-snap-align: start;
}

.journey-node::before {
    content: '';
    position: absolute;
    top: 0;
    right: 16px;
    width: 56px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #ffb700, #ff8c00);
}

.journey-step {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #ffffff;
    background: linear-gradient(135deg, #5d1d58, #7a2873);
    box-shadow: 0 8px 20px -10px rgba(93, 29, 88, 0.85);
}

.journey-node h3 {
    margin: 12px 0 8px;
    color: #5d1d58;
    font-size: 1.08rem;
    line-height: 1.45;
}

.journey-node p {
    margin: 0;
    color: #4b5563;
    font-size: 0.9rem;
    line-height: 1.8;
}

.journey-connector {
    flex: 0 0 46px;
    align-self: center;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 183, 0, 0.95), rgba(255, 255, 255, 0.6));
    box-shadow: 0 0 20px rgba(255, 183, 0, 0.35);
}

.dark .journey-node {
    background: rgba(31, 41, 55, 0.82);
    border-color: rgba(255, 255, 255, 0.08);
}

.dark .journey-node h3 {
    color: #facc15;
}

.dark .journey-node p {
    color: #d1d5db;
}

@media (min-width: 1024px) {
    .journey-strip {
        overflow-x: visible;
    }

    .journey-node {
        min-width: 0;
    }
}

@media (max-width: 820px) {
    .journey-hero-panel {
        padding: 20px 14px 22px;
    }

    .journey-panel-head p {
        font-size: 0.92rem;
    }

    .journey-node {
        min-width: 212px;
    }

    .journey-connector {
        flex-basis: 30px;
    }
}

.phone-contact-row {
    position: relative;
    min-height: 72px;
    display: flex;
    align-items: center;
    overflow: visible;
    z-index: 5;
}
.phone-contact-row .contact-main-row {
    position: relative;
    z-index: 2;
    width: 100%;
}
.messenger-callout {
    position: absolute;
    right: 100%;
    left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transform: translateY(-50%);
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.25s ease, filter 0.25s ease;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.35));
    top: 50%;
    direction: ltr;
    flex-direction: row;
    z-index: 20;
}
.messenger-callout:hover {
    transform: translateY(-50%) scale(1.03);
    filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.4));
}
.messenger-callout:focus-visible .callout-icon {
    outline: 2px solid rgba(255, 255, 255, 0.9);
    outline-offset: 3px;
}
.messenger-callout.messenger-wa {
    margin-top: -54px;
}
.messenger-callout.messenger-eita {
    margin-top: -18px;
}
.messenger-callout.messenger-tg {
    margin-top: 18px;
}
.messenger-callout.messenger-bale {
    margin-top: 54px;
}
.callout-icon {
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    backdrop-filter: blur(6px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35), inset 0 0 12px rgba(255, 255, 255, 0.2);
    animation: callout-pulse 3s ease-in-out infinite;
}
.callout-image {
    width: 18px;
    height: 18px;
    object-fit: contain;
    display: block;
}
.callout-wa {
    color: #25D366;
}
.callout-eita {
    background: rgba(245, 158, 11, 0.18);
}
.callout-tg {
    color: #229ED9;
}
.callout-bale {
    background: rgba(37, 99, 235, 0.18);
}
.callout-arrow {
    width: 82px;
    height: 22px;
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.25));
    margin-left: -12px;
}
.email-text {
    letter-spacing: 1px;
    font-variant-ligatures: none;
    font-family: 'Vazirmatn', sans-serif;
}
@keyframes callout-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}
@media (max-width: 640px) {
    .phone-contact-row {
        min-height: 108px;
    }
    .messenger-callout {
        right: 100%;
        gap: 4px;
        transform: translateY(-50%);
        direction: ltr;
    }
    .messenger-callout.messenger-wa {
        margin-top: -40px;
    }
    .messenger-callout.messenger-eita {
        margin-top: -14px;
    }
    .messenger-callout.messenger-tg {
        margin-top: 14px;
    }
    .messenger-callout.messenger-bale {
        margin-top: 40px;
    }
    .callout-icon {
        width: 26px;
        height: 26px;
    }
    .callout-image {
        width: 14px;
        height: 14px;
    }
    .callout-arrow {
        width: 40px;
        height: 18px;
        margin-left: -8px;
    }
}
/* ??? (پیشنهاد ?) دکمه بازگشت به بالا ??? */
#scrollTopBtn {
    position: fixed;
    bottom: 20px;
    left: 20px; /* در صفحات فارسی، چپ بهتر است */
    z-index: 40; /* پایین‌تر از هدر */
    background-color: #5D1D58; /* brand-primary */
    color: #FFB700; /* brand-accent */
    border: 2px solid #FFB700;
    width: 48px;
    height: 48px;
    border-radius: 9999px; /* دایره */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease-in-out;
}
#scrollTopBtn.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
#scrollTopBtn:hover {
    background-color: #FFB700;
    color: #5D1D58;
}
/* ??? (پیشنهاد ??) استایل تیتر بخش‌ها ??? */
h2.font-einghaf {
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}
h2.font-einghaf::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%); /* وسط‌چین کردن خط */
    width: 60px; /* عرض خط */
    height: 4px;
    background-color: #FFB700; /* brand-accent */
    border-radius: 2px;
}
/* ??? (پیشنهاد ?) افکت هاور برای لینک‌های منو ??? */
.nav-link {
    position: relative;
    padding-bottom: 4px; /* فضا برای خط */
}
.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #FFB700; /* brand-accent */
    transition: width 0.3s ease-in-out;
}
.nav-link:hover::after {
    width: 100%;
}
/* ??? (پیشنهاد ? - بخش انیمیشن) ??? */
@keyframes pulse-dot {
    0% { box-shadow: 0 0 0 0 rgba(93, 29, 88, 0.7); } /* brand-primary */
    70% { box-shadow: 0 0 0 10px rgba(93, 29, 88, 0); }
    100% { box-shadow: 0 0 0 0 rgba(93, 29, 88, 0); }
}
@keyframes pulse-dot-dark {
    0% { box-shadow: 0 0 0 0 rgba(255, 183, 0, 0.5); } /* brand-accent */
    70% { box-shadow: 0 0 0 10px rgba(255, 183, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 183, 0, 0); }
}
/* ??? START: کد کامل CSS برای استایل «نقل قول» ??? */

/* استایل کارت نظرات مشتریان */
.testimonial-card {
    position: relative;
    overflow: hidden; /* برای کنترل کردن نقل قول */
}
/* ایجاد علامت نقل قول در پس‌زمینه */
.testimonial-card::before {
    content: '“'; /* کاراکتر نقل قول */
    position: absolute;
    top: -20px; /* کمی بالاتر از کارت */
    right: 10px; /* در سمت راست */
    font-size: 120px; /* اندازه بسیار بزرگ */
    font-family: Georgia, serif; /* فونت استاندارد برای نقل قول */
    color: #FFB700; /* gray-200 */
    opacity: 0.5; /* بسیار کم‌رنگ */
    z-index: 1; /* لایه پشت محتوا */
    line-height: 1;
}
/* حالت دارک برای نقل قول */
.dark .testimonial-card::before {
    color: #4b5563; /* dark:gray-600 */
}
/* محتوای کارت (متن و آواتار) باید روی نقل قول بیاید */
.testimonial-card > * {
    position: relative;
    z-index: 2; /* لایه روی نقل قول */
}
/* ??? استایل ?: اَبر نئونی شیشه‌ای (3D Glass Nebula) ??? */
.cloud-3d-glass {
    position: relative;
    background: rgba(255, 255, 255, 0.05); /* شیشه خیلی شفاف */
    backdrop-filter: blur(12px); /* تاری پس‌زمینه */
    -webkit-backdrop-filter: blur(12px);
    border-radius: 24px;
    padding: 16px 24px;
    color: #fff;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 20px 40px -10px rgba(0, 0, 0, 0.3), /* سایه سیاه پایین */
        inset 0 0 20px rgba(255, 255, 255, 0.05), /* سایه داخلی */
        0 0 15px rgba(255, 183, 0, 0.2); /* درخشش طلایی دورش */
    transition: all 0.4s ease;
    z-index: 20;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 260px;
    text-align: right;
}

/* افکت نور چرخشی دور کادر */
.cloud-3d-glass::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(transparent, rgba(255, 183, 0, 0.3), transparent 30%);
    animation: rotate-glow 4s linear infinite;
    z-index: -1;
}

/* هاور: برجسته‌تر میشه */
.cloud-3d-glass:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 
        0 30px 60px -12px rgba(93, 29, 88, 0.5), /* سایه بنفش */
        0 0 25px rgba(255, 183, 0, 0.4); /* درخشش طلایی بیشتر */
    border-color: rgba(255, 183, 0, 0.5);
}

@keyframes rotate-glow {
    100% { transform: rotate(360deg); }
}

/* انیمیشن شناور بودن */
@keyframes float-3d {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    33% { transform: translateY(-12px) rotate(1deg); }
    66% { transform: translateY(8px) rotate(-1deg); }
}

.animate-float-3d {
    animation: float-3d 8s ease-in-out infinite;
}

/* آیکون داخل باکس */
.cloud-icon {
    background: linear-gradient(135deg, #FFB700, #FF8C00);
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(255, 183, 0, 0.4);
    color: #3e1338;
    flex-shrink: 0;
}
/* ??? کانتینر اصلی که محتوا توش عوض میشه ??? */
.main-content-area {
    min-height: 80vh; /* ارتفاع مناسب */
    position: relative;
    transition: all 0.5s ease-in-out;
}

/* کلاس برای مخفی کردن سکشن‌ها */
.section-view {
    display: none; /* پیش‌فرض مخفی */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* کلاس برای سکشن فعال */
.section-view.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
    animation: fadeSlideIn 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

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

/* ??? استایل شیشه‌ای "بنتو" (Bento Glass) ??? */
.bento-card {
    background: rgba(255, 255, 255, 0.03); /* خیلی شفاف */
    backdrop-filter: blur(16px); /* تاری پشت */
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.bento-card:hover {
    border-color: rgba(255, 183, 0, 0.5); /* طلایی */
    transform: translateY(-5px);
}

/* متن گرادینت */
.text-gradient-gold {
    background: linear-gradient(to right, #FFB700, #FF8C00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* --- اصلاحات موبایل --- */
body {
    overflow-x: hidden; /* جلوگیری از چپ و راست رفتن صفحه در موبایل */
    width: 100%;
}

/* انیمیشن باز شدن منوی موبایل */
#mobile-menu {
    animation: slideDown 0.3s ease-out forwards;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* --- اصلاح متن‌ها برای خوانایی بهتر --- */
.text-fix {
    text-align: right !important;       /* در موبایل حتما راست‌چین باشد */
    line-height: 2.2 !important;        /* فاصله خطوط زیاد شود تا چشم اذیت نشود */
    font-size: 0.95rem;                 /* سایز متن */
}

/* وقتی صفحه بزرگ شد (لپ‌تاپ و کامپیوتر) */
@media (min-width: 768px) {
    .text-fix {
        text-align: justify !important; /* حالا تراز شود */
        line-height: 1.8 !important;
    }
}
/* استایل اختصاصی منوی موبایل */
#mobile-menu {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.dark #mobile-menu {
    background: rgba(17, 24, 39, 0.98);
}

/* افکت لینک‌ها در منوی موبایل */
#mobile-menu a {
    position: relative;
    transition: all 0.3s ease;
    border-right: 3px solid transparent;
}

#mobile-menu a:hover {
    padding-right: 20px;
    background: rgba(93, 29, 88, 0.05); /* رنگ برند بنفش خیلی ملایم */
    border-right-color: #FFB700; /* خط طلایی */
    color: #5D1D58 !important;
}

.dark #mobile-menu a:hover {
    color: #FFB700 !important;
    background: rgba(255, 183, 0, 0.05);
}
/* اصلاح ابعاد داخلی باکس‌ها برای موبایل */
@media (max-width: 640px) {
    .cloud-3d-glass {
        padding: 8px 12px !important; /* کاهش فاصله داخلی */
        border-radius: 16px !important;
        max-width: 160px !important; /* محدود کردن عرض باکس */
    }
    .cloud-icon {
        width: 30px !important; /* کوچک کردن دایره آیکون */
        height: 30px !important;
        border-radius: 8px !important;
    }
    .cloud-icon svg {
        width: 18px !important; /* کوچک کردن خود آیکون */
        height: 18px !important;
    }
    .cloud-3d-glass p.text-xs {
        font-size: 10px !important; /* کوچک کردن متن تیتر باکس */
    }
    .cloud-3d-glass p.text-sm {
        font-size: 11px !important; /* کوچک کردن متن توضیحات باکس */
        line-height: 1.2 !important;
    }
}
/* اصلاح ابعاد باکس‌های شناور مخصوص موبایل */
@media (max-width: 640px) {
    .cloud-3d-glass {
        padding: 6px 10px !important; /* خیلی جمع‌وجور */
        max-width: 140px !important;  /* عرض رو کم کردیم که فضا باز شه */
        border-radius: 12px !important;
    }
    .cloud-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px !important;
    }
    .cloud-icon svg {
        width: 16px !important;
        height: 16px !important;
    }
    .cloud-3d-glass p.text-brand-accent {
        font-size: 9px !important; /* تیتر کوچیک */
        margin-bottom: 0 !important;
    }
    .cloud-3d-glass p.text-gray-100 {
        font-size: 10px !important; /* متن توضیحات کوچیک */
        line-height: 1.1 !important;
    }
}
@media (max-width: 768px) {
    /* هم‌سایز کردن باکس‌ها در موبایل */
    .cloud-3d-glass {
        width: 260px !important;
        min-height: 75px !important;
        justify-content: flex-start !important;
        padding: 12px 16px !important;
    }
}
/* یکسان‌سازی اندازه باکس‌ها در موبایل */
@media (max-width: 1023px) {
    .cloud-3d-glass {
        width: 280px !important;    /* عرض یکسان */
        min-height: 85px !important; /* ارتفاع یکسان */
        padding: 12px 20px !important;
        justify-content: flex-start !important;
    }
}

/* تنظیم دقیق پوزیشن ویندوز برای حالت اول */
@media (min-width: 1024px) {
    .cloud-3d-glass {
        width: 260px !important;
        min-height: auto !important;
    }
}
/* تنظیمات مخصوص موبایل و تبلت */
@media (max-width: 1023px) {
    .cloud-3d-glass {
        width: 280px !important;      /* عرض ثابت برای هم‌سایز شدن */
        min-height: 82px !important;   /* حداقل ارتفاع یکسان */
        justify-content: flex-start !important;
        padding: 12px 20px !important;
    }
}

/* تنظیمات مخصوص دسکتاپ (بازگشت به حالت اول) */
@media (min-width: 1024px) {
    .cloud-3d-glass {
        width: 260px !important;
        min-height: auto !important;
    }
}
/* --- تنظیمات مخصوص موبایل --- */
@media (max-width: 1023px) {
    /* هم‌سایز کردن عرض هر ۳ باکس در موبایل */
    .cloud-3d-glass {
        width: 280px !important; 
        min-height: 85px !important;
        justify-content: flex-start !important;
        padding: 12px 20px !important;
    }

    /* تغییر سایز و جابه‌جایی کلمه «مربی» فقط در موبایل */
    .mobile-word {
        font-size: 0.8em !important;      /* سایز کلمه را اینجا کوچک یا بزرگ کن */
        transform: translateX(-10px);    /* با تغییر این عدد کلمه را چپ یا راست ببر */
        display: inline-block !important; /* ضروری برای جابه‌جایی */
    }
}

/* --- تنظیمات ویندوز (برای اینکه ظاهر قبلی خراب نشود) --- */
@media (min-width: 1024px) {
    .cloud-3d-glass {
        width: 260px !important;
        min-height: auto !important;
    }
}
/* --- تنظیمات اختصاصی تیتر زدکوچ در موبایل --- */
@media (max-width: 1023px) {
    /* با اضافه کردن body قبل از کلاس، قدرت کد را بیشتر می‌کنیم */
    body .mobile-brand-title {
        font-size: 2rem !important; 
        display: inline-block !important;
        transform: translate(-10px, 0px) !important;
        line-height: 1.2 !important;
    }
}
/* انیمیشن اختصاصی لوگو با اولویت بالا */
@keyframes logo-float-custom {
    0%, 100% { 
        transform: scale(1) rotate(0deg); 
        opacity: 0.8; 
    }
    50% { 
        transform: scale(1.1) rotate(5deg); 
        opacity: 1; 
    }
}

/* استفاده از id و کلاس با هم برای بالا بردن اولویت */
#preloader .logo-loading-ani {
    animation: logo-float-custom 2s ease-in-out infinite !important;
    display: block !important;
}

/* انیمیشن نوار بارگیری */
@keyframes loading-bar-move {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

#preloader .animate-loading-bar {
    width: 100% !important;
    animation: loading-bar-move 1.5s infinite linear !important;
}
.blog-card-noimage{
  border-radius: 1rem;
  padding: 1.1rem 1rem;
  background: linear-gradient(135deg, rgba(93,29,88,0.12), rgba(255,183,0,0.14));
  border: 1px solid rgba(93,29,88,0.15);
  min-height: 130px;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  justify-content: center;
}

.blog-card-noimage-badge{
  display: inline-flex;
  width: fit-content;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 800;
  background: rgba(93,29,88,0.12);
  color: #5D1D58;
}

.blog-card-noimage-title{
  font-size: 1.05rem;
  font-weight: 900;
  color: #374151;
  line-height: 1.7;
}
/* طرح 2: زیگزاگی */
.journey-stepper.opt-2 { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: center; padding: 40px 0; }
.journey-stepper.opt-2::before { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 4px; background: rgba(255,255,255,0.15); z-index: 0; border-radius: 5px; }
.journey-stepper.opt-2 .journey-stepper-item { position: relative; z-index: 1; background: white; border-radius: 20px; padding: 25px 20px; box-shadow: 0 15px 30px rgba(0,0,0,0.3); transition: all 0.3s ease; text-align: center; }
.journey-stepper.opt-2 .journey-stepper-item:nth-child(odd) { transform: translateY(-30px); }
.journey-stepper.opt-2 .journey-stepper-item:nth-child(even) { transform: translateY(30px); }
.journey-stepper.opt-2 .journey-stepper-item:hover { transform: scale(1.05); z-index: 2; border: 2px solid #FFB700; }
.journey-stepper.opt-2 .journey-stepper-badge { width: 45px; height: 45px; background: #5D1D58; color: #FFB700; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: bold; margin: 0 auto 15px; border: 3px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
.journey-stepper.opt-2 h3 { color: #5D1D58; font-size: 1.15rem; font-weight: 800; margin-bottom: 10px; }
.journey-stepper.opt-2 p { color: #4b5563; font-size: 0.9rem; line-height: 1.7; margin: 0; }
/* --- حالت رسپانسیو (موبایل و تبلت) --- */
@media (max-width: 1024px) { 
    .journey-stepper.opt-2 { 
        grid-template-columns: 1fr; 
        padding: 20px 15px; 
        gap: 30px; 
    } 
    /* خط اتصال میاد سمت راست */
    .journey-stepper.opt-2::before { 
        width: 3px; 
        height: 100%; 
        top: 0; 
        left: auto; 
        right: 35px; 
        transform: none; 
        background: linear-gradient(180deg, rgba(255,183,0,0.2), rgba(255,183,0,0.9), rgba(255,183,0,0.2)); 
    } 
    /* کارت‌ها میرن سمت چپ و راست‌چین میشن */
    .journey-stepper.opt-2 .journey-stepper-item { 
        transform: translateY(0) !important; 
        margin-right: 65px; 
        text-align: right; 
        display: flex;
        flex-direction: column;
    } 
    /* دایره‌ها دقیقا روی خط راست قرار میگیرن */
    .journey-stepper.opt-2 .journey-stepper-badge { 
        position: absolute; 
        top: 20px; 
        right: -66px; 
        margin: 0; 
        width: 44px; 
        height: 44px; 
        z-index: 10;
        box-shadow: 0 0 15px rgba(255,183,0,0.3);
    }
    .journey-stepper.opt-2 .journey-stepper-item:hover { 
        transform: translateX(-5px) !important; 
    }
}
/* --- اصلاحات رسپانسیو موبایل (باکس‌های شناور) --- */
@media (max-width: 768px) {
    .cloud-3d-glass {
        min-width: 290px !important; /* عرض حداقلی برای کشیده شدن */
        width: 90% !important; /* پر کردن عرض صفحه */
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
        padding: 16px 20px !important;
        justify-content: flex-start;
    }
    
    /* جلوگیری از فشرده شدن آیکون داخل باکس */
    .cloud-icon {
        flex-shrink: 0;
        margin-left: 15px;
    }
    /* تنظیم سایز متن داخل باکس‌های موبایل */
@media (max-width: 768px) {
    /* تیتر باکس (مثل: مدیریت هوشمند) */
    .cloud-3d-glass .text-right p:first-child {
        font-size: 0.85rem !important; /* کوچکتر شد */
        margin-bottom: 4px !important;
    }
    
    /* متن توضیحات پایین تیتر */
    .cloud-3d-glass .text-right p:last-child {
        font-size: 0.95rem !important; /* کوچکتر شد */
        line-height: 1.5 !important;
    }
}