*,: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:Plus Jakarta Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-2{inset:-.5rem}.inset-0{inset:0}.-bottom-20{bottom:-5rem}.-left-6{left:-1.5rem}.-right-2{right:-.5rem}.-right-2\.5{right:-.625rem}.-right-6{right:-1.5rem}.-top-20{top:-5rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\/3{left:33.333333%}.left-1\/4{left:25%}.right-0{right:0}.right-1\/4{right:25%}.right-10{right:2.5rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-5{top:1.25rem}.top-8{top:2rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.col-span-7{grid-column:span 7/span 7}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.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}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-72{height:18rem}.h-8{height:2rem}.h-\[2px\]{height:2px}.h-\[400px\]{height:400px}.h-\[450px\]{height:450px}.h-\[460px\]{height:460px}.h-\[500px\]{height:500px}.h-\[550px\]{height:550px}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[280px\]{max-height:280px}.min-h-\[90vh\]{min-height:90vh}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:.375rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-\[400px\]{width:400px}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-\[550px\]{width:550px}.w-\[600px\]{width:600px}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.scale-\[1\.03\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.03\]{--tw-scale-x:1.03;--tw-scale-y:1.03}.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 spin{to{transform:rotate(1turn)}}.animate-\[spin_20s_linear_infinite\]{animation:spin 20s linear infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.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-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-400\/20{border-color:rgba(96,165,250,.2)}.border-blue-500\/10{border-color:rgba(59,130,246,.1)}.border-blue-500\/15{border-color:rgba(59,130,246,.15)}.border-blue-500\/20{border-color:rgba(59,130,246,.2)}.border-blue-500\/25{border-color:rgba(59,130,246,.25)}.border-blue-500\/30{border-color:rgba(59,130,246,.3)}.border-blue-500\/35{border-color:rgba(59,130,246,.35)}.border-blue-500\/40{border-color:rgba(59,130,246,.4)}.border-cyan-400{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.border-cyan-400\/20{border-color:rgba(34,211,238,.2)}.border-cyan-400\/30{border-color:rgba(34,211,238,.3)}.border-cyan-400\/50{border-color:rgba(34,211,238,.5)}.border-cyan-500\/30{border-color:rgba(6,182,212,.3)}.border-emerald-500\/20{border-color:rgba(16,185,129,.2)}.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}.border-emerald-500\/40{border-color:rgba(16,185,129,.4)}.border-red-500\/40{border-color:rgba(239,68,68,.4)}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-800\/80{border-color:rgba(30,41,59,.8)}.bg-\[\#050811\]{--tw-bg-opacity:1;background-color:rgb(5 8 17/var(--tw-bg-opacity,1))}.bg-\[\#070B14\]{--tw-bg-opacity:1;background-color:rgb(7 11 20/var(--tw-bg-opacity,1))}.bg-amber-500\/70{background-color:rgba(245,158,11,.7)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-black\/85{background-color:rgba(0,0,0,.85)}.bg-blue-500\/30{background-color:rgba(59,130,246,.3)}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-600\/20{background-color:rgba(37,99,235,.2)}.bg-blue-600\/30{background-color:rgba(37,99,235,.3)}.bg-blue-700\/15{background-color:rgba(29,78,216,.15)}.bg-blue-950{--tw-bg-opacity:1;background-color:rgb(23 37 84/var(--tw-bg-opacity,1))}.bg-blue-950\/40{background-color:rgba(23,37,84,.4)}.bg-blue-950\/60{background-color:rgba(23,37,84,.6)}.bg-blue-950\/70{background-color:rgba(23,37,84,.7)}.bg-blue-950\/80{background-color:rgba(23,37,84,.8)}.bg-cyan-400{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-cyan-500\/10{background-color:rgba(6,182,212,.1)}.bg-cyan-500\/15{background-color:rgba(6,182,212,.15)}.bg-cyan-950\/50{background-color:rgba(8,51,68,.5)}.bg-cyan-950\/60{background-color:rgba(8,51,68,.6)}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}.bg-emerald-500\/70{background-color:rgba(16,185,129,.7)}.bg-emerald-950\/60{background-color:rgba(2,44,34,.6)}.bg-emerald-950\/70{background-color:rgba(2,44,34,.7)}.bg-red-500\/70{background-color:rgba(239,68,68,.7)}.bg-red-950\/80{background-color:rgba(69,10,10,.8)}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/60{background-color:rgba(15,23,42,.6)}.bg-slate-900\/80{background-color:rgba(15,23,42,.8)}.bg-slate-900\/90{background-color:rgba(15,23,42,.9)}.bg-slate-950\/70{background-color:rgba(2,6,23,.7)}.bg-slate-950\/80{background-color:rgba(2,6,23,.8)}.bg-slate-950\/85{background-color:rgba(2,6,23,.85)}.bg-transparent{background-color:transparent}.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))}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--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)}.via-cyan-400{--tw-gradient-to:rgba(34,211,238,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#22d3ee var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-cyan-400{--tw-gradient-to:#22d3ee var(--tw-gradient-to-position)}.to-sky-300{--tw-gradient-to:#7dd3fc var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pr-1{padding-right:.25rem}.pt-16{padding-top:4rem}.pt-3{padding-top:.75rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Plus Jakarta Sans,sans-serif}.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-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.12\]{line-height:1.12}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500\/40{color:rgba(59,130,246,.4)}.text-cyan-100{--tw-text-opacity:1;color:rgb(207 250 254/var(--tw-text-opacity,1))}.text-cyan-300{--tw-text-opacity:1;color:rgb(103 232 249/var(--tw-text-opacity,1))}.text-cyan-300\/90{color:rgba(103,232,249,.9)}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-cyan-400\/80{color:rgba(34,211,238,.8)}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-400\/80{color:rgba(52,211,153,.8)}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/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))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-slate-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(100 116 139/var(--tw-placeholder-opacity,1))}.placeholder-slate-500::placeholder{--tw-placeholder-opacity:1;color:rgb(100 116 139/var(--tw-placeholder-opacity,1))}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.opacity-\[0\.03\]{opacity:.03}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_0_15px_rgba\(59\2c 130\2c 246\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(59\2c 130\2c 246\2c 0\.5\)\]{--tw-shadow:0 0 15px rgba(59,130,246,.5);--tw-shadow-colored:0 0 15px var(--tw-shadow-color)}.shadow-\[0_0_20px_rgba\(59\2c 130\2c 246\2c 0\.2\)\]{--tw-shadow:0 0 20px rgba(59,130,246,.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)}.shadow-\[0_0_20px_rgba\(59\2c 130\2c 246\2c 0\.4\)\]{--tw-shadow:0 0 20px rgba(59,130,246,.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_20px_rgba\(59\2c 130\2c 246\2c 0\.5\)\]{--tw-shadow:0 0 20px rgba(59,130,246,.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)}.shadow-\[0_0_25px_rgba\(16\2c 185\2c 129\2c 0\.3\)\]{--tw-shadow:0 0 25px rgba(16,185,129,.3);--tw-shadow-colored:0 0 25px 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_25px_rgba\(6\2c 182\2c 212\2c 0\.35\)\]{--tw-shadow:0 0 25px rgba(6,182,212,.35);--tw-shadow-colored:0 0 25px 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\(6\2c 182\2c 212\2c 0\.2\)\]{--tw-shadow:0 0 30px rgba(6,182,212,.2);--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_0_50px_rgba\(0\2c 0\2c 0\2c 0\.8\)\]{--tw-shadow:0 0 50px rgba(0,0,0,.8);--tw-shadow-colored:0 0 50px 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_50px_rgba\(37\2c 99\2c 235\2c 0\.3\)\]{--tw-shadow:0 0 50px rgba(37,99,235,.3);--tw-shadow-colored:0 0 50px 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_60px_rgba\(37\2c 99\2c 235\2c 0\.2\)\]{--tw-shadow:0 0 60px rgba(37,99,235,.2);--tw-shadow-colored:0 0 60px 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_60px_rgba\(37\2c 99\2c 235\2c 0\.3\)\]{--tw-shadow:0 0 60px rgba(37,99,235,.3);--tw-shadow-colored:0 0 60px var(--tw-shadow-color)}.shadow-\[0_0_60px_rgba\(37\2c 99\2c 235\2c 0\.3\)\],.shadow-\[0_0_8px_\#38BDF8\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_\#38BDF8\]{--tw-shadow:0 0 8px #38bdf8;--tw-shadow-colored:0 0 8px var(--tw-shadow-color)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.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-black\/40{--tw-shadow-color:rgba(0,0,0,.4);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur-\[80px\]{--tw-blur:blur(80px)}.blur-\[80px\],.blur-\[90px\]{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-\[90px\]{--tw-blur:blur(90px)}.drop-shadow-\[0_0_12px_rgba\(56\2c 189\2c 248\2c 0\.3\)\]{--tw-drop-shadow:drop-shadow(0 0 12px rgba(56,189,248,.3))}.drop-shadow-\[0_0_12px_rgba\(56\2c 189\2c 248\2c 0\.3\)\],.drop-shadow-\[0_0_20px_rgba\(56\2c 189\2c 248\2c 0\.75\)\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_20px_rgba\(56\2c 189\2c 248\2c 0\.75\)\]{--tw-drop-shadow:drop-shadow(0 0 20px rgba(56,189,248,.75))}.drop-shadow-\[0_0_25px_rgba\(56\2c 189\2c 248\2c 0\.7\)\]{--tw-drop-shadow:drop-shadow(0 0 25px rgba(56,189,248,.7))}.drop-shadow-\[0_0_25px_rgba\(56\2c 189\2c 248\2c 0\.7\)\],.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-md{--tw-backdrop-blur:blur(12px);-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-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-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.selection\:bg-blue-600 ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.selection\:bg-blue-600 ::selection{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.selection\:text-white ::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white ::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:bg-blue-600::-moz-selection{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.selection\:bg-blue-600::selection{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.selection\:text-white::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-\[2px\]:after{content:var(--tw-content);height:2px}.after\:w-0:after{content:var(--tw-content);width:0}.after\:bg-cyan-400:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:duration-300:after{content:var(--tw-content);transition-duration:.3s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.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))}.hover\:border-blue-500\/30:hover{border-color:rgba(59,130,246,.3)}.hover\:border-blue-500\/40:hover{border-color:rgba(59,130,246,.4)}.hover\:border-emerald-400:hover{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.hover\:border-emerald-500\/40:hover{border-color:rgba(16,185,129,.4)}.hover\:text-cyan-300:hover{--tw-text-opacity:1;color:rgb(103 232 249/var(--tw-text-opacity,1))}.hover\:text-cyan-400:hover{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.hover\:text-emerald-200:hover{--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}.hover\:text-emerald-300:hover{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.hover\:text-emerald-400:hover{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:after\:w-full:hover:after{content:var(--tw-content);width:100%}.focus\:border-cyan-400:focus{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0: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(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)}.disabled\:opacity-50:disabled{opacity:.5}.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-1\.5{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-1\.5{--tw-translate-x:0.375rem}.group:hover .group-hover\: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))}.group:hover .group-hover\:border-cyan-400{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.group:hover .group-hover\:text-cyan-300{--tw-text-opacity:1;color:rgb(103 232 249/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:flex{display:flex}.sm\:h-12{height:3rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:self-auto{align-self:auto}.sm\:p-14{padding:3.5rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[540px\]{height:540px}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-8{gap:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}}/* Aethel Automation - Premium Dark Technology Aesthetic */

:root {
  --bg-primary: #070B14;
  --bg-secondary: #0B1120;
  --bg-surface: #0F172A;
  --accent-blue: #3B82F6;
  --accent-electric: #2563EB;
  --accent-cyan: #06B6D4;
}

html {
  scroll-behavior: smooth;
  color-scheme: dark;
}

body {
  background-color: #070B14;
  color: #F8FAFC;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  overflow-x: hidden;
}

/* Section Anchor Offset for Sticky Header */
section[id] {
  scroll-margin-top: 5.5rem;
}

/* Custom Sleek Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #070B14;
}
::-webkit-scrollbar-thumb {
  background: #1E293B;
  border-radius: 4px;
  border: 1px solid rgba(59, 130, 246, 0.2);
}
::-webkit-scrollbar-thumb:hover {
  background: #2563EB;
}

/* Glassmorphism Classes */
.glass-nav {
  background: rgba(7, 11, 20, 0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(59, 130, 246, 0.15);
}

.glass-panel {
  background: rgba(15, 23, 42, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(59, 130, 246, 0.16);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);
}

.glass-panel-hover {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.glass-panel-hover:hover {
  transform: translateY(-4px);
  border-color: rgba(59, 130, 246, 0.45);
  box-shadow: 0 16px 40px -10px rgba(37, 99, 235, 0.28);
}

.glass-panel-active {
  border-color: rgba(6, 182, 212, 0.65);
  box-shadow: 0 0 32px -4px rgba(6, 182, 212, 0.35);
}

/* Background Grids & Ambient Lighting */
.bg-circuit-grid {
  background-size: 48px 48px;
  background-image: 
    linear-gradient(to right, rgba(59, 130, 246, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(59, 130, 246, 0.04) 1px, transparent 1px);
}

.bg-circuit-dots {
  background-image: radial-gradient(rgba(59, 130, 246, 0.14) 1px, transparent 1px);
  background-size: 28px 28px;
}

/* Ambient Spotlights */
.ambient-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  pointer-events: none;
  z-index: 0;
}

/* Glowing Elements */
.glow-text-blue {
  text-shadow: 0 0 24px rgba(59, 130, 246, 0.55);
}

.btn-glow-primary {
  background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
  box-shadow: 0 0 24px rgba(37, 99, 235, 0.4);
  transition: all 0.25s ease;
}
.btn-glow-primary:hover {
  background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
  box-shadow: 0 0 36px rgba(59, 130, 246, 0.65);
  transform: translateY(-1px);
}

.btn-glow-secondary {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(59, 130, 246, 0.28);
  backdrop-filter: blur(12px);
  transition: all 0.25s ease;
}
.btn-glow-secondary:hover {
  background: rgba(30, 41, 59, 0.9);
  border-color: rgba(59, 130, 246, 0.6);
  box-shadow: 0 0 24px rgba(59, 130, 246, 0.3);
  transform: translateY(-1px);
}

/* Animated Waveform */
@keyframes waveOscillate {
  0%, 100% { height: 18%; opacity: 0.45; }
  50% { height: 95%; opacity: 1; }
}
.wave-bar {
  animation: waveOscillate 1.2s ease-in-out infinite;
}

/* Beam Animation for Process lines */
@keyframes beamTravel {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(250%); }
}
.beam-line {
  position: relative;
  overflow: hidden;
}
.beam-line::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, #38BDF8, transparent);
  animation: beamTravel 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/* Node radar sweep */
@keyframes radarSweep {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.animate-radar {
  animation: radarSweep 14s linear infinite;
}

/* Pulse Keyframes */
@keyframes subtlePulse {
  0%, 100% { transform: scale(1); opacity: 0.95; }
  50% { transform: scale(1.03); opacity: 1; }
}
.animate-subtle-pulse {
  animation: subtlePulse 4s ease-in-out infinite;
}

.font-mono-tech {
  font-family: 'JetBrains Mono', monospace;
}

/* Mobile reliability fixes */
html, body { max-width: 100%; overflow-x: hidden; }
img, canvas { max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
@media (max-width: 639px) {
  body { overflow-x: hidden; }
  canvas { touch-action: pan-y; }
  .glass-panel { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
/* ==========================================================================
   Aethel Automation — Premium Polish Layer
   Additive on top of styles.css + tailwind.build.css.
   Does not remove or override brand colors/identity — refines hierarchy,
   motion, glass depth and mobile reliability only.
   ========================================================================== */

/* ---- Fluid type scale (keeps existing classes, sharpens large headings) ---- */
h1, h2, h3 {
  letter-spacing: -0.02em;
}
h1 { text-wrap: balance; }
h2 { text-wrap: balance; }

/* ---- Section rhythm: avoid the "stacked template" feel with alternating
   subtle ambient tint instead of hard borders doing all the work ---- */
section {
  position: relative;
}

/* ---- Scroll reveal system (driven by js/premium.js via IntersectionObserver) ---- */
.pm-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1);
  will-change: opacity, transform;
}
.pm-reveal.pm-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .pm-reveal { opacity: 1; transform: none; transition: none; }
}

/* ---- Card sheen on hover: adds sophistication to glass-panel-hover cards ---- */
.glass-panel-hover {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.glass-panel-hover::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(115deg, transparent 20%, rgba(56,189,248,0.10) 45%, transparent 70%);
  transform: translateX(-120%);
  transition: transform .7s cubic-bezier(.16,1,.3,1);
  pointer-events: none;
}
.glass-panel-hover:hover::before {
  transform: translateX(120%);
}

/* ---- Premium button shine sweep (adds to existing btn-glow classes) ---- */
.btn-glow-primary,
.btn-glow-secondary {
  position: relative;
  overflow: hidden;
}
.btn-glow-primary::after {
  content: '';
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(115deg, transparent, rgba(255,255,255,0.28), transparent);
  transform: skewX(-18deg);
  transition: left .65s cubic-bezier(.16,1,.3,1);
  pointer-events: none;
}
.btn-glow-primary:hover::after {
  left: 130%;
}

/* ---- KPI / stat number pop when count-up completes ---- */
@keyframes pmStatPop {
  0% { transform: scale(1); }
  40% { transform: scale(1.06); }
  100% { transform: scale(1); }
}
.pm-stat-pop {
  animation: pmStatPop .45s cubic-bezier(.34,1.56,.64,1);
}

/* ---- Desktop nav active-section indicator (toggled by premium.js) ---- */
header nav a.pm-nav-active {
  color: #22D3EE;
}
header nav a.pm-nav-active::after {
  width: 100% !important;
}

/* ---- Hero ambient canvas (full-bleed, sits behind existing HeroVisual) ---- */
.pm-hero-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.55;
  pointer-events: none;
}
@media (max-width: 639px) {
  .pm-hero-canvas { opacity: 0.35; }
}

/* ---- Section label chips: consistent premium micro-shadow ---- */
section span.font-mono-tech.uppercase {
  box-shadow: 0 0 18px -6px rgba(6,182,212,0.35);
}

/* ---- Mobile reliability hardening (extends existing rules in styles.css) ---- */
@media (max-width: 480px) {
  h1 { font-size: 2rem !important; line-height: 1.18 !important; }
  .glass-panel, .glass-panel-hover { border-radius: 1.1rem; }
}

/* Prevent any flex/grid child from forcing horizontal scroll on narrow phones */
main, header, footer, section {
  min-width: 0;
  max-width: 100vw;
  overflow-x: clip;
}

/* Break long inline contact strings instead of overflowing */
a[href^="mailto:"], a[href^="tel:"], .font-mono-tech {
  overflow-wrap: anywhere;
}

/* Comfortable tap targets on touch devices */
@media (max-width: 1023px) {
  header nav a, .lg\:hidden a, .lg\:hidden button {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* Mobile menu slide/fade already provided by Tailwind animate-in utilities;
   smooth it further for a premium feel */
.lg\:hidden.glass-panel {
  animation-timing-function: cubic-bezier(.16,1,.3,1);
}

/* Chart / SVG containers never overflow their card on small widths */
svg { max-width: 100%; height: auto; }
.w-full.h-52 svg, .w-full.h-52 { max-width: 100%; }

/* Horizontal scenario/tab button rows (Voice AI, Dashboard range toggle)
   scroll cleanly on tiny screens instead of wrapping awkwardly */
@media (max-width: 420px) {
  section#voice-agent .flex-wrap { gap: 0.4rem; }
}

/* Focus states for accessibility, styled to match the brand glow */
a:focus-visible, button:focus-visible {
  outline: 2px solid rgba(56,189,248,0.75);
  outline-offset: 2px;
  border-radius: 6px;
}

/* Reduced-motion: disable all premium-layer animation additions */
@media (prefers-reduced-motion: reduce) {
  .glass-panel-hover::before,
  .btn-glow-primary::after,
  .pm-stat-pop {
    animation: none !important;
    transition: none !important;
  }
}

/* ==========================================================================
   Build-gap patch: the precompiled tailwind.build.css was generated before
   several newer sections (SeeAethelInAction, TrustControl, ProblemSection,
   the updated Header/BookingModal/SolutionModal) were added, so a handful
   of utility classes referenced in app.js have no matching rule. Rather
   than touch the generated build file, these are added here explicitly so
   the site renders exactly as designed until the CSS is rebuilt properly.
   ========================================================================== */
.max-h-\[280px\] { max-height: 280px; }
.h-9  { height: 2.25rem; }
.w-9  { width: 2.25rem; }
.h-11 { height: 2.75rem; }
.w-11 { width: 2.75rem; }
.h-14 { height: 3.5rem; }
.w-14 { width: 3.5rem; }
.pb-4 { padding-bottom: 1rem; }
.border-t-0 { border-top-width: 0; }
.text-cyan-500 { color: #06B6D4; }
.text-slate-500 { color: #64748B; }
.text-slate-600 { color: #475569; }
.bg-slate-800 { background-color: #1E293B; }
.border-slate-700\/60 { border-color: rgba(51,65,85,0.6); }
.border-cyan-500\/20 { border-color: rgba(6,182,212,0.2); }
.bg-blue-950\/50 { background-color: rgba(23,37,84,0.5); }
.hover\:border-cyan-500\/40:hover { border-color: rgba(6,182,212,0.4); }
.shadow-\[0_0_40px_-10px_rgba\(6\,182\,212\,0\.35\)\] { box-shadow: 0 0 40px -10px rgba(6,182,212,0.35); }
.shadow-\[0_0_40px_-15px_rgba\(6\,182\,212\,0\.4\)\]  { box-shadow: 0 0 40px -15px rgba(6,182,212,0.4); }
.shadow-\[0_0_8px_\#38BDF8\] { box-shadow: 0 0 8px #38BDF8; }
@media (min-width: 640px) {
  .sm\:text-2xl   { font-size: 1.5rem; line-height: 2rem; }
  .sm\:self-auto  { align-self: auto; }
}

/* Desktop nav hover-underline (the after:* utility chain isn't in the
   build, so this recreates the same effect directly). */
header nav a { position: relative; }
header nav a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #22D3EE;
  transition: width .3s ease;
}
header nav a:hover::after { width: 100%; }

/* Entrance animation for the mobile menu panel and the two modals
   (animate-in / fade-in / slide-in-from-top-4 are also missing from the
   build, so these classes currently do nothing at all). */
@keyframes pmFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes pmSlideFadeInTop {
  from { opacity: 0; transform: translateY(-14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-in { animation: pmFadeIn .22s ease both; }
.slide-in-from-top-4 { animation: pmSlideFadeInTop .28s cubic-bezier(.16,1,.3,1) both; }
@media (prefers-reduced-motion: reduce) {
  .fade-in, .slide-in-from-top-4 { animation: none !important; }
}

/* ---- "See Aethel in Action" — Pet Care WhatsApp-style demo ---- */
.sia-bubble {
  max-width: 82%;
}
@keyframes pmTypingBounce {
  0%, 60%, 100% { transform: translateY(0); opacity: .45; }
  30% { transform: translateY(-4px); opacity: 1; }
}
.sia-typing-dot {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background: #22D3EE;
  display: inline-block;
  animation: pmTypingBounce 1.3s ease-in-out infinite;
}

/* Vertical connector line joining pipeline stage markers */
.sia-pipeline-item {
  position: relative;
  padding-left: 2rem;
  padding-bottom: 1.5rem;
}
.sia-pipeline-item:last-child {
  padding-bottom: 0;
}
.sia-pipeline-item::before {
  content: '';
  position: absolute;
  left: 0.44rem;
  top: 1.5rem;
  bottom: -0.25rem;
  width: 2px;
  background: linear-gradient(to bottom, rgba(34,211,238,0.55), rgba(59,130,246,0.12));
}
.sia-pipeline-item:last-child::before {
  display: none;
}
.sia-pipeline-dot {
  position: absolute;
  left: 0;
  top: 0.15rem;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 9999px;
  background: #0F172A;
  border: 2px solid #22D3EE;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sia-pipeline-dot span {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 9999px;
  background: #22D3EE;
}
@media (prefers-reduced-motion: reduce) {
  .sia-typing-dot { animation: none !important; opacity: 1; }
}

/* ==========================================================================
   Ambient atmospheric cloud background
   Pure CSS (no images/canvas/video) — a handful of large, heavily blurred,
   low-opacity radial gradients in the existing navy/cyan palette, drifting
   very slowly. Purely decorative: fixed behind #root, non-interactive,
   never affects layout, spacing, or any existing component.
   ========================================================================== */
#root { position: relative; z-index: 1; }

.pm-cloud-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #070B14;
}

.pm-cloud-layer {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  will-change: transform;
  mix-blend-mode: screen;
}

/* Soft dark-blue mass, upper-left */
.pm-cloud-1 {
  width: 62vw;
  height: 62vw;
  max-width: 900px;
  max-height: 900px;
  top: -18%;
  left: -12%;
  background: radial-gradient(circle at 40% 40%, rgba(30, 58, 95, 0.42) 0%, rgba(15, 30, 55, 0.22) 45%, rgba(7, 11, 20, 0) 72%);
  animation: pmCloudDriftA 90s ease-in-out infinite alternate;
}

/* Charcoal/steel mass, right side */
.pm-cloud-2 {
  width: 55vw;
  height: 55vw;
  max-width: 800px;
  max-height: 800px;
  top: 18%;
  right: -14%;
  background: radial-gradient(circle at 55% 50%, rgba(51, 65, 85, 0.35) 0%, rgba(30, 41, 59, 0.18) 48%, rgba(7, 11, 20, 0) 74%);
  animation: pmCloudDriftB 110s ease-in-out infinite alternate;
}

/* Faint cyan atmospheric glow, lower area */
.pm-cloud-3 {
  width: 50vw;
  height: 50vw;
  max-width: 750px;
  max-height: 750px;
  bottom: -20%;
  left: 22%;
  background: radial-gradient(circle at 50% 50%, rgba(8, 100, 130, 0.16) 0%, rgba(8, 60, 90, 0.08) 50%, rgba(7, 11, 20, 0) 75%);
  animation: pmCloudDriftC 130s ease-in-out infinite alternate;
}

/* Keeps the center/foreground reading area darkest so text & UI stay legible */
.pm-cloud-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 40%, rgba(7,11,20,0.55) 0%, rgba(7,11,20,0.75) 55%, rgba(7,11,20,0.92) 100%);
}

@keyframes pmCloudDriftA {
  0%   { transform: translate(0, 0) scale(1); }
  100% { transform: translate(3%, 4%) scale(1.05); }
}
@keyframes pmCloudDriftB {
  0%   { transform: translate(0, 0) scale(1); }
  100% { transform: translate(-4%, -3%) scale(1.04); }
}
@keyframes pmCloudDriftC {
  0%   { transform: translate(0, 0) scale(1); }
  100% { transform: translate(-3%, 3%) scale(1.06); }
}

@media (max-width: 640px) {
  .pm-cloud-layer { filter: blur(60px); }
}

@media (prefers-reduced-motion: reduce) {
  .pm-cloud-1, .pm-cloud-2, .pm-cloud-3 {
    animation: none !important;
  }
}