/* /assets/css/tailwind.css */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family: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}input:where(:not([type])),input:where([type=date]),input:where([type=datetime-local]),input:where([type=email]),input:where([type=month]),input:where([type=number]),input:where([type=password]),input:where([type=search]),input:where([type=tel]),input:where([type=text]),input:where([type=time]),input:where([type=url]),input:where([type=week]),select,select:where([multiple]),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}input:where(:not([type])):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=email]):focus,input:where([type=month]):focus,input:where([type=number]):focus,input:where([type=password]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=text]):focus,input:where([type=time]):focus,input:where([type=url]):focus,input:where([type=week]):focus,select:focus,select:where([multiple]):focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:focus,input:where([type=checkbox]):checked:hover,input:where([type=radio]):checked:focus,input:where([type=radio]):checked:hover{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:focus,input:where([type=checkbox]):indeterminate:hover{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.bottom-8{bottom:2rem}.bottom-\[-10\%\]{bottom:-10%}.bottom-\[-20\%\]{bottom:-20%}.bottom-\[10\%\]{bottom:10%}.bottom-\[25\%\]{bottom:25%}.bottom-\[28\%\]{bottom:28%}.bottom-\[5\%\]{bottom:5%}.left-0{left:0}.left-1\/2{left:50%}.left-\[-10\%\]{left:-10%}.left-\[-5\%\]{left:-5%}.left-\[10\%\]{left:10%}.left-\[2\%\]{left:2%}.left-\[3\%\]{left:3%}.left-\[4\%\]{left:4%}.left-\[40\%\]{left:40%}.left-\[5\%\]{left:5%}.right-0{right:0}.right-8{right:2rem}.right-\[-10\%\]{right:-10%}.right-\[-5\%\]{right:-5%}.right-\[10\%\]{right:10%}.right-\[3\%\]{right:3%}.right-\[4\%\]{right:4%}.right-\[5\%\]{right:5%}.top-0{top:0}.top-1\/2{top:50%}.top-8{top:2rem}.top-\[-10\%\]{top:-10%}.top-\[-20\%\]{top:-20%}.top-\[10\%\]{top:10%}.top-\[15\%\]{top:15%}.top-\[18\%\]{top:18%}.top-\[20\%\]{top:20%}.top-\[30\%\]{top:30%}.top-\[42\%\]{top:42%}.top-\[48\%\]{top:48%}.top-\[5\%\]{top:5%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-4{width:1rem;height:1rem}.h-10{height:2.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-\[800px\]{height:800px}.h-\[900px\]{height:900px}.min-h-\[50vh\]{min-height:50vh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[80vh\]{min-height:80vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-5{width:1.25rem}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[800px\]{width:800px}.w-\[900px\]{width:900px}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-125,.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))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl,.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-primary\/20{border-color:rgba(37,99,235,.2)}.border-primary\/30{border-color:rgba(37,99,235,.3)}.border-primary\/40{border-color:rgba(37,99,235,.4)}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200\/50{border-color:rgba(226,232,240,.5)}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-emerald-500\/5{background-color:rgba(16,185,129,.05)}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-orange-500\/5{background-color:rgba(249,115,22,.05)}.bg-pink-500\/5{background-color:rgba(236,72,153,.05)}.bg-primary{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-primary\/10{background-color:rgba(37,99,235,.1)}.bg-primary\/20{background-color:rgba(37,99,235,.2)}.bg-primary\/5{background-color:rgba(37,99,235,.05)}.bg-purple-500\/5{background-color:rgba(168,85,247,.05)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/5{background-color:rgba(239,68,68,.05)}.bg-teal-500\/5{background-color:rgba(20,184,166,.05)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-white\/60{background-color:hsla(0,0%,100%,.6)}.bg-white\/\[0\.02\]{background-color:hsla(0,0%,100%,.02)}.bg-white\/\[0\.03\]{background-color:hsla(0,0%,100%,.03)}.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))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-accent{--tw-gradient-from:#1e40af var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/0{--tw-gradient-from:rgba(30,64,175,0) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/10{--tw-gradient-from:rgba(30,64,175,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/100{--tw-gradient-from:#1e40af var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/15{--tw-gradient-from:rgba(30,64,175,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/20{--tw-gradient-from:rgba(30,64,175,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/25{--tw-gradient-from:rgba(30,64,175,.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/30{--tw-gradient-from:rgba(30,64,175,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/35{--tw-gradient-from:rgba(30,64,175,.35) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/40{--tw-gradient-from:rgba(30,64,175,.4) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/45{--tw-gradient-from:rgba(30,64,175,.45) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/5{--tw-gradient-from:rgba(30,64,175,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/50{--tw-gradient-from:rgba(30,64,175,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/55{--tw-gradient-from:rgba(30,64,175,.55) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/60{--tw-gradient-from:rgba(30,64,175,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/65{--tw-gradient-from:rgba(30,64,175,.65) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/70{--tw-gradient-from:rgba(30,64,175,.7) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/75{--tw-gradient-from:rgba(30,64,175,.75) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/80{--tw-gradient-from:rgba(30,64,175,.8) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/85{--tw-gradient-from:rgba(30,64,175,.85) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/90{--tw-gradient-from:rgba(30,64,175,.9) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/95{--tw-gradient-from:rgba(30,64,175,.95) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-800\/20{--tw-gradient-from:rgba(30,64,175,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-900\/10{--tw-gradient-from:rgba(30,58,138,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,58,138,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-900\/20{--tw-gradient-from:rgba(30,58,138,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,58,138,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(240,253,244,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/0{--tw-gradient-from:rgba(37,99,235,0) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/10{--tw-gradient-from:rgba(37,99,235,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/100{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/15{--tw-gradient-from:rgba(37,99,235,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/20{--tw-gradient-from:rgba(37,99,235,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/25{--tw-gradient-from:rgba(37,99,235,.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/30{--tw-gradient-from:rgba(37,99,235,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/35{--tw-gradient-from:rgba(37,99,235,.35) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/40{--tw-gradient-from:rgba(37,99,235,.4) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/45{--tw-gradient-from:rgba(37,99,235,.45) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/5{--tw-gradient-from:rgba(37,99,235,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/50{--tw-gradient-from:rgba(37,99,235,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/55{--tw-gradient-from:rgba(37,99,235,.55) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/60{--tw-gradient-from:rgba(37,99,235,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/65{--tw-gradient-from:rgba(37,99,235,.65) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/70{--tw-gradient-from:rgba(37,99,235,.7) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/75{--tw-gradient-from:rgba(37,99,235,.75) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/80{--tw-gradient-from:rgba(37,99,235,.8) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/85{--tw-gradient-from:rgba(37,99,235,.85) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/90{--tw-gradient-from:rgba(37,99,235,.9) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/95{--tw-gradient-from:rgba(37,99,235,.95) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-50{--tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,86%,97%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500\/5{--tw-gradient-from:rgba(239,68,68,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,68,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary{--tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/0{--tw-gradient-from:rgba(14,165,233,0) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/10{--tw-gradient-from:rgba(14,165,233,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/100{--tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/15{--tw-gradient-from:rgba(14,165,233,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/20{--tw-gradient-from:rgba(14,165,233,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/25{--tw-gradient-from:rgba(14,165,233,.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/30{--tw-gradient-from:rgba(14,165,233,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/35{--tw-gradient-from:rgba(14,165,233,.35) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/40{--tw-gradient-from:rgba(14,165,233,.4) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/45{--tw-gradient-from:rgba(14,165,233,.45) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/5{--tw-gradient-from:rgba(14,165,233,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/50{--tw-gradient-from:rgba(14,165,233,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/55{--tw-gradient-from:rgba(14,165,233,.55) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/60{--tw-gradient-from:rgba(14,165,233,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/65{--tw-gradient-from:rgba(14,165,233,.65) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/70{--tw-gradient-from:rgba(14,165,233,.7) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/75{--tw-gradient-from:rgba(14,165,233,.75) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/80{--tw-gradient-from:rgba(14,165,233,.8) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/85{--tw-gradient-from:rgba(14,165,233,.85) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/90{--tw-gradient-from:rgba(14,165,233,.9) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/95{--tw-gradient-from:rgba(14,165,233,.95) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:rgba(248,250,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900\/50{--tw-gradient-from:rgba(15,23,42,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/5{--tw-gradient-from:hsla(0,0%,100%,.05) 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-accent{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e40af var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/0{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,0) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/10{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/100{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e40af var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/15{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.15) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/20{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/25{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/30{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/35{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.35) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/40{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/45{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.45) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/5{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.05) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/50{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/55{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.55) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/60{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.6) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/65{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.65) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/70{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/75{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.75) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/80{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/85{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.85) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/90{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.9) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-accent\/95{--tw-gradient-to:rgba(30,64,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,64,175,.95) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-indigo-50\/30{--tw-gradient-to:rgba(238,242,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(238,242,255,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-indigo-950{--tw-gradient-to:rgba(30,27,75,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e1b4b var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#2563eb var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/0{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,0) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/10{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/100{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#2563eb var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/15{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.15) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/20{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/25{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/30{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/35{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.35) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/40{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/45{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.45) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/5{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.05) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/50{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/55{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.55) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/60{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.6) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/65{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.65) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/70{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/75{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.75) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/80{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/85{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.85) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/90{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.9) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary\/95{--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(37,99,235,.95) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0ea5e9 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/0{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,0) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/10{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/100{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0ea5e9 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/15{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.15) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/20{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/25{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/30{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/35{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.35) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/40{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/45{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.45) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/5{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.05) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/50{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/55{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.55) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/60{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.6) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/65{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.65) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/70{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/75{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.75) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/80{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/85{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.85) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/90{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.9) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary\/95{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.95) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#1e40af\],.to-accent{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}.to-primary{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-primary\/10{--tw-gradient-to:rgba(37,99,235,.1) var(--tw-gradient-to-position)}.to-secondary{--tw-gradient-to:#0ea5e9 var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.p-12{padding:3rem}.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-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-16{padding-bottom:4rem}.pt-32{padding-top:8rem}.pt-8{padding-top:2rem}.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-\[11px\]{font-size:11px}.text-\[150px\]{font-size:150px}.text-\[28px\]{font-size:28px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-none{line-height:1}.text-accent{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-accent\/0{color:rgba(30,64,175,0)}.text-accent\/10{color:rgba(30,64,175,.1)}.text-accent\/100{color:#1e40af}.text-accent\/15{color:rgba(30,64,175,.15)}.text-accent\/20{color:rgba(30,64,175,.2)}.text-accent\/25{color:rgba(30,64,175,.25)}.text-accent\/30{color:rgba(30,64,175,.3)}.text-accent\/35{color:rgba(30,64,175,.35)}.text-accent\/40{color:rgba(30,64,175,.4)}.text-accent\/45{color:rgba(30,64,175,.45)}.text-accent\/5{color:rgba(30,64,175,.05)}.text-accent\/50{color:rgba(30,64,175,.5)}.text-accent\/55{color:rgba(30,64,175,.55)}.text-accent\/60{color:rgba(30,64,175,.6)}.text-accent\/65{color:rgba(30,64,175,.65)}.text-accent\/70{color:rgba(30,64,175,.7)}.text-accent\/75{color:rgba(30,64,175,.75)}.text-accent\/80{color:rgba(30,64,175,.8)}.text-accent\/85{color:rgba(30,64,175,.85)}.text-accent\/90{color:rgba(30,64,175,.9)}.text-accent\/95{color:rgba(30,64,175,.95)}.text-blue-300\/40{color:rgba(147,197,253,.4)}.text-blue-400\/50{color:rgba(96,165,250,.5)}.text-green-400\/40{color:rgba(74,222,128,.4)}.text-green-400\/50{color:rgba(74,222,128,.5)}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-orange-300\/40{color:hsla(31,97%,72%,.4)}.text-primary{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-primary\/0{color:rgba(37,99,235,0)}.text-primary\/10{color:rgba(37,99,235,.1)}.text-primary\/100{color:#2563eb}.text-primary\/15{color:rgba(37,99,235,.15)}.text-primary\/20{color:rgba(37,99,235,.2)}.text-primary\/25{color:rgba(37,99,235,.25)}.text-primary\/30{color:rgba(37,99,235,.3)}.text-primary\/35{color:rgba(37,99,235,.35)}.text-primary\/40{color:rgba(37,99,235,.4)}.text-primary\/45{color:rgba(37,99,235,.45)}.text-primary\/5{color:rgba(37,99,235,.05)}.text-primary\/50{color:rgba(37,99,235,.5)}.text-primary\/55{color:rgba(37,99,235,.55)}.text-primary\/60{color:rgba(37,99,235,.6)}.text-primary\/65{color:rgba(37,99,235,.65)}.text-primary\/70{color:rgba(37,99,235,.7)}.text-primary\/75{color:rgba(37,99,235,.75)}.text-primary\/80{color:rgba(37,99,235,.8)}.text-primary\/85{color:rgba(37,99,235,.85)}.text-primary\/90{color:rgba(37,99,235,.9)}.text-primary\/95{color:rgba(37,99,235,.95)}.text-purple-400\/40{color:rgba(192,132,252,.4)}.text-purple-400\/50{color:rgba(192,132,252,.5)}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-secondary{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.text-secondary\/0{color:rgba(14,165,233,0)}.text-secondary\/10{color:rgba(14,165,233,.1)}.text-secondary\/100{color:#0ea5e9}.text-secondary\/15{color:rgba(14,165,233,.15)}.text-secondary\/20{color:rgba(14,165,233,.2)}.text-secondary\/25{color:rgba(14,165,233,.25)}.text-secondary\/30{color:rgba(14,165,233,.3)}.text-secondary\/35{color:rgba(14,165,233,.35)}.text-secondary\/40{color:rgba(14,165,233,.4)}.text-secondary\/45{color:rgba(14,165,233,.45)}.text-secondary\/5{color:rgba(14,165,233,.05)}.text-secondary\/50{color:rgba(14,165,233,.5)}.text-secondary\/55{color:rgba(14,165,233,.55)}.text-secondary\/60{color:rgba(14,165,233,.6)}.text-secondary\/65{color:rgba(14,165,233,.65)}.text-secondary\/70{color:rgba(14,165,233,.7)}.text-secondary\/75{color:rgba(14,165,233,.75)}.text-secondary\/80{color:rgba(14,165,233,.8)}.text-secondary\/85{color:rgba(14,165,233,.85)}.text-secondary\/90{color:rgba(14,165,233,.9)}.text-secondary\/95{color:rgba(14,165,233,.95)}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/10{color:hsla(0,0%,100%,.1)}.text-white\/20{color:hsla(0,0%,100%,.2)}.text-white\/25{color:hsla(0,0%,100%,.25)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-yellow-300\/40{color:rgba(253,224,71,.4)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.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_20px_rgba\(37\2c 99\2c 235\2c 0\.3\)\]{--tw-shadow:0 0 20px rgba(37,99,235,.3);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(37\2c 99\2c 235\2c 0\.4\)\]{--tw-shadow:0 0 20px rgba(37,99,235,.4);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(37\2c 99\2c 235\2c 0\.4\)\]{--tw-shadow:0 0 30px rgba(37,99,235,.4);--tw-shadow-colored:0 0 30px 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_15px_40px_-15px_rgba\(0\2c 0\2c 0\2c 0\.7\)\]{--tw-shadow:0 15px 40px -15px rgba(0,0,0,.7);--tw-shadow-colored:0 15px 40px -15px 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_30px_60px_-15px_rgba\(79\2c 70\2c 229\2c 0\.1\)\]{--tw-shadow:0 30px 60px -15px rgba(79,70,229,.1);--tw-shadow-colored:0 30px 60px -15px var(--tw-shadow-color)}.shadow-\[0_30px_60px_-15px_rgba\(79\2c 70\2c 229\2c 0\.1\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-accent{--tw-shadow-color:#1e40af;--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/0{--tw-shadow-color:rgba(30,64,175,0);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/10{--tw-shadow-color:rgba(30,64,175,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/100{--tw-shadow-color:#1e40af;--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/15{--tw-shadow-color:rgba(30,64,175,.15);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/20{--tw-shadow-color:rgba(30,64,175,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/25{--tw-shadow-color:rgba(30,64,175,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/30{--tw-shadow-color:rgba(30,64,175,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/35{--tw-shadow-color:rgba(30,64,175,.35);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/40{--tw-shadow-color:rgba(30,64,175,.4);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/45{--tw-shadow-color:rgba(30,64,175,.45);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/5{--tw-shadow-color:rgba(30,64,175,.05);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/50{--tw-shadow-color:rgba(30,64,175,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/55{--tw-shadow-color:rgba(30,64,175,.55);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/60{--tw-shadow-color:rgba(30,64,175,.6);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/65{--tw-shadow-color:rgba(30,64,175,.65);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/70{--tw-shadow-color:rgba(30,64,175,.7);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/75{--tw-shadow-color:rgba(30,64,175,.75);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/80{--tw-shadow-color:rgba(30,64,175,.8);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/85{--tw-shadow-color:rgba(30,64,175,.85);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/90{--tw-shadow-color:rgba(30,64,175,.9);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/95{--tw-shadow-color:rgba(30,64,175,.95);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/50{--tw-shadow-color:rgba(0,0,0,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary{--tw-shadow-color:#2563eb;--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/0{--tw-shadow-color:rgba(37,99,235,0);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/10{--tw-shadow-color:rgba(37,99,235,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/100{--tw-shadow-color:#2563eb;--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/15{--tw-shadow-color:rgba(37,99,235,.15);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/20{--tw-shadow-color:rgba(37,99,235,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/25{--tw-shadow-color:rgba(37,99,235,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/30{--tw-shadow-color:rgba(37,99,235,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/35{--tw-shadow-color:rgba(37,99,235,.35);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/40{--tw-shadow-color:rgba(37,99,235,.4);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/45{--tw-shadow-color:rgba(37,99,235,.45);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/5{--tw-shadow-color:rgba(37,99,235,.05);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/50{--tw-shadow-color:rgba(37,99,235,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/55{--tw-shadow-color:rgba(37,99,235,.55);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/60{--tw-shadow-color:rgba(37,99,235,.6);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/65{--tw-shadow-color:rgba(37,99,235,.65);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/70{--tw-shadow-color:rgba(37,99,235,.7);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/75{--tw-shadow-color:rgba(37,99,235,.75);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/80{--tw-shadow-color:rgba(37,99,235,.8);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/85{--tw-shadow-color:rgba(37,99,235,.85);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/90{--tw-shadow-color:rgba(37,99,235,.9);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/95{--tw-shadow-color:rgba(37,99,235,.95);--tw-shadow:var(--tw-shadow-colored)}.shadow-red-500\/5{--tw-shadow-color:rgba(239,68,68,.05);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary{--tw-shadow-color:#0ea5e9;--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/0{--tw-shadow-color:rgba(14,165,233,0);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/10{--tw-shadow-color:rgba(14,165,233,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/100{--tw-shadow-color:#0ea5e9;--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/15{--tw-shadow-color:rgba(14,165,233,.15);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/20{--tw-shadow-color:rgba(14,165,233,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/25{--tw-shadow-color:rgba(14,165,233,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/30{--tw-shadow-color:rgba(14,165,233,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/35{--tw-shadow-color:rgba(14,165,233,.35);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/40{--tw-shadow-color:rgba(14,165,233,.4);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/45{--tw-shadow-color:rgba(14,165,233,.45);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/5{--tw-shadow-color:rgba(14,165,233,.05);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/50{--tw-shadow-color:rgba(14,165,233,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/55{--tw-shadow-color:rgba(14,165,233,.55);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/60{--tw-shadow-color:rgba(14,165,233,.6);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/65{--tw-shadow-color:rgba(14,165,233,.65);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/70{--tw-shadow-color:rgba(14,165,233,.7);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/75{--tw-shadow-color:rgba(14,165,233,.75);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/80{--tw-shadow-color:rgba(14,165,233,.8);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/85{--tw-shadow-color:rgba(14,165,233,.85);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/90{--tw-shadow-color:rgba(14,165,233,.9);--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/95{--tw-shadow-color:rgba(14,165,233,.95);--tw-shadow:var(--tw-shadow-colored)}.ring-primary{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{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-2xl{--tw-blur:blur(40px)}.blur-\[100px\]{--tw-blur:blur(100px)}.blur-\[100px\],.blur-\[120px\]{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-\[120px\]{--tw-blur:blur(120px)}.blur-\[130px\]{--tw-blur:blur(130px)}.blur-\[130px\],.blur-\[150px\]{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-\[150px\]{--tw-blur:blur(150px)}.blur-\[60px\]{--tw-blur:blur(60px)}.blur-\[60px\],.blur-\[80px\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[80px\]{--tw-blur:blur(80px)}.blur-xl{--tw-blur:blur(24px)}.blur-xl,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-2xl,.backdrop-blur-3xl{-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-3xl{--tw-backdrop-blur:blur(64px)}.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);-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}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.selection\:bg-primary\/30 ::-moz-selection{background-color:rgba(37,99,235,.3)}.selection\:text-white ::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:bg-primary\/30::-moz-selection{background-color:rgba(37,99,235,.3)}.selection\:text-white::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:-translate-y-2:hover,.hover\:-translate-y-3: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-3:hover{--tw-translate-y:-0.75rem}.hover\:translate-x-1:hover{--tw-translate-x:0.25rem}.hover\:-rotate-6:hover,.hover\:translate-x-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-rotate-6:hover{--tw-rotate:-6deg}.hover\:rotate-90:hover,.hover\:scale-105: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-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-110:hover,.hover\:scale-\[1\.02\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:gap-4:hover{gap:1rem}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.hover\:border-primary\/50:hover{border-color:rgba(37,99,235,.5)}.hover\:border-transparent:hover{border-color:transparent}.hover\:border-white\/20:hover{border-color:hsla(0,0%,100%,.2)}.hover\:bg-\[\#0A66C2\]:hover{--tw-bg-opacity:1;background-color:rgb(10 102 194/var(--tw-bg-opacity,1))}.hover\:bg-\[\#1877F2\]:hover{--tw-bg-opacity:1;background-color:rgb(24 119 242/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/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\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:bg-white\/50:hover{background-color:hsla(0,0%,100%,.5)}.hover\:bg-gradient-to-tr:hover{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.hover\:from-\[\#f9ce34\]:hover{--tw-gradient-from:#f9ce34 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,206,52,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:via-\[\#ee2a7b\]:hover{--tw-gradient-to:rgba(238,42,123,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ee2a7b var(--tw-gradient-via-position),var(--tw-gradient-to)}.hover\:to-\[\#6228d7\]:hover{--tw-gradient-to:#6228d7 var(--tw-gradient-to-position)}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-primary-dark:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:shadow-\[0_0_20px_rgba\(10\2c 102\2c 194\2c 0\.5\)\]:hover{--tw-shadow:0 0 20px rgba(10,102,194,.5);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(238\2c 42\2c 123\2c 0\.5\)\]:hover{--tw-shadow:0 0 20px rgba(238,42,123,.5);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(24\2c 119\2c 242\2c 0\.5\)\]:hover{--tw-shadow:0 0 20px rgba(24,119,242,.5);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(255\2c 255\2c 255\2c 0\.2\)\]:hover{--tw-shadow:0 0 20px hsla(0,0%,100%,.2);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_15px_40px_-15px_rgba\(0\2c 0\2c 0\2c 0\.7\)\]:hover{--tw-shadow:0 15px 40px -15px rgba(0,0,0,.7);--tw-shadow-colored:0 15px 40px -15px 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-primary\/10:hover{--tw-shadow-color:rgba(37,99,235,.1);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-primary\/30:hover{--tw-shadow-color:rgba(37,99,235,.3);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-primary\/50:hover{--tw-shadow-color:rgba(37,99,235,.5);--tw-shadow:var(--tw-shadow-colored)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:z-\[100\]:focus{z-index:100}.focus\:rounded-xl:focus{border-radius:.75rem}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.focus\:border-primary\/50:focus{border-color:rgba(37,99,235,.5)}.focus\:bg-primary:focus{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\: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-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.focus\:ring-primary\/20:focus{--tw-ring-color:rgba(37,99,235,.2)}.active\:scale-100:active{--tw-scale-x:1;--tw-scale-y:1}.active\:scale-100:active,.active\:scale-95:active{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))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:max-h-40{max-height:10rem}.group:hover .group-hover\:-translate-y-1,.group\/item:hover .group-hover\/item\:translate-x-1{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\:-translate-y-1{--tw-translate-y:-0.25rem}.group:hover .group-hover\:-translate-y-2{--tw-translate-y:-0.5rem}.group:hover .group-hover\:-translate-y-2,.group:hover .group-hover\:-translate-y-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))}.group:hover .group-hover\:-translate-y-3{--tw-translate-y:-0.75rem}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:translate-x-1,.group:hover .group-hover\:translate-x-2{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\:translate-x-2{--tw-translate-x:0.5rem}.group:hover .group-hover\:-rotate-3{--tw-rotate:-3deg}.group:hover .group-hover\:-rotate-3,.group:hover .group-hover\:-rotate-6{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\:-rotate-6{--tw-rotate:-6deg}.group:hover .group-hover\:rotate-12{--tw-rotate:12deg}.group:hover .group-hover\:rotate-12,.group:hover .group-hover\:rotate-90{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\:rotate-90{--tw-rotate:90deg}.group:hover .group-hover\:scale-105,.group\/item:hover .group-hover\/item\: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-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-110,.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\:gap-4{gap:1rem}.group:hover .group-hover\:border-primary{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.group:hover .group-hover\:border-primary\/40{border-color:rgba(37,99,235,.4)}.group:hover .group-hover\:border-primary\/50{border-color:rgba(37,99,235,.5)}.group:hover .group-hover\:bg-primary{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-primary{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:shadow-primary\/50{--tw-shadow-color:rgba(37,99,235,.5);--tw-shadow:var(--tw-shadow-colored)}.dark\:border-green-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.dark\:border-primary\/30:is(.dark *){border-color:rgba(37,99,235,.3)}.dark\:border-red-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.dark\:border-white\/10:is(.dark *){border-color:hsla(0,0%,100%,.1)}.dark\:border-white\/20:is(.dark *){border-color:hsla(0,0%,100%,.2)}.dark\:border-white\/5:is(.dark *){border-color:hsla(0,0%,100%,.05)}.dark\:bg-\[\#222\]\/50:is(.dark *){background-color:rgba(34,34,34,.5)}.dark\:bg-primary\/10:is(.dark *){background-color:rgba(37,99,235,.1)}.dark\:bg-white\/\[0\.02\]:is(.dark *){background-color:hsla(0,0%,100%,.02)}.dark\:from-green-900\/20:is(.dark *){--tw-gradient-from:rgba(20,83,45,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(20,83,45,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-primary\/10:is(.dark *){--tw-gradient-from:rgba(37,99,235,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-red-900\/20:is(.dark *){--tw-gradient-from:rgba(127,29,29,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(127,29,29,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:to-emerald-900\/20:is(.dark *){--tw-gradient-to:rgba(6,78,59,.2) var(--tw-gradient-to-position)}.dark\:to-orange-900\/20:is(.dark *){--tw-gradient-to:rgba(124,45,18,.2) var(--tw-gradient-to-position)}.dark\:to-primary\/10:is(.dark *){--tw-gradient-to:rgba(37,99,235,.1) var(--tw-gradient-to-position)}.dark\:text-green-300:is(.dark *){--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:border-white\/20:hover:is(.dark *){border-color:hsla(0,0%,100%,.2)}.dark\:hover\:bg-\[\#2a2a2a\]\/50:hover:is(.dark *){background-color:rgba(42,42,42,.5)}.dark\:hover\:bg-white\/5:hover:is(.dark *){background-color:hsla(0,0%,100%,.05)}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:h-\[500px\]{height:500px}.sm\:h-\[600px\]{height:600px}.sm\:h-\[800px\]{height:800px}.sm\:w-\[500px\]{width:500px}.sm\:w-\[600px\]{width:600px}.sm\:w-\[800px\]{width:800px}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:blur-\[100px\]{--tw-blur:blur(100px)}.sm\:blur-\[100px\],.sm\:blur-\[120px\]{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)}.sm\:blur-\[120px\]{--tw-blur:blur(120px)}.sm\:blur-\[150px\]{--tw-blur:blur(150px);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)}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:row-span-2{grid-row:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-12{padding:3rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-\[200px\]{font-size:200px}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\: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))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:items-start{align-items:flex-start}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-\[250px\]{font-size:250px}}
/* /assets/css/edia-chatbot.css */
/* Edia Chatbot Styles */

/* Floating Button */
.edia-toggle {
  position: fixed;
  bottom: 24px;
  left: 24px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  z-index: 9998;
  transition: all 0.3s ease;
  animation: ediaFloat 3s ease-in-out infinite;
}

.edia-toggle.edia-toggle--hidden {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.8);
}

.edia-toggle:hover {
  transform: translateY(-5px) scale(1.1);
  filter: drop-shadow(0 8px 20px rgba(37,99,235,0.6));
}

.edia-toggle.active {
  transform: scale(0.95);
}

.edia-avatar {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.5));
}

/* Pulse Effect */
.edia-pulse {
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 2px solid #2563eb;
  opacity: 0;
  animation: ediaPulse 2s ease-out infinite;
}

/* Badge */
.edia-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 24px;
  height: 24px;
  background: #ef4444;
  color: white;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  border: 2px solid #000;
  animation: ediaBounce 0.5s ease;
}

/* Welcome Tooltip */
.edia-tooltip {
  position: fixed;
  bottom: 110px;
  left: 24px;
  max-width: 240px;
  padding: 14px 16px;
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(37,99,235,0.4);
  z-index: 9997;
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
}

.edia-tooltip::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #0ea5e9;
}

.edia-tooltip-show {
  opacity: 1;
  transform: translateY(0);
}

.edia-tooltip p {
  color: white;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  font-weight: 500;
}

.edia-tooltip-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  border: none;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  padding: 0;
  font-size: 14px;
  line-height: 1;
}

