*,:before,:after{--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: rgb(32 53 168 / .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: rgb(32 53 168 / .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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-body);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,samp,pre{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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{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}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{border-color:var(--color-border)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}#root{animation:page-in .8s var(--ease-lux) both}@keyframes page-in{0%{opacity:0}to{opacity:1}}body{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}:focus-visible{outline:2px solid rgb(var(--color-ring));outline-offset:3px;border-radius:4px}::-moz-selection{background:rgb(var(--color-primary));color:#fff}::selection{background:rgb(var(--color-primary));color:#fff}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.container-px{margin-left:auto;margin-right:auto;width:100%;max-width:80rem;padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 640px){.container-px{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.container-px{padding-left:3rem;padding-right:3rem}}.text-gradient{background:var(--gradient-brand-text);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;--tw-text-opacity: 1;color:rgb(var(--color-muted) / var(--tw-text-opacity, 1))}.btn-primary{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;font-weight:600}.btn-primary:focus-visible{outline-width:2px}.btn-primary{transition:transform var(--dur-slow) var(--ease-lux),background-color .3s var(--ease-lux),box-shadow var(--dur-slow) var(--ease-lux),border-color .3s var(--ease-lux),color .3s var(--ease-lux);--tw-bg-opacity: 1;background-color:rgb(var(--color-accent) / var(--tw-bg-opacity, 1));padding:.75rem 1.5rem;--tw-text-opacity: 1;color:rgb(var(--color-on-accent) / var(--tw-text-opacity, 1));--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-accent-hover) / var(--tw-bg-opacity, 1));transform:translateY(-3px);box-shadow:var(--glow-gold)}.btn-secondary{background:linear-gradient(180deg,#ffffff0f,#ffffff04),rgb(var(--color-surface) / .55);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;font-weight:600}.btn-secondary:focus-visible{outline-width:2px}.btn-secondary{transition:transform var(--dur-slow) var(--ease-lux),background-color .3s var(--ease-lux),box-shadow var(--dur-slow) var(--ease-lux),border-color .3s var(--ease-lux),color .3s var(--ease-lux);padding:.75rem 1.5rem;--tw-text-opacity: 1;color:rgb(var(--color-foreground) / var(--tw-text-opacity, 1))}.btn-secondary:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#ffffff47;box-shadow:var(--glow-gold)}.card{background:linear-gradient(180deg,#ffffff0f,#ffffff04),rgb(var(--color-surface) / .55);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14;border-radius:1.5rem;transition:transform var(--dur-slow) var(--ease-lux),box-shadow var(--dur-slow) var(--ease-lux),border-color var(--dur-slow) var(--ease-lux)}.card-interactive{background:linear-gradient(180deg,#ffffff0f,#ffffff04),rgb(var(--color-surface) / .55);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14;border-radius:1.5rem;transition:transform var(--dur-slow) var(--ease-lux),box-shadow var(--dur-slow) var(--ease-lux),border-color var(--dur-slow) var(--ease-lux);cursor:pointer}.card-interactive:hover{transform:translateY(-10px);animation:panel-glow 4s ease-in-out infinite}@keyframes audit-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-glow{0%,to{box-shadow:0 0 44px -10px #008c4599,0 18px 40px -18px #000000b3;border-color:#008c4573}50%{box-shadow:0 0 44px -10px #ef000099,0 18px 40px -18px #000000b3;border-color:#ef000073}}.input{width:100%;border-radius:1rem;border-width:1px;border-color:#ffffff1a;background-color:#ffffff08;padding:.75rem 1rem;--tw-text-opacity: 1;color:rgb(var(--color-foreground) / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(var(--color-subtle) / var(--tw-text-opacity, 1))}.input::placeholder{--tw-text-opacity: 1;color:rgb(var(--color-subtle) / var(--tw-text-opacity, 1))}.input:focus{--tw-border-opacity: 1;border-color:rgb(var(--color-primary) / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--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);--tw-ring-color: rgb(var(--color-ring) / .4)}.hairline{border-top-width:1px;border-color:#ffffff14}.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}.inset-\[-3\%\]{inset:-3%}.inset-x-0{left:0;right:0}.-bottom-\[20\%\]{bottom:-20%}.-left-16{left:-4rem}.-left-32{left:-8rem}.-left-\[12\%\]{left:-12%}.-right-20{right:-5rem}.-right-32{right:-8rem}.-right-\[15\%\]{right:-15%}.-top-20{top:-5rem}.-top-24{top:-6rem}.-top-\[12\%\]{top:-12%}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.bottom-\[-8rem\]{bottom:-8rem}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-3{left:.75rem}.left-\[-9999px\]{left:-9999px}.left-\[28\%\]{left:28%}.right-4{right:1rem}.right-5{right:1.25rem}.right-\[-10rem\]{right:-10rem}.right-\[12\%\]{right:12%}.top-0{top:0}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-1\/4{top:25%}.top-10{top:2.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-\[15\%\]{top:15%}.top-\[28\%\]{top:28%}.top-\[42\%\]{top:42%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[9\/16\]{aspect-ratio:9/16}.h-0{height:0px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[24rem\]{height:24rem}.h-\[26rem\]{height:26rem}.h-\[32rem\]{height:32rem}.h-\[38rem\]{height:38rem}.h-\[46rem\]{height:46rem}.h-\[52vmax\]{height:52vmax}.h-\[56vmax\]{height:56vmax}.h-\[62vmax\]{height:62vmax}.h-full{height:100%}.h-px{height:1px}.min-h-\[100svh\]{min-height:100svh}.min-h-\[18rem\]{min-height:18rem}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[24rem\]{width:24rem}.w-\[26rem\]{width:26rem}.w-\[32rem\]{width:32rem}.w-\[38rem\]{width:38rem}.w-\[46rem\]{width:46rem}.w-\[52vmax\]{width:52vmax}.w-\[56vmax\]{width:56vmax}.w-\[62vmax\]{width:62vmax}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes drift{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:var(--p-opacity, .08)}90%{opacity:var(--p-opacity, .08)}to{transform:translateY(-120px) translate(14px);opacity:0}}.animate-\[drift_20s_linear_infinite\]{animation:drift 20s linear infinite}@keyframes drift-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(8%,6%,0) scale(1.2)}}.animate-drift-a{animation:drift-a 24s ease-in-out infinite}@keyframes drift-b{0%,to{transform:translateZ(0) scale(1.1)}50%{transform:translate3d(-7%,-5%,0) scale(1)}}.animate-drift-b{animation:drift-b 30s ease-in-out infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .75s cubic-bezier(.22,1,.36,1) both}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:float 7s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.animate-glow-pulse{animation:glow-pulse 9s ease-in-out infinite}@keyframes hue-cycle{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(55deg)}}.animate-hue-cycle{animation:hue-cycle 26s ease-in-out infinite}@keyframes ken-burns{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.03) translate3d(-1.2%,-1%,0)}}.animate-ken-burns{animation:ken-burns 26s ease-in-out infinite alternate}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 40s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.list-none{list-style-type:none}.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}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(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 * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-white\/\[0\.08\]>:not([hidden])~:not([hidden]){border-color:#ffffff14}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded-2xl,.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:1rem}.border{border-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-destructive\/40{border-color:rgb(var(--color-destructive) / .4)}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/\[0\.08\]{border-color:#ffffff14}.bg-\[\#25D366\]{--tw-bg-opacity: 1;background-color:rgb(37 211 102 / var(--tw-bg-opacity, 1))}.bg-accent{--tw-bg-opacity: 1;background-color:rgb(var(--color-accent) / var(--tw-bg-opacity, 1))}.bg-background{--tw-bg-opacity: 1;background-color:rgb(var(--color-background) / var(--tw-bg-opacity, 1))}.bg-background\/40{background-color:rgb(var(--color-background) / .4)}.bg-background\/45{background-color:rgb(var(--color-background) / .45)}.bg-background\/50{background-color:rgb(var(--color-background) / .5)}.bg-background\/80{background-color:rgb(var(--color-background) / .8)}.bg-background\/90{background-color:rgb(var(--color-background) / .9)}.bg-background\/95{background-color:rgb(var(--color-background) / .95)}.bg-black\/70{background-color:#000000b3}.bg-destructive\/10{background-color:rgb(var(--color-destructive) / .1)}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary) / var(--tw-bg-opacity, 1))}.bg-primary-soft{background-color:var(--color-primary-soft)}.bg-primary\/15{background-color:rgb(var(--color-primary) / .15)}.bg-primary\/20{background-color:rgb(var(--color-primary) / .2)}.bg-surface{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface) / var(--tw-bg-opacity, 1))}.bg-surface\/50{background-color:rgb(var(--color-surface) / .5)}.bg-surface\/60{background-color:rgb(var(--color-surface) / .6)}.bg-transparent{background-color:transparent}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-background{--tw-gradient-from: rgb(var(--color-background) / 1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--color-background) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/85{--tw-gradient-from: rgb(0 0 0 / .85) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-black\/30{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.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-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-28{padding-top:7rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.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-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[clamp\(2\.25rem\,6vw\,4rem\)\]{font-size:clamp(2.25rem,6vw,4rem)}.text-\[clamp\(2\.75rem\,7\.5vw\,5\.75rem\)\]{font-size:clamp(2.75rem,7.5vw,5.75rem)}.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-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[0\.98\]{line-height:.98}.leading-\[1\.02\]{line-height:1.02}.leading-\[1\.1\]{line-height:1.1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#06331a\]{--tw-text-opacity: 1;color:rgb(6 51 26 / var(--tw-text-opacity, 1))}.text-accent{--tw-text-opacity: 1;color:rgb(var(--color-accent) / var(--tw-text-opacity, 1))}.text-destructive{--tw-text-opacity: 1;color:rgb(var(--color-destructive) / var(--tw-text-opacity, 1))}.text-foreground{--tw-text-opacity: 1;color:rgb(var(--color-foreground) / var(--tw-text-opacity, 1))}.text-muted{--tw-text-opacity: 1;color:rgb(var(--color-muted) / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(var(--color-primary) / var(--tw-text-opacity, 1))}.text-primary\/50{color:rgb(var(--color-primary) / .5)}.text-subtle{--tw-text-opacity: 1;color:rgb(var(--color-subtle) / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/15{color:#ffffff26}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-\[0\.06\]{opacity:.06}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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_8px_30px_-6px_rgba\(37\,211\,102\,0\.7\)\]{--tw-shadow: 0 8px 30px -6px rgba(37,211,102,.7);--tw-shadow-colored: 0 8px 30px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur-3xl{--tw-blur: blur(64px);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);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-\[130px\]{--tw-blur: blur(130px);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);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)}.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{--tw-backdrop-blur: blur(8px);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-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-xl{--tw-backdrop-blur: blur(24px);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-\[transform\,box-shadow\,border-color\]{transition-property:transform,box-shadow,border-color;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-200{transition-duration:.2s}.duration-250{transition-duration:.25s}.duration-300{transition-duration:.3s}.duration-\[400ms\]{transition-duration:.4s}.duration-\[600ms\]{transition-duration:.6s}.ease-lux{transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}:root{--color-primary: 198 11 30;--color-primary-hover: 170 21 27;--color-primary-soft: rgba(198, 11, 30, .18);--color-secondary: 170 21 27;--color-on-primary: 255 255 255;--color-accent: 255 196 0;--color-accent-hover: 255 215 64;--color-on-accent: 24 18 0;--color-background: 24 7 9;--color-surface: 47 12 16;--color-surface-2: 74 15 22;--color-foreground: 245 244 248;--color-muted: 182 192 211;--color-subtle: 131 148 177;--color-border: rgba(255, 255, 255, .09);--color-ring: 255 196 0;--color-destructive: 241 67 95;--gradient-brand: linear-gradient(135deg, #008c45 0%, #f4f5f0 48%, #ef0000 100%);--gradient-brand-text: linear-gradient(115deg, #f4f5f0 0%, #fff3b0 46%, #ff5b5f 100%);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 30px 60px rgba(0, 0, 0, .55);--ease-lux: cubic-bezier(.22, 1, .36, 1);--ease-lux-inout: cubic-bezier(.76, 0, .24, 1);--dur-slow: .6s;--dur-slower: .9s;--glow-gold: 0 0 44px -10px rgba(227, 27, 35, .52), 0 18px 40px -18px rgba(0, 0, 0, .7);--glow-indigo: 0 0 60px -14px rgba(241, 191, 0, .62)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:#2a2636;border-radius:999px;border:2px solid var(--color-background)}::-webkit-scrollbar-thumb:hover{background:#3a3550}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-2\.5:hover{--tw-translate-y: -.625rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-accent\/40:hover{border-color:rgb(var(--color-accent) / .4)}.hover\:border-primary\/40:hover{border-color:rgb(var(--color-primary) / .4)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:text-foreground:hover{--tw-text-opacity: 1;color:rgb(var(--color-foreground) / var(--tw-text-opacity, 1))}.hover\:shadow-\[0_0_44px_-10px_rgba\(245\,165\,36\,0\.6\)\,0_20px_44px_-18px_rgba\(0\,0\,0\,0\.7\)\]:hover{--tw-shadow: 0 0 44px -10px rgba(239,0,0,.6),0 20px 44px -18px rgba(0,0,0,.7);--tw-shadow-colored: 0 0 44px -10px var(--tw-shadow-color), 0 20px 44px -18px 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_12px_38px_-6px_rgba\(37\,211\,102\,0\.85\)\]:hover{--tw-shadow: 0 12px 38px -6px rgba(37,211,102,.85);--tw-shadow-colored: 0 12px 38px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:fixed:focus{position:fixed}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:z-\[100\]:focus{z-index:100}.focus\:rounded-lg:focus{border-radius:.5rem}.focus\:bg-accent:focus{--tw-bg-opacity: 1;background-color:rgb(var(--color-accent) / 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\:font-semibold:focus{font-weight:600}.focus\:text-on-accent:focus{--tw-text-opacity: 1;color:rgb(var(--color-on-accent) / var(--tw-text-opacity, 1))}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}.group[open] .group-open\:rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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-0\.5{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-accent{--tw-bg-opacity: 1;background-color:rgb(var(--color-accent) / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-accent{--tw-text-opacity: 1;color:rgb(var(--color-accent) / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-on-accent{--tw-text-opacity: 1;color:rgb(var(--color-on-accent) / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:bottom-8{bottom:2rem}.sm\:right-8{right:2rem}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:p-10{padding:2.5rem}.sm\:p-12{padding:3rem}.sm\:p-8{padding:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}}@media (min-width: 1024px){.lg\:h-20{height:5rem}.lg\:h-9{height:2.25rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[1\.4fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr}.lg\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr}.lg\:grid-cols-\[1fr_1\.25fr\]{grid-template-columns:1fr 1.25fr}.lg\:grid-cols-\[1fr_1\.3fr\]{grid-template-columns:1fr 1.3fr}.lg\:items-start{align-items:flex-start}.lg\:gap-20{gap:5rem}.lg\:border-b-0{border-bottom-width:0px}.lg\:border-r{border-right-width:1px}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:pt-24{padding-top:6rem}.lg\:text-5xl{font-size:3rem;line-height:1}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}

/* Dubai version: email is the primary contact until a Dubai phone number is supplied. */
a[href^="tel:"], a[href*="wa.me"] { display: none !important; }

/* High-contrast Dubai service icons */
.card-interactive .text-primary{color:#22b573!important}
.card-interactive .bg-primary-soft{background:rgba(0,140,69,.18)!important;border-color:rgba(96,165,250,.34)!important;box-shadow:0 0 24px -12px rgba(59,130,246,.95)}
.card-interactive:hover .bg-primary-soft{background:#ef0000!important;border-color:rgba(255,255,255,.42)!important;color:#fff!important}
.card-interactive>a,.card-interactive .text-accent{color:#ffdf66}

/* Premium Dubai button treatment */
.btn-primary{background:linear-gradient(135deg,#008c45 0%,#1d4ed8 64%,#a90001 145%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 10px 28px -12px rgba(0,140,69,.9),inset 0 1px rgba(255,255,255,.22)!important}
.btn-primary:hover{background:linear-gradient(135deg,#22b573 0%,#008c45 58%,#ef0000 135%)!important;box-shadow:0 16px 38px -14px rgba(59,130,246,.95),0 0 0 1px rgba(255,255,255,.12)!important;transform:translateY(-3px) scale(1.015)}
.btn-primary:focus-visible{outline:3px solid rgba(147,197,253,.58)!important;outline-offset:3px}
.btn-secondary{background:linear-gradient(180deg,rgba(30,64,110,.58),rgba(10,29,55,.72))!important;border:1px solid rgba(96,165,250,.3)!important;color:#f8fafc!important;box-shadow:inset 0 1px rgba(255,255,255,.1)!important}
.btn-secondary:hover{background:linear-gradient(180deg,rgba(0,140,69,.32),rgba(12,35,67,.88))!important;border-color:rgba(147,197,253,.58)!important;box-shadow:0 14px 32px -18px rgba(59,130,246,.9),inset 0 1px rgba(255,255,255,.14)!important}

/* Cross-device form and service-grid fixes */
select.input{width:100%;max-width:100%;min-height:3.25rem;color:#f8fafc!important;background-color:#111d35!important;color-scheme:dark;font-size:16px;text-overflow:ellipsis}
select.input option{background:#111d35!important;color:#f8fafc!important;font-size:16px}
select.input option:checked{background:#008c45!important;color:#fff!important}
@media (max-width:1023px){#services .container-px>div:nth-child(2)>div{transform:none!important}#services .mt-14{margin-top:2.75rem!important}}
@media (max-width:639px){#services{padding-top:5rem!important;padding-bottom:5rem!important}#services .container-px>div:first-child{max-width:100%}#services .mt-14{margin-top:2.25rem!important}#services .card-interactive{padding:1.35rem!important;border-radius:1.35rem}#services .card-interactive h3{line-height:1.3}#services .card-interactive p{line-height:1.6}#services .card-interactive .text-accent{line-height:1.45;overflow-wrap:anywhere}.input{font-size:16px}}
@media (hover:none){.card-interactive:hover{transform:none!important}.btn-primary:hover{transform:none!important}}

/* Savasaachi Dubai — Jalur Gemilang palette */
:root{
  --color-primary:1 0 102;
  --color-primary-hover:32 53 168;
  --color-primary-soft:rgba(0,140,69,.24);
  --color-secondary:204 0 1;
  --color-accent:255 204 0;
  --color-accent-hover:255 223 102;
  --color-on-accent:24 18 0;
  --color-background:3 5 24;
  --color-surface:10 13 49;
  --color-surface-2:16 21 72;
  --color-ring:255 204 0;
  --gradient-brand:linear-gradient(135deg,#008c45 0%,#008c45 46%,#ef0000 100%);
  --gradient-brand-text:linear-gradient(120deg,#f4f5f0 0%,#fff7d1 46%,#ff4a4a 100%);
}
.card-interactive .text-primary{color:#f4f5f0!important}
.card-interactive .bg-primary-soft{background:rgba(0,140,69,.35)!important;border-color:rgba(244,245,240,.32)!important;box-shadow:0 0 26px -12px rgba(244,245,240,.8)}
.card-interactive:hover .bg-primary-soft{background:#ef0000!important}
.card-interactive>a,.card-interactive .text-accent{color:#ffdf66!important}
.btn-primary{background:linear-gradient(135deg,#f4f5f0 0%,#f4b900 58%,#ef0000 150%)!important;color:#181200!important;border-color:rgba(255,255,255,.26)!important;box-shadow:0 12px 30px -12px rgba(244,245,240,.75),inset 0 1px rgba(255,255,255,.42)!important}
.btn-primary:hover{background:linear-gradient(135deg,#ffdf66 0%,#f4f5f0 58%,#e52627 145%)!important;box-shadow:0 18px 42px -14px rgba(244,245,240,.9)!important}
.btn-secondary{background:linear-gradient(180deg,rgba(22,30,105,.72),rgba(3,5,24,.82))!important;border-color:rgba(244,245,240,.28)!important}
.btn-secondary:hover{background:linear-gradient(180deg,rgba(32,53,168,.5),rgba(10,13,49,.94))!important;border-color:rgba(244,245,240,.62)!important}
select.input,select.input option{background:#0a0d31!important}
select.input option:checked{background:#008c45!important}

/* Where-we-work accent colors */
#areas .eyebrow .bg-primary,
#areas h3 .bg-primary{
  background:#f4f5f0!important;
  box-shadow:0 0 10px rgba(244,245,240,.5);
}
#areas .eyebrow,
#areas h3{
  color:#ffe680!important;
}
#areas li svg{
  color:#f4f5f0!important;
  filter:drop-shadow(0 0 4px rgba(244,245,240,.45));
}
#areas li:not(.border-dashed){
  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;
}
#areas li:not(.border-dashed):hover{
  color:#fff!important;
  background:rgba(239,0,0,.22)!important;
  border-color:rgba(255,62,68,.78)!important;
  box-shadow:0 8px 22px -14px rgba(239,0,0,.95);
  transform:translateY(-2px);
}
#areas li:not(.border-dashed):hover svg{
  color:#f4f5f0!important;
}
#areas li.border-dashed{
  color:#ffe680!important;
  border-color:rgba(244,245,240,.42)!important;
}

/* Dubai flag colors for icons and buttons across every page */
.eyebrow .bg-primary,
main h3 > .bg-primary{
  background:#f4f5f0!important;
  box-shadow:0 0 10px rgba(244,245,240,.42);
}

main svg[class*="text-primary"],
main svg[class*="text-accent"],
main [class*="text-primary"] > svg,
main [class*="text-accent"] > svg{
  color:#f4f5f0!important;
  filter:drop-shadow(0 0 4px rgba(244,245,240,.32));
}

main .bg-primary-soft{
  color:#f4f5f0!important;
  background:rgba(0,140,69,.38)!important;
  border-color:rgba(244,245,240,.38)!important;
  box-shadow:0 0 24px -13px rgba(244,245,240,.78);
}

main .card-interactive:hover .bg-primary-soft,
main .group:hover .bg-primary-soft{
  color:#fff!important;
  background:#ef0000!important;
  border-color:rgba(244,245,240,.6)!important;
  box-shadow:0 10px 26px -15px rgba(239,0,0,.95);
}

.btn-primary{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(32,53,168,.76),rgba(0,140,69,.74))!important;
  border-color:rgba(244,245,240,.38)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 12px 28px -22px rgba(32,53,168,.95)!important;
}

.btn-primary:hover{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(222,28,36,.92),rgba(158,0,1,.94))!important;
  border-color:rgba(244,245,240,.72)!important;
  box-shadow:0 14px 32px -18px rgba(239,0,0,.95),inset 0 1px rgba(255,255,255,.16)!important;
}

.btn-primary svg,
.btn-secondary svg{
  color:inherit!important;
  filter:none!important;
}

.btn-secondary{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(32,53,168,.76),rgba(0,140,69,.74))!important;
  border-color:rgba(244,245,240,.38)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 12px 28px -22px rgba(32,53,168,.95)!important;
}

.btn-secondary:hover{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(222,28,36,.92),rgba(158,0,1,.94))!important;
  border-color:rgba(244,245,240,.72)!important;
  box-shadow:0 14px 32px -18px rgba(239,0,0,.95),inset 0 1px rgba(255,255,255,.16)!important;
}

/* Preserve official colors for third-party branded controls. */
a[href*="wa.me"] svg,
a[aria-label*="Facebook"] svg{
  color:inherit!important;
  filter:none!important;
}

/* Hero audit CTA: Dubai-based red in its normal state */
#top .btn-primary{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(222,28,36,.96),rgba(158,0,1,.97))!important;
  border-color:rgba(244,245,240,.62)!important;
  box-shadow:0 15px 34px -16px rgba(239,0,0,.96),inset 0 1px rgba(255,255,255,.18)!important;
}

#top .btn-primary:hover{
  background:linear-gradient(180deg,#ef3940 0%,#ef0000 72%,#9f0001 100%)!important;
  border-color:rgba(244,245,240,.86)!important;
  box-shadow:0 18px 40px -15px rgba(239,0,0,.98),0 0 0 1px rgba(244,245,240,.18)!important;
}

/* High-contrast primary-office badge */
#contact span.rounded-full[class*="bg-primary"][class*="uppercase"]{
  color:#181200!important;
  background:#f4f5f0!important;
  border:1px solid rgba(239,0,0,.72)!important;
  box-shadow:0 0 12px -4px rgba(244,245,240,.8);
}

/* Savasaachi Dubai — final Tricolore theme */
:root{
  --color-primary:0 140 69;
  --color-primary-hover:0 112 58;
  --color-primary-soft:rgba(0,140,69,.18);
  --color-secondary:239 0 0;
  --color-accent:239 0 0;
  --color-accent-hover:255 48 48;
  --color-on-primary:255 255 255;
  --color-on-accent:255 255 255;
  --color-background:4 16 12;
  --color-surface:9 31 24;
  --color-surface-2:14 49 37;
  --color-foreground:244 245 240;
  --color-muted:196 207 201;
  --color-subtle:137 158 147;
  --color-ring:244 245 240;
  --gradient-brand:linear-gradient(120deg,#008c45 0%,#f4f5f0 50%,#ef0000 100%);
  --gradient-brand-text:linear-gradient(110deg,#23b873 0%,#f4f5f0 48%,#ff2b2b 100%);
  --glow-gold:0 0 44px -10px rgba(0,140,69,.58),0 18px 40px -18px rgba(0,0,0,.72);
  --glow-indigo:0 0 60px -14px rgba(239,0,0,.55);
}

body{background:#04100c!important}
.text-gradient{background-image:var(--gradient-brand-text)!important}
.card-interactive:hover{border-color:rgba(0,140,69,.58)!important;box-shadow:0 0 44px -13px rgba(0,140,69,.68),0 20px 44px -18px rgba(0,0,0,.72)!important}
.card-interactive .text-primary,
main svg[class*="text-primary"]{color:#22b573!important}
.card-interactive .bg-primary-soft,
main .bg-primary-soft{color:#f4f5f0!important;background:rgba(0,140,69,.22)!important;border-color:rgba(244,245,240,.24)!important;box-shadow:0 0 24px -13px rgba(0,140,69,.86)!important}
.card-interactive:hover .bg-primary-soft,
main .group:hover .bg-primary-soft{color:#fff!important;background:#008c45!important;border-color:rgba(244,245,240,.5)!important}
.card-interactive>a,.card-interactive .text-accent,main svg[class*="text-accent"]{color:#ff2b2b!important}

.btn-primary,#top .btn-primary{
  color:#fff!important;
  background:linear-gradient(135deg,#008c45 0%,#00713a 100%)!important;
  border-color:rgba(244,245,240,.34)!important;
  box-shadow:0 14px 34px -16px rgba(0,140,69,.95),inset 0 1px rgba(255,255,255,.22)!important;
}
.btn-primary:hover,#top .btn-primary:hover{
  background:linear-gradient(135deg,#00a957 0%,#008c45 100%)!important;
  border-color:#f4f5f0!important;
  box-shadow:0 18px 42px -16px rgba(0,140,69,.98)!important;
}
.btn-secondary{
  color:#f4f5f0!important;
  background:linear-gradient(180deg,rgba(239,0,0,.88),rgba(139,18,25,.92))!important;
  border-color:rgba(244,245,240,.3)!important;
  box-shadow:0 12px 30px -18px rgba(239,0,0,.85),inset 0 1px rgba(255,255,255,.18)!important;
}
.btn-secondary:hover{
  background:linear-gradient(180deg,#ff3030,#b80000)!important;
  border-color:#f4f5f0!important;
  box-shadow:0 16px 36px -18px rgba(239,0,0,.96)!important;
}
.eyebrow .bg-primary,main h3>.bg-primary,#areas .eyebrow .bg-primary,#areas h3 .bg-primary{background:#008c45!important;box-shadow:0 0 10px rgba(0,140,69,.55)!important}
#areas .eyebrow,#areas h3,#areas li.border-dashed{color:#f4f5f0!important}
#areas li svg,#areas li:not(.border-dashed):hover svg{color:#22b573!important;filter:drop-shadow(0 0 4px rgba(0,140,69,.45))!important}
#areas li:not(.border-dashed):hover{background:rgba(239,0,0,.18)!important;border-color:rgba(239,0,0,.7)!important;box-shadow:0 8px 22px -14px rgba(239,0,0,.95)!important}
#areas li.border-dashed{border-color:rgba(244,245,240,.34)!important}
#contact span.rounded-full[class*="bg-primary"][class*="uppercase"]{color:#fff!important;background:#008c45!important;border-color:rgba(244,245,240,.5)!important;box-shadow:0 0 12px -4px rgba(0,140,69,.85)!important}
select.input,select.input option{background:#092018!important}
select.input option:checked{background:#008c45!important}
::-webkit-scrollbar-thumb{background:#14613f}
::-webkit-scrollbar-thumb:hover{background:#1b8153}

/* Service-page Get a free audit CTA: Dubai-based red */
.service-audit-cta{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(222,28,36,.96),rgba(158,0,1,.97))!important;
  border-color:rgba(244,245,240,.62)!important;
  box-shadow:0 15px 34px -16px rgba(239,0,0,.96),inset 0 1px rgba(255,255,255,.18)!important;
}

.service-audit-cta:hover{
  background:linear-gradient(180deg,#ef3940 0%,#ef0000 72%,#9f0001 100%)!important;
  border-color:rgba(244,245,240,.86)!important;
  box-shadow:0 18px 40px -15px rgba(239,0,0,.98),0 0 0 1px rgba(244,245,240,.18)!important;
}
/* Keep marquee separators visible on the dark background. */
.animate-marquee .bg-primary {
  background-color: #ef0000 !important;
  box-shadow: 0 0 7px rgba(204, 0, 1, 0.75);
}
/* Savasaachi Dubai: Dubai-based flag-inspired brand system and hero treatment. */
:root {
  --color-primary: 198 11 30;
  --color-primary-hover: 170 21 27;
  --color-primary-soft: rgba(198, 11, 30, .18);
  --color-secondary: 170 21 27;
  --color-accent: 255 196 0;
  --color-accent-hover: 255 215 64;
  --color-background: 24 7 9;
  --color-surface: 47 12 16;
  --color-surface-2: 74 15 22;
  --color-ring: 255 196 0;
  --gradient-brand: linear-gradient(135deg, #008c45 0%, #008c45 45%, #f4f5f0 100%);
  --gradient-brand-text: linear-gradient(115deg, #f4f5f0 0%, #fff3b0 46%, #ff5b5f 100%);
}

.dubai-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0,140,69,.25) 0 25%, rgba(255,196,0,.16) 25% 75%, rgba(0,140,69,.25) 75%),
    radial-gradient(circle at 50% 42%, rgba(255,196,0,.18), transparent 43%);
  mix-blend-mode: screen;
}

.dubai-hero picture img {
  filter: saturate(.75) sepia(.2) contrast(1.08);
  opacity: .42;
}

.dubai-hero h1 {
  text-shadow: 0 8px 40px rgba(0,0,0,.6);
}

/* Final hero treatment: original background, focused Dubai-based flag accents. */
:root{
  --color-primary:1 0 102;
  --color-primary-hover:32 53 168;
  --color-primary-soft:rgba(37,99,235,.18);
  --color-secondary:204 0 1;
  --color-accent:255 204 0;
  --color-accent-hover:255 223 102;
  --color-background:3 5 24;
  --color-surface:10 13 49;
  --color-surface-2:16 21 72;
  --color-ring:255 204 0;
  --gradient-brand:linear-gradient(135deg,#010066 0%,#123d75 48%,#ef0000 100%);
  --gradient-brand-text:linear-gradient(120deg,#22b573 0%,#f8fafc 52%,#ff4a4a 100%);
  --gradient-hero-heading:linear-gradient(110deg,#ff3b42 0%,#f4f5f0 48%,#fff0a3 68%,#008c45 100%);
}
.dubai-hero::before{display:none}
.dubai-hero picture img{filter:none;opacity:1}
.dubai-hero .eyebrow{color:#ffe680!important}
.dubai-hero .eyebrow::before{content:"";width:2rem;height:2px;border-radius:999px;background:linear-gradient(90deg,#008c45 0 34%,#f4f5f0 34% 66%,#008c45 66%);box-shadow:0 0 12px rgba(244,245,240,.34)}
.dubai-hero h1 .text-gradient{background:var(--gradient-hero-heading);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Use the hero's red-to-gold treatment on every main section heading. */
main section h2{
  background:var(--gradient-hero-heading);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
main section h2 .text-gradient{
  background:inherit;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:inherit;
  color:inherit;
}

/* Service-page titles, e.g. "SEO Services in Dubai". */
main.container-px > .max-w-3xl > h1{
  background:var(--gradient-hero-heading);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.dubai-hero .btn-primary{color:#fff!important;background:linear-gradient(180deg,#df1f2d 0%,#008c45 100%)!important;border:1px solid rgba(244,245,240,.75)!important;box-shadow:0 14px 34px -15px rgba(0,140,69,.95)!important}
.dubai-hero .btn-primary:hover{background:linear-gradient(180deg,#ef3940 0%,#008c45 100%)!important;box-shadow:0 16px 38px -14px rgba(0,140,69,.95),0 0 0 1px rgba(244,245,240,.22)!important}
.dubai-hero .btn-secondary{color:#241a00!important;background:linear-gradient(180deg,#ffdc51 0%,#f4f5f0 100%)!important;border:1px solid rgba(255,240,163,.8)!important;box-shadow:0 14px 32px -17px rgba(244,245,240,.9)!important}
.dubai-hero .btn-secondary:hover{color:#170e00!important;background:linear-gradient(180deg,#ffe982 0%,#ffd21f 100%)!important;border-color:#fff0a3!important}

/* Unified Dubai CTA system across header, homepage, and service pages. */
.btn-primary,
.service-audit-cta{
  color:#fff!important;
  background:linear-gradient(180deg,#df1f2d 0%,#008c45 100%)!important;
  border:1px solid rgba(244,245,240,.75)!important;
  box-shadow:0 14px 34px -15px rgba(0,140,69,.95),inset 0 1px rgba(255,255,255,.18)!important;
}
.btn-primary:hover,
.service-audit-cta:hover{
  color:#fff!important;
  background:linear-gradient(180deg,#ef3940 0%,#008c45 100%)!important;
  border-color:rgba(244,245,240,.95)!important;
  box-shadow:0 16px 38px -14px rgba(0,140,69,.95),0 0 0 1px rgba(244,245,240,.22)!important;
}
.btn-primary:focus-visible,
.service-audit-cta:focus-visible{
  outline:3px solid rgba(244,245,240,.62)!important;
  outline-offset:3px;
}
.btn-secondary{
  color:#241a00!important;
  background:linear-gradient(180deg,#ffdc51 0%,#f4f5f0 100%)!important;
  border:1px solid rgba(255,240,163,.8)!important;
  box-shadow:0 14px 32px -17px rgba(244,245,240,.9),inset 0 1px rgba(255,255,255,.32)!important;
}
.btn-secondary:hover{
  color:#170e00!important;
  background:linear-gradient(180deg,#ffe982 0%,#ffd21f 100%)!important;
  border-color:#fff0a3!important;
  box-shadow:0 16px 36px -16px rgba(244,245,240,.92)!important;
}
.btn-secondary:focus-visible{
  outline:3px solid rgba(0,140,69,.62)!important;
  outline-offset:3px;
}

/* Final cascade: Dubai-based Tricolore — green, white, red. */
:root{--color-primary:0 140 69;--color-primary-hover:0 112 58;--color-primary-soft:rgba(0,140,69,.2);--color-secondary:239 0 0;--color-accent:239 0 0;--color-accent-hover:255 48 48;--color-on-primary:255 255 255;--color-on-accent:255 255 255;--color-background:4 16 12;--color-surface:9 31 24;--color-surface-2:14 49 37;--color-foreground:244 245 240;--color-muted:196 207 201;--color-subtle:137 158 147;--color-ring:244 245 240;--gradient-brand:linear-gradient(120deg,#008c45 0%,#f4f5f0 50%,#ef0000 100%);--gradient-brand-text:linear-gradient(110deg,#24b875 0%,#f4f5f0 48%,#ff2b2b 100%);--gradient-hero-heading:linear-gradient(110deg,#20ae6d 0%,#f4f5f0 50%,#ff2b2b 100%)}
body{background:#04100c!important}
.dubai-hero .eyebrow{color:#f4f5f0!important}
.dubai-hero .eyebrow::before{background:linear-gradient(90deg,#008c45 0 33.33%,#f4f5f0 33.33% 66.66%,#ef0000 66.66%)!important;box-shadow:0 0 12px rgba(0,140,69,.45)!important}
.btn-primary,.service-audit-cta,.dubai-hero .btn-primary{color:#fff!important;background:linear-gradient(135deg,#008c45,#006c35)!important;border-color:rgba(244,245,240,.5)!important;box-shadow:0 14px 34px -16px rgba(0,140,69,.95),inset 0 1px rgba(255,255,255,.22)!important}
.btn-primary:hover,.service-audit-cta:hover,.dubai-hero .btn-primary:hover{color:#fff!important;background:linear-gradient(135deg,#00a957,#008c45)!important;border-color:#f4f5f0!important;box-shadow:0 18px 42px -16px rgba(0,140,69,.98)!important}
.btn-primary:focus-visible,.service-audit-cta:focus-visible{outline-color:rgba(244,245,240,.7)!important}
.btn-secondary,.dubai-hero .btn-secondary{color:#fff!important;background:linear-gradient(180deg,#ef0000,#b80000)!important;border-color:rgba(244,245,240,.46)!important;box-shadow:0 14px 32px -17px rgba(239,0,0,.9),inset 0 1px rgba(255,255,255,.2)!important}
.btn-secondary:hover,.dubai-hero .btn-secondary:hover{color:#fff!important;background:linear-gradient(180deg,#ff3030,#ef0000)!important;border-color:#f4f5f0!important;box-shadow:0 16px 36px -16px rgba(239,0,0,.94)!important}
.btn-secondary:focus-visible{outline-color:rgba(239,0,0,.7)!important}
.animate-marquee .bg-primary{background:#f4f5f0!important;box-shadow:0 0 7px rgba(244,245,240,.55)!important}
.card-interactive:hover{border-color:rgba(0,140,69,.58)!important;box-shadow:0 0 44px -13px rgba(0,140,69,.68),0 20px 44px -18px rgba(0,0,0,.72)!important}
.card-interactive .text-primary,main svg[class*="text-primary"]{color:#22b573!important}
.card-interactive .bg-primary-soft,main .bg-primary-soft{color:#f4f5f0!important;background:rgba(0,140,69,.22)!important;border-color:rgba(244,245,240,.24)!important;box-shadow:0 0 24px -13px rgba(0,140,69,.86)!important}
.card-interactive:hover .bg-primary-soft,main .group:hover .bg-primary-soft{background:#008c45!important;border-color:rgba(244,245,240,.5)!important}
.card-interactive>a,.card-interactive .text-accent,main svg[class*="text-accent"]{color:#ff2b2b!important}
.eyebrow .bg-primary,main h3>.bg-primary,#areas .eyebrow .bg-primary,#areas h3 .bg-primary{background:#008c45!important;box-shadow:0 0 10px rgba(0,140,69,.55)!important}
#areas .eyebrow,#areas h3,#areas li.border-dashed{color:#f4f5f0!important}
#areas li svg,#areas li:not(.border-dashed):hover svg{color:#22b573!important;filter:drop-shadow(0 0 4px rgba(0,140,69,.45))!important}
#areas li:not(.border-dashed):hover{background:rgba(239,0,0,.18)!important;border-color:rgba(239,0,0,.7)!important;box-shadow:0 8px 22px -14px rgba(239,0,0,.95)!important}
#areas li.border-dashed{border-color:rgba(244,245,240,.34)!important}
#contact span.rounded-full[class*="bg-primary"][class*="uppercase"]{color:#fff!important;background:#008c45!important;border-color:rgba(244,245,240,.5)!important;box-shadow:0 0 12px -4px rgba(0,140,69,.85)!important}
select.input,select.input option{background:#092018!important}select.input option:checked{background:#008c45!important}

/* Refined tricolore detailing: use the flag rhythm sparingly. */
.dubai-hero picture img{filter:saturate(.92) contrast(1.04)!important}
.dubai-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(4,16,12,.76) 0%,rgba(4,16,12,.48) 34%,rgba(4,16,12,.12) 68%,rgba(4,16,12,.04) 100%);
}
.card,.card-interactive{background:linear-gradient(145deg,rgba(0,140,69,.06),rgba(255,255,255,.035) 52%,rgba(239,0,0,.05)),rgb(var(--color-surface)/.62)!important}
.input:focus{border-color:#008c45!important;--tw-ring-color:rgba(244,245,240,.28)!important}

/* Reel category labels: high-contrast Dubai-based green over video. */
#work .card-interactive .text-accent{
  color:#35e58a!important;
  text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 10px rgba(0,140,69,.72);
}

/* Dubai flag palette: green, red, gold and warm white. */
:root{
  --color-primary:4 106 56;
  --color-primary-hover:3 83 43;
  --color-primary-soft:rgba(4,106,56,.22);
  --color-secondary:218 41 28;
  --color-accent:255 204 0;
  --color-accent-hover:255 220 72;
  --color-background:3 18 12;
  --color-surface:8 35 24;
  --color-surface-2:13 52 36;
  --gradient-brand:linear-gradient(120deg,#046a38 0 42%,#ffcc00 42% 52%,#da291c 52% 100%);
  --gradient-brand-text:linear-gradient(110deg,#28b56d 0%,#ffcc00 50%,#ef4a3d 100%);
  --gradient-hero-heading:linear-gradient(110deg,#49cc85 0%,#fff7df 44%,#ffcc00 67%,#ef4a3d 100%);
}
.dubai-hero .eyebrow::before{background:linear-gradient(90deg,#046a38 0 42%,#ffcc00 42% 52%,#da291c 52% 100%)!important}
.btn-primary,.service-audit-cta,.dubai-hero .btn-primary{background:linear-gradient(135deg,#046a38,#034c29)!important}
.btn-secondary,.dubai-hero .btn-secondary{background:linear-gradient(180deg,#da291c,#9f1d15)!important;border-color:rgba(255,204,0,.55)!important}
.dubai-hero::after{background:linear-gradient(90deg,rgba(3,18,12,.62) 0%,rgba(3,18,12,.42) 34%,rgba(3,18,12,.12) 68%,rgba(3,18,12,.02) 100%)}

/* Savasaachi Dubai: UAE flag palette with a polished midnight city backdrop. */
:root{
  --color-primary:0 122 61;
  --color-primary-hover:0 148 70;
  --color-primary-soft:rgba(0,122,61,.2);
  --color-secondary:206 17 38;
  --color-accent:206 17 38;
  --color-accent-hover:235 39 57;
  --color-background:3 7 9;
  --color-surface:10 16 18;
  --color-surface-2:18 27 29;
  --color-foreground:255 255 255;
  --color-muted:202 212 208;
  --color-subtle:139 157 150;
  --color-ring:255 255 255;
  --gradient-brand:linear-gradient(120deg,#007a3d 0 38%,#fff 38% 64%,#000 64% 82%,#ce1126 82% 100%);
  --gradient-brand-text:linear-gradient(110deg,#1bc06c 0%,#fff 48%,#ff4055 100%);
  --gradient-hero-heading:linear-gradient(110deg,#fff 0%,#d9fff0 34%,#29d47b 62%,#ff4358 100%);
}
body{background:#030709!important}
.dubai-hero picture img{filter:saturate(1.08) contrast(1.08) brightness(.84)!important;opacity:1!important}
.dubai-hero::after{
  display:block!important;
  background:
    linear-gradient(90deg,rgba(3,7,9,.86) 0%,rgba(3,7,9,.58) 36%,rgba(3,7,9,.18) 66%,rgba(3,7,9,.06) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.02) 58%,#030709 100%)!important;
}
.dubai-hero .eyebrow{color:#fff!important}
.dubai-hero .eyebrow::before{background:linear-gradient(90deg,#ce1126 0 25%,#007a3d 25% 50%,#fff 50% 75%,#050505 75%)!important;box-shadow:0 0 14px rgba(255,255,255,.32)!important}
.btn-primary,.service-audit-cta,.dubai-hero .btn-primary{background:linear-gradient(135deg,#007a3d,#00592d)!important;border-color:rgba(255,255,255,.46)!important;box-shadow:0 16px 38px -16px rgba(0,122,61,.96),inset 0 1px rgba(255,255,255,.22)!important}
.btn-primary:hover,.service-audit-cta:hover,.dubai-hero .btn-primary:hover{background:linear-gradient(135deg,#009c4e,#007a3d)!important;border-color:#fff!important}
.btn-secondary,.dubai-hero .btn-secondary{background:linear-gradient(180deg,#ce1126,#94101d)!important;border-color:rgba(255,255,255,.5)!important;color:#fff!important;box-shadow:0 16px 36px -17px rgba(206,17,38,.92),inset 0 1px rgba(255,255,255,.2)!important}
.btn-secondary:hover,.dubai-hero .btn-secondary:hover{background:linear-gradient(180deg,#ed2940,#ce1126)!important;border-color:#fff!important}
.card,.card-interactive{background:linear-gradient(145deg,rgba(0,122,61,.07),rgba(255,255,255,.035) 52%,rgba(206,17,38,.055)),rgb(var(--color-surface)/.7)!important}
.card-interactive:hover{border-color:rgba(0,122,61,.66)!important;box-shadow:0 0 46px -14px rgba(0,122,61,.72),0 22px 46px -20px rgba(0,0,0,.8)!important}
.animate-marquee .bg-primary{background:#ce1126!important;box-shadow:0 0 8px rgba(206,17,38,.78)!important}
#areas li:not(.border-dashed):hover{background:rgba(206,17,38,.14)!important;border-color:rgba(206,17,38,.66)!important}
select.input,select.input option{background:#0a1012!important}select.input option:checked{background:#007a3d!important}

/* Dubai complementary palette supplied by the client. */
:root{
  --color-primary:42 95 155;
  --color-primary-hover:55 116 184;
  --color-primary-soft:rgba(42,95,155,.22);
  --color-secondary:106 99 83;
  --color-accent:227 211 189;
  --color-accent-hover:241 230 214;
  --color-on-primary:255 255 255;
  --color-on-accent:52 53 42;
  --color-background:52 53 42;
  --color-surface:68 67 55;
  --color-surface-2:106 99 83;
  --color-foreground:227 211 189;
  --color-muted:181 178 168;
  --color-subtle:155 154 152;
  --color-ring:227 211 189;
  --gradient-brand:linear-gradient(120deg,#2a5f9b 0%,#e3d3bd 55%,#6a6353 100%);
  --gradient-brand-text:linear-gradient(110deg,#8bb7df 0%,#e3d3bd 52%,#9b9a98 100%);
  --gradient-hero-heading:linear-gradient(110deg,#f5eee5 0%,#e3d3bd 46%,#86b2da 100%);
}
body{background:#34352a!important}
.dubai-hero picture img{filter:saturate(.76) contrast(1.04) brightness(.76)!important}
.dubai-hero::after{
  background:
    linear-gradient(90deg,rgba(52,53,42,.94) 0%,rgba(52,53,42,.7) 36%,rgba(52,53,42,.2) 68%,rgba(52,53,42,.08) 100%),
    linear-gradient(180deg,rgba(42,95,155,.12),transparent 45%,#34352a 100%)!important;
}
.dubai-hero .eyebrow{color:#e3d3bd!important}
.dubai-hero .eyebrow::before{background:linear-gradient(90deg,#2a5f9b 0 40%,#e3d3bd 40% 72%,#6a6353 72%)!important;box-shadow:0 0 14px rgba(42,95,155,.48)!important}
.btn-primary,.service-audit-cta,.dubai-hero .btn-primary{color:#fff!important;background:linear-gradient(135deg,#2a5f9b,#234e7e)!important;border-color:rgba(227,211,189,.48)!important;box-shadow:0 16px 38px -16px rgba(42,95,155,.9),inset 0 1px rgba(255,255,255,.2)!important}
.btn-primary:hover,.service-audit-cta:hover,.dubai-hero .btn-primary:hover{background:linear-gradient(135deg,#3774b8,#2a5f9b)!important;border-color:#e3d3bd!important}
.btn-secondary,.dubai-hero .btn-secondary{color:#34352a!important;background:linear-gradient(180deg,#e3d3bd,#c9b89f)!important;border-color:rgba(227,211,189,.72)!important;box-shadow:0 16px 36px -17px rgba(227,211,189,.62),inset 0 1px rgba(255,255,255,.32)!important}
.btn-secondary:hover,.dubai-hero .btn-secondary:hover{color:#34352a!important;background:linear-gradient(180deg,#f1e6d7,#e3d3bd)!important;border-color:#fff!important}
.card,.card-interactive{background:linear-gradient(145deg,rgba(42,95,155,.08),rgba(227,211,189,.045) 52%,rgba(106,99,83,.14)),rgba(52,53,42,.82)!important;border-color:rgba(227,211,189,.12)!important}
.card-interactive:hover{border-color:rgba(42,95,155,.7)!important;box-shadow:0 0 46px -14px rgba(42,95,155,.7),0 22px 46px -20px rgba(52,53,42,.9)!important}
.animate-marquee .bg-primary{background:#e3d3bd!important;box-shadow:0 0 8px rgba(227,211,189,.5)!important}
.card-interactive .text-primary,main svg[class*="text-primary"]{color:#75a6d4!important}
.card-interactive>a,.card-interactive .text-accent,main svg[class*="text-accent"]{color:#e3d3bd!important}
.card-interactive .bg-primary-soft,main .bg-primary-soft{background:rgba(42,95,155,.25)!important;border-color:rgba(227,211,189,.2)!important;color:#e3d3bd!important}
#areas li:not(.border-dashed):hover{background:rgba(42,95,155,.17)!important;border-color:rgba(42,95,155,.7)!important;box-shadow:0 8px 22px -14px rgba(42,95,155,.9)!important}
#areas li svg,#areas li:not(.border-dashed):hover svg{color:#75a6d4!important}
#contact span.rounded-full[class*="bg-primary"][class*="uppercase"]{background:#2a5f9b!important;border-color:rgba(227,211,189,.4)!important}
.input:focus{border-color:#2a5f9b!important;--tw-ring-color:rgba(227,211,189,.3)!important}
select.input,select.input option{background:#34352a!important}select.input option:checked{background:#2a5f9b!important}

/* Final direction: Dubai blue as the dominant brand colour. */
:root{
  --color-primary:42 95 155;
  --color-primary-hover:54 116 184;
  --color-primary-soft:rgba(42,95,155,.24);
  --color-secondary:42 95 155;
  --color-accent:88 154 215;
  --color-accent-hover:118 180 235;
  --color-on-primary:255 255 255;
  --color-on-accent:255 255 255;
  --color-background:5 13 24;
  --color-surface:10 25 43;
  --color-surface-2:16 39 65;
  --color-foreground:245 249 255;
  --color-muted:183 200 218;
  --color-subtle:127 151 176;
  --color-ring:88 154 215;
  --gradient-brand:linear-gradient(135deg,#2a5f9b,#589ad7);
  --gradient-brand-text:linear-gradient(110deg,#f5f9ff 0%,#9ec9ee 45%,#2a5f9b 100%);
  --gradient-hero-heading:linear-gradient(110deg,#fff 0%,#b9daf5 46%,#589ad7 72%,#2a5f9b 100%);
}
body{background:#050d18!important}
.dubai-hero picture img{filter:saturate(.9) contrast(1.08) brightness(.72) hue-rotate(3deg)!important}
.dubai-hero::after{
  background:
    linear-gradient(90deg,rgba(5,13,24,.96) 0%,rgba(5,13,24,.72) 38%,rgba(5,13,24,.24) 70%,rgba(5,13,24,.08) 100%),
    linear-gradient(180deg,rgba(42,95,155,.2),transparent 46%,#050d18 100%)!important;
}
.dubai-hero .eyebrow{color:#9ec9ee!important}
.dubai-hero .eyebrow::before{background:#2a5f9b!important;box-shadow:0 0 15px rgba(42,95,155,.8)!important}
.btn-primary,.service-audit-cta,.dubai-hero .btn-primary{color:#fff!important;background:#2a5f9b!important;border-color:rgba(158,201,238,.55)!important;box-shadow:0 16px 38px -14px rgba(42,95,155,.95),inset 0 1px rgba(255,255,255,.18)!important}
.btn-primary:hover,.service-audit-cta:hover,.dubai-hero .btn-primary:hover{background:#3674b8!important;border-color:#b9daf5!important;box-shadow:0 18px 44px -14px rgba(42,95,155,1)!important}
.btn-secondary,.dubai-hero .btn-secondary{color:#fff!important;background:rgba(42,95,155,.22)!important;border-color:rgba(88,154,215,.65)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 14px 34px -20px rgba(42,95,155,.9)!important}
.btn-secondary:hover,.dubai-hero .btn-secondary:hover{color:#fff!important;background:#2a5f9b!important;border-color:#9ec9ee!important}
.card,.card-interactive{background:linear-gradient(145deg,rgba(42,95,155,.15),rgba(10,25,43,.82) 54%,rgba(5,13,24,.92))!important;border-color:rgba(88,154,215,.18)!important}
.card-interactive:hover{border-color:rgba(88,154,215,.72)!important;box-shadow:0 0 48px -14px rgba(42,95,155,.9),0 24px 48px -20px rgba(0,0,0,.9)!important}
.animate-marquee .bg-primary{background:#2a5f9b!important;box-shadow:0 0 9px rgba(42,95,155,.9)!important}
.card-interactive .text-primary,main svg[class*="text-primary"],#areas li svg,#areas li:not(.border-dashed):hover svg{color:#589ad7!important}
.card-interactive>a,.card-interactive .text-accent,main svg[class*="text-accent"]{color:#9ec9ee!important}
.card-interactive .bg-primary-soft,main .bg-primary-soft{background:rgba(42,95,155,.28)!important;border-color:rgba(88,154,215,.32)!important;color:#b9daf5!important}
#areas li:not(.border-dashed):hover{background:rgba(42,95,155,.2)!important;border-color:rgba(88,154,215,.72)!important;box-shadow:0 10px 26px -15px rgba(42,95,155,1)!important}
#contact span.rounded-full[class*="bg-primary"][class*="uppercase"]{background:#2a5f9b!important;border-color:rgba(158,201,238,.45)!important}
.input:focus{border-color:#589ad7!important;--tw-ring-color:rgba(42,95,155,.42)!important}
select.input,select.input option{background:#0a192b!important}select.input option:checked{background:#2a5f9b!important}

/* Final palette: black, white and green. */
:root{
  --color-primary:0 140 69;
  --color-primary-hover:0 171 84;
  --color-primary-soft:rgba(0,140,69,.22);
  --color-secondary:255 255 255;
  --color-accent:0 140 69;
  --color-accent-hover:0 181 89;
  --color-on-primary:255 255 255;
  --color-on-accent:255 255 255;
  --color-background:0 0 0;
  --color-surface:10 10 10;
  --color-surface-2:20 20 20;
  --color-foreground:255 255 255;
  --color-muted:202 202 202;
  --color-subtle:145 145 145;
  --color-ring:0 140 69;
  --gradient-brand:linear-gradient(135deg,#008c45,#00b359);
  --gradient-brand-text:linear-gradient(110deg,#fff 0%,#fff 44%,#27d77f 100%);
  --gradient-hero-heading:linear-gradient(110deg,#fff 0%,#fff 52%,#27d77f 100%);
}
body{background:#000!important}
.dubai-hero picture img{filter:grayscale(.3) saturate(.8) contrast(1.12) brightness(.68)!important}
.dubai-hero::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.08) 100%),
    linear-gradient(180deg,rgba(0,140,69,.12),transparent 48%,#000 100%)!important;
}
.dubai-hero .eyebrow{color:#fff!important}
.dubai-hero .eyebrow::before{background:#008c45!important;box-shadow:0 0 15px rgba(0,140,69,.85)!important}
.btn-primary,.service-audit-cta,.dubai-hero .btn-primary{color:#fff!important;background:#008c45!important;border-color:rgba(255,255,255,.45)!important;box-shadow:0 16px 38px -14px rgba(0,140,69,.96),inset 0 1px rgba(255,255,255,.2)!important}
.btn-primary:hover,.service-audit-cta:hover,.dubai-hero .btn-primary:hover{background:#00ab54!important;border-color:#fff!important;box-shadow:0 18px 44px -14px rgba(0,140,69,1)!important}
.btn-secondary,.dubai-hero .btn-secondary{color:#fff!important;background:#111!important;border-color:rgba(255,255,255,.42)!important;box-shadow:inset 0 1px rgba(255,255,255,.1)!important}
.btn-secondary:hover,.dubai-hero .btn-secondary:hover{color:#fff!important;background:#008c45!important;border-color:#fff!important}
.card,.card-interactive{background:linear-gradient(145deg,rgba(0,140,69,.09),rgba(13,13,13,.9) 54%,rgba(0,0,0,.96))!important;border-color:rgba(255,255,255,.12)!important}
.card-interactive:hover{border-color:rgba(0,140,69,.72)!important;box-shadow:0 0 48px -14px rgba(0,140,69,.82),0 24px 48px -20px rgba(0,0,0,.96)!important}
.animate-marquee .bg-primary{background:#008c45!important;box-shadow:0 0 9px rgba(0,140,69,.9)!important}
.card-interactive .text-primary,main svg[class*="text-primary"],#areas li svg,#areas li:not(.border-dashed):hover svg{color:#20c975!important}
.card-interactive>a,.card-interactive .text-accent,main svg[class*="text-accent"]{color:#20c975!important}
.card-interactive .bg-primary-soft,main .bg-primary-soft{background:rgba(0,140,69,.24)!important;border-color:rgba(0,140,69,.42)!important;color:#fff!important}
#areas li:not(.border-dashed):hover{background:rgba(0,140,69,.18)!important;border-color:rgba(0,140,69,.7)!important;box-shadow:0 10px 26px -15px rgba(0,140,69,1)!important}
#contact span.rounded-full[class*="bg-primary"][class*="uppercase"]{background:#008c45!important;border-color:rgba(255,255,255,.42)!important}
.input:focus{border-color:#008c45!important;--tw-ring-color:rgba(0,140,69,.42)!important}
select.input,select.input option{background:#0a0a0a!important}select.input option:checked{background:#008c45!important}

/* Let the Dubai skyline lead while preserving text contrast. */
.dubai-hero picture img{
  filter:saturate(1.06) contrast(1.05) brightness(.98)!important;
  opacity:1!important;
  object-position:center 46%!important;
}
.dubai-hero::after{
  background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.08) 72%,transparent 100%)!important;
}
.dubai-hero > .absolute.inset-0 > div:nth-child(2){opacity:.2!important}
.dubai-hero > .absolute.inset-0 > div:nth-child(4){opacity:.38!important}
.dubai-hero > .absolute.inset-0 > div:nth-child(5){opacity:.14!important}
.dubai-hero > .absolute.inset-0 > div:nth-child(6){opacity:.22!important}
.dubai-hero > .absolute.inset-0 > div:nth-child(7){height:9rem!important}
.dubai-hero h1,.dubai-hero p{text-shadow:0 3px 24px rgba(0,0,0,.82)}
@media (max-width:639px){
  .dubai-hero picture img{object-position:58% center!important}
  .dubai-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.18) 42%,rgba(0,0,0,.58))!important}
}