.edia-tooltip-close:hover {
  background: rgba(255,255,255,0.3);
}


/* Chat Window */
.edia-chat {
  position: fixed;
  bottom: 110px;
  left: 24px;
  width: 400px;
  max-width: calc(100vw - 48px);
  height: 600px;
  max-height: calc(100vh - 150px);
  background: #0a0a0a;
  border: 1px solid rgba(37,99,235,0.3);
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.8), 0 0 0 1px rgba(37,99,235,0.2);
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  pointer-events: none;
  z-index: 9999;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.edia-chat.active {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: all;
}

/* Header */
.edia-header {
  padding: 20px;
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}

.edia-header .flex {
  display: flex;
}

.edia-header .items-center {
  align-items: center;
}

.edia-header .gap-3 {
  gap: 0.75rem;
}

.edia-header .gap-2 {
  gap: 0.5rem;
}

.edia-header .flex-1 {
  flex: 1 1 0%;
}

.edia-header h3 {
  font-size: 16px;
  font-weight: 700;
  color: white;
  margin: 0;
  line-height: 1.2;
}

.edia-header p {
  font-size: 12px;
  color: rgba(255,255,255,0.6);
  margin: 2px 0 0 0;
  line-height: 1.2;
}

.edia-header img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.edia-close {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255,255,255,0.1);
  border: none;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  font-size: 20px;
  line-height: 1;
}

.edia-close:hover {
  background: rgba(255,255,255,0.2);
}

.edia-minimize {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255,255,255,0.1);
  border: none;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  font-size: 24px;
  line-height: 1;
}

.edia-minimize:hover {
  background: rgba(255,255,255,0.2);
}

.edia-chat.minimized {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  pointer-events: none;
}

/* Messages */
.edia-messages {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  scrollbar-width: thin;
  scrollbar-color: rgba(37,99,235,0.3) transparent;
}

.edia-messages::-webkit-scrollbar {
  width: 6px;
}

.edia-messages::-webkit-scrollbar-thumb {
  background: rgba(37,99,235,0.3);
  border-radius: 3px;
}

/* Message */
.edia-message {
  display: flex;
  flex-direction: column;
  gap: 12px;
  animation: ediaMessageSlide 0.3s ease;
}

.edia-message.edia-user {
  align-items: flex-end;
}

.edia-bubble {
  max-width: 80%;
  padding: 12px 16px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.5;
}

.edia-bot .edia-bubble {
  background: rgba(37,99,235,0.15);
  border: 1px solid rgba(37,99,235,0.2);
  color: #f1f5f9;
}

.edia-user .edia-bubble {
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  color: white;
  font-weight: 500;
}

/* Options */
.edia-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.edia-option {
  padding: 12px 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(37,99,235,0.2);
  border-radius: 12px;
  color: #f1f5f9;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  width: 100%;
}

.edia-option:hover {
  background: rgba(37,99,235,0.15);
  border-color: rgba(37,99,235,0.4);
  transform: translateX(4px);
}

.edia-option span {
  line-height: 1.4;
}

/* Input Area */
.edia-input-area {
  padding: 16px 20px;
  border-top: 1px solid rgba(37,99,235,0.2);
  background: rgba(0,0,0,0.3);
  flex-shrink: 0;
}

.edia-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.edia-contact-btn {
  padding: 14px 20px;
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  border: none;
  border-radius: 12px;
  color: white;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(37,99,235,0.3);
}

.edia-contact-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(37,99,235,0.5);
}

.edia-restart-btn {
  padding: 10px 16px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(37,99,235,0.3);
  border-radius: 10px;
  color: #94a3b8;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s;
}

.edia-restart-btn:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(37,99,235,0.5);
  color: #cbd5e1;
}
.edia-modal {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 100;
}

.edia-modal.active {
  opacity: 1;
  pointer-events: all;
}

.edia-modal-content {
  background: #0a0a0a;
  border: 1px solid rgba(37,99,235,0.3);
  border-radius: 20px;
  width: 90%;
  max-width: 340px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.8), 0 0 0 1px rgba(37,99,235,0.2);
  animation: ediaModalSlide 0.3s ease;
}

@keyframes ediaModalSlide {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.edia-modal-header {
  padding: 20px 20px 12px;
  border-bottom: 1px solid rgba(37,99,235,0.2);
}

.edia-modal-header h3 {
  font-size: 18px;
  font-weight: 700;
  color: white;
  margin: 0;
}

.edia-modal-body {
  padding: 20px;
}

.edia-modal-body p {
  color: #f1f5f9;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

.edia-modal-footer {
  padding: 12px 20px 20px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.edia-modal-btn {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}

.edia-modal-btn-primary {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: white;
  box-shadow: 0 4px 12px rgba(239,68,68,0.3);
}

.edia-modal-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(239,68,68,0.4);
}

.edia-modal-btn-secondary {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(37,99,235,0.3);
  color: #f1f5f9;
}

.edia-modal-btn-secondary:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(37,99,235,0.5);
}

/* Chat Input */

/* Animations */
@keyframes ediaFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes ediaPulse {
  0% { opacity: 0.6; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.5); }
}

@keyframes ediaBounce {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}

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

/* Mobile */
@media (max-width: 640px) {
  .edia-toggle {
    width: 60px;
    height: 60px;
    bottom: 20px;
    left: 20px;
  }
  
  .edia-tooltip {
    bottom: 95px;
    left: 20px;
  }
  
  .edia-chat {
    bottom: 95px;
    left: 20px;
    right: 20px;
    width: auto;
    max-width: none;
  }
}

/* Name Input */
.edia-name-input-container {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}

.edia-name-input {
  flex: 1;
  padding: 12px 16px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(37,99,235,0.2);
  border-radius: 12px;
  color: white;
  font-size: 14px;
  transition: all 0.2s;
  outline: none;
}

.edia-name-input:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.15);
  background: rgba(255,255,255,0.08);
}

.edia-name-input::placeholder {
  color: rgba(255,255,255,0.3);
}

.edia-name-input.error {
  border-color: #ef4444;
  animation: shake 0.3s ease;
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}

/* Typing Indicator */
.edia-typing-dots {
  display: flex;
  gap: 4px;
  padding: 8px 12px;
}

.edia-typing-dots span {
  width: 8px;
  height: 8px;
  background: rgba(255,255,255,0.6);
  border-radius: 50%;
  animation: typing-bounce 1.4s infinite ease-in-out;
}

.edia-typing-dots span:nth-child(1) {
  animation-delay: 0s;
}

.edia-typing-dots span:nth-child(2) {
  animation-delay: 0.2s;
}

.edia-typing-dots span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes typing-bounce {
  0%, 60%, 100% {
    transform: translateY(0);
    opacity: 0.6;
  }
  30% {
    transform: translateY(-10px);
    opacity: 1;
  }
}

/* Text container for typing effect */
.edia-text {
  display: inline;
  word-wrap: break-word;
}

.edia-name-submit {
  padding: 12px 20px;
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  border: none;
  border-radius: 12px;
  color: white;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(37,99,235,0.3);
}

.edia-name-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(37,99,235,0.4);
}

/* Back Button */
.edia-back-btn {
  width: 100%;
  padding: 10px 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(37,99,235,0.2);
  border-radius: 10px;
  color: #94a3b8;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s;
  margin-bottom: 8px;
}

.edia-back-btn:hover {
  background: rgba(255,255,255,0.05);
  border-color: rgba(37,99,235,0.4);
  color: #cbd5e1;
}

/* Privacy Notice */
.edia-privacy-notice {
  text-align: center;
  font-size: 11px;
  color: #64748b;
  padding: 8px;
  margin-top: 8px;
}

/* Emoji Reactions */
.edia-reactions {
  display: flex;
  gap: 6px;
  margin-top: 8px;
  opacity: 0;
  transition: opacity 0.2s;
}

.edia-message:hover .edia-reactions {
  opacity: 1;
}

.edia-reaction-btn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(37,99,235,0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 0.2s;
  padding: 0;
}

.edia-reaction-btn:hover {
  background: rgba(37,99,235,0.15);
  border-color: rgba(37,99,235,0.4);
  transform: scale(1.1);
}

.edia-reaction-btn.active {
  background: rgba(37,99,235,0.25);
  border-color: rgba(37,99,235,0.5);
  transform: scale(1.15);
}



/* /assets/css/style.css */
/* Main stylesheet for PHP version - Premium Design */

/* Custom Utilities */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: inherit;
  margin: inherit;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/* Hero stats - load animation */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Focus visible styles with premium gradient */
*:focus-visible {
  outline: 2px solid #0ea5e9;
  outline-offset: 2px;
}

/* Custom scrollbar with premium styling */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #f8fafc;
}

.dark ::-webkit-scrollbar-track {
  background: #030303;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #0284c7, #0ea5e9);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #3730a3, #0284c7);
}

/* Premium Animations */
@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes glow {
  0% {
    box-shadow: 0 0 20px rgba(14, 165, 233, 0.3);
  }
  100% {
    box-shadow: 0 0 40px rgba(14, 165, 233, 0.6);
  }
}

.animate-float {
  animation: float 6s ease-in-out infinite;
}

.animate-glow {
  animation: glow 2s ease-in-out infinite alternate;
}

/* Premium Glass & Shimmer Utilities */
.premium-glass {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}

.premium-glass-hover:hover {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transform: translateY(-5px);
  box-shadow: 0 15px 45px -10px rgba(37, 99, 235, 0.25);
}

.text-shimmer {
  background: linear-gradient(
    to right,
    #fff 20%,
    #3b82f6 40%,
    #2563eb 60%,
    #fff 80%
  );
  background-size: 200% auto;
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s linear infinite;
}

@keyframes shimmer {
  to {
    background-position: 200% center;
  }
}

/* Custom Animations for Scroll */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Form error states */
.error-message {
  display: none;
}

.error-message.show {
  display: block;
}

input.error,
select.error,
textarea.error {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

/* Success/Error messages */
#form-message.success {
  background: linear-gradient(135deg, #10b981, #059669);
  color: white;
  padding: 1rem;
  border-radius: 1rem;
  text-align: center;
  font-weight: 600;
}

#form-message.error {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: white;
  padding: 1rem;
  border-radius: 1rem;
  text-align: center;
  font-weight: 600;
}

/* Image Lazy Loading */
img[loading="lazy"] {
  transition: opacity 0.3s ease-in;
}

img[loading="lazy"].loaded {
  opacity: 1;
}

/* Cookie consent system removed */

/* Dynamic page content styles */
.dynamic-page-content {
  display: block;
  width: 100%;
}

.dynamic-page-content h1 {
  font-size: 2.25rem;
  font-weight: 800;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  color: #0f172a;
  line-height: 1.2;
}

.dynamic-page-content h2 {
  font-size: 1.875rem;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  color: #1e293b;
  line-height: 1.3;
}

.dynamic-page-content h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: #1e293b;
  line-height: 1.4;
}

.dynamic-page-content p {
  margin-bottom: 1.25rem;
  line-height: 1.75;
  color: #1e293b;
}

.dynamic-page-content ul,
.dynamic-page-content ol {
  margin-bottom: 1.5rem;
  padding-left: 1.75rem;
}

.dynamic-page-content li {
  margin-bottom: 0.75rem;
  line-height: 1.75;
}

.dynamic-page-content a {
  color: #0ea5e9;
  text-decoration: underline;
}

.dynamic-page-content a:hover {
  color: #4f46e5;
}

/* Dark mode styles */
.dark .dynamic-page-content h1 {
  color: #f1f5f9;
}

.dark .dynamic-page-content h2,
.dark .dynamic-page-content h3 {
  color: #e2e8f0;
}

.dark .dynamic-page-content p,
.dark .dynamic-page-content li {
  color: #cbd5e1;
}

.dark .dynamic-page-content a {
  color: #818cf8;
}

.dark .dynamic-page-content a:hover {
  color: #a5b4fc;
}

/* ============================================================
   Section Transition Fades
   Her section'ın üst ve altına siyaha doğru gradient fade
   ============================================================ */

#problems,
#about,
#services,
#process,
#projects,
#pricing,
#contact {
  position: relative;
}

#problems::before,
#about::before,
#services::before,
#process::before,
#projects::before,
#pricing::before,
#contact::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to bottom, #000 0%, transparent 100%);
  pointer-events: none;
  z-index: 2;
}

#problems::after,
#about::after,
#services::after,
#process::after,
#projects::after,
#pricing::after,
#contact::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to top, #000 0%, transparent 100%);
  pointer-events: none;
  z-index: 2;
}

/* ============================================================
   Section Dividers - Glowing separator lines
   ============================================================ */
.section-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent 0%,
    rgba(37, 99, 235, 0.15) 20%,
    rgba(37, 99, 235, 0.5) 50%,
    rgba(37, 99, 235, 0.15) 80%,
    transparent 100%
  );
  position: relative;
  overflow: visible;
}

.section-divider::after {
  content: '';
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 8px;
  background: radial-gradient(ellipse at center, rgba(37, 99, 235, 0.3) 0%, transparent 70%);
  filter: blur(4px);
}

/* ============================================================
   Hero Background - Code Floats & Dot Grid
   ============================================================ */

.quick-contact{position:fixed;right:24px;bottom:100px;z-index:45;display:flex;gap:4px;padding:6px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#101827}.quick-contact a{padding:10px 14px;border-radius:999px;color:#fff;font-size:13px;font-weight:600}.quick-contact a:first-child{background:#2563eb}@media(max-width:640px){.quick-contact{right:12px;bottom:100px}.quick-contact a{padding:9px 10px}#hero .blur-\[150px\],#hero .blur-\[100px\]{opacity:.4}}

body:has(#cookie-consent:not(.hidden)) .quick-contact{visibility:hidden}@media(max-width:767px){#cookie-consent button{align-self:flex-end}#cookie-consent .flex-1 + div{justify-content:flex-end}}

#rocket-btn{display:grid;place-items:center;padding:0;line-height:0}#rocket-icon{display:block;width:26px;height:26px;flex:none;color:white;transform:none}

/* Consistent site content and contact surfaces */.service-card-action{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding-top:17px;border-top:1px solid #8dabd82b;color:#8ebeff;font-size:12px;font-weight:600}.cookie-reject{font-size:11px;color:#c3d2e9;padding:10px;white-space:nowrap}#cookie-consent{max-width:640px!important}#contact-form{gap:16px}#contact-form input:not([type=hidden]):not([type=checkbox]),#contact-form select,#contact-form textarea{background:#111b29!important;border:1px solid #2a3b53!important;color:#e5edf9!important}#contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{border-color:#428cee!important}#contact-form select option{background:#111b29;color:#e5edf9}@media(max-width:700px){#cookie-consent{bottom:78px!important}.cookie-reject{padding:8px}#cookie-accept{padding:10px 16px!important}}

.site-inner-page{padding-top:138px!important}.site-inner-page h1{font-size:clamp(34px,4vw,54px)!important;line-height:1.17!important;letter-spacing:-1.5px!important}.site-inner-page>div.relative>div.text-center{margin-bottom:44px!important}@media(max-width:700px){.site-inner-page{padding-top:122px!important}.site-inner-page h1{font-size:35px!important;letter-spacing:-1px!important}}

body:has(script[src*="customizer-preview"]) [data-home-section]{outline-offset:-3px}body:has(script[src*="customizer-preview"]) [data-home-section]:hover{outline:2px dashed #458dff;cursor:pointer}

/* Keep hover icon colors above the customizer's brand color override. */
.group:hover .group-hover\:text-white{color:#fff!important}

/* Sector examples: broad positioning with the shared dark and blue palette. */
.sector-solutions{padding:80px 24px}@media(max-width:767px){.sector-solutions{padding:56px 24px}}

/* The editor preview keeps layout and controls without continuous GPU effects. */
body[data-site-preview="1"] *,body[data-site-preview="1"] *::before,body[data-site-preview="1"] *::after{animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto!important}
body[data-site-preview="1"] #starfield-canvas,body[data-site-preview="1"] #hero-canvas{display:none!important}

#main-nav a{white-space:nowrap}
header a[title]{white-space:nowrap}
@media (min-width:1280px) and (max-width:1535px){#main-nav{gap:1.4rem;padding-left:1.5rem;padding-right:1.5rem;margin-left:1.25rem;margin-right:1.25rem}#main-nav a{font-size:.82rem}}
@media (min-width:1280px) and (max-width:1365px){#main-nav{gap:1.05rem;padding-left:1.1rem;padding-right:1.1rem;margin-left:.75rem;margin-right:.75rem}#main-nav a{font-size:.78rem}}

/* /assets/css/project-cards.css */
/* Shared Etelia portfolio showcase */
.etelia-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#projects .max-w-7xl{max-width:1240px}@media(min-width:1600px){.etelia-project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#projects .max-w-7xl{max-width:1500px}}@media(max-width:1049px){.etelia-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media(max-width:700px){.etelia-project-grid{grid-template-columns:1fr}}

/* Only the upper card heading is restyled */

/* Service detail references must have enough room at every breakpoint. */
main .max-w-4xl .etelia-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){main .max-w-4xl .etelia-project-grid{grid-template-columns:1fr}}

@media(min-width:1050px){.home-project-layout[data-columns="4"] .etelia-project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* 2026-10 cinematic cards: the client site fills the card, copy sits on a dark fade. */

/* /assets/css/cinematic.css */
/* Site-wide cinematic layer (2026-10): deep black, neutral glass, one solid blue accent.
   Loaded after style.css on every public page; homepage-only pieces live in home-refresh.css. */
:root{--cine-bg:#04070e;--cine-card:rgba(255,255,255,.035);--cine-card-hover:rgba(255,255,255,.06);--cine-line:rgba(255,255,255,.09);--cine-line-strong:rgba(255,255,255,.18);--cine-muted:#9ca3af;--cine-accent:#2563eb;--cine-accent-soft:#93c5fd}

/* ---------- Header ---------- */
#main-header{background:rgba(4,7,14,.62)!important;border-bottom-color:var(--cine-line)!important;box-shadow:none!important}
#main-nav{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;gap:2.25rem!important}
#main-nav a{font-weight:600!important;letter-spacing:.01em}
#main-nav a>span{height:1px!important;background:#fff!important;bottom:-6px!important}
#main-header .flex.items-center.gap-4>a{background:var(--cine-accent)!important;box-shadow:0 10px 26px -12px rgba(37,99,235,.9)!important;padding:.7rem 1.4rem!important}
#main-header .flex.items-center.gap-4>a:hover{background:#1d4ed8!important}

/* ---------- Headings ---------- */
main section:not(#hero) .text-shimmer{background:linear-gradient(90deg,#fff 0%,#fff 45%,#93c5fd 100%)!important;background-size:100% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:none!important}
main h1,main h2{letter-spacing:-.03em}

/* ---------- Glass cards: neutral, not blue ---------- */
.premium-glass{background:var(--cine-card)!important;border-color:var(--cine-line)!important;box-shadow:0 18px 40px -24px rgba(0,0,0,.9)!important}
.premium-glass-hover:hover{background:var(--cine-card-hover)!important;border-color:var(--cine-line-strong)!important;box-shadow:0 24px 50px -24px rgba(0,0,0,.95)!important;transform:translateY(-4px)}
.service-card-action{border-top-color:var(--cine-line)!important;color:var(--cine-accent-soft)!important}

/* Solid blue primary buttons instead of blue→cyan gradients with glow */
main section:not(#hero):not(#packages):not(.pkg-page) a.bg-gradient-to-r.from-primary,main section:not(#hero):not(#packages):not(.pkg-page) button.bg-gradient-to-r.from-primary{background:var(--cine-accent)!important;box-shadow:0 12px 30px -14px rgba(37,99,235,.9)!important}
main section:not(#hero):not(#packages):not(.pkg-page) a.bg-gradient-to-r.from-primary:hover,main section:not(#hero):not(#packages):not(.pkg-page) button.bg-gradient-to-r.from-primary:hover{background:#1d4ed8!important}

/* Forms */
#contact-form input:not([type=hidden]):not([type=checkbox]),#contact-form select,#contact-form textarea{background:rgba(255,255,255,.04)!important;border-color:var(--cine-line-strong)!important;border-radius:.75rem!important}
#contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(37,99,235,.25)!important;outline:none}

/* Section eyebrow used by refreshed section headers */
.cine-eyebrow{display:inline-flex;align-items:center;gap:.75rem;margin:0 0 1rem;color:var(--cine-accent-soft);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.cine-eyebrow:before{content:'';width:2rem;height:1px;background:currentColor}
.cine-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.75rem}
.cine-section-head h2{margin:0;color:#fff;font-size:clamp(2rem,1.3rem + 2.4vw,3.25rem);font-weight:900;line-height:1.05;letter-spacing:-.035em}
.cine-section-head p:not(.cine-eyebrow){margin:.85rem 0 0;max-width:36rem;color:var(--cine-muted);font-size:1.05rem;line-height:1.65}
.cine-section-head__link{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;font-size:.95rem;border-bottom:1px solid var(--cine-line-strong);padding-bottom:.25rem;transition:border-color .2s,gap .2s}
.cine-section-head__link:hover{border-color:#fff;gap:.75rem}

/* ---------- Footer ---------- */
footer.bg-mesh-purple{background:var(--cine-bg)!important;padding-top:0!important;padding-bottom:2rem!important}
footer.bg-mesh-purple>.absolute{display:none!important}
footer.bg-mesh-purple>.relative.mx-auto{padding-top:4.5rem}

/* Sector cards: same neutral glass as the other cards */

/* =====================================================================
   One UI system for every box on the site: .ui-card, .ui-icon, .ui-btn
   ===================================================================== */
:root{--ui-surface:#0a0f18;--ui-surface-2:#0d131e;--ui-radius:18px;--ui-pad:28px}
.ui-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--ui-pad);border-radius:var(--ui-radius);background:var(--ui-surface);border:1px solid var(--cine-line);color:#e5e7eb;transition:border-color .2s,background-color .2s,transform .2s}
.ui-card--hover:hover,a.ui-card:hover{border-color:var(--cine-line-strong);background:var(--ui-surface-2);transform:translateY(-3px)}
.ui-card--feature{border-color:rgba(59,130,246,.55);background:linear-gradient(180deg,rgba(37,99,235,.16),var(--ui-surface) 55%)}
.ui-card--center{align-items:center;text-align:center}
.ui-card h3{margin:0 0 8px;color:#fff;font-size:1.125rem;font-weight:700;line-height:1.3;letter-spacing:-.01em}
.ui-card p{margin:0;color:var(--cine-muted);font-size:.92rem;line-height:1.65}
.ui-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.ui-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--cine-line);color:var(--cine-accent-soft);font-size:.85rem;font-weight:600}
.ui-card__body{margin-bottom:22px}
.ui-card__foot span[aria-hidden]{transition:transform .2s}
.ui-card:hover .ui-card__foot span[aria-hidden]{transform:translateX(3px)}
.ui-card .service-card-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--cine-line)!important;color:var(--cine-accent-soft)!important;font-size:.85rem;font-weight:600}
.ui-icon{display:inline-grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:rgba(37,99,235,.12);border:1px solid rgba(96,165,250,.22);color:var(--cine-accent-soft)}
.ui-icon svg{width:22px;height:22px}
.ui-icon .material-symbols-outlined{font-size:22px!important}
.ui-card>.ui-icon{margin-bottom:20px}
.ui-tag{display:inline-flex;align-items:center;gap:6px;color:var(--cine-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em}
.ui-grid{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:768px){.ui-grid--2,.ui-grid--3,.ui-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.ui-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:0 1.5rem;border-radius:999px;font-weight:700;font-size:.95rem;white-space:nowrap;transition:background-color .2s,border-color .2s,transform .2s}
.ui-btn--primary{background:var(--cine-accent);color:#fff;box-shadow:0 12px 30px -14px rgba(37,99,235,.9)}
.ui-btn--primary:hover{background:#1d4ed8;transform:translateY(-2px)}
.ui-btn--ghost{color:#fff;border:1px solid var(--cine-line-strong);background:rgba(255,255,255,.03)}
.ui-btn--ghost:hover{border-color:#fff}
.ui-btn--block{width:100%}
.ui-check{display:flex;gap:10px;align-items:flex-start;color:#d1d5db;font-size:.9rem;line-height:1.5}
.ui-check:before{content:'';flex-shrink:0;width:16px;height:16px;margin-top:3px;border-radius:50%;background:rgba(37,99,235,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.5l4.5-5' fill='none' stroke='%2393c5fd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.ui-badge{position:absolute;top:-12px;left:28px;padding:4px 12px;border-radius:999px;background:var(--cine-accent);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ui-section{padding:72px 0}
.ui-container{max-width:1280px;margin:0 auto;padding:0 24px}
@media (min-width:1024px){.ui-container{padding:0 40px}}
.ui-pill{display:inline-flex;padding:3px 10px;border-radius:999px;background:rgba(37,99,235,.18);color:var(--cine-accent-soft);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

/* Inner pages: one page header + layout helpers */
.ui-page{padding:140px 0 96px}
.ui-page-head{max-width:46rem;margin-bottom:56px}
.ui-page-head h1{margin:0;color:#fff;font-size:clamp(2.5rem,1.4rem + 4vw,4.5rem);font-weight:900;line-height:1.02;letter-spacing:-.04em;text-wrap:balance}
.ui-page-head h1 span{color:var(--cine-accent-soft)}
.ui-page-head>p:not(.cine-eyebrow){margin:18px 0 0;color:#cbd5e1;font-size:1.125rem;line-height:1.7}
.ui-stats{margin-bottom:72px}
.ui-stats .ui-card{gap:4px}
.ui-stats strong{color:#fff;font-size:2.5rem;font-weight:900;letter-spacing:-.04em;line-height:1}
.ui-stats span{color:var(--cine-muted);font-size:.9rem}
.ui-split{display:grid;gap:40px;margin-bottom:96px;align-items:start}
@media (min-width:1024px){.ui-split{grid-template-columns:1.1fr .9fr;gap:64px}}
.ui-prose h2{margin:0 0 20px;color:#fff;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em}
.ui-prose>p:not(.cine-eyebrow){margin:0 0 16px;color:#cbd5e1;font-size:1rem;line-height:1.8}
.ui-card--inline{flex-direction:row;gap:18px;align-items:flex-start;padding:22px 24px}
.ui-card--inline .ui-icon{margin:0}

/* Project detail */
.pd2{padding-bottom:96px}
.pd2-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:min(78vh,720px);padding:140px 0 56px;overflow:hidden;background:#04070e}
.pd2-hero__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(.55) saturate(.9)}
.pd2-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,7,14,.55) 0%,rgba(4,7,14,.35) 40%,rgba(4,7,14,.9) 85%,#04070e 100%),linear-gradient(90deg,rgba(4,7,14,.85) 0%,rgba(4,7,14,0) 70%)}
.pd2-hero__inner{width:100%}
.pd2-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:var(--cine-muted);font-size:.85rem}
.pd2-crumbs a:hover{color:#fff}
.pd2-hero h1{margin:0;color:#fff;font-size:clamp(2.6rem,1.4rem + 5vw,5.5rem);font-weight:900;line-height:1;letter-spacing:-.045em}
.pd2-lead{max-width:40rem;margin:18px 0 0;color:#d1d5db;font-size:1.15rem;line-height:1.7}
.pd2-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pd2-body{margin:72px 0 96px}
.pd2-subhead{margin:32px 0 14px;color:#fff;font-size:1.15rem;font-weight:700}
.pd2-goals{display:grid;gap:10px}
.pd2-facts{gap:22px;position:sticky;top:110px}
.pd2-facts dl{display:grid;gap:0;margin:0}
.pd2-facts dl>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--cine-line)}
.pd2-facts dl>div:first-child{padding-top:0}
.pd2-facts dt{color:var(--cine-muted);font-size:.85rem}
.pd2-facts dd{margin:0;color:#fff;font-weight:600;font-size:.9rem;text-align:right}
.pd2-facts dd a{color:var(--cine-accent-soft)}
.pd2-tags{display:flex;flex-wrap:wrap;gap:8px}

/* Footer columns */

/* Project cards share the card tokens */
.etelia-project-grid{gap:20px!important}
#projects .max-w-7xl{max-width:80rem!important}

/* Overrides for older page-level rules (style.css / project-detail.css) */
.site-inner-page .ui-page-head h1{font-size:clamp(2.5rem,1.4rem + 4vw,4.5rem)!important;line-height:1.02!important;letter-spacing:-.04em!important}
.pd2.project-page{padding:0 0 96px!important}
.pd2-hero{padding-top:150px}
.pd2-hero__bg{object-position:80% center;filter:brightness(.72) saturate(.95)}
.pd2-hero:after{background:linear-gradient(90deg,#04070e 0%,rgba(4,7,14,.95) 38%,rgba(4,7,14,.35) 65%,rgba(4,7,14,.45) 100%),linear-gradient(180deg,rgba(4,7,14,.5) 0%,rgba(4,7,14,0) 30%,rgba(4,7,14,0) 65%,#04070e 100%)}

/* Project gallery: whole mockup + scrollable full-page browser frame */
.pd2-gallery{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:1024px){.pd2-gallery{grid-template-columns:1fr 1fr;align-items:start}}
.pd2-shot{position:relative;padding:0;overflow:hidden;cursor:zoom-in}
.pd2-shot img{display:block;width:100%;height:auto}
.pd2-zoom{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(4,7,14,.7);border:1px solid var(--cine-line-strong);color:#fff;opacity:0;transition:opacity .2s}
.pd2-shot:hover .pd2-zoom,.pd2-shot:focus-visible .pd2-zoom{opacity:1}
.pd2-browser{padding:0;overflow:hidden}
.pd2-browser__bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--cine-line);background:#0d131e}
.pd2-browser__dots{display:flex;gap:6px}.pd2-browser__dots i{width:9px;height:9px;border-radius:50%;background:#374151}
.pd2-browser__url{flex:1;min-width:0;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--cine-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd2-browser__bar button{color:var(--cine-accent-soft);font-size:.78rem;font-weight:600;white-space:nowrap}
.pd2-browser__view{height:auto;aspect-ratio:16/8;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#374151 transparent}
.pd2-browser__view img{display:block;width:100%;height:auto}
@media (max-width:1023px){.pd2-browser__view{height:420px}}

/* =====================================================================
   Livelier cards (2026-10 round 6): soft blue glow, gradient icon chips
   ===================================================================== */
.ui-card{background:radial-gradient(120% 90% at 0% 0%,rgba(37,99,235,.10),transparent 55%),linear-gradient(180deg,#0c1220,#090d16);border-color:rgba(148,163,184,.14);overflow:hidden}
.ui-card:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(96,165,250,.55),rgba(6,182,212,.25) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.ui-card--hover:hover,a.ui-card:hover{border-color:rgba(96,165,250,.35);background:radial-gradient(120% 90% at 0% 0%,rgba(37,99,235,.18),transparent 60%),linear-gradient(180deg,#0e1526,#0a0f1a);box-shadow:0 24px 60px -28px rgba(37,99,235,.65);transform:translateY(-4px)}
.ui-card--hover:hover:before,a.ui-card:hover:before{opacity:1}
.ui-icon{width:50px;height:50px;border-radius:14px;border:0;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;box-shadow:0 10px 24px -10px rgba(37,99,235,.9),inset 0 1px 0 rgba(255,255,255,.25)}
.ui-icon .material-symbols-outlined{font-size:24px!important}
.ui-card h3{font-size:1.2rem}
/* Compact horizontal product cards */
.ui-product{padding:0;display:grid;grid-template-columns:1fr}
.ui-product__media{height:170px;overflow:hidden;border-bottom:1px solid var(--cine-line);background:#05080f}
.ui-product__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .5s}
.ui-product:hover .ui-product__media img{transform:scale(1.04)}
.ui-product__body{display:flex;flex-direction:column;padding:22px 24px}
.ui-product__body p{margin-bottom:18px}
@media (min-width:640px){.ui-product{grid-template-columns:42% 1fr}.ui-product__media{height:auto;min-height:100%;border-bottom:0;border-right:1px solid var(--cine-line)}}
/* Sector cards with a real project photo */
.ui-sector{padding:0}
/* Process timeline */
.ui-timeline{display:grid;gap:24px;margin:0;padding:0;list-style:none;counter-reset:none}
.ui-timeline__step{position:relative;display:grid;grid-template-columns:56px 1fr;gap:18px}
.ui-timeline__marker{position:relative;display:flex;justify-content:center}
.ui-timeline__marker:after{content:'';position:absolute;top:56px;bottom:-24px;left:50%;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(59,130,246,.7),rgba(6,182,212,.15))}
.ui-timeline__step:last-child .ui-timeline__marker:after{display:none}
.ui-timeline__num{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3b82f6,#1d4ed8 60%,#0e3a8a);color:#fff;font-weight:900;font-size:1.05rem;letter-spacing:-.02em;box-shadow:0 0 0 6px rgba(37,99,235,.14),0 12px 30px -8px rgba(37,99,235,.8)}
.ui-timeline .ui-card .ui-icon{display:none}
@media (min-width:1024px){
  .ui-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .ui-timeline__step{grid-template-columns:1fr;gap:22px}
  .ui-timeline__marker{justify-content:flex-start}
  .ui-timeline__marker:after{top:50%;bottom:auto;left:56px;right:-20px;width:auto;height:2px;margin:-1px 0 0;background:linear-gradient(90deg,rgba(59,130,246,.8),rgba(6,182,212,.2))}
  .ui-timeline__step:hover .ui-timeline__num{transform:scale(1.08)}
  .ui-timeline__num{transition:transform .25s}
}
.ui-timeline__step{align-content:start}
.ui-card__foot>span:last-child{white-space:nowrap}

/* Form dropdowns: dark native popup, readable group labels */
#contact-form select{color-scheme:dark}
#contact-form select optgroup{background:#0b1220;color:#93c5fd;font-style:normal;font-weight:700}
#contact-form select option{background:#111b29;color:#e5edf9;font-weight:400}

/* /assets/css/interactive.css */
/* Interactive layer (2026-10): spotlight, bento services, brand marquee, timeline fill, 3D tilt.
   Loaded after cinematic.css; behaviour lives in assets/js/cinematic.js. */

/* Cursor spotlight on every card (position set by cinematic.js) */
.ui-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(96,165,250,.16),transparent 45%)}
.ui-card:hover:after{opacity:1}
.ui-card>*{position:relative;z-index:1}

/* Bento services */

/* Animated mini-site wireframe in the featured card */

/* Brand marquee */

/* Timeline lights up as the section scrolls into view (classes set by cinematic.js) */
.ui-timeline__num{background:#0d1424;color:rgba(255,255,255,.45);box-shadow:0 0 0 1px rgba(148,163,184,.25);transition:background .5s,color .5s,box-shadow .5s,transform .25s}
.ui-timeline__step.is-on .ui-timeline__num{background:radial-gradient(circle at 30% 30%,#3b82f6,#1d4ed8 60%,#0e3a8a);color:#fff;box-shadow:0 0 0 6px rgba(37,99,235,.14),0 12px 30px -8px rgba(37,99,235,.8)}
.ui-timeline__step .ui-card{opacity:.5;transform:translateY(12px);transition:opacity .6s,transform .6s,border-color .2s,box-shadow .2s,background .2s}
.ui-timeline__step.is-on .ui-card{opacity:1;transform:none}
.ui-timeline__marker:after{background:rgba(148,163,184,.18)!important}
.ui-timeline__marker:before{content:'';position:absolute;z-index:1;background:linear-gradient(90deg,#3b82f6,#06b6d4);transition:transform .6s ease}
@media (max-width:1023px){.ui-timeline__marker:before{top:56px;bottom:-24px;left:50%;width:2px;margin-left:-1px;transform-origin:top;transform:scaleY(0)}.ui-timeline__step.is-done .ui-timeline__marker:before{transform:scaleY(1)}}
@media (min-width:1024px){.ui-timeline__marker:before{top:50%;left:56px;right:-20px;height:2px;margin-top:-1px;transform-origin:left;transform:scaleX(0)}.ui-timeline__step.is-done .ui-timeline__marker:before{transform:scaleX(1)}}
.ui-timeline__step:last-child .ui-timeline__marker:before{display:none}

/* 3D tilt (transform set by cinematic.js) */
.etelia-project-card,.ui-sector{transform-style:preserve-3d}
.is-tilting{transition:transform .08s linear!important}

@media (prefers-reduced-motion:reduce){
  .ui-timeline__step .ui-card{opacity:1;transform:none}
}
.ui-card>.pd2-zoom,.ui-card>.ui-badge{position:absolute}

/* Portfolio filter pills */
.ui-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-16px 0 32px}
.ui-filter button{padding:9px 18px;border-radius:999px;border:1px solid var(--cine-line-strong);background:rgba(255,255,255,.03);color:#cbd5e1;font-size:.88rem;font-weight:600;transition:all .2s}
.ui-filter button:hover{border-color:#fff;color:#fff}
.ui-filter button[aria-pressed="true"]{background:linear-gradient(135deg,#2563eb,#06b6d4);border-color:transparent;color:#fff;box-shadow:0 10px 24px -12px rgba(37,99,235,.9)}
.ui-filter__count{margin-left:auto;color:var(--cine-muted);font-size:.85rem}
.ui-product__title{margin:0 0 8px;color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}

/* Service detail: 3-step timeline + FAQ accordion */
@media (min-width:1024px){.ui-timeline--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ui-faq{display:grid;gap:12px;max-width:880px}
.ui-faq details{padding:0}
.ui-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;color:#fff;font-weight:700;cursor:pointer;list-style:none}
.ui-faq summary::-webkit-details-marker{display:none}
.ui-faq summary:after{content:'+';flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-size:1.1rem;transition:transform .25s}
.ui-faq details[open] summary:after{transform:rotate(45deg)}
.ui-faq details p{padding:0 24px 22px}
.ui-page-head .pd2-crumbs{margin-bottom:24px}
/* Legal pages read as one document card */
.dynamic-page-content{color:#cbd5e1}
/* Tables in legal pages (e.g. the cookie list); on phones each row becomes a small card */
.dynamic-page-content table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9em;margin:1.25em 0 1.75em;border:1px solid rgba(148,163,184,.18);border-radius:14px;overflow:hidden}
.dynamic-page-content th,.dynamic-page-content td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(148,163,184,.12)}
.dynamic-page-content tr:last-child td{border-bottom:0}
.dynamic-page-content th{background:rgba(255,255,255,.04);color:#e2e8f0;font-weight:700}
.dynamic-page-content td:first-child{color:#93c5fd;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em;word-break:normal;overflow-wrap:normal}
@media (max-width:640px){
  .dynamic-page-content table,.dynamic-page-content tbody,.dynamic-page-content tr,.dynamic-page-content td{display:block;width:auto}
  .dynamic-page-content thead{display:none}
  .dynamic-page-content tr{padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.12)}
  .dynamic-page-content tr:last-child{border-bottom:0}
  .dynamic-page-content td{padding:2px 0;border:0}
  .dynamic-page-content td:first-child{font-size:.95em;margin-bottom:4px}
  .dynamic-page-content td:nth-child(2){color:#94a3b8;font-size:.9em}
  .dynamic-page-content td:nth-child(4){color:#94a3b8;font-size:.9em}
  .dynamic-page-content td:nth-child(4)::before{content:"Süre: "}
}

/* Split hero: copy on the left, laptop + phone showing live client sites on the right */
.hero-laptop{position:relative}
.hero-phone{position:absolute;right:0;bottom:0;width:23%;z-index:3}
.hero-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transform:scale(1.03);transition:opacity .9s ease,transform 1.2s ease}
.hero-shot.is-active{opacity:1;transform:none}
.hero-devices__caption{display:none;align-items:baseline;flex-wrap:wrap;gap:4px 8px;color:#fff}
.hero-devices__caption.is-active{display:flex;animation:cineFade .6s ease}
.hero-devices__caption small{flex-basis:100%;color:#93c5fd;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.hero-devices__caption strong{font-size:1.05rem}
.hero-devices__caption span{color:#60a5fa;transition:transform .2s}
.hero-devices__caption:hover span{transform:translateX(4px)}
.hero-devices__dots{display:flex;gap:6px}
.hero-devices__dots button{position:relative;width:34px;height:20px;padding:0;background:none;border:0;cursor:pointer}
.hero-devices__dots button:before,.hero-devices__dots i{content:'';position:absolute;left:0;top:50%;height:3px;margin-top:-1.5px;border-radius:2px}
.hero-devices__dots button:before{right:0;background:rgba(255,255,255,.2)}
.hero-devices__dots i{width:0;background:linear-gradient(90deg,#3b82f6,#22d3ee)}
.hero-devices__dots button.is-active i{animation:heroProgress 5.5s linear forwards}
@keyframes heroProgress{to{width:100%}}
@keyframes cineFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hero-shot{transition:none}.hero-devices__dots button.is-active i{animation:none;width:100%}}

/* Card harmony pass: every card family shares radius, border tone and surface */
.pkg-grid>div{border-radius:var(--ui-radius)!important;border-color:rgba(148,163,184,.14)!important;background:radial-gradient(120% 90% at 0% 0%,rgba(37,99,235,.10),transparent 55%),linear-gradient(180deg,#0c1220,#090d16)!important;box-shadow:none!important}
.pkg-grid>div:hover{border-color:rgba(96,165,250,.35)!important;box-shadow:0 24px 60px -28px rgba(37,99,235,.65)!important}
.pkg-grid>div.lg\:scale-105{border-color:rgba(59,130,246,.55)!important;background:radial-gradient(120% 80% at 100% 0%,rgba(6,182,212,.16),transparent 55%),linear-gradient(180deg,rgba(37,99,235,.24),#0a0f18 65%)!important;box-shadow:0 30px 70px -30px rgba(37,99,235,.8)!important}
.pkg-grid>div>.absolute.inset-0{border-radius:inherit!important}
.pkg-grid a.rounded-2xl{border-radius:999px!important}

/* Laptop screen: the uploaded full-page design scrolls from top to bottom while its slide is shown */
.hero-page{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .9s ease}
.hero-page.is-active{opacity:1}
.hero-page img{display:block;width:100%;height:auto;transform:translateY(0)}
.hero-page.is-active img{animation:heroPageScroll 9s ease-in-out forwards}
@keyframes heroPageScroll{0%,12%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + 100cqh))}}
.hero-devices__dots button.is-active i{animation-duration:9s!important}
@media (prefers-reduced-motion:reduce){.hero-page.is-active img{animation:none}}

/* =====================================================================
   Portfolio cards (.pcard): browser window with the uploaded design.
   Hover scrolls the whole page; same surface/radius/border as .ui-card.
   ===================================================================== */
.etelia-project-grid{display:grid;gap:24px!important;grid-template-columns:1fr}
@media (min-width:700px){.etelia-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1050px){.etelia-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pcard{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--ui-radius);border:1px solid rgba(148,163,184,.14);background:radial-gradient(120% 90% at 0% 0%,rgba(37,99,235,.10),transparent 55%),linear-gradient(180deg,#0c1220,#090d16);overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.pcard[hidden]{display:none}
.pcard:hover,.pcard:focus-visible{transform:translateY(-4px);border-color:rgba(96,165,250,.4);box-shadow:0 28px 60px -28px rgba(37,99,235,.7)}
.pcard__frame{margin:14px 14px 0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#05080f;box-shadow:0 18px 40px -24px rgba(0,0,0,.9)}
.pcard__screen{position:relative;aspect-ratio:16/10;overflow:hidden;container-type:size}
.pcard__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .9s ease}
.pcard__screen--page img{height:auto;min-height:100%;object-fit:initial;transform:translateY(0);transition:transform 1s cubic-bezier(.4,0,.2,1)}
.pcard:hover .pcard__screen--page img,.pcard:focus-visible .pcard__screen--page img{transform:translateY(calc(-100% + 100cqh));transition:transform 7s linear}
.pcard:hover .pcard__screen:not(.pcard__screen--page) img{transform:scale(1.04)}
.pcard__screen:after{content:'';position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(180deg,transparent,rgba(5,8,15,.45));pointer-events:none;transition:opacity .3s}
.pcard:hover .pcard__screen:after{opacity:0}
.pcard__body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.pcard__cat{align-self:flex-start;margin-bottom:10px;padding:4px 10px;border-radius:999px;background:rgba(37,99,235,.14);border:1px solid rgba(96,165,250,.22);color:#93c5fd;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.pcard h3{margin:0 0 8px;color:#fff;font-size:1.3rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.pcard p{margin:0 0 18px;color:#9ca3af;font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard__more{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(148,163,184,.12);color:#93c5fd;font-size:.85rem;font-weight:600}
.pcard__more span{transition:transform .2s}
.pcard:hover .pcard__more span{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.pcard:hover .pcard__screen--page img{transform:none}}

/* Hero on phones: keep the devices inside the screen, phone notch comes from the design itself */
.hero-devices__caption{flex-wrap:nowrap}
.hero-devices__caption small{flex-basis:auto;width:100%}
@media (max-width:1023px){
  .hero-phone{width:27%}
  .hero-devices__caption{flex-wrap:wrap}
  .hero-devices__caption strong{font-size:.95rem}
}
.hero-devices__caption.is-active{display:block}
.hero-devices__caption small{display:block;margin-bottom:2px}

/* Audit fixes: smaller chat launcher on phones, bigger footer tap targets */
@media (max-width:767px){.edia-toggle{width:54px!important;height:54px!important;bottom:16px!important;left:16px!important}.edia-tooltip{bottom:82px!important;left:16px!important}}

/* Phones: tighter headings, compact timeline, filter count on its own line */
@media (max-width:767px){
  .cine-section-head{gap:1rem;margin-bottom:1.75rem}
  .cine-section-head h2{font-size:clamp(1.75rem,1.2rem + 3vw,2.2rem)}
  .cine-section-head p:not(.cine-eyebrow){margin-top:.6rem;font-size:.95rem;line-height:1.6}
  .cine-eyebrow{margin-bottom:.7rem}
  .ui-page{padding:116px 0 64px}
  .ui-page-head{margin-bottom:36px}
  .ui-page-head>p:not(.cine-eyebrow){font-size:1rem}
  .ui-timeline{gap:14px}
  .ui-timeline__step{grid-template-columns:40px 1fr;gap:12px}
  .ui-timeline__num{width:40px;height:40px;font-size:.9rem;box-shadow:0 0 0 4px rgba(37,99,235,.14)}
  .ui-timeline__marker:after,.ui-timeline__marker:before{top:40px!important;bottom:-14px!important}
  .ui-timeline .ui-card{padding:18px 18px 20px}
  .ui-timeline .ui-card h3{font-size:1.05rem}
  .ui-timeline .ui-card p{font-size:.88rem;line-height:1.6}
  .ui-filter{margin:-8px 0 24px}
  .ui-filter__count{flex-basis:100%;margin:4px 0 0 2px}
  .ui-card{--ui-pad:22px}
  footer.bg-mesh-purple>.relative.mx-auto{padding-top:3rem}
  /* Tap targets of at least 32px for small text links */
  footer .flex-wrap.justify-center>a,footer [data-cookie-settings]{display:inline-block;padding:6px 0}
  .pd-crumb a{display:inline-block;padding:6px 0}
  a[href^="mailto:"]{display:inline-block;padding:4px 0}
}

/* /assets/css/aura.css */
/* =====================================================================
   Etelia Digital — "Renk ve Derinlik" theme (2026-10).
   Light page, soft colour washes, glass cards with layered shadows,
   one friendly heading face. Loaded last; scoped under html.aura so it
   wins over the older dark layers that are still loaded underneath.
   ===================================================================== */
:root{
  --ink:#0f172a;--ink-2:#334155;--muted:#5b6678;--line:rgba(15,23,42,.08);--line-2:rgba(15,23,42,.14);
  --bg:#f7f8fc;--card:rgba(255,255,255,.92);--card-solid:#fff;
  --blue:var(--brand-primary,#2563eb);--violet:#7c3aed;--cyan:#0891b2;--pink:#db2777;
  --grad:linear-gradient(120deg,#2563eb 0%,#7c3aed 55%,#c026d3 100%);
  --grad-soft:linear-gradient(135deg,#eef4ff 0%,#f5efff 50%,#eefcff 100%);
  --r:22px;
  --head:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --sh-1:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.12);
  --sh-2:0 2px 6px rgba(15,23,42,.04),0 24px 48px -22px rgba(37,61,140,.28);
  --sh-3:0 4px 10px rgba(15,23,42,.05),0 50px 90px -40px rgba(37,61,140,.45);
  --surface:#fff;--surface-2:#fbfaff;--glass:rgba(255,255,255,.86);--glass-edge:rgba(255,255,255,.9);--chip:#eef2ff;--soft:#f1f5f9;--field:#f8fafc;--check:#e0e7ff;--tint-a:rgba(238,243,255,.9);--tint-b:rgba(244,239,255,.9);--bg-rgb:247,248,252;
  color-scheme:light;
}
.aura,.aura body{background:var(--bg)!important;color:var(--ink)!important}
/* In-page anchors (e.g. /iletisim#contact-form) stop below the floating header instead of under it */
html.aura{scroll-padding-top:110px}
.aura body{font-size:16.5px;line-height:1.65}
.aura ::selection{background:#dbe5ff;color:var(--ink)}
.aura #hero-canvas,.aura .section-divider{display:none!important}
.aura main h1,.aura main h2,.aura main h3,.aura main h4{font-family:var(--head);color:var(--ink)}

/* ---------- Primitives ---------- */
.au-container{width:100%;max-width:1220px;margin:0 auto;padding:0 24px}
.au-section{position:relative;padding:104px 0;overflow:hidden}
/* Clip sideways only: glows and card shadows fade into the next section instead of stopping at a hard line */
@supports (overflow:clip){.au-section{overflow:clip visible}}
.aura .au-section:before,.aura .au-section:after,.aura #hero:before,.aura #hero:after{display:none!important}
.au-section--tinted{background:linear-gradient(180deg,transparent 0%,var(--tint-a) 18%,var(--tint-b) 82%,transparent 100%)}
.au-blob{position:absolute;z-index:0;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none}
.au-blob--1{width:520px;height:520px;right:-120px;top:-120px;background:#c7d7fe}
.au-blob--2{width:420px;height:420px;right:22%;top:38%;background:#e9d5ff;opacity:.5}
.au-blob--3{width:380px;height:380px;left:-160px;top:12%;background:#bae6fd;opacity:.45}
.au-blob--4{width:620px;height:420px;left:50%;top:30%;transform:translateX(-50%);background:var(--check);opacity:.6}
.au-section>.au-container,.au-hero>.au-container{position:relative;z-index:1}
.au-grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.au-kicker,.aura .cine-eyebrow,.aura .ed-kicker,.aura .pr-eyebrow{display:inline-flex!important;align-items:center;gap:8px;margin:0 0 14px!important;padding:5px 12px!important;border-radius:999px;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:var(--sh-1);color:var(--blue)!important;font-family:var(--head)!important;font-size:.78rem!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:none!important}
.au-kicker:before,.aura .cine-eyebrow:before{content:''!important;width:6px!important;height:6px!important;border-radius:50%;background:var(--grad)!important}
.au-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px;margin-bottom:48px}
.au-head--sub{margin-top:104px}
.au-head--center{justify-content:center;text-align:center}
.au-head--center p:not(.au-kicker){margin-left:auto!important;margin-right:auto!important}
.au-head h2,.aura .cine-section-head h2{margin:0;max-width:22ch;color:var(--ink)!important;font-family:var(--head);font-size:clamp(1.95rem,1.35rem + 2vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.025em}
.au-head--center h2{margin:0 auto}
.au-head p:not(.au-kicker){margin:14px 0 0;max-width:38rem;color:var(--muted);font-size:1.06rem;line-height:1.7}
.au-link,.aura .cine-section-head__link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--surface);border:1px solid var(--line)!important;box-shadow:var(--sh-1);color:var(--ink)!important;font-family:var(--head);font-weight:700;font-size:.92rem;transition:transform .2s,box-shadow .2s}
.au-link:hover,.aura .cine-section-head__link:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.au-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--chip);color:var(--blue);font-size:.72rem;font-weight:700}

/* Buttons */
.au-btn,.aura .ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;padding:0 1.35rem;border-radius:999px;font-family:var(--head);font-weight:700;font-size:.95rem;white-space:nowrap;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s}
.au-btn--primary,.aura .ui-btn--primary{background:var(--grad)!important;background-size:140% 100%!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px -14px rgba(76,52,220,.75),inset 0 1px 0 rgba(255,255,255,.25)!important}
.au-btn--primary:hover,.aura .ui-btn--primary:hover{transform:translateY(-2px);background-position:100% 0!important;box-shadow:0 18px 36px -14px rgba(76,52,220,.8),inset 0 1px 0 rgba(255,255,255,.25)!important}
.au-btn--ghost,.aura .ui-btn--ghost{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line-2)!important;box-shadow:var(--sh-1)!important}
.au-btn--ghost:hover,.aura .ui-btn--ghost:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.4)!important}
.au-btn--white{background:#fff;color:#3b2bd1}
.au-btn--white:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(15,23,42,.45)}
.au-btn--glass{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.4)}
.au-btn--glass:hover{background:rgba(255,255,255,.24)}
.au-btn--lg{min-height:3.35rem;padding:0 1.75rem;font-size:1rem}
.au-btn--block,.aura .ui-btn--block{width:100%}

/* Cards */
.au-card{position:relative;border-radius:var(--r);background:var(--card);border:1px solid var(--glass-edge);box-shadow:0 0 0 1px var(--line),var(--sh-1)}
.au-card--hover{transition:transform .25s,box-shadow .25s}
.au-card--hover:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(37,99,235,.18),var(--sh-2)}
.au-icon,.aura .ui-icon{display:inline-grid!important;place-items:center;flex-shrink:0;width:52px!important;height:52px!important;border-radius:16px!important;border:0!important;background:linear-gradient(135deg,color-mix(in srgb,var(--c,#2563eb) 16%,#fff),color-mix(in srgb,var(--c,#2563eb) 6%,#fff))!important;color:var(--c,var(--blue))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,#2563eb) 16%,transparent),0 10px 20px -12px var(--c,#2563eb)!important}
.au-icon .material-symbols-outlined,.aura .ui-icon .material-symbols-outlined{font-size:26px!important;color:inherit!important}
.aura .ui-icon svg{width:24px;height:24px}

/* ---------- Header ---------- */
.aura #main-header.au-header{position:fixed;z-index:60;top:14px;left:0;right:0;padding:0 14px;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none}
.au-header__bar{pointer-events:auto;display:flex;align-items:center;gap:16px;max-width:1220px;height:66px;margin:0 auto;padding:0 10px 0 22px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:saturate(1.8) blur(16px);backdrop-filter:saturate(1.8) blur(16px);border:1px solid var(--glass-edge);box-shadow:0 0 0 1px var(--line),var(--sh-1);transition:box-shadow .3s}
.au-header.is-scrolled .au-header__bar{box-shadow:0 0 0 1px var(--line),var(--sh-2)}
.au-header__logo{display:flex;align-items:center;flex-shrink:0}
.au-header__logo img{display:block;height:30px;width:auto}
.aura #main-nav.au-header__nav{display:none!important;flex:1;justify-content:center;gap:4px!important;margin:0;padding:0!important;background:transparent!important;border:0!important}
.aura #main-nav.au-header__nav a{padding:9px 14px;border-radius:999px;color:var(--ink-2)!important;font-family:var(--head);font-size:.92rem;font-weight:600!important;transition:background-color .2s,color .2s}
.aura #main-nav.au-header__nav a:hover{background:rgba(15,23,42,.05);color:var(--ink)!important}
.aura #main-nav.au-header__nav a.is-active{background:var(--chip);color:var(--blue)!important}
.au-header__right{display:flex;align-items:center;gap:8px;margin-left:auto}
.aura .au-header__cta{display:none!important;min-height:2.75rem;padding:0 1.25rem;font-size:.9rem}
.au-header__burger{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.au-header__burger svg{width:21px;height:21px}
@media (min-width:640px){.aura .au-header__cta{display:inline-flex!important}}
/* Phones: logo sits in the exact centre of the bar, menu button stays on the right */
@media (max-width:639px){.au-header__bar{position:relative;justify-content:flex-end;padding:0 10px}.au-header__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}
@media (min-width:1200px){.aura #main-nav.au-header__nav{display:flex!important}.au-header__burger{display:none}}

/* Mobile menu: bottom-up sheet */
.aura .au-menu{position:fixed;inset:0;z-index:999;display:flex;align-items:flex-end;background:rgba(15,23,42,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.aura .au-menu.hidden{display:none}
.au-menu__sheet{display:flex;flex-direction:column;gap:14px;width:100%;max-height:92vh;padding:18px 18px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--surface);box-shadow:var(--sh-3);overflow-y:auto;animation:auSheet .35s cubic-bezier(.2,.9,.25,1)}
@keyframes auSheet{from{transform:translateY(40px);opacity:0}}
.au-menu__head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 8px}
.au-menu__head img{height:28px;width:auto}
.au-menu__close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--ink)}
.au-menu__close svg{width:20px;height:20px}
.au-menu__nav{display:grid;gap:4px}
.au-menu__nav a{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-radius:16px;color:var(--ink);font-family:var(--head);font-size:1.12rem;font-weight:700;animation:auSheet .4s both;animation-delay:calc(var(--i) * 25ms)}
.au-menu__nav a span{color:#94a3b8}
.au-menu__nav a:hover{background:var(--soft)}
.au-menu__nav a.is-active{background:var(--grad-soft);color:var(--blue)}
.au-menu__nav a.is-active span{color:var(--blue)}
@media (min-width:640px){.aura .au-menu{align-items:stretch;justify-content:flex-end}.au-menu__sheet{width:400px;max-height:none;border-radius:28px 0 0 28px}}

/* Cookie banner */
.aura .au-cookie{position:fixed;z-index:65;left:14px;right:14px;bottom:14px;max-width:440px;padding:18px 20px;border-radius:20px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-edge);box-shadow:0 0 0 1px var(--line),var(--sh-3)}
.aura .au-cookie.hidden{display:none}
.au-cookie p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}
.au-cookie .au-cookie__title{margin-bottom:4px;color:var(--ink);font-family:var(--head);font-weight:800;font-size:1rem}
.au-cookie a{color:var(--blue);font-weight:600}
.au-cookie__actions{display:flex;gap:8px;margin-top:14px}
.au-cookie__actions .au-btn{flex:1;min-height:2.6rem;font-size:.88rem}
.aura .cookie-reject{background:var(--surface)!important;color:var(--ink)!important}

/* ---------- Hero ---------- */
.au-hero{position:relative;display:flex;align-items:center;min-height:100vh;min-height:100svh;padding:136px 0 64px;overflow:hidden}
.au-hero>.au-container{width:100%}
.au-hero__grid{display:grid;gap:44px;align-items:center}
@media (min-width:1080px){.au-hero{padding:160px 0 72px}.au-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px}}
.au-badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:7px 14px 7px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);color:var(--ink-2);font-family:var(--head);font-size:.85rem;font-weight:700}
.au-badge span{width:22px;height:22px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px rgba(124,58,237,.12)}
.au-hero__title{margin:0 0 22px;font-family:var(--head);font-size:clamp(2.35rem,1.4rem + 3.4vw,4.1rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink)}
.au-hero__title .au-grad{display:inline-block;padding-bottom:.06em}
.au-hero__lead{max-width:34rem;margin:0 0 30px;color:var(--muted);font-size:clamp(1.03rem,.98rem + .25vw,1.16rem);line-height:1.75}
.au-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.au-hero__stats{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0 0;padding:0}
.au-hero__stats>div{display:flex;flex-direction:column;padding:12px 18px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:0 0 0 1px var(--line),var(--sh-1)}
.au-hero__stats dd{margin:0;font-family:var(--head);font-size:1.55rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.au-hero__stats dt{color:var(--muted);font-size:.8rem;font-weight:600}

/* Device stage */
.au-stage{position:relative;min-width:0}
.au-stage__scene{position:relative;padding:4% 4% 9% 12%;perspective:1800px}
/* single column (<1080): keep the devices a sensible size, centred, and leave room for the laptop base overhang */
@media (max-width:1079.98px){.au-stage{width:100%;max-width:640px;margin-inline:auto}.au-stage__scene{padding-right:7%}}
.au-laptop{position:relative;transform:rotateY(-11deg) rotateX(5deg) rotateZ(.5deg);transform-style:preserve-3d;animation:auFloat 7s ease-in-out infinite}
@keyframes auFloat{50%{translate:0 -10px}}
.au-laptop__screen{position:relative;aspect-ratio:16/10;overflow:hidden;border:9px solid #0f172a;border-bottom-width:12px;border-radius:18px 18px 6px 6px;background:var(--surface);box-shadow:0 50px 80px -40px rgba(30,41,99,.55),0 0 0 1px rgba(15,23,42,.2);container-type:size}
.au-laptop__base{height:13px;margin:0 -7%;border-radius:2px 2px 16px 16px;background:linear-gradient(180deg,#e2e8f0,#94a3b8);box-shadow:0 22px 30px -16px rgba(30,41,99,.5)}
.au-laptop__page{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.au-laptop__page.is-active{opacity:1}
.au-laptop__page img{display:block;width:100%;height:auto}
.au-laptop__page.is-active img{animation:auScroll 7.5s 1.2s cubic-bezier(.45,0,.3,1) forwards}
@keyframes auScroll{to{transform:translateY(calc(-100% + 100cqh))}}
.au-phone{position:absolute;z-index:3;left:0;bottom:2%;width:26%;transform:rotate(-4deg);animation:auFloat 6s .8s ease-in-out infinite}
.au-phone__screen{position:relative;aspect-ratio:9/19;overflow:hidden;border:6px solid #0f172a;border-radius:26px;background:#0f172a;box-shadow:0 30px 50px -22px rgba(30,41,99,.6)}
.au-phone__screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .8s}
.au-phone__screen img.is-active{opacity:1}
.au-float__item{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding:0 16px;opacity:0;pointer-events:none;transition:opacity .5s}
.au-float__item.is-active{opacity:1;pointer-events:auto}
.au-float__item small{display:block;color:var(--muted);font-size:.72rem;font-weight:600}
.au-float__item strong{display:block;color:var(--ink);font-family:var(--head);font-size:.98rem;font-weight:800;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.au-stage__dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
.au-stage__dots button{width:9px;height:9px;padding:0;border-radius:999px;background:rgba(15,23,42,.18);transition:width .3s,background-color .3s}
.au-stage__dots button.is-active{width:28px;background:var(--blue)}
@media (max-width:767px){
  .au-hero{padding:112px 0 44px}
  .au-hero__title{font-size:2.3rem}
  .au-hero__actions .au-btn{flex:1 1 100%}
  .au-hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px}
  .au-hero__stats>div{padding:10px 12px;border-radius:14px}
  .au-hero__stats dd{font-size:1.3rem}
  .au-hero__stats dt{font-size:.72rem;line-height:1.3}
  .au-stage__scene{padding:6% 7% 14% 14%}
  .au-laptop{transform:none}
  .au-laptop__screen{border-width:6px;border-bottom-width:8px;border-radius:12px 12px 4px 4px}
  .au-phone{width:27%;bottom:6%}
  .au-phone__screen{border-width:4px;border-radius:16px}
  .au-float__item{padding:0 12px;gap:10px}
  .au-blob--1{width:340px;height:340px}
}

/* ---------- Brand wall: one row drifting left above a light beam ---------- */
.au-brands{position:relative;z-index:1;display:grid;gap:12px}
.au-brands:before{content:"";position:absolute;z-index:-1;left:50%;top:58%;width:min(900px,90%);height:220px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(124,58,237,.28),rgba(37,99,235,.12) 55%,transparent);pointer-events:none}
.au-brands__row{overflow:hidden;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.au-brands__track{display:flex;width:max-content;animation:auBrands 30s linear infinite}
.au-brands__row:hover .au-brands__track{animation-play-state:paused}
@keyframes auBrands{to{transform:translateX(-50%)}}
.au-brands__list{display:flex;gap:14px;margin:0;padding:0 14px 0 0;list-style:none}
.au-brand{display:flex;align-items:center;gap:12px;padding:8px 22px 8px 8px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);transition:transform .3s,border-color .3s,box-shadow .3s}
.au-brand:hover{transform:translateY(-4px) scale(1.03);border-color:rgba(139,92,246,.55);box-shadow:0 18px 40px -18px rgba(124,58,237,.75)}
.au-brand__thumb{flex-shrink:0;width:50px;height:50px;overflow:hidden;border-radius:13px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}
.au-brand__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s}
.au-brand:hover .au-brand__thumb img{transform:scale(1.08)}
.au-brand__text{display:flex;flex-direction:column;line-height:1.25}
.au-brand__text strong{color:var(--ink);font-family:var(--head);font-size:1rem;font-weight:700;white-space:nowrap}
.au-brand__text small{color:var(--muted);font-size:.76rem;font-weight:600;white-space:nowrap}
.au-brands__beam{position:relative;width:min(1100px,88%);height:2px;margin:2px auto;border-radius:2px;background:linear-gradient(90deg,transparent,#3b82f6 20%,#8b5cf6 50%,#d946ef 80%,transparent);background-size:200% 100%;box-shadow:0 0 18px 1px rgba(139,92,246,.55);animation:auBeam 6s ease-in-out infinite}
@keyframes auBeam{50%{background-position:100% 0;opacity:.65}}
/* ---------- Project cards ---------- */
.aura .etelia-project-grid{display:grid!important;grid-template-columns:1fr!important;gap:26px!important}
@media (min-width:720px){.aura .etelia-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:1080px){.aura .etelia-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.aura .pcard{position:relative;display:flex;flex-direction:column;min-width:0;padding:0!important;border-radius:var(--r)!important;background:var(--surface)!important;border:0!important;box-shadow:0 0 0 1px var(--line),var(--sh-1)!important;overflow:hidden!important;transform:none;transition:transform .25s,box-shadow .25s;color:var(--ink)}
.aura .pcard:before,.aura .pcard:after{display:none!important}
.aura .pcard:hover{transform:translateY(-5px)!important;box-shadow:0 0 0 1px rgba(37,99,235,.16),var(--sh-2)!important}
.aura .pcard__frame{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:hidden!important}
.aura .pcard__screen{position:relative;aspect-ratio:16/10;height:auto!important;overflow:hidden;border-radius:0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:none;container-type:size}
.aura .pcard__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s}
.aura .pcard__screen--page img{height:auto;object-fit:initial;transition:transform 5s cubic-bezier(.45,0,.25,1)}
.aura .pcard:hover .pcard__screen--page img{transform:translateY(calc(-100% + 100cqh))}
.aura .pcard:hover .pcard__screen:not(.pcard__screen--page) img{transform:scale(1.04)}
.aura .pcard__body{position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:30px 22px 22px!important;background:var(--surface)!important}
.aura .pcard__cat{position:absolute;top:-13px;left:22px;z-index:2;display:inline-flex;margin:0!important;padding:5px 11px;border-radius:999px;background:rgba(8,12,26,.82)!important;color:#c7d2fe!important;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 6px 16px -6px rgba(0,0,0,.6);font-size:.74rem!important;font-weight:700;letter-spacing:0;text-transform:none}
.aura .pcard h3{margin:0 0 6px!important;color:var(--ink)!important;font-family:var(--head);font-size:1.28rem!important;font-weight:800!important;letter-spacing:-.02em;line-height:1.25}
.aura .pcard p{margin:0 0 14px!important;color:var(--muted)!important;font-size:.93rem!important;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aura .pcard__more{margin-top:auto;padding-top:0!important;border-top:0!important;color:var(--blue)!important;font-family:var(--head);font-size:.9rem;font-weight:700}

/* ---------- Services ---------- */
.au-services{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:720px){.au-services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.au-services{grid-template-columns:repeat(3,minmax(0,1fr))}}
.au-service{display:flex;flex-direction:column;padding:28px}
.au-service>.au-icon{margin-bottom:20px}
.au-service h3{margin:0 0 8px;font-size:1.22rem;font-weight:800;letter-spacing:-.015em}
.au-service p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.65}
.au-service__body{margin-bottom:22px}
.aura .au-service .service-card-action,.aura .ui-card .service-card-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)!important;color:var(--c,var(--blue))!important;font-family:var(--head);font-size:.9rem;font-weight:700}

/* Products */
.au-products{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:1000px){.au-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
.au-product{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:hidden}
.au-product__media{aspect-ratio:4/3;overflow:hidden;background:#0f172a;border-bottom:1px solid var(--line)}
.au-product__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .5s}
.au-product:hover .au-product__media img{transform:scale(1.04)}
.au-product__body{display:flex;flex-direction:column;padding:22px 24px}
.au-product__top{display:flex;align-items:center;min-height:26px;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--muted);font-size:.8rem;font-weight:600}
.au-product h3{margin:0 0 6px;font-size:1.45rem;font-weight:800;letter-spacing:-.02em}
.au-product p{margin:0 0 18px;color:var(--muted);font-size:.93rem;line-height:1.6}
.au-product__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:var(--blue);font-family:var(--head);font-size:.9rem;font-weight:700}
.au-product__foot strong{color:var(--ink)}
.au-product__foot>span{white-space:nowrap}

/* ---------- Sectors ---------- */
.au-sectors{display:grid;gap:22px;grid-template-columns:1fr}
@media (min-width:860px){.au-sectors{grid-template-columns:repeat(3,minmax(0,1fr))}}
.au-sector{display:flex;flex-direction:column;overflow:hidden}
.au-sector__media{position:relative;height:210px;overflow:hidden;background:var(--soft)}
.au-sector__media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.au-sector:hover .au-sector__media img{transform:scale(1.05)}
.au-sector__tag{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:999px;background:var(--glass);color:var(--c);font-family:var(--head);font-size:.78rem;font-weight:800;box-shadow:var(--sh-1)}
.au-sector__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.au-sector h3{margin:0 0 8px;font-size:1.2rem;font-weight:800;letter-spacing:-.015em}
.au-sector p{margin:0 0 18px;color:var(--muted);font-size:.93rem;line-height:1.6}
.au-sector__foot{margin-top:auto;color:var(--c);font-family:var(--head);font-size:.9rem;font-weight:700}
.au-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:22px;padding:20px 24px}
.au-note p{margin:0;flex:1;min-width:240px;color:var(--muted)}
.au-note strong{color:var(--ink)}

/* ---------- Process ---------- */
.au-steps{position:relative;display:grid;gap:18px;margin:0;padding:0;list-style:none;counter-reset:none}
.au-steps__item{position:relative;display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start}
.au-steps__item:not(:last-child):before{content:'';position:absolute;left:25px;top:56px;bottom:-14px;width:2px;background:linear-gradient(180deg,#a5b4fc,#e9d5ff)}
.au-steps__num{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--surface);color:var(--blue);font-family:var(--head);font-size:1.2rem;font-weight:800;box-shadow:0 0 0 1px var(--line),var(--sh-1);transition:background .4s,color .4s,box-shadow .4s}
.au-steps__item.is-on .au-steps__num{background:var(--grad);color:#fff;box-shadow:0 0 0 6px rgba(99,102,241,.14),0 14px 26px -12px rgba(76,52,220,.8)}
.au-steps__card{padding:22px 24px}
.au-steps__card h3{margin:0 0 6px;font-size:1.15rem;font-weight:800}
.au-steps__card p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.65}
@media (min-width:1000px){
  .au-steps{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:24px}
  .au-steps__item{grid-template-columns:1fr;gap:20px}
  .au-steps__item:not(:last-child):before{left:60px;right:-20px;top:25px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,#a5b4fc,#e9d5ff)}
  .au-steps__card{height:100%}
}

/* ---------- Plans ---------- */
.aura .au-plans,.aura .pkg-grid{display:grid!important;gap:22px!important;grid-template-columns:1fr!important;align-items:stretch}
@media (min-width:1000px){.aura .au-plans,.aura .pkg-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.aura .pkg-grid>.au-plan{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px 28px 26px;border-radius:26px!important;background:var(--card)!important;border:1px solid var(--glass-edge)!important;box-shadow:0 0 0 1px var(--line),var(--sh-1)!important;transform:none!important}
.aura .pkg-grid>.au-plan--popular{border:2px solid transparent!important;background:linear-gradient(var(--surface),var(--surface-2)) padding-box,var(--grad) border-box!important;box-shadow:var(--sh-3)!important}
.au-plan__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:999px;background:var(--grad);color:#fff;font-family:var(--head);font-size:.76rem;font-weight:800;white-space:nowrap;box-shadow:0 10px 22px -10px rgba(76,52,220,.8)}
.au-plan__main{flex:1}
.au-plan h3{margin:0 0 8px;font-size:1.4rem;font-weight:800}
.au-plan__desc{margin:0 0 20px;color:var(--muted);font-size:.93rem;line-height:1.6}
.au-plan__price{margin:0 0 22px;padding:18px 20px;border-radius:18px;background:var(--grad-soft)}
.au-plan__price small{display:block;margin-bottom:2px;color:var(--muted);font-size:.78rem;font-weight:700}
.au-plan__price strong{font-family:var(--head);font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}
.au-plan--popular .au-plan__price strong{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.au-plan__price span{color:var(--muted);font-weight:700}
.au-plan__price p{margin:6px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}
.au-plan__list{display:grid;gap:11px;margin:0 0 26px;padding:0;list-style:none}
.au-plan__list li{position:relative;padding-left:30px;color:var(--ink-2);font-size:.94rem;line-height:1.5}
.au-plan__list li:before{content:'';position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--check) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 8.3 6.8 10.8l5-5.4' fill='none' stroke='%234f46e5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.au-plan__list li.is-off{color:#94a3b8;text-decoration:line-through}
.au-plan__list li.is-off:before{background:var(--soft)}

/* ---------- Contact ---------- */
.au-contact{display:grid;overflow:hidden;border-radius:30px;background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--sh-3)}
@media (min-width:1000px){.au-contact{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
.au-contact__side{position:relative;padding:clamp(28px,5vw,52px);background:var(--grad);color:#fff;overflow:hidden}
.au-contact__side:after{content:'';position:absolute;right:-90px;bottom:-90px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.12)}
.au-contact__kicker{display:inline-flex;margin:0 0 16px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.18);font-family:var(--head);font-size:.78rem;font-weight:700}
.aura .au-contact__side h2{margin:0 0 12px;color:#fff!important;font-size:clamp(1.9rem,1.3rem + 2vw,2.8rem);font-weight:800;line-height:1.12;letter-spacing:-.025em}
.au-contact__side>p{margin:0 0 28px;color:rgba(255,255,255,.88);font-size:1.03rem;line-height:1.7}
.au-contact__steps{position:relative;z-index:1;display:grid;gap:12px;margin:0;padding:0;list-style:none}
.au-contact__steps li{display:flex;align-items:center;gap:12px;font-weight:600}
.au-contact__steps b{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#fff;color:#4f46e5;font-family:var(--head);font-size:.9rem}
.au-contact__form{padding:clamp(24px,4.5vw,48px)}

/* Form fields everywhere */
.aura #contact-form input:not([type=hidden]):not([type=checkbox]),.aura #contact-form select,.aura #contact-form textarea{min-height:3rem;background:var(--field)!important;border:1px solid var(--line-2)!important;border-radius:14px!important;color:var(--ink)!important;font-size:.98rem!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;transition:border-color .2s,box-shadow .2s,background-color .2s}
.aura #contact-form input:focus,.aura #contact-form select:focus,.aura #contact-form textarea:focus{background:var(--surface)!important;border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(37,99,235,.14)!important;outline:none}
.aura #contact-form ::placeholder{color:#94a3b8}
.aura #contact-form label{color:var(--ink-2)!important;font-size:.85rem!important}
.aura #contact-form select{color-scheme:light}
.aura #contact-form select optgroup{background:var(--surface);color:var(--blue)}
.aura #contact-form select option{background:var(--surface);color:var(--ink)}
.aura #contact-form button[type=submit]{min-height:3.3rem;border-radius:999px!important;background:var(--grad)!important;font-family:var(--head);box-shadow:0 14px 30px -14px rgba(76,52,220,.75)!important}
.aura #contact-form .text-slate-400,.aura #contact-form .text-slate-500{color:var(--muted)!important}

/* ---------- Footer ---------- */
.au-footer{position:relative;padding-top:20px}
.au-cta{position:relative;display:flex;flex-direction:column;gap:26px;margin-bottom:72px;padding:clamp(30px,5.5vw,64px);border-radius:32px;background:var(--grad);color:#fff;overflow:hidden;box-shadow:var(--sh-3)}
.au-cta:before{content:'';position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,255,255,0) 70%)}
.au-cta__copy,.au-cta__actions{position:relative;z-index:1}
.au-cta__kicker{display:inline-flex;margin:0 0 14px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.18);font-family:var(--head);font-size:.8rem;font-weight:700}
.aura .au-cta h2{margin:0;max-width:16ch;color:#fff!important;font-family:var(--head);font-size:clamp(2rem,1.2rem + 3vw,3.6rem);font-weight:800;line-height:1.08;letter-spacing:-.03em}
.au-cta__copy>p:not(.au-cta__kicker){margin:14px 0 0;max-width:34rem;color:rgba(255,255,255,.9);font-size:1.05rem}
.au-cta__actions{display:flex;flex-wrap:wrap;gap:12px}
@media (min-width:1000px){.au-cta{flex-direction:row;align-items:flex-end;justify-content:space-between}.au-cta__actions{flex-shrink:0}}
@media (max-width:639px){.au-cta__actions .au-btn{flex:1 1 100%}}
.au-footer__grid{display:grid;gap:34px 24px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0 48px}
.au-footer__brand{grid-column:1/-1}
.au-footer__logo img{display:block;height:32px;width:auto;margin-bottom:16px}
.au-footer__brand p{max-width:26rem;margin:0;color:var(--muted);font-size:.93rem;line-height:1.7}
.au-footer__socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.au-footer__socials a{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);transition:transform .2s,color .2s,background .2s,border-color .2s,box-shadow .2s}
.au-footer__socials a svg{width:19px;height:19px}
.au-footer__socials a:hover{transform:translateY(-3px);color:#fff;border-color:transparent;background:var(--grad);box-shadow:0 12px 24px -12px rgba(124,58,237,.8)}
.au-footer__socials a[data-social=instagram]:hover{background:linear-gradient(45deg,#f9ce34,#ee2a7b 50%,#6228d7)}
.au-footer__socials a[data-social=linkedin]:hover{background:#0a66c2}
.au-footer__socials a[data-social=facebook]:hover{background:#1877f2}
.au-footer__socials a[data-social=x]:hover{background:#000;border-color:rgba(255,255,255,.25)}
.au-footer__socials a[data-social=discord]:hover{background:#5865f2}
.au-footer h3{margin:0 0 16px;color:var(--ink);font-family:var(--head);font-size:.95rem;font-weight:800}
.au-footer ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.au-footer li a,.au-footer li span{color:var(--muted);font-size:.93rem;transition:color .15s}
.au-footer li a:hover{color:var(--blue)}
.au-footer li small{display:block;color:#94a3b8;font-size:.8rem}
.au-footer__form{color:var(--blue)!important;font-weight:700}
.au-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:22px 0 30px;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}
.au-footer__bottom p{margin:0}
.au-footer__legal{display:flex;flex-wrap:wrap;gap:6px 20px}
.au-footer__legal a,.au-footer__legal button{color:var(--muted);font-size:.86rem;padding:4px 0}
.au-footer__legal a:hover,.au-footer__legal button:hover{color:var(--ink)}
@media (min-width:768px){.au-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1200px){.au-footer__grid{grid-template-columns:1.5fr repeat(5,minmax(0,1fr))}.au-footer__brand{grid-column:auto;padding-right:20px}}

/* Floating helpers */
.aura .au-totop{position:fixed;z-index:50;right:18px;bottom:18px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink);box-shadow:var(--sh-2);transition:transform .2s}
.aura .au-totop:hover{transform:translateY(-3px)}
.aura .au-totop svg{width:20px;height:20px}
.aura .quick-contact{background:var(--glass)!important;border-top:1px solid var(--line)!important;box-shadow:0 -10px 30px -20px rgba(15,23,42,.3)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.aura .quick-contact a{color:var(--ink)!important;border-color:var(--line)!important;background:var(--surface)!important}
.aura .quick-contact a:last-child{background:var(--grad)!important;color:#fff!important;border-color:transparent!important}

/* =====================================================================
   Inner pages: the shared ui-* system drawn in the same language
   ===================================================================== */
.aura .ui-page{position:relative;padding:146px 0 96px!important;overflow:hidden}
.aura .ui-page:before{content:'';position:absolute;z-index:0;right:-160px;top:-160px;width:560px;height:560px;border-radius:50%;background:#c7d7fe;filter:blur(80px);opacity:.5;pointer-events:none}
.aura .ui-page:after{content:'';position:absolute;z-index:0;left:-200px;top:120px;width:460px;height:460px;border-radius:50%;background:#e9d5ff;filter:blur(80px);opacity:.4;pointer-events:none}
.aura .ui-page>*{position:relative;z-index:1}
.aura .ui-container{max-width:1220px}
.aura .ui-page-head h1{color:var(--ink)!important;font-family:var(--head);font-weight:800!important;letter-spacing:-.03em!important;line-height:1.08!important}
.aura .site-inner-page .ui-page-head h1,.aura .ui-page-head h1{font-size:clamp(2.3rem,1.4rem + 3.2vw,3.9rem)!important}
.aura .ui-page-head h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.aura .ui-page-head>p:not(.cine-eyebrow){color:var(--muted)!important}
.aura .ui-card{background:var(--card)!important;border:1px solid var(--glass-edge)!important;border-radius:var(--r)!important;box-shadow:0 0 0 1px var(--line),var(--sh-1)!important;color:var(--ink)!important;overflow:visible}
.aura .ui-card:before,.aura .ui-card:after{display:none!important}
.aura .ui-card--hover:hover,.aura a.ui-card:hover{box-shadow:0 0 0 1px rgba(37,99,235,.18),var(--sh-2)!important;transform:translateY(-4px)}
.aura .ui-card--feature{background:linear-gradient(var(--surface),var(--surface-2))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
.aura .ui-card h3{color:var(--ink)!important;font-family:var(--head);font-weight:800}
.aura .ui-card p{color:var(--muted)!important}
.aura .ui-card strong{color:var(--ink)!important}
.aura .ui-card__foot{border-top:1px solid var(--line)!important;color:var(--blue)!important}
.aura .ui-card__foot span[style]{color:var(--ink)!important}
.aura .ui-tag{color:var(--muted)!important}
.aura .ui-pill{background:var(--chip)!important;color:var(--blue)!important}
.aura .ui-badge{background:var(--grad)!important;color:#fff!important}
.aura .ui-check{color:var(--ink-2)!important}
.aura .ui-check:before{background-color:var(--check)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.5l4.5-5' fill='none' stroke='%234f46e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.aura .ui-price,.aura .ui-stats strong{font-family:var(--head);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.aura .ui-price small,.aura .ui-stats span{color:var(--muted)!important;-webkit-text-fill-color:currentColor}
.aura .ui-prose h2,.aura .pd2-subhead{color:var(--ink)!important}
.aura .ui-prose>p:not(.cine-eyebrow){color:var(--ink-2)!important}
.aura .ui-media,.aura .ui-product__media,.aura .ui-sector__media{background:var(--soft)!important;border-color:var(--line)!important}
.aura .ui-product__title{color:var(--ink)!important}
.aura .ui-timeline__num{background:var(--surface)!important;color:var(--blue)!important;box-shadow:0 0 0 1px var(--line),var(--sh-1)!important;font-family:var(--head)}
.aura .ui-timeline__step.is-on .ui-timeline__num{background:var(--grad)!important;color:#fff!important;box-shadow:0 0 0 6px rgba(99,102,241,.14)!important}
.aura .ui-timeline__marker:after,.aura .ui-timeline__marker:before{background:linear-gradient(90deg,#a5b4fc,#e9d5ff)!important}
.aura .ui-timeline__step .ui-card,.aura .ui-timeline__step:not(.is-on) .ui-card{opacity:1!important;filter:none!important}
.aura .ui-faq details,.aura .ui-faq>div{background:var(--card)!important;border:1px solid var(--glass-edge)!important;box-shadow:0 0 0 1px var(--line),var(--sh-1);border-radius:18px!important}
.aura .ui-faq summary{color:var(--ink)!important;font-family:var(--head)}
.aura .ui-faq summary:after{background:var(--chip)!important;color:var(--blue)!important}
.aura .ui-faq p,.aura .ui-faq div>p{color:var(--muted)!important}
.aura .ui-filter button{background:var(--surface)!important;color:var(--ink-2)!important;border:1px solid var(--line-2)!important;box-shadow:none!important;font-family:var(--head)}
.aura .ui-filter button:hover{border-color:rgba(37,99,235,.4)!important;color:var(--blue)!important}
.aura .ui-filter button[aria-pressed="true"]{background:var(--grad)!important;color:#fff!important;border-color:transparent!important}
.aura .premium-glass,.aura .service-card{background:var(--card)!important;border-color:var(--line)!important;box-shadow:var(--sh-1)!important}
.aura .text-shimmer{background:var(--grad)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;animation:none!important}

/* Legal / dynamic pages */
.aura .dynamic-page-content,.aura .dynamic-page-content p,.aura .dynamic-page-content li{color:var(--ink-2)!important}
.aura .dynamic-page-content h1,.aura .dynamic-page-content h2,.aura .dynamic-page-content h3,.aura .dynamic-page-content h4,.aura .dynamic-page-content strong{color:var(--ink)!important}
.aura .dynamic-page-content h2{border-top-color:var(--line)!important}
.aura .dynamic-page-content a{color:var(--blue)!important}
.aura .dynamic-page-content th{background:var(--soft)!important;color:var(--ink)!important}
.aura .dynamic-page-content td,.aura .dynamic-page-content th{border-color:var(--line)!important}

/* Project detail */
.aura .pd2-hero{background:transparent!important;min-height:min(70vh,640px)}
.aura .pd2-hero__bg{filter:none!important}
.aura .pd2-hero:after{background:linear-gradient(90deg,var(--bg) 0%,rgba(var(--bg-rgb),.95) 40%,rgba(var(--bg-rgb),.35) 68%,rgba(var(--bg-rgb),.2) 100%),linear-gradient(180deg,rgba(var(--bg-rgb),0) 60%,var(--bg) 100%)!important}
.aura .pd2-hero h1{color:var(--ink)!important;font-family:var(--head)}
.aura .pd2-lead{color:var(--ink-2)!important}
.aura .pd2-crumbs,.aura .pd2-crumbs a{color:var(--muted)!important}
.aura .pd2-crumbs a:hover{color:var(--ink)!important}
.aura .pd2-facts dt{color:var(--muted)!important}
.aura .pd2-facts dd{color:var(--ink)!important}
.aura .pd2-facts dd a{color:var(--blue)!important}
.aura .pd2-facts dl>div{border-bottom-color:var(--line)!important}
.aura .pd2-browser__bar{background:var(--soft)!important;border-bottom-color:var(--line)!important}
.aura .pd2-browser__dots i{background:#cbd5e1!important}
.aura .pd2-browser__url{background:var(--surface)!important;color:var(--muted)!important}
.aura .pd2-browser__bar button{color:var(--blue)!important}
.aura .pd2-zoom{background:var(--glass)!important;color:var(--ink)!important;border-color:var(--line)!important}

/* Product pages (urun.php + products.css) */
.aura .pd-hero h1,.aura .pd-guide h3,.aura .pr-cta h2,.aura .pr-page .ui-product__title,.aura .ed-show h2,.aura .ed-plan b{color:var(--ink)!important;font-family:var(--head)}
.aura .pd-h1-sub,.aura .pd-tagline,.aura .ed-clip figcaption{color:var(--ink-2)!important}
.aura .pd-summary,.aura .ed-points li,.aura .ed-plan ul,.aura .ed-req,.aura .qt-phone figcaption,.aura .pd-desc,.aura .ed-text p,.aura .pd-section p{color:var(--muted)!important}
.aura .pd-price{color:var(--ink)!important;background:var(--surface)!important;border-color:var(--line)!important}
.aura .pd-crumb,.aura .pd-crumb a{color:var(--muted)!important}
.aura .pd-crumb a:hover{color:var(--ink)!important}
.aura .pd-visual{border-color:var(--line)!important;box-shadow:var(--sh-3)}
.aura .ed-frame{border-color:var(--line)!important;box-shadow:var(--sh-2)!important}
.aura .pr-glow{display:none}
.aura .qt-screen{box-shadow:var(--sh-3)!important}
.aura em.is-pro{color:#a16207!important;background:#fef3c7!important;border-color:#fde68a!important}
.aura em.is-free{color:#047857!important;background:#d1fae5!important;border-color:#a7f3d0!important}

/* Utility classes from older markup that assumed a dark page */
.aura main .text-white:not([class*=bg-]):not(.ui-btn):not(.au-btn){color:var(--ink)!important}
.aura main [class*=text-slate-3],.aura main [class*=text-slate-4],.aura main [class*=text-gray-3],.aura main [class*=text-gray-4]{color:var(--muted)!important}
.aura main [class*=text-slate-1],.aura main [class*=text-slate-2],.aura main [class*=text-gray-1],.aura main [class*=text-gray-2]{color:var(--ink-2)!important}
.aura main [class*=border-white]{border-color:var(--line)!important}
.aura main [class*=bg-white\/]{background-color:var(--surface)!important}
.aura main [class*=text-slate-6],.aura main [class*=text-slate-7],.aura main [class*=text-slate-8],.aura main [class*=text-slate-9]{color:var(--ink)!important}
.aura .dynamic-page-content em{color:var(--muted)!important}

/* ---------- Phones ---------- */
@media (max-width:767px){
  .aura body{font-size:16px}
  .au-container{padding:0 18px}
  .au-section{padding:64px 0}
  .au-head{margin-bottom:30px;gap:16px}
  .au-head--sub{margin-top:64px}
  .au-head h2{font-size:1.9rem}
  .au-head p:not(.au-kicker){font-size:1rem}
  .au-brands{gap:10px}
    .au-brand{gap:10px;padding:6px 16px 6px 6px;border-radius:15px}
  .au-brand__thumb{width:40px;height:40px;border-radius:11px}
  .au-brand__text strong{font-size:.9rem}
  .au-brand__text small{font-size:.7rem}
  .aura .pcard__body{padding:28px 18px 18px!important}
  .aura .pcard h3{font-size:1.18rem!important}
  .au-services{gap:14px}
  .au-service{display:grid;grid-template-columns:46px 1fr;column-gap:14px;padding:20px}
  .au-service>.au-icon{width:46px!important;height:46px!important;border-radius:14px!important;margin:0}
  .au-service>.au-icon .material-symbols-outlined{font-size:23px!important}
  .au-service__body{margin:0 0 14px}
  .au-service h3{font-size:1.08rem;margin-bottom:4px}
  .au-service p{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .aura .au-service .service-card-action{grid-column:1/-1;padding-top:12px}
  .au-product__body{padding:18px}
  .au-sectors{gap:14px}
  .au-sector{display:grid;grid-template-columns:38% 1fr}
  .au-sector__media{height:auto;min-height:100%}
  .au-sector__tag{left:8px;top:8px;padding:4px 9px;font-size:.68rem}
  .au-sector__body{padding:14px 16px}
  .au-sector h3{font-size:1.02rem}
  .au-sector p{margin-bottom:10px;font-size:.86rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .au-note{padding:18px}
  .au-note .au-btn{width:100%}
  .au-steps{gap:14px}
  .au-steps__item{grid-template-columns:44px 1fr;gap:12px}
  .au-steps__num{width:44px;height:44px;font-size:1.05rem}
  .au-steps__item:not(:last-child):before{left:21px;top:48px}
  .au-steps__card{padding:16px 18px}
  .au-steps__card h3{font-size:1.04rem}
  .au-steps__card p{font-size:.9rem}
  .aura .pkg-grid>.au-plan{padding:26px 20px 20px}
  .au-plan__price strong{font-size:1.95rem}
  .au-plan__list{gap:9px;margin-bottom:20px}
  .au-plan__list li{font-size:.9rem}
  .au-contact{border-radius:24px}
  .au-cta{border-radius:24px;margin-bottom:52px}
  .au-footer__grid{gap:28px 18px;padding-bottom:36px}
  .aura .ui-page{padding:118px 0 64px!important}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .aura *,.aura *:before,.aura *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* =====================================================================
   Dark variant: same layout and gradients on a deep navy-black page.
   The site is dark only: html.au-dark is always set in the header; the
   light tokens above are the base layer these values override.
   ===================================================================== */
html.au-dark{
  --ink:#f1f5f9;--ink-2:#cbd5e1;--muted:#97a3b6;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.16);
  --bg:#060912;--card:rgba(16,22,40,.88);--surface:#0e1424;--surface-2:#121a31;
  --glass:rgba(14,20,36,.8);--glass-edge:rgba(255,255,255,.06);--chip:rgba(99,102,241,.18);--soft:#141b2e;--field:#0a0f1d;--check:rgba(99,102,241,.25);
  --tint-a:rgba(37,56,140,.16);--tint-b:rgba(91,46,160,.14);--bg-rgb:6,9,18;
  --blue:#7aa7ff;
  --grad:linear-gradient(120deg,var(--g1,#3b82f6) 0%,var(--g2,#8b5cf6) 55%,var(--g3,#d946ef) 100%);
  --grad-soft:linear-gradient(135deg,color-mix(in srgb,var(--g1,#3b82f6) 14%,transparent) 0%,color-mix(in srgb,var(--g2,#8b5cf6) 14%,transparent) 50%,color-mix(in srgb,var(--g3,#d946ef) 8%,transparent) 100%);
  --sh-1:0 1px 2px rgba(0,0,0,.4),0 12px 30px -16px rgba(0,0,0,.7);
  --sh-2:0 2px 6px rgba(0,0,0,.35),0 28px 56px -24px rgba(0,0,0,.85),0 0 0 1px rgba(122,167,255,.08);
  --sh-3:0 4px 12px rgba(0,0,0,.4),0 50px 100px -40px rgba(0,0,0,.95);
  color-scheme:dark;
}
html.au-dark ::selection{background:rgba(122,167,255,.35);color:#fff}
html.au-dark .au-blob--1{background:var(--g1,#3b82f6);opacity:.26}
html.au-dark .au-blob--2{background:var(--g2,#8b5cf6);opacity:.22}
html.au-dark .au-blob--3{background:#0e7490;opacity:.24}
html.au-dark .au-blob--4{background:#3730a3;opacity:.3}
html.au-dark .ui-page:before{background:#1d4ed8;opacity:.28}
html.au-dark .ui-page:after{background:#7c3aed;opacity:.22}
html.au-dark .au-card,html.au-dark .ui-card{box-shadow:0 0 0 1px var(--line),var(--sh-1)!important}
html.au-dark .au-icon,html.au-dark.aura .ui-icon{background:color-mix(in srgb,var(--c,#3b82f6) 20%,transparent)!important;color:color-mix(in srgb,var(--c,#3b82f6) 55%,#fff)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,#3b82f6) 35%,transparent)!important}
html.au-dark .au-service .service-card-action,html.au-dark .au-sector__foot,html.au-dark .au-sector__tag{color:color-mix(in srgb,var(--c,#3b82f6) 55%,#fff)!important}

html.au-dark .au-stage__dots button{background:rgba(255,255,255,.22)}
html.au-dark .au-stage__dots button.is-active{background:var(--blue)}
html.au-dark .au-laptop__screen,html.au-dark .au-phone__screen{box-shadow:0 50px 80px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.14)}
html.au-dark .au-laptop__base{background:linear-gradient(180deg,#64748b,#1e293b)}
html.au-dark .au-plan__list li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 8.3 6.8 10.8l5-5.4' fill='none' stroke='%23a5b4fc' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html.au-dark .ui-check:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.5l4.5-5' fill='none' stroke='%23a5b4fc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
html.au-dark .au-plan__list li.is-off,html.au-dark .ui-check--off{color:#64748b!important}
html.au-dark .au-contact{background:var(--surface)}
html.au-dark .au-contact__side{background:linear-gradient(140deg,color-mix(in srgb,var(--g1,#3b82f6) 55%,#000) 0%,color-mix(in srgb,var(--g2,#8b5cf6) 55%,#000) 60%,color-mix(in srgb,var(--g3,#d946ef) 50%,#000) 100%)}
html.au-dark .au-cta{background:linear-gradient(120deg,color-mix(in srgb,var(--g1,#3b82f6) 80%,#000) 0%,color-mix(in srgb,var(--g2,#8b5cf6) 80%,#000) 55%,color-mix(in srgb,var(--g3,#d946ef) 75%,#000) 100%)}
html.au-dark .au-btn--white{color:#4c1d95}
html.au-dark .aura #contact-form input:focus,html.au-dark #contact-form input:focus,html.au-dark #contact-form select:focus,html.au-dark #contact-form textarea:focus{background:#0e1424!important;box-shadow:0 0 0 4px rgba(122,167,255,.2)!important}
html.au-dark #contact-form select{color-scheme:dark}
html.au-dark #contact-form select optgroup,html.au-dark #contact-form select option{background:#0e1424;color:var(--ink)}
html.au-dark #contact-form ::placeholder{color:#64748b}
html.au-dark em.is-pro{color:#fcd34d!important;background:rgba(245,158,11,.15)!important;border-color:rgba(245,158,11,.3)!important}
html.au-dark em.is-free{color:#6ee7b7!important;background:rgba(16,185,129,.15)!important;border-color:rgba(16,185,129,.3)!important}
html.au-dark .au-menu{background:rgba(0,0,0,.55)}
html.au-dark .au-menu__nav a span{color:#64748b}
html.au-dark .au-header__burger{color:var(--ink)}

html.au-dark main .text-accent,html.au-dark main .text-primary{color:#93b4ff!important}

/* ---------- Ambient background: stars and drifting colour glows ---------- */
.au-sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.au-shell{position:relative;z-index:1}
.aura .au-sky #starfield-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.au-sky__glow{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}
.au-sky__glow--1{width:46vw;height:46vw;max-width:640px;max-height:640px;left:-18vw;top:8vh;background:var(--g1,#3b82f6);opacity:.26;animation:auDriftA 28s ease-in-out infinite alternate}
.au-sky__glow--2{width:42vw;height:42vw;max-width:600px;max-height:600px;right:-16vw;top:42vh;background:var(--g2,#8b5cf6);opacity:.24;animation:auDriftB 34s ease-in-out infinite alternate}
.au-sky__glow--3{width:34vw;height:34vw;max-width:480px;max-height:480px;left:-10vw;bottom:-14vh;background:var(--g3,#d946ef);opacity:.16;animation:auDriftC 40s ease-in-out infinite alternate}
@keyframes auDriftA{to{transform:translate(8vw,22vh) scale(1.15)}}
@keyframes auDriftB{to{transform:translate(-7vw,-26vh) scale(.9)}}
@keyframes auDriftC{to{transform:translate(12vw,-18vh) scale(1.2)}}
@media (max-width:767px){.au-sky__glow{filter:blur(60px)}.au-sky__glow--1{width:80vw;height:80vw;left:-40vw}.au-sky__glow--2{width:76vw;height:76vw;right:-38vw}.au-sky__glow--3{display:none}}
/* Wide screens: give the content more room so the sides do not feel empty */
@media (min-width:1500px){
  .au-container,.au-header__bar,.aura .ui-container{max-width:1360px}
}
@media (min-width:1800px){
  .au-container,.au-header__bar,.aura .ui-container{max-width:1440px}
}

/* Editor switches for the background effects */
html.au-no-stars #starfield-canvas{display:none!important}
html.au-no-glows .au-sky__glow,html.au-no-glows .au-blob,html.au-no-glows .ui-page:before,html.au-no-glows .ui-page:after,html.au-no-glows .au-brands:before{display:none!important}

/* About section (homepage) */
.au-about{display:grid;gap:40px;align-items:center}
@media (min-width:1000px){.au-about{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}}
.au-about__title{margin:0 0 16px;font-size:clamp(1.95rem,1.35rem + 2vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.025em}
.au-about__lead{margin:0 0 22px;color:var(--muted);font-size:1.06rem;line-height:1.7}
.au-about__checks{display:grid;gap:10px;margin:0 0 28px;padding:0;list-style:none}
.au-about__checks li{position:relative;padding-left:32px;color:var(--ink-2);font-weight:600}
.au-about__checks li:before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--grad)}
.au-about__checks li:after{content:"";position:absolute;left:7px;top:7px;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.au-about__grid{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:640px){.au-about__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.au-about__card{padding:24px}
.au-about__card .au-icon{margin-bottom:16px}
.au-about__card h3{margin:0 0 6px;font-size:1.12rem;font-weight:800}
.au-about__card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}
body[data-site-preview="1"] #cookie-consent{display:none!important}

/* ---------- Testimonials ---------- */
.au-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.au-quote{display:flex;flex-direction:column;gap:18px;margin:0;padding:28px}
.au-quote__stars{display:flex;gap:3px;color:#fbbf24;font-size:1.05rem;letter-spacing:1px}
.au-quote__stars .is-off{color:var(--line-2)}
.au-quote blockquote{flex:1;margin:0}
.au-quote blockquote p{margin:0;color:var(--ink-2);font-size:1.02rem;line-height:1.75}
.au-quote blockquote p:before{content:'“';margin-right:2px;color:var(--blue);font-family:var(--head);font-weight:800}
.au-quote blockquote p:after{content:'”';margin-left:2px;color:var(--blue);font-family:var(--head);font-weight:800}
.au-quote figcaption{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.au-quote__avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:14px;background:var(--grad);color:#fff;font-family:var(--head);font-weight:800;font-size:.95rem}
.au-quote__who{display:flex;flex-direction:column;min-width:0}
.au-quote__who strong{color:var(--ink);font-family:var(--head);font-size:1rem}
.au-quote__who small{color:var(--muted);font-size:.85rem}
.au-quote__project{margin-left:auto;flex-shrink:0;color:var(--blue);font-family:var(--head);font-size:.85rem;font-weight:700}
.au-quote__project:hover{text-decoration:underline}
@media (max-width:639px){.au-quote{padding:22px}}

/* ---------- Project gallery: mockup card framed like the browser window, equal heights ---------- */
.aura .pd2-gallery{align-items:stretch}
.aura .pd2-browser{display:flex;flex-direction:column}
.aura .pd2-browser__view{flex:1;aspect-ratio:16/9}
.aura .pd2-shot{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:0;background:var(--surface)}
.aura .pd2-shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.aura .pd2-shot:hover img{transform:scale(1.02)}
.aura .pd2-gallery>:only-child{grid-column:1/-1;width:100%;max-width:880px;justify-self:center}
@media (max-width:520px){.pd2-hide-sm{display:none}}
@media (max-width:1023px){.aura .pd2-browser__view{flex:none;aspect-ratio:auto}}
/* Cards whose media runs to the edge must clip to their rounded corners (.aura .ui-card is overflow:visible for badges) */
.aura .ui-card.pd2-browser,.aura .ui-card.ui-product{overflow:hidden;isolation:isolate}
/* Product cards: covers are 4:3 showcase images — show them whole (media on top), a lone card spans the row (media left) */
.aura .ui-product{grid-template-columns:1fr!important}
.aura .ui-product__media{height:auto!important;min-height:0!important;aspect-ratio:4/3;border-right:0!important;border-bottom:1px solid var(--line)!important}
.aura .ui-product__media img{object-position:center}
@media (min-width:900px){
  .aura .ui-grid--2>.ui-product:only-child{grid-column:1/-1;grid-template-columns:minmax(0,44%) 1fr!important}
  .aura .ui-grid--2>.ui-product:only-child .ui-product__media{border-bottom:0!important;border-right:1px solid var(--line)!important}
  .aura .ui-grid--2>.ui-product:only-child .ui-product__body{justify-content:center;padding:32px 40px}
}

/* ---------- Product cards: small inset cover beside the text (whole cover visible) ---------- */
.au-product{grid-template-columns:minmax(0,38%) 1fr;grid-template-rows:none;align-items:center}
.au-product__media{align-self:center;margin:14px 0 14px 14px;border:1px solid var(--line);border-radius:14px}
.au-product__body{padding:16px 20px}
.au-product h3{font-size:1.3rem}
.au-product p{margin-bottom:12px;font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.au-product__foot{padding-top:10px}
@media (max-width:640px){
  .au-product__media{margin:12px 0 12px 12px;border-radius:12px}
  .au-product__body{padding:12px 14px}
  .au-product h3{font-size:1.1rem;margin-bottom:4px}
  .au-product p{font-size:.84rem;margin-bottom:8px}
  .au-product__top{min-height:0;margin-bottom:4px;font-size:.72rem}
  .au-product__foot{flex-wrap:wrap;gap:4px 10px;font-size:.82rem}
}

/* ---------- Package cards: own accent colour + icon per plan, soft glow, raised popular plan ---------- */
.aura .pkg-grid>.au-plan{--pc:var(--g1,#3b82f6);background:radial-gradient(130% 55% at 100% 0%,color-mix(in srgb,var(--pc) 22%,transparent),transparent 62%),linear-gradient(180deg,var(--surface-2),var(--surface))!important;border:1px solid color-mix(in srgb,var(--pc) 24%,transparent)!important;box-shadow:0 34px 60px -42px color-mix(in srgb,var(--pc) 75%,transparent)!important}
.aura .pkg-grid>.au-plan:nth-child(2){--pc:var(--g2,#8b5cf6)}
.aura .pkg-grid>.au-plan:nth-child(3){--pc:var(--g3,#d946ef)}
.aura .pkg-grid>.au-plan--popular{background:radial-gradient(130% 55% at 100% 0%,color-mix(in srgb,var(--pc) 28%,transparent),transparent 62%),linear-gradient(180deg,var(--surface-2),var(--surface))!important}
/* No neon: plain faint edges and neutral shadows; the popular plan stands out through its badge, icon, price and button */
.aura .pkg-grid>.au-plan{border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 30px 60px -36px rgba(0,0,0,.65)!important}
.aura .pkg-grid>.au-plan--popular{border-color:rgba(255,255,255,.12)!important}
@media (min-width:1000px){.aura .pkg-grid>.au-plan--popular{z-index:1;transform:translateY(-8px) scale(1.035)!important}}
.au-plan__badge{box-shadow:0 0 0 4px var(--surface),0 10px 22px -12px rgba(0,0,0,.7)}
.au-plan__head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.aura .au-plan__head h3{margin:0!important}
.au-plan__icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--pc) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 38%,transparent);color:color-mix(in srgb,var(--pc) 55%,#fff)}
.au-plan__icon:before{content:'rocket_launch';font-family:'Material Symbols Outlined';font-size:22px;font-weight:400;line-height:1;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.pkg-grid>.au-plan:nth-child(2) .au-plan__icon:before{content:'trending_up'}
.pkg-grid>.au-plan:nth-child(3) .au-plan__icon:before{content:'diamond'}
.au-plan--popular .au-plan__icon{background:var(--grad);box-shadow:0 10px 22px -10px rgba(139,92,246,.9);color:#fff}
.aura .au-plan__price{margin:0 0 14px!important;padding:12px 0!important;border-radius:0!important;background:none!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.aura .au-plan__price small{color:color-mix(in srgb,var(--pc) 55%,#fff);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.aura .au-plan__price strong{font-size:2.35rem!important;color:#fff}
.aura .au-plan__list li:before{background-color:color-mix(in srgb,var(--pc) 24%,transparent)!important}
.aura .au-plan .au-btn--ghost{border-color:color-mix(in srgb,var(--pc) 45%,transparent)!important;background:color-mix(in srgb,var(--pc) 10%,transparent)!important}
.aura .au-plan .au-btn--ghost:hover{background:color-mix(in srgb,var(--pc) 22%,transparent)!important}
@media (min-width:1000px) and (max-height:820px){.aura .au-plan__price strong{font-size:1.9rem!important}.aura .au-plan__price{padding:8px 0!important;margin-bottom:10px!important}}

/* ---------- Header: slimmer floating capsule; on wide screens logo, menu and button sit together in the middle ---------- */
.au-header__bar{height:58px;padding:0 8px 0 18px}
.au-header__logo img{height:26px}
.aura .au-header__cta{min-height:2.45rem;padding:0 1.1rem;font-size:.85rem}
.au-header__burger{width:42px;height:42px}
@media (min-width:640px) and (max-width:1199px){.aura .au-header__bar{max-width:680px}}
@media (min-width:1200px){
  .aura .au-header__bar{width:fit-content;max-width:calc(100% - 28px);gap:22px;height:56px;padding:0 7px 0 20px}
  .aura #main-nav.au-header__nav{flex:0 1 auto;gap:2px!important}
  .aura #main-nav.au-header__nav a{padding:7px 12px;font-size:.86rem}
  .au-header__right{margin-left:0}
}

/* ---------- Process: step numbers centred above their cards ---------- */
@media (min-width:1000px){
  .au-steps__item{grid-template-rows:auto 1fr}
  .au-steps__num{justify-self:center}
  .au-steps__card{display:flex;flex-direction:column;justify-content:center;text-align:center}
  .au-steps__item:not(:last-child):before{left:calc(50% + 34px);right:auto;width:calc(100% - 44px)}
}

/* ---------- /urunler and "Diğer ürünlerimiz": wide cards, small inset cover beside the text (whole cover visible) ---------- */
.aura .ui-grid--2:has(>.ui-product){grid-template-columns:1fr!important}
.aura .ui-product,.aura .ui-grid--2>.ui-product:only-child{grid-column:auto;grid-template-columns:1fr!important;align-items:center}
.aura .ui-product__media,.aura .ui-grid--2>.ui-product:only-child .ui-product__media{align-self:center;margin:12px 12px 0;border:1px solid var(--line)!important;border-radius:12px;overflow:hidden}
.aura .ui-product__body,.aura .ui-grid--2>.ui-product:only-child .ui-product__body{justify-content:center;padding:18px 20px 20px!important}
@media (min-width:640px){
  .aura .ui-product,.aura .ui-grid--2>.ui-product:only-child{grid-template-columns:auto 1fr!important}
  .aura .ui-product__media,.aura .ui-grid--2>.ui-product:only-child .ui-product__media{align-self:center;width:auto;height:clamp(160px,20vw,236px)!important;margin:14px 0 14px 14px;border-radius:14px}
  .aura .ui-product__body,.aura .ui-grid--2>.ui-product:only-child .ui-product__body{padding:24px 36px!important}
  .aura .ui-product__body p{max-width:46rem}
}

/* ---------- Small section labels: no capsule — spaced capitals after a short gradient line ---------- */
.au-kicker,.aura .cine-eyebrow,.aura .ed-kicker,.aura .pr-eyebrow,.au-badge,.au-contact__kicker,.au-cta__kicker{display:inline-flex!important;align-items:center;gap:12px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#a5b4fc!important;font-family:var(--head)!important;font-size:.74rem!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase!important;line-height:1.2}
.au-kicker:before,.aura .cine-eyebrow:before,.aura .ed-kicker:before,.aura .pr-eyebrow:before,.au-contact__kicker:before,.au-cta__kicker:before{content:''!important;flex-shrink:0;width:28px!important;height:2px!important;border-radius:2px!important;background:var(--grad)!important}
.au-head--center .au-kicker:after{content:'';flex-shrink:0;width:28px;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(-1)}
.au-badge{margin-bottom:20px!important;font-size:.8rem!important;color:#c7d2fe!important}
.au-badge span{width:34px!important;height:2px!important;border-radius:2px!important;box-shadow:none!important}
.au-contact__kicker,.au-cta__kicker{color:rgba(255,255,255,.92)!important}
.au-contact__kicker:before,.au-cta__kicker:before{background:rgba(255,255,255,.75)!important}

/* ---------- Testimonials: sliding row — 3 cards on desktop, 2 on tablets, 1 on phones ---------- */
.au-slider{--per:1;--gap:18px;position:relative}
@media (min-width:720px){.au-slider{--per:2}}
@media (min-width:1080px){.au-slider{--per:3}}
.au-slider .au-quotes{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding:6px 0 56px;margin:-6px 0 -56px}
.au-slider .au-quotes::-webkit-scrollbar{display:none}
.au-slider .au-quote{flex:0 0 calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));scroll-snap-align:start}
.au-slider__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px}
.au-slider__btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:1.1rem;cursor:pointer;transition:background-color .2s,border-color .2s}
.au-slider__btn:hover{border-color:rgba(165,180,252,.5);background:var(--surface-2)}
.au-slider__dots{display:flex;gap:8px}
.au-slider__dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--line-2);cursor:pointer;transition:width .3s,background-color .3s}
.au-slider__dots button[aria-current="true"]{width:26px;background:var(--grad)}
.au-slider.is-static .au-slider__nav{display:none}

/* ---------- Testimonial cards v2: gradient quote mark, rated star pill, author strip ---------- */
.au-slider .au-quote{position:relative;gap:0;padding:0;overflow:hidden!important;isolation:isolate;border-radius:24px!important;background:radial-gradient(120% 70% at 100% 0%,rgba(139,92,246,.16),transparent 60%),linear-gradient(180deg,var(--surface-2),var(--surface))!important;border:1px solid var(--line)!important;box-shadow:0 30px 60px -40px rgba(0,0,0,.65)!important;transition:border-color .25s,transform .25s,box-shadow .25s}
.au-slider .au-quote:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.14)!important;box-shadow:0 36px 70px -36px rgba(0,0,0,.75)!important}
.au-quote__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:26px 28px 0}
.au-slider .au-quote__stars{display:inline-flex;align-items:center;gap:2px;padding:6px 12px;border-radius:999px;background:rgba(251,191,36,.10);box-shadow:inset 0 0 0 1px rgba(251,191,36,.25);font-size:.9rem;letter-spacing:0}
.au-quote__stars b{margin-left:8px;color:#fde68a;font-family:var(--head);font-size:.82rem;font-weight:800}
.au-quote__mark{margin-top:-14px;font-family:Georgia,'Times New Roman',serif;font-size:5.2rem;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9;user-select:none}
.au-slider .au-quote blockquote{padding:4px 28px 24px}
.au-slider .au-quote blockquote p{color:var(--ink);font-size:1.04rem;line-height:1.75}
.au-slider .au-quote blockquote p:before,.au-slider .au-quote blockquote p:after{content:none}
.au-slider .au-quote figcaption{gap:14px;margin-top:auto;padding:18px 28px;border-top:1px solid var(--line);background:rgba(255,255,255,.025)}
.au-slider .au-quote__avatar{width:46px;height:46px;border-radius:50%;box-shadow:0 0 0 3px var(--surface),0 0 0 4px rgba(165,180,252,.35)}
.au-slider .au-quote__who strong{font-size:1rem}
.au-slider .au-quote__who small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-slider .au-quote__project{padding:7px 12px;border-radius:999px;background:var(--chip);color:#c7d2fe;font-size:.8rem;transition:background-color .2s,color .2s}
.au-slider .au-quote__project:hover{text-decoration:none;background:rgba(99,102,241,.32);color:#fff}
@media (max-width:639px){.au-quote__top{padding:22px 22px 0}.au-slider .au-quote blockquote{padding:4px 22px 20px}.au-slider .au-quote figcaption{padding:16px 22px}.au-quote__mark{font-size:4.4rem}}

/* ---------- Performance: soft glows drawn as radial gradients instead of blur filters (a moving 600px blur is re-rendered every frame) ---------- */
.au-sky__glow,.au-blob,.aura .ui-page:before,.aura .ui-page:after{filter:none!important;background:radial-gradient(closest-side,var(--glow) 0%,color-mix(in srgb,var(--glow) 55%,transparent) 45%,transparent 100%)!important;scale:1.5;will-change:auto}
.au-sky__glow{will-change:transform}
.au-sky__glow--1{--glow:var(--g1,#3b82f6)}.au-sky__glow--2{--glow:var(--g2,#8b5cf6)}.au-sky__glow--3{--glow:var(--g3,#d946ef)}
.au-blob--1{--glow:#c7d7fe}.au-blob--2{--glow:#e9d5ff}.au-blob--3{--glow:#bae6fd}.au-blob--4{--glow:var(--check)}.aura .ui-page:before{--glow:#c7d7fe}.aura .ui-page:after{--glow:#e9d5ff}
html.au-dark .au-blob--1{--glow:var(--g1,#3b82f6)}html.au-dark .au-blob--2{--glow:var(--g2,#8b5cf6)}html.au-dark .au-blob--3{--glow:#0e7490}html.au-dark .au-blob--4{--glow:#3730a3}html.au-dark .ui-page:before{--glow:#1d4ed8}html.au-dark .ui-page:after{--glow:#7c3aed}
/* No neon: the glowing line under the brand strip is gone */
.au-brands__beam{display:none!important}
/* Brand strip: bare logos only (no card, no name), small and greyscale; each one takes its own colours on hover */
.au-brands__list:has(.au-brand--logo){gap:48px;padding-right:48px;align-items:center}
.au-brand--logo{display:flex;align-items:center;height:42px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transition:transform .3s}
.au-brand--logo img{display:block;width:auto;height:auto;max-height:100%;max-width:120px;object-fit:contain;filter:grayscale(1) brightness(1.15);opacity:.6;transition:filter .35s,opacity .35s}
.au-brand--logo:hover img,.au-brand--logo:focus-visible img{filter:none;opacity:1}
.au-brand--logo:hover{transform:translateY(-2px);border:0;box-shadow:none}
.au-brand:hover{border-color:rgba(255,255,255,.14);box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
@media (max-width:767px){.au-brands__list:has(.au-brand--logo){gap:32px;padding-right:32px}.au-brand--logo{height:32px}.au-brand--logo img{max-width:90px}}

/* =====================================================================
   Premium pass (2026-10-21): same dark layout and cards as before, refined so it stops reading as "AI neon".
   Deeper near-black page, quieter stars and glows, one cool blue→violet range (no hot magenta),
   cards with a fine light edge instead of coloured glows, one icon style, faint film grain.
   ===================================================================== */
html.aura.au-dark{
  --g1:#5b7cfa;--g2:#7b61ff;--g3:#a77bf3;
  --bg:#05060a;--surface:#0c0e15;--surface-2:#10131c;--card:#0c0e15;--field:#080a10;
  --ink:#f4f5f8;--ink-2:#c9cdd8;--muted:#8d94a5;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.13);
  --blue:#a9b8ff;--chip:rgba(255,255,255,.06);
  --edge:inset 0 1px 0 rgba(255,255,255,.06);
  --card-bg:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01) 40%),#0b0d14;
}
html.aura.au-dark ::selection{background:rgba(123,97,255,.35)}

/* Ambient: stars and colour glows stay, but much quieter; a faint grain gives the dark surfaces texture */
html.aura .au-sky #starfield-canvas{opacity:.35!important}
html.aura .au-sky__glow{opacity:.1!important;filter:blur(120px)!important}
html.aura .au-sky__glow--3{display:none!important}
html.aura .au-blob{opacity:.1!important}
html.aura .au-section--tinted{background:none!important}
html.aura body:after{content:'';position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Header: darker bar, active link as a quiet white chip */
html.aura .au-header__bar{background:rgba(10,12,18,.78)!important;box-shadow:0 0 0 1px var(--line),var(--edge)!important}
html.aura #main-nav.au-header__nav a.is-active{background:rgba(255,255,255,.07)!important;color:var(--ink)!important}

/* Buttons: gradient kept for the main action only, no coloured glow; a fine top highlight instead */
html.aura .au-btn--primary,html.aura .ui-btn--primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px -14px rgba(0,0,0,.9)!important}
html.aura .au-btn--primary:hover,html.aura .ui-btn--primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 14px 28px -14px rgba(0,0,0,.95)!important}
html.aura .au-btn--ghost,html.aura .ui-btn--ghost,html.aura .au-link{background:rgba(255,255,255,.03)!important;box-shadow:0 0 0 1px var(--line-2),var(--edge)!important;border:0!important}
html.aura .au-btn--ghost:hover,html.aura .au-link:hover{background:rgba(255,255,255,.06)!important}
/* The form button: the old cinematic rule (ids inside :not) paints it flat blue; a repeated id outranks it */
html.aura #contact-form#contact-form#contact-form button[type=submit]{background:var(--grad)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important}
html.aura #contact-form button[type=submit]>div{display:none}

/* Headings and kickers */
html.aura main h1,html.aura main h2{letter-spacing:-.035em}
html.aura .au-kicker,html.aura .cine-eyebrow{color:#9aa6d8!important;letter-spacing:.22em!important;font-size:.72rem!important}

/* Cards: dark surface with a light top edge and hairline; hover brightens the edge, no glow */
html.aura .au-card,html.aura .ui-card,html.aura .au-quote{background:var(--card-bg)!important;box-shadow:0 0 0 1px var(--line),var(--edge),0 24px 48px -32px rgba(0,0,0,.9)!important}
html.aura .au-card--hover:hover,html.aura .ui-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line-2),inset 0 1px 0 rgba(255,255,255,.09),0 30px 60px -34px rgba(0,0,0,.95)!important}

/* Icons: one style for all — dark tile, fine edge, soft lilac glyph */
html.aura.au-dark .au-icon,html.aura.au-dark .ui-icon{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015))!important;color:#c3cbff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),var(--edge)!important}
html.aura .au-service .service-card-action{color:var(--ink-2)!important}
html.aura .au-service:hover .service-card-action{color:var(--ink)!important}
html.aura.au-dark .au-sector__tag,html.aura.au-dark .au-sector__foot{color:var(--ink-2)!important}

/* Packages: neutral cards; the popular one gets a fine gradient border and a quiet badge */
html.aura .pkg-grid>.au-plan{background:var(--card-bg)!important;box-shadow:0 0 0 1px var(--line),var(--edge),0 24px 48px -32px rgba(0,0,0,.9)!important}
html.aura .pkg-grid>.au-plan--popular{position:relative;background:radial-gradient(120% 50% at 50% 0%,rgba(123,97,255,.12),transparent 70%),#0d0f18!important;box-shadow:0 30px 60px -34px rgba(0,0,0,.95)!important}
html.aura .pkg-grid>.au-plan--popular:before{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(160deg,rgba(169,184,255,.55),rgba(255,255,255,.06) 40%,rgba(167,123,243,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
html.aura .au-plan__badge{background:#12152a!important;color:#d6dcff!important;box-shadow:0 0 0 1px rgba(169,184,255,.35),0 0 0 4px var(--bg)!important}
html.aura .au-plan__icon{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015))!important;color:#c3cbff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)!important}
html.aura .au-plan__icon *{color:#c3cbff!important}
html.aura .au-plan__price small{color:var(--muted)!important}
html.aura .au-plan__list li:before{background-color:rgba(255,255,255,.06)!important}
html.aura .au-plan .au-btn--ghost{background:rgba(255,255,255,.03)!important}

/* Process: dark numbered discs with a gradient ring instead of glowing gradient balls */
html.aura .au-steps__num,html.aura .au-steps__item.is-on .au-steps__num{background:#0d0f18!important;color:var(--ink)!important;box-shadow:0 0 0 1px var(--line-2),var(--edge)!important}
html.aura .au-steps__item.is-on .au-steps__num{box-shadow:0 0 0 1px rgba(169,184,255,.6),0 0 0 6px rgba(123,97,255,.08)!important}

/* Contact: deep ink panel instead of a bright gradient block */
html.aura.au-dark .au-contact{background:#0b0d14!important;box-shadow:0 0 0 1px var(--line),var(--edge),0 40px 80px -40px rgba(0,0,0,.95)!important}
html.aura.au-dark .au-contact__side{background:radial-gradient(90% 70% at 0% 0%,rgba(91,124,250,.18),transparent 60%),radial-gradient(80% 70% at 100% 100%,rgba(167,123,243,.14),transparent 60%),#0f1220!important;box-shadow:inset -1px 0 0 var(--line)}
html.aura .au-contact__side:after{display:none}
html.aura .au-contact__steps b{background:rgba(255,255,255,.08)!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
html.aura.au-dark .au-cta{background:radial-gradient(70% 90% at 100% 0%,rgba(123,97,255,.2),transparent 60%),#0f1220!important;box-shadow:0 0 0 1px var(--line),var(--edge)!important}
html.aura .au-cta:before{opacity:.25}

/* Small leftovers */
html.aura .pcard__cat{background:rgba(8,10,16,.85)!important;color:var(--ink-2)!important}
html.aura .au-cookie{background:#0c0e15!important;box-shadow:0 0 0 1px var(--line-2),0 24px 48px -24px rgba(0,0,0,.9)!important}
html.aura .au-stage__dots button.is-active{background:var(--ink)!important}
html.aura .au-steps__item:not(:last-child):before{background:linear-gradient(180deg,rgba(169,184,255,.4),rgba(255,255,255,.08))!important}
@media (min-width:1000px){html.aura .au-steps__item:not(:last-child):before{width:calc(100% - 44px);height:1px}}
html.aura.au-dark .ui-page:before,html.aura.au-dark .ui-page:after{opacity:.1!important}

/* =====================================================================
   Premium pass, livelier balance (2026-10-21): the refined version read as too plain.
   Colour comes back in measured doses: stars and glows a bit stronger, each service its own tinted icon,
   coloured hover edges, gradient step discs, a rich (but deep) contact panel and CTA band.
   ===================================================================== */
html.aura .au-sky #starfield-canvas{opacity:.6!important}
html.aura .au-sky__glow{opacity:.2!important;filter:blur(100px)!important}
html.aura .au-sky__glow--3{display:block!important;opacity:.12!important}
html.aura .au-blob{opacity:.18!important}

/* Services: own colour per item, kept deep */
html.aura.au-dark .au-service>.au-icon{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 24%,transparent),color-mix(in srgb,var(--c) 8%,transparent))!important;color:color-mix(in srgb,var(--c) 50%,#fff)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px -14px var(--c)!important}
html.aura.au-dark .au-service{background:radial-gradient(90% 60% at 0% 0%,color-mix(in srgb,var(--c) 9%,transparent),transparent 65%),var(--card-bg)!important}
html.aura .au-service .service-card-action{color:color-mix(in srgb,var(--c) 45%,#fff)!important}
html.aura .au-card--hover.au-service:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.09),0 30px 60px -30px color-mix(in srgb,var(--c) 45%,#000)!important}
html.aura.au-dark .au-sector__tag,html.aura.au-dark .au-sector__foot{color:color-mix(in srgb,var(--c,#7b61ff) 50%,#fff)!important}

/* Packages: badge back in gradient, popular card glows softly from the top */
html.aura .au-plan__badge{background:var(--grad)!important;color:#fff!important;box-shadow:0 0 0 4px var(--bg),0 10px 24px -12px rgba(123,97,255,.8)!important}
html.aura .pkg-grid>.au-plan--popular{background:radial-gradient(120% 55% at 50% 0%,rgba(123,97,255,.24),transparent 70%),#0e1020!important;box-shadow:0 30px 70px -30px rgba(91,80,220,.45)!important}
html.aura.au-dark .au-plan__icon{background:var(--grad)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)!important}
html.aura.au-dark .au-plan__icon *{color:#fff!important}
html.aura .pkg-grid>.au-plan:not(.au-plan--popular) .au-plan__icon{background:linear-gradient(180deg,rgba(123,97,255,.28),rgba(91,124,250,.1))!important;box-shadow:inset 0 0 0 1px rgba(169,184,255,.3)!important}

/* Process: reached steps get the gradient disc again, with a soft halo instead of a hard glow */
html.aura .au-steps__item.is-on .au-steps__num{background:var(--grad)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 6px rgba(123,97,255,.12),0 12px 28px -10px rgba(123,97,255,.6)!important}
html.aura .au-steps__item:not(:last-child):before{background:linear-gradient(90deg,rgba(169,184,255,.7),rgba(167,123,243,.25))!important}

/* Contact and CTA: rich but deep gradients */
html.aura.au-dark .au-contact__side{background:radial-gradient(80% 60% at 100% 100%,rgba(255,255,255,.07),transparent 60%),linear-gradient(145deg,#24317a 0%,#3a2a8c 55%,#4a2a7e 100%)!important}
html.aura .au-contact__side:after{display:block!important;background:rgba(255,255,255,.06)!important}
html.aura .au-contact__steps b{background:#fff!important;color:#4338ca!important;box-shadow:none}
html.aura.au-dark .au-cta{background:radial-gradient(60% 90% at 100% 0%,rgba(255,255,255,.1),transparent 60%),linear-gradient(120deg,#24317a 0%,#3a2a8c 55%,#4a2a7e 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 40px 80px -40px rgba(80,60,200,.5)!important}
html.aura .au-kicker,html.aura .cine-eyebrow{color:#b3bdf5!important}

/* =====================================================================
   Hero attention pass (2026-10-21): same layout, more presence on first view.
   Staggered entrance, devices tilt toward the cursor (aura.js sets --rx/--ry), a pulsing light behind the
   devices with a floor reflection, sharper slide changes, dots that fill like a timer, a sheen on the accent words.
   ===================================================================== */
@keyframes auRise{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes auLift{from{translate:0 22px}to{translate:0 0}}
@keyframes auStageIn{from{transform:translateX(48px) scale(.94)}to{transform:none}}
@keyframes auPop{from{opacity:0;scale:.6}70%{scale:1.05}to{opacity:1;scale:1}}
@keyframes auGlow{0%,100%{opacity:.55;scale:1}50%{opacity:.85;scale:1.08}}
@keyframes auSheen{0%,55%{background-position:120% 0}100%{background-position:-60% 0}}
@keyframes auPageIn{from{opacity:0;scale:1.04}to{opacity:1;scale:1}}
@keyframes auPhoneIn{from{opacity:0;translate:0 18%}to{opacity:1;translate:0 0}}
@keyframes auDotFill{from{width:0}to{width:100%}}

/* Entrance: copy line by line, then the devices, then the phone and floating cards */
html.aura .au-hero__copy>*{animation:auRise .7s cubic-bezier(.2,.7,.2,1) both}
/* The heading and lead stay visible from the first paint (only slide up) so they never delay the page's largest content */
html.aura .au-hero__copy>.au-hero__title,html.aura .au-hero__copy>.au-hero__lead{animation-name:auLift}
html.aura .au-hero__copy>:nth-child(2){animation-delay:.12s}
html.aura .au-hero__copy>:nth-child(3){animation-delay:.26s}
html.aura .au-hero__copy>:nth-child(4){animation-delay:.4s}
html.aura .au-hero__copy>:nth-child(5){animation-delay:.54s}
html.aura .au-stage{animation:auStageIn 1s cubic-bezier(.2,.7,.2,1) backwards}
html.aura .au-phone{animation:auPop .9s 1s cubic-bezier(.2,.7,.2,1) both,auFloat 6s 1.9s ease-in-out infinite}

/* Cursor tilt on the whole scene (values come from aura.js, eased by the transition) */
html.aura .au-stage__scene{transform:perspective(1600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}

/* Light behind the devices + reflection on the floor */
html.aura .au-stage__scene:before{content:'';position:absolute;z-index:-1;inset:-14% -10% -4% 0%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--g2,#7b61ff) 80%,transparent),color-mix(in srgb,var(--g1,#5b7cfa) 40%,transparent) 55%,transparent);filter:blur(46px);animation:auGlow 6s ease-in-out infinite;pointer-events:none}
html.aura .au-stage__scene:after{content:'';position:absolute;z-index:-1;left:16%;right:4%;bottom:3%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(140,130,255,.45),transparent);filter:blur(18px);pointer-events:none}
html.aura .au-laptop__screen{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 90px -30px rgba(0,0,0,.95),0 0 80px -20px color-mix(in srgb,var(--g2,#7b61ff) 45%,transparent)!important}

/* Slide change: page lands sharp out of a blur, phone screen slides up */
html.aura .au-laptop__page.is-active{animation:auPageIn .8s cubic-bezier(.2,.7,.2,1) backwards}
/* The long page image scrolls on its own compositor layer so it never repaints while moving */
html.aura .au-laptop__page img{will-change:transform;backface-visibility:hidden}
html.aura .au-stage__scene:before{will-change:opacity,scale}
html.aura .au-phone__screen img.is-active{animation:auPhoneIn .7s .1s cubic-bezier(.2,.7,.2,1) backwards}

/* Dots fill like a timer for the current slide */
html.aura .au-stage__dots button{position:relative;overflow:hidden;height:6px!important;background:rgba(255,255,255,.18)!important}
html.aura .au-stage__dots button.is-active{width:46px!important;background:rgba(255,255,255,.18)!important}
html.aura .au-stage__dots button.is-active:after{content:'';position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--grad);animation:auDotFill 9s linear both}

/* Accent words: a slow light sheen across the gradient */
html.aura .au-hero__title .au-grad{background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%),var(--grad);background-size:250% 100%,100% 100%;background-repeat:no-repeat;animation:auSheen 6s 1.6s ease-in-out 3}

@media (prefers-reduced-motion:reduce){
  html.aura .au-hero__copy>*,html.aura .au-stage,html.aura .au-phone,html.aura .au-float--project,html.aura .au-float--chip,html.aura .au-stage__scene:before,html.aura .au-laptop__page.is-active,html.aura .au-phone__screen img.is-active,html.aura .au-hero__title .au-grad{animation:none!important}
  html.aura .au-stage__dots button.is-active:after{animation:none;width:100%}
  html.aura .au-stage__scene{transform:none;transition:none}
}
/* The laptop has no 3D children: flattening it lets the scrolling page image stay on its own layer (no per-frame re-render) */
html.aura .au-laptop{transform-style:flat}

/* =====================================================================
   Services, livelier (2026-10-21): the cards read as too calm. Each card now carries its own colour clearly:
   solid colour icon tile, a thin colour line on top, a stronger corner glow, a large faint number,
   and a hover that lifts the card, lights the edge in its colour, tilts the icon and slides the arrow.
   ===================================================================== */
html.aura .au-services{counter-reset:svc}
html.aura.au-dark .au-service{position:relative;overflow:hidden;counter-increment:svc;background:radial-gradient(110% 70% at 0% 0%,color-mix(in srgb,var(--c) 20%,transparent),transparent 62%),radial-gradient(80% 60% at 100% 100%,color-mix(in srgb,var(--c) 7%,transparent),transparent 70%),var(--card-bg)!important;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s!important}
html.aura .au-service:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 30%,transparent) 70%,transparent);opacity:.9}
html.aura .au-service:after{content:counter(svc,decimal-leading-zero);position:absolute;right:18px;top:6px;font-family:var(--head);font-size:4.6rem;font-weight:800;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--c) 35%,transparent);opacity:.55;pointer-events:none;transition:opacity .45s,transform .45s}
html.aura.au-dark .au-service>.au-icon{width:54px!important;height:54px!important;border-radius:16px!important;background:linear-gradient(140deg,color-mix(in srgb,var(--c) 92%,#fff) 0%,var(--c) 45%,color-mix(in srgb,var(--c) 65%,#000) 100%)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 28px -10px var(--c)!important;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
html.aura.au-dark .au-service>.au-icon .material-symbols-outlined{color:#fff!important;font-size:27px!important}
html.aura .au-service .service-card-action{color:color-mix(in srgb,var(--c) 60%,#fff)!important}
html.aura .au-service .service-card-action span{display:inline-block;transition:transform .35s}
html.aura .au-card--hover.au-service:hover{transform:translateY(-6px)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.1),0 34px 70px -30px color-mix(in srgb,var(--c) 60%,#000)!important}
html.aura .au-service:hover>.au-icon{transform:rotate(-8deg) scale(1.08)}
html.aura .au-service:hover:after{opacity:1;transform:translateY(-4px)}
html.aura .au-service:hover .service-card-action span{transform:translateX(5px)}
@media (max-width:639px){html.aura .au-service:after{display:none}html.aura.au-dark .au-service>.au-icon{width:46px!important;height:46px!important}}
@media (prefers-reduced-motion:reduce){html.aura .au-card--hover.au-service:hover,html.aura .au-service:hover>.au-icon{transform:none!important}}

/* =====================================================================
   Inner pages get the same lively cards (2026-10-21). Cards there carry no colour of their own, so each grid
   hands out the homepage service colours by position (blue, violet, teal, pink, green, orange).
   Applies to cards with an icon and to linked cards; product and stats cards keep their own look.
   ===================================================================== */
html.aura .ui-grid>:nth-child(6n+1){--c:#2563eb}
html.aura .ui-grid>:nth-child(6n+2){--c:#7c3aed}
html.aura .ui-grid>:nth-child(6n+3){--c:#0891b2}
html.aura .ui-grid>:nth-child(6n+4){--c:#db2777}
html.aura .ui-grid>:nth-child(6n+5){--c:#059669}
html.aura .ui-grid>:nth-child(6n+6){--c:#ea580c}
html.aura.au-dark :is(.ui-card:has(.ui-icon),.ui-card--hover,a.ui-card):not(.ui-product,.ui-stats *){position:relative;overflow:hidden;background:radial-gradient(110% 70% at 0% 0%,color-mix(in srgb,var(--c,#7b61ff) 18%,transparent),transparent 62%),radial-gradient(80% 60% at 100% 100%,color-mix(in srgb,var(--c,#7b61ff) 6%,transparent),transparent 70%),var(--card-bg)!important;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s!important}
html.aura.au-dark :is(.ui-card:has(.ui-icon),.ui-card--hover,a.ui-card):not(.ui-product,.ui-stats *):before{content:''!important;display:block!important;position:absolute;inset:0 0 auto 0!important;height:2px;padding:0!important;border-radius:0!important;background:linear-gradient(90deg,var(--c,#7b61ff),color-mix(in srgb,var(--c,#7b61ff) 30%,transparent) 70%,transparent)!important;-webkit-mask:none!important;mask:none!important;opacity:.9!important;pointer-events:none}
html.aura.au-dark .ui-card .ui-icon{background:linear-gradient(140deg,color-mix(in srgb,var(--c,#7b61ff) 92%,#fff) 0%,var(--c,#7b61ff) 45%,color-mix(in srgb,var(--c,#7b61ff) 65%,#000) 100%)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 28px -10px var(--c,#7b61ff)!important;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
html.aura.au-dark .ui-card .ui-icon .material-symbols-outlined,html.aura.au-dark .ui-card .ui-icon svg{color:#fff!important}
html.aura .ui-card .service-card-action{color:color-mix(in srgb,var(--c,#7b61ff) 60%,#fff)!important}
html.aura .ui-card .service-card-action span{display:inline-block;transition:transform .35s}
html.aura.au-dark :is(.ui-card--hover,a.ui-card):not(.ui-product):hover{transform:translateY(-6px)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--c,#7b61ff) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.1),0 34px 70px -30px color-mix(in srgb,var(--c,#7b61ff) 60%,#000)!important}
html.aura .ui-card--hover:hover .ui-icon{transform:rotate(-8deg) scale(1.08)}
html.aura .ui-card--hover:hover .service-card-action span{transform:translateX(5px)}
/* Service list on /hizmetler: the same faint big numbers as the homepage */
html.aura .ui-grid:has(>.ui-card .service-card-action){counter-reset:svc}
html.aura.au-dark .ui-grid>.ui-card:has(.service-card-action){counter-increment:svc}
html.aura.au-dark .ui-grid>.ui-card:has(.service-card-action):after{content:counter(svc,decimal-leading-zero)!important;display:block!important;position:absolute;right:18px;top:6px;inset:6px 18px auto auto!important;width:auto!important;height:auto!important;background:none!important;font-family:var(--head);font-size:4.6rem;font-weight:800;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--c) 35%,transparent);opacity:.55!important;pointer-events:none;transition:opacity .45s,transform .45s}
html.aura .ui-grid>.ui-card:has(.service-card-action):hover:after{opacity:1!important;transform:translateY(-4px)}
@media (max-width:639px){html.aura.au-dark .ui-grid>.ui-card:has(.service-card-action):after{display:none!important}}
@media (prefers-reduced-motion:reduce){html.aura.au-dark .ui-card--hover:not(.ui-product):hover,html.aura .ui-card--hover:hover .ui-icon{transform:none!important}}
html.aura a.ui-card:not(.ui-product) .ui-card__foot{color:color-mix(in srgb,var(--c,#7b61ff) 60%,#fff)!important}
html.aura a.ui-card:not(.ui-product) .ui-card__foot span{display:inline-block;transition:transform .35s}
html.aura a.ui-card:not(.ui-product):hover .ui-card__foot span{transform:translateX(5px)}

/* =====================================================================
   Colour cards everywhere, calmer (2026-10-21).
   1) No cursor tilt on the hero devices. 2) The coloured-card language (thin colour line on top, soft corner light,
   coloured edge on hover) now also covers sectors, process steps, packages, project cards, testimonials and stats.
   3) Less neon overall: weaker glows and halos, softer icon tiles, quieter stars and background light.
   ===================================================================== */
html.aura .au-stage__scene{transform:none!important;transition:none!important;will-change:auto}

/* --- Less neon --- */
html.aura .au-sky #starfield-canvas{opacity:.45!important}
html.aura .au-sky__glow{opacity:.13!important}
html.aura .au-sky__glow--3{opacity:.08!important}
html.aura .au-blob{opacity:.1!important}
@keyframes auGlow{0%,100%{opacity:.3;scale:1}50%{opacity:.45;scale:1.05}}
html.aura .au-laptop__screen{box-shadow:0 0 0 1px rgba(255,255,255,.12),0 40px 90px -30px rgba(0,0,0,.95)!important}
html.aura .au-steps__item.is-on .au-steps__num{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 5px rgba(123,97,255,.08)!important}
html.aura .au-plan__badge{box-shadow:0 0 0 4px var(--bg)!important}
html.aura .pkg-grid>.au-plan--popular{background:radial-gradient(120% 50% at 50% 0%,rgba(123,97,255,.14),transparent 70%),#0e1020!important;box-shadow:0 30px 60px -34px rgba(0,0,0,.95)!important}
html.aura.au-dark .au-contact__side{background:linear-gradient(145deg,#1d2766 0%,#2c2370 55%,#382460 100%)!important}
html.aura.au-dark .au-cta{background:radial-gradient(60% 90% at 100% 0%,rgba(255,255,255,.07),transparent 60%),linear-gradient(120deg,#1d2766 0%,#2c2370 55%,#382460 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important}

/* Icon tiles: still in colour, but matte — softer highlight, no coloured halo */
html.aura.au-dark .au-service>.au-icon,html.aura.au-dark .ui-card .ui-icon{background:linear-gradient(150deg,color-mix(in srgb,var(--c,#7b61ff) 78%,#fff) 0%,var(--c,#7b61ff) 50%,color-mix(in srgb,var(--c,#7b61ff) 70%,#000) 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px -12px rgba(0,0,0,.9)!important}

/* Shared card language: corner light + top line + coloured hover edge, all toned down */
html.aura.au-dark .au-service,
html.aura.au-dark :is(.ui-card:has(.ui-icon),.ui-card--hover,a.ui-card):not(.ui-product,.ui-stats *){background:radial-gradient(110% 70% at 0% 0%,color-mix(in srgb,var(--c,#7b61ff) 11%,transparent),transparent 62%),var(--card-bg)!important}
html.aura .au-service:before,html.aura.au-dark :is(.ui-card:has(.ui-icon),.ui-card--hover,a.ui-card):not(.ui-product,.ui-stats *):before{opacity:.6!important}
html.aura .au-service:after,html.aura.au-dark .ui-grid>.ui-card:has(.service-card-action):after{opacity:.35!important}
html.aura .au-card--hover.au-service:hover,html.aura.au-dark :is(.ui-card--hover,a.ui-card):not(.ui-product):hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--c,#7b61ff) 42%,transparent),inset 0 1px 0 rgba(255,255,255,.08),0 28px 56px -32px rgba(0,0,0,.95)!important}

/* Colours by position for boxes that have none of their own */
html.aura :is(.au-steps,.pkg-grid,.etelia-project-grid,.au-quotes,.au-hero__stats,.ui-stats,.ui-timeline)>:nth-child(6n+1){--c:#2563eb}
html.aura :is(.au-steps,.pkg-grid,.etelia-project-grid,.au-quotes,.au-hero__stats,.ui-stats,.ui-timeline)>:nth-child(6n+2){--c:#7c3aed}
html.aura :is(.au-steps,.pkg-grid,.etelia-project-grid,.au-quotes,.au-hero__stats,.ui-stats,.ui-timeline)>:nth-child(6n+3){--c:#0891b2}
html.aura :is(.au-steps,.pkg-grid,.etelia-project-grid,.au-quotes,.au-hero__stats,.ui-stats,.ui-timeline)>:nth-child(6n+4){--c:#db2777}
html.aura :is(.au-steps,.pkg-grid,.etelia-project-grid,.au-quotes,.au-hero__stats,.ui-stats,.ui-timeline)>:nth-child(6n+5){--c:#059669}
html.aura :is(.au-steps,.pkg-grid,.etelia-project-grid,.au-quotes,.au-hero__stats,.ui-stats,.ui-timeline)>:nth-child(6n+6){--c:#ea580c}

/* The boxes themselves */
html.aura.au-dark :is(.au-sector,.au-steps__card,.pkg-grid>.au-plan:not(.au-plan--popular),.pcard,.au-quote,.au-hero__stats>div,.ui-stats>.ui-card){position:relative;overflow:hidden}
html.aura.au-dark :is(.au-steps__card,.pkg-grid>.au-plan:not(.au-plan--popular),.au-quote,.ui-stats>.ui-card){background:radial-gradient(110% 60% at 0% 0%,color-mix(in srgb,var(--c,#7b61ff) 10%,transparent),transparent 62%),var(--card-bg)!important}
html.aura.au-dark :is(.au-sector,.au-steps__card,.pkg-grid>.au-plan:not(.au-plan--popular),.pcard,.au-quote,.au-hero__stats>div,.ui-stats>.ui-card):before{content:''!important;display:block!important;position:absolute;z-index:3;inset:0 0 auto 0!important;height:2px;padding:0!important;border-radius:0!important;background:linear-gradient(90deg,var(--c,#7b61ff),color-mix(in srgb,var(--c,#7b61ff) 30%,transparent) 70%,transparent)!important;-webkit-mask:none!important;mask:none!important;opacity:.6!important;pointer-events:none}
html.aura.au-dark :is(.au-sector,.pcard){transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s!important}
html.aura.au-dark :is(.au-sector,.pcard):hover{transform:translateY(-6px)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--c,#7b61ff) 42%,transparent),0 28px 56px -32px rgba(0,0,0,.95)!important}
html.aura.au-dark .pkg-grid>.au-plan:not(.au-plan--popular){transition:box-shadow .45s}
html.aura.au-dark .pkg-grid>.au-plan:not(.au-plan--popular):hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.08),0 28px 56px -32px rgba(0,0,0,.95)!important}
html.aura.au-dark .pkg-grid>.au-plan:not(.au-plan--popular) .au-plan__icon{background:color-mix(in srgb,var(--c) 22%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)!important}
html.aura.au-dark .pkg-grid>.au-plan:not(.au-plan--popular) .au-plan__icon *,html.aura.au-dark .pkg-grid>.au-plan:not(.au-plan--popular) .au-plan__icon:before{color:color-mix(in srgb,var(--c) 55%,#fff)!important}
html.aura .pcard .pcard__more{color:color-mix(in srgb,var(--c,#7b61ff) 60%,#fff)!important}
html.aura .au-quote__mark{background:none!important;color:color-mix(in srgb,var(--c,#7b61ff) 60%,#fff)!important;-webkit-text-fill-color:currentColor!important}
html.aura .au-hero__stats dd{background:none!important;color:color-mix(in srgb,var(--c,#7b61ff) 55%,#fff)!important;-webkit-text-fill-color:currentColor!important}
html.aura .au-steps__card h3{color:var(--ink)}
@media (prefers-reduced-motion:reduce){html.aura.au-dark :is(.au-sector,.pcard):hover{transform:none!important}}

/* =====================================================================
   Image cards in colour (2026-10-21): on project, sector and product cards the picture covered the top line and
   the corner light, so they still read as plain. Their colour now sits where it can be seen: a colour line under
   the picture, a coloured category chip, light rising from the bottom of the text area and a tinted edge.
   ===================================================================== */
html.aura .au-products>:nth-child(1){--c:#7c3aed}
html.aura .au-products>:nth-child(2){--c:#0891b2}
html.aura .au-products>:nth-child(3){--c:#db2777}
html.aura.au-dark :is(.pcard,.au-sector,.au-product){position:relative;overflow:hidden;background:radial-gradient(90% 55% at 0% 100%,color-mix(in srgb,var(--c,#7b61ff) 14%,transparent),transparent 70%),radial-gradient(70% 50% at 100% 100%,color-mix(in srgb,var(--c,#7b61ff) 6%,transparent),transparent 70%),var(--card-bg)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--c,#7b61ff) 20%,rgba(255,255,255,.06)),inset 0 1px 0 rgba(255,255,255,.06),0 24px 48px -32px rgba(0,0,0,.9)!important;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s!important}
html.aura.au-dark :is(.pcard,.au-sector,.au-product):hover{transform:translateY(-6px)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--c,#7b61ff) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -30px color-mix(in srgb,var(--c,#7b61ff) 35%,#000)!important}
/* colour line under the picture (top line is not needed on these) */
html.aura.au-dark :is(.pcard,.au-sector):before{display:none!important}
html.aura .pcard__screen,html.aura .au-sector__media{position:relative}
html.aura .pcard__screen:after,html.aura .au-sector__media:after{content:''!important;position:absolute;z-index:2;left:0;right:0;bottom:0;top:auto!important;height:2px!important;opacity:.85!important;background:linear-gradient(90deg,var(--c,#7b61ff),color-mix(in srgb,var(--c,#7b61ff) 35%,transparent) 70%,transparent)!important;pointer-events:none}
html.aura .au-product__media{border-color:color-mix(in srgb,var(--c) 35%,rgba(255,255,255,.08))!important;box-shadow:0 14px 30px -18px color-mix(in srgb,var(--c) 45%,#000)}
/* coloured chips */
html.aura :is(.pcard__cat,.au-sector__tag){background:color-mix(in srgb,var(--c,#7b61ff) 22%,rgba(8,10,16,.85))!important;color:color-mix(in srgb,var(--c,#7b61ff) 45%,#fff)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,#7b61ff) 45%,transparent)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html.aura .au-product .au-pill{background:color-mix(in srgb,var(--c) 20%,transparent)!important;color:color-mix(in srgb,var(--c) 45%,#fff)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)!important}
html.aura .au-product__top>span:first-child{color:color-mix(in srgb,var(--c) 45%,#fff)!important}
/* coloured links + arrow nudge */
html.aura :is(.pcard__more,.au-sector__foot,.au-product__foot a,.au-product__foot>span:last-child){color:color-mix(in srgb,var(--c,#7b61ff) 60%,#fff)!important}
html.aura .au-product__foot{border-top-color:color-mix(in srgb,var(--c) 20%,rgba(255,255,255,.07))!important}
/* "Sektörünüz farklı mı?" strip */
html.aura.au-dark .au-note{background:linear-gradient(90deg,rgba(91,124,250,.08),rgba(123,97,255,.06) 50%,rgba(219,39,119,.05)),var(--card-bg)!important;box-shadow:0 0 0 1px rgba(169,184,255,.16),inset 0 1px 0 rgba(255,255,255,.06)!important}
@media (prefers-reduced-motion:reduce){html.aura.au-dark :is(.pcard,.au-sector,.au-product):hover{transform:none!important}}

/* =====================================================================
   Navy base (2026-10-21): back to the first theme's black-with-navy tones (#060912 page, #0e1424 cards)
   instead of the neutral grey-black of the premium pass. Only the base colours change.
   ===================================================================== */
html.aura.au-dark{
  --bg:#050912;--surface:#0b1222;--surface-2:#0f172b;--card:#0b1222;--field:#070c18;--soft:#111a30;
  --line:rgba(148,170,255,.09);--line-2:rgba(148,170,255,.16);
  --muted:#8e9ab3;--ink-2:#c6cee0;
  --card-bg:linear-gradient(180deg,rgba(120,150,255,.05),rgba(120,150,255,.012) 40%),#0a1121;
  --bg-rgb:5,9,18;
}
html.aura.au-dark,html.aura.au-dark body{background:var(--bg)!important}
html.aura .au-sky{background:radial-gradient(120% 80% at 50% -10%,#0b1430 0%,#060b18 45%,#04070f 100%)}
html.aura .au-header__bar{background:rgba(8,13,28,.8)!important}
html.aura .au-cookie{background:#0b1222!important}
html.aura.au-dark .au-contact{background:#0a1121!important}
html.aura.au-dark .pkg-grid>.au-plan--popular{background:radial-gradient(120% 50% at 50% 0%,rgba(123,97,255,.14),transparent 70%),#0c1328!important}

/* Less violet/pink (2026-10-21): ambient light, panels and the hero glow move to blue; the page reads black-navy.
   Violet stays only in small accents (buttons, the popular plan, its own service card). */
html.aura .au-sky{background:radial-gradient(120% 70% at 50% -10%,#0a1226 0%,#060a15 45%,#04060c 100%)}
html.aura .au-sky__glow--1{--glow:#2563eb;opacity:.11!important}
html.aura .au-sky__glow--2{--glow:#1e40af;opacity:.12!important}
html.aura .au-sky__glow--3{--glow:#0e7490;opacity:.06!important}
html.aura.au-dark .au-blob{--glow:#1d4ed8;opacity:.1!important}
html.aura.au-dark .ui-page:before,html.aura.au-dark .ui-page:after{--glow:#1d4ed8;opacity:.1!important}
html.aura .au-stage__scene:before{background:radial-gradient(closest-side,rgba(59,110,240,.5),rgba(37,70,190,.22) 55%,transparent)!important}
html.aura .au-stage__scene:after{background:radial-gradient(closest-side,rgba(90,130,255,.32),transparent)!important}
html.aura.au-dark .au-contact__side{background:radial-gradient(80% 60% at 100% 100%,rgba(255,255,255,.05),transparent 60%),linear-gradient(145deg,#13224f 0%,#152a63 55%,#1a2a5c 100%)!important}
html.aura.au-dark .au-cta{background:radial-gradient(60% 90% at 100% 0%,rgba(255,255,255,.06),transparent 60%),linear-gradient(120deg,#13224f 0%,#152a63 55%,#1a2a5c 100%)!important}
html.aura.au-dark .pkg-grid>.au-plan--popular{background:radial-gradient(120% 50% at 50% 0%,rgba(91,124,250,.12),transparent 70%),#0c1328!important}
html.aura.au-dark .au-note{background:linear-gradient(90deg,rgba(59,110,240,.08),rgba(59,110,240,.03)),var(--card-bg)!important}
html.aura .au-kicker,html.aura .cine-eyebrow{color:#a9b9e8!important}

/* Darker (2026-10-21): same black-navy family, one step deeper — page, cards, panels and the ambient light. */
html.aura.au-dark{
  --bg:#03060d;--surface:#080d1a;--surface-2:#0b1222;--card:#080d1a;--field:#050913;--soft:#0c1426;
  --card-bg:linear-gradient(180deg,rgba(120,150,255,.04),rgba(120,150,255,.01) 40%),#070c18;
  --bg-rgb:3,6,13;
}
html.aura .au-sky{background:radial-gradient(120% 70% at 50% -10%,#070d1c 0%,#04070f 45%,#020409 100%)}
html.aura .au-sky__glow--1{opacity:.08!important}
html.aura .au-sky__glow--2{opacity:.08!important}
html.aura .au-sky__glow--3{opacity:.04!important}
html.aura.au-dark .au-blob,html.aura.au-dark .ui-page:before,html.aura.au-dark .ui-page:after{opacity:.07!important}
html.aura .au-header__bar{background:rgba(5,9,19,.82)!important}
html.aura .au-cookie{background:#080d1a!important}
html.aura.au-dark .au-contact{background:#070c18!important}
html.aura.au-dark .au-contact__side{background:radial-gradient(80% 60% at 100% 100%,rgba(255,255,255,.04),transparent 60%),linear-gradient(145deg,#0d1838 0%,#10204b 55%,#132045 100%)!important}
html.aura.au-dark .au-cta{background:radial-gradient(60% 90% at 100% 0%,rgba(255,255,255,.05),transparent 60%),linear-gradient(120deg,#0d1838 0%,#10204b 55%,#132045 100%)!important}
html.aura.au-dark .pkg-grid>.au-plan--popular{background:radial-gradient(120% 50% at 50% 0%,rgba(91,124,250,.1),transparent 70%),#09101f!important}

/* =====================================================================
   Icon tiles (2026-10-21): depth instead of a flat square. A second tile in the same colour sits tilted behind,
   a gloss lies on the top half, the glyph carries a small shadow. On card hover the back tile swings out,
   a light sweeps across the tile and the glyph pops. (The icon font is static, so all of this is the tile.)
   ===================================================================== */
html.aura.au-dark :is(.au-service>.au-icon,.ui-card .ui-icon){position:relative;isolation:isolate;overflow:visible!important;transition:transform .5s cubic-bezier(.2,.7,.2,1)!important}
html.aura.au-dark :is(.au-service>.au-icon,.ui-card .ui-icon):before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:color-mix(in srgb,var(--c,#7b61ff) 55%,transparent);opacity:.35;transform:translate(7px,6px) rotate(10deg);transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .55s}
html.aura.au-dark :is(.au-service>.au-icon,.ui-card .ui-icon):after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.04) 48%,transparent 52%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 45%,transparent 60%);background-size:100% 100%,260% 100%;background-position:0 0,130% 0;background-repeat:no-repeat;transition:background-position .9s cubic-bezier(.2,.7,.2,1)}
html.aura.au-dark :is(.au-service>.au-icon,.ui-card .ui-icon) :is(.material-symbols-outlined,svg){position:relative;z-index:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
/* hover (cancels the earlier tilt of the whole tile; the back tile now does the moving) */
html.aura .au-service:hover>.au-icon,html.aura .ui-card--hover:hover .ui-icon,html.aura a.ui-card:hover .ui-icon{transform:translateY(-3px)!important}
html.aura.au-dark :is(.au-service:hover>.au-icon,.ui-card--hover:hover .ui-icon,a.ui-card:hover .ui-icon):before{opacity:.55;transform:translate(10px,8px) rotate(18deg)}
html.aura.au-dark :is(.au-service:hover>.au-icon,.ui-card--hover:hover .ui-icon,a.ui-card:hover .ui-icon):after{background-position:0 0,-40% 0}
html.aura.au-dark :is(.au-service:hover>.au-icon,.ui-card--hover:hover .ui-icon,a.ui-card:hover .ui-icon) :is(.material-symbols-outlined,svg){transform:scale(1.15)}
@media (prefers-reduced-motion:reduce){html.aura.au-dark :is(.au-service>.au-icon,.ui-card .ui-icon),html.aura.au-dark :is(.au-service>.au-icon,.ui-card .ui-icon):before,html.aura.au-dark :is(.au-service>.au-icon,.ui-card .ui-icon) :is(.material-symbols-outlined,svg){transition:none}}

/* Etelia icon set (includes/brand-icons.php): stroke + a soft two-tone fill (.d) */
.brand-icon{display:block;flex-shrink:0;width:26px;height:26px;overflow:visible}
.brand-icon .d{fill:currentColor;fill-opacity:.32;stroke:none}
html.aura .au-service>.au-icon .brand-icon{width:28px;height:28px}
html.aura .ui-icon .brand-icon{width:26px!important;height:26px!important}
@media (max-width:639px){html.aura .au-service>.au-icon .brand-icon{width:24px;height:24px}}

/* Slider dots: each is a 24px tall tap target (PageSpeed "touch targets"); the visible bar stays small, drawn as a centred background */
html.aura .au-stage__dots{gap:2px}
html.aura .au-stage__dots button.is-active:after{left:2px!important;top:9px!important;bottom:auto!important;height:6px;max-width:46px;border-radius:999px}
@keyframes auDotFill{from{width:0}to{width:46px}}
html.aura .au-slider__dots{gap:2px}
html.aura .au-stage__dots button:focus-visible,html.aura .au-slider__dots button:focus-visible{outline:2px solid #a9b8ff;outline-offset:2px;border-radius:6px}
html.aura .au-slider__dots button{position:relative;width:24px;height:24px;border-radius:6px;background:none!important}
html.aura .au-slider__dots button:before{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:999px;background:var(--line-2);transform:translate(-50%,-50%);transition:width .3s,background-color .3s}
html.aura .au-slider__dots button[aria-current="true"]{width:32px}
html.aura .au-slider__dots button[aria-current="true"]:before{width:26px;background:linear-gradient(90deg,var(--g1,#5b7cfa),var(--g2,#7b61ff))}
html.aura .au-stage__dots button{position:relative;width:24px!important;height:24px!important;background:none!important;border-radius:6px;overflow:visible}
html.aura .au-stage__dots button:before{content:'';position:absolute;left:50%;top:50%;width:9px;height:6px;border-radius:999px;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .3s}
html.aura .au-stage__dots button.is-active{width:50px!important;background:none!important}
html.aura .au-stage__dots button.is-active:before{width:46px}

/* Mobile performance (2026-10-21, measured with CPU x4): the timer bar grew via width (a full page re-layout every
   frame) and the heading sheen animated background-position (a style recalc every frame). The bar now scales on the
   compositor; the sheen is gone, the accent words keep their static gradient. */
@keyframes auDotGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html.aura .au-stage__dots button.is-active:after{width:46px!important;transform-origin:left center;animation:auDotGrow 9s linear both!important;will-change:transform}
html.aura .au-hero__title .au-grad{animation:none!important;background-image:var(--grad)!important;background-size:100% 100%!important}
@media (prefers-reduced-motion:reduce){html.aura .au-stage__dots button.is-active:after{animation:none!important;transform:none}}

/* Our SVG icons used inline (buttons, price tag, check lists, 404 links): sized to the text around them.
   The Google icon font is no longer loaded on the public site (316 KB it fetched for four glyphs). */
:not(.au-icon):not(.ui-icon)>.brand-icon{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.25em;flex-shrink:0}
.ui-btn>.brand-icon,.pd-price>.brand-icon{width:1.2em;height:1.2em}

/* Package icons are SVGs from brand-icons.php now (the CSS glyph trick needed the removed icon font) */
html.aura .au-plan__icon:before{content:none!important;display:none!important}
html.aura .au-plan__icon .brand-icon{width:22px;height:22px}
html.aura .au-plan__icon{color:#fff}
/* Review slider: arrows are SVG chevrons; keep the buttons fully on screen on phones */
html.aura .au-slider__btn svg{display:block}
@media (max-width:639px){html.aura .au-slider__nav{justify-content:center;gap:14px;padding:0 4px}html.aura .au-slider__dots{display:none}html.aura .au-slider__btn{width:44px;height:44px;flex-shrink:0}}