@import"https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap";@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}:root,:host{--font-sans:"Exo", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--drop-shadow-lg:0 4px 4px #00000026;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.pointer-events-none{pointer-events:none !important}.invisible{visibility:hidden !important}.visible{visibility:visible !important}.absolute{position:absolute !important}.fixed{position:fixed !important}.relative{position:relative !important}.static{position:static !important}.-inset-1{inset:calc(var(--spacing) * -1) !important}.inset-0{inset:0 !important}.inset-x-0{inset-inline:0 !important}.inset-y-0{inset-block:0 !important}.top-0{top:0 !important}.right-0{right:0 !important}.right-6{right:calc(var(--spacing) * 6) !important}.bottom-0{bottom:0 !important}.bottom-6{bottom:calc(var(--spacing) * 6) !important}.bottom-full{bottom:100% !important}.left-0{left:0 !important}.left-1\/2{left:50% !important}.z-0{z-index:0 !important}.z-10{z-index:10 !important}.z-50{z-index:50 !important}.container{width:100% !important}@media(min-width:40rem){.container{max-width:40rem !important}}@media(min-width:48rem){.container{max-width:48rem !important}}@media(min-width:64rem){.container{max-width:64rem !important}}@media(min-width:80rem){.container{max-width:80rem !important}}@media(min-width:96rem){.container{max-width:96rem !important}}.mx-4{margin-inline:calc(var(--spacing) * 4) !important}.mx-10{margin-inline:calc(var(--spacing) * 10) !important}.mx-auto{margin-inline:auto !important}.my-3{margin-block:calc(var(--spacing) * 3) !important}.mt-0\.5{margin-top:calc(var(--spacing) * .5) !important}.mt-2{margin-top:calc(var(--spacing) * 2) !important}.mt-3{margin-top:calc(var(--spacing) * 3) !important}.mt-4{margin-top:calc(var(--spacing) * 4) !important}.mt-6{margin-top:calc(var(--spacing) * 6) !important}.mt-7{margin-top:calc(var(--spacing) * 7) !important}.mt-8{margin-top:calc(var(--spacing) * 8) !important}.mt-10{margin-top:calc(var(--spacing) * 10) !important}.mt-12{margin-top:calc(var(--spacing) * 12) !important}.mt-14{margin-top:calc(var(--spacing) * 14) !important}.mr-10{margin-right:calc(var(--spacing) * 10) !important}.mb-1{margin-bottom:var(--spacing) !important}.mb-3{margin-bottom:calc(var(--spacing) * 3) !important}.mb-4{margin-bottom:calc(var(--spacing) * 4) !important}.mb-5{margin-bottom:calc(var(--spacing) * 5) !important}.ml-10{margin-left:calc(var(--spacing) * 10) !important}.block{display:block !important}.flex{display:flex !important}.grid{display:grid !important}.hidden{display:none !important}.inline{display:inline !important}.aspect-square{aspect-ratio:1 !important}.h-2{height:calc(var(--spacing) * 2) !important}.h-2\/5{height:40% !important}.h-3{height:calc(var(--spacing) * 3) !important}.h-4{height:calc(var(--spacing) * 4) !important}.h-5{height:calc(var(--spacing) * 5) !important}.h-7{height:calc(var(--spacing) * 7) !important}.h-8{height:calc(var(--spacing) * 8) !important}.h-9{height:calc(var(--spacing) * 9) !important}.h-10{height:calc(var(--spacing) * 10) !important}.h-12{height:calc(var(--spacing) * 12) !important}.h-14{height:calc(var(--spacing) * 14) !important}.h-16{height:calc(var(--spacing) * 16) !important}.h-20{height:calc(var(--spacing) * 20) !important}.h-24{height:calc(var(--spacing) * 24) !important}.h-28{height:calc(var(--spacing) * 28) !important}.h-32{height:calc(var(--spacing) * 32) !important}.h-40{height:calc(var(--spacing) * 40) !important}.h-\[2px\]{height:2px !important}.h-\[18vh\]{height:18vh !important}.h-auto{height:auto !important}.h-full{height:100% !important}.h-px{height:1px !important}.min-h-\[480px\]{min-height:480px !important}.min-h-screen{min-height:100vh !important}.w-2{width:calc(var(--spacing) * 2) !important}.w-3{width:calc(var(--spacing) * 3) !important}.w-4{width:calc(var(--spacing) * 4) !important}.w-5{width:calc(var(--spacing) * 5) !important}.w-7{width:calc(var(--spacing) * 7) !important}.w-9{width:calc(var(--spacing) * 9) !important}.w-12{width:calc(var(--spacing) * 12) !important}.w-14{width:calc(var(--spacing) * 14) !important}.w-16{width:calc(var(--spacing) * 16) !important}.w-20{width:calc(var(--spacing) * 20) !important}.w-24{width:calc(var(--spacing) * 24) !important}.w-40{width:calc(var(--spacing) * 40) !important}.w-48{width:calc(var(--spacing) * 48) !important}.w-\[3px\]{width:3px !important}.w-\[460px\]{width:460px !important}.w-auto{width:auto !important}.w-full{width:100% !important}.max-w-2xl{max-width:var(--container-2xl) !important}.max-w-3xl{max-width:var(--container-3xl) !important}.max-w-\[6rem\]{max-width:6rem !important}.max-w-\[14rem\]{max-width:14rem !important}.max-w-\[1940px\]{max-width:1940px !important}.max-w-lg{max-width:var(--container-lg) !important}.flex-shrink-0{flex-shrink:0 !important}.-translate-x-1\/2{--tw-translate-x: -50% !important; translate:var(--tw-translate-x) var(--tw-translate-y) !important}.translate-x-1\/2{--tw-translate-x: 50% !important; translate:var(--tw-translate-x) var(--tw-translate-y) !important}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important}.cursor-default{cursor:default !important}.cursor-pointer{cursor:pointer !important}.resize-none{resize:none !important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr)) !important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr)) !important}.flex-col{flex-direction:column !important}.items-center{align-items:center !important}.items-end{align-items:flex-end !important}.items-start{align-items:flex-start !important}.items-stretch{align-items:stretch !important}.justify-between{justify-content:space-between !important}.justify-center{justify-content:center !important}.gap-0{gap:0 !important}.gap-2{gap:calc(var(--spacing) * 2) !important}.gap-3{gap:calc(var(--spacing) * 3) !important}.gap-4{gap:calc(var(--spacing) * 4) !important}.gap-5{gap:calc(var(--spacing) * 5) !important}.gap-6{gap:calc(var(--spacing) * 6) !important}.gap-8{gap:calc(var(--spacing) * 8) !important}.gap-10{gap:calc(var(--spacing) * 10) !important}.gap-12{gap:calc(var(--spacing) * 12) !important}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0 !important; margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)) !important; margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))) !important}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0 !important; margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)) !important; margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0 !important; margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important; margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0 !important; margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)) !important; margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important}.gap-x-4{column-gap:calc(var(--spacing) * 4) !important}.gap-y-8{row-gap:calc(var(--spacing) * 8) !important}.overflow-hidden{overflow:hidden !important}.overflow-x-auto{overflow-x:auto !important}.overflow-x-clip{overflow-x:clip !important}.rounded{border-radius:.25rem !important}.rounded-full{border-radius:3.40282e38px !important}.border{border-style:var(--tw-border-style) !important; border-width:1px !important}.border-2{border-style:var(--tw-border-style) !important; border-width:2px !important}.border-y{border-block-style:var(--tw-border-style) !important; border-block-width:1px !important}.border-t{border-top-style:var(--tw-border-style) !important; border-top-width:1px !important}.border-b{border-bottom-style:var(--tw-border-style) !important; border-bottom-width:1px !important}.border-\[\#1d8eff\]\/30{border-color:#1d8eff4d !important}.border-white{border-color:var(--color-white) !important}.border-white\/5{border-color:#ffffff0d !important}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white) 5%,transparent) !important}}.border-white\/10{border-color:#ffffff1a !important}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent) !important}}.bg-\[\#0a1830\]{background-color:#0a1830 !important}.bg-\[\#0a1830\]\/80{background-color:#0a1830cc !important}.bg-\[\#1d8eff\]{background-color:#1d8eff !important}.bg-\[\#00020f\]{background-color:#00020f !important}.bg-\[\#25d366\]{background-color:#25d366 !important}.bg-\[\#040e1f\]{background-color:#040e1f !important}.bg-\[\#050f20\]{background-color:#050f20 !important}.bg-\[\#0066ff\]{background-color:#06f !important}.bg-\[\#02080f\]{background-color:#02080f !important}.bg-\[\#011377\]{background-color:#011377 !important}.bg-\[rgba\(4\,14\,31\,0\.98\)\]{background-color:#040e1ffa !important}.bg-white{background-color:var(--color-white) !important}.bg-white\/30{background-color:#ffffff4d !important}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent) !important}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab !important; background-image:linear-gradient(var(--tw-gradient-stops)) !important}.bg-gradient-to-r{--tw-gradient-position:to right in oklab !important; background-image:linear-gradient(var(--tw-gradient-stops)) !important}.bg-gradient-to-t{--tw-gradient-position:to top in oklab !important; background-image:linear-gradient(var(--tw-gradient-stops)) !important}.from-\[\#040e1f\]{--tw-gradient-from:#040e1f !important; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important}.from-\[\#02080f\]{--tw-gradient-from:#02080f !important; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important}.from-black\/30{--tw-gradient-from:#0000004d !important}@supports (color:color-mix(in lab,red,red)){.from-black\/30{--tw-gradient-from:color-mix(in oklab, var(--color-black) 30%, transparent) !important}}.from-black\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important}.from-transparent{--tw-gradient-from:transparent !important; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important}.via-\[\#1d8eff\]\/50{--tw-gradient-via:oklab(64.7556% -.0538459 -.184742/.5) !important; --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important; --tw-gradient-stops:var(--tw-gradient-via-stops) !important}.via-\[\#1d8eff\]\/60{--tw-gradient-via:oklab(64.7556% -.0538459 -.184742/.6) !important; --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important; --tw-gradient-stops:var(--tw-gradient-via-stops) !important}.via-black\/40{--tw-gradient-via:#0006 !important}@supports (color:color-mix(in lab,red,red)){.via-black\/40{--tw-gradient-via:color-mix(in oklab, var(--color-black) 40%, transparent) !important}}.via-black\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important; --tw-gradient-stops:var(--tw-gradient-via-stops) !important}.to-\[\#0a1c6b\]{--tw-gradient-to:#0a1c6b !important; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important}.to-\[\#040e1f\]{--tw-gradient-to:#040e1f !important; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important}.to-transparent{--tw-gradient-to:transparent !important; --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important}.bg-cover{background-size:cover !important}.bg-center{background-position:50% !important}.object-contain{object-fit:contain !important}.object-cover{object-fit:cover !important}.object-center{object-position:center !important}.p-2{padding:calc(var(--spacing) * 2) !important}.p-4{padding:calc(var(--spacing) * 4) !important}.px-2{padding-inline:calc(var(--spacing) * 2) !important}.px-4{padding-inline:calc(var(--spacing) * 4) !important}.px-5{padding-inline:calc(var(--spacing) * 5) !important}.px-6{padding-inline:calc(var(--spacing) * 6) !important}.px-7{padding-inline:calc(var(--spacing) * 7) !important}.px-8{padding-inline:calc(var(--spacing) * 8) !important}.px-10{padding-inline:calc(var(--spacing) * 10) !important}.py-0\.5{padding-block:calc(var(--spacing) * .5) !important}.py-2{padding-block:calc(var(--spacing) * 2) !important}.py-3{padding-block:calc(var(--spacing) * 3) !important}.py-3\.5{padding-block:calc(var(--spacing) * 3.5) !important}.py-4{padding-block:calc(var(--spacing) * 4) !important}.py-5{padding-block:calc(var(--spacing) * 5) !important}.py-8{padding-block:calc(var(--spacing) * 8) !important}.py-10{padding-block:calc(var(--spacing) * 10) !important}.py-12{padding-block:calc(var(--spacing) * 12) !important}.py-14{padding-block:calc(var(--spacing) * 14) !important}.py-16{padding-block:calc(var(--spacing) * 16) !important}.py-20{padding-block:calc(var(--spacing) * 20) !important}.pt-10{padding-top:calc(var(--spacing) * 10) !important}.pt-20{padding-top:calc(var(--spacing) * 20) !important}.pb-2{padding-bottom:calc(var(--spacing) * 2) !important}.pb-6{padding-bottom:calc(var(--spacing) * 6) !important}.pb-10{padding-bottom:calc(var(--spacing) * 10) !important}.pb-20{padding-bottom:calc(var(--spacing) * 20) !important}.text-center{text-align:center !important}.text-2xl{font-size:var(--text-2xl) !important; line-height:var(--tw-leading,var(--text-2xl--line-height)) !important}.text-3xl{font-size:var(--text-3xl) !important; line-height:var(--tw-leading,var(--text-3xl--line-height)) !important}.text-sm{font-size:var(--text-sm) !important; line-height:var(--tw-leading,var(--text-sm--line-height)) !important}.text-xs{font-size:var(--text-xs) !important; line-height:var(--tw-leading,var(--text-xs--line-height)) !important}.text-\[0\.6rem\]{font-size:.6rem !important}.text-\[0\.7rem\]{font-size:.7rem !important}.text-\[0\.55rem\]{font-size:.55rem !important}.text-\[0\.62rem\]{font-size:.62rem !important}.text-\[0\.65rem\]{font-size:.65rem !important}.text-\[0\.68rem\]{font-size:.68rem !important}.text-\[16px\]{font-size:16px !important}.text-\[clamp\(0\.8rem\,1\.8vw\,1\.05rem\)\]{font-size:clamp(.8rem,1.8vw,1.05rem) !important}.text-\[clamp\(2\.2rem\,6vw\,5rem\)\]{font-size:clamp(2.2rem,6vw,5rem) !important}.leading-\[1\.0\]{--tw-leading:1 !important; line-height:1 !important}.leading-relaxed{--tw-leading:var(--leading-relaxed) !important; line-height:var(--leading-relaxed) !important}.leading-snug{--tw-leading:var(--leading-snug) !important; line-height:var(--leading-snug) !important}.leading-tight{--tw-leading:var(--leading-tight) !important; line-height:var(--leading-tight) !important}.font-black{--tw-font-weight:var(--font-weight-black) !important; font-weight:var(--font-weight-black) !important}.font-bold{--tw-font-weight:var(--font-weight-bold) !important; font-weight:var(--font-weight-bold) !important}.font-normal{--tw-font-weight:var(--font-weight-normal) !important; font-weight:var(--font-weight-normal) !important}.font-semibold{--tw-font-weight:var(--font-weight-semibold) !important; font-weight:var(--font-weight-semibold) !important}.tracking-\[0\.2em\]{--tw-tracking:.2em !important; letter-spacing:.2em !important}.tracking-\[0\.12em\]{--tw-tracking:.12em !important; letter-spacing:.12em !important}.tracking-\[0\.18em\]{--tw-tracking:.18em !important; letter-spacing:.18em !important}.tracking-tight{--tw-tracking:var(--tracking-tight) !important; letter-spacing:var(--tracking-tight) !important}.tracking-wide{--tw-tracking:var(--tracking-wide) !important; letter-spacing:var(--tracking-wide) !important}.tracking-widest{--tw-tracking:var(--tracking-widest) !important; letter-spacing:var(--tracking-widest) !important}.whitespace-nowrap{white-space:nowrap !important}.whitespace-pre-line{white-space:pre-line !important}.text-\[\#1d8eff\]{color:#1d8eff !important}.text-\[\#3dabff\]{color:#3dabff !important}.text-white{color:var(--color-white) !important}.text-white\/30{color:#ffffff4d !important}@supports (color:color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent) !important}}.text-white\/50{color:#ffffff80 !important}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent) !important}}.text-white\/60{color:#fff9 !important}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent) !important}}.text-white\/80{color:#fffc !important}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent) !important}}.normal-case{text-transform:none !important}.uppercase{text-transform:uppercase !important}.underline-offset-2{text-underline-offset:2px !important}.opacity-20{opacity:.2 !important}.opacity-30{opacity:.3 !important}.opacity-60{opacity:.6 !important}.opacity-80{opacity:.8 !important}.opacity-90{opacity:.9 !important}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a) !important; box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important}.shadow-\[\#25d366\]\/30{--tw-shadow-color:#25d3664d !important}@supports (color:color-mix(in lab,red,red)){.shadow-\[\#25d366\]\/30{--tw-shadow-color:color-mix(in oklab, oklab(76.0953% -.174012 .10152/.3) var(--tw-shadow-alpha), transparent) !important}}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026)) !important; --tw-drop-shadow:drop-shadow(var(--drop-shadow-lg)) !important; 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,) !important}.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,) !important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events !important; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)) !important; transition-duration:var(--tw-duration,var(--default-transition-duration)) !important}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to !important; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)) !important; transition-duration:var(--tw-duration,var(--default-transition-duration)) !important}.transition-opacity{transition-property:opacity !important; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)) !important; transition-duration:var(--tw-duration,var(--default-transition-duration)) !important}.duration-300{--tw-duration:.3s !important; transition-duration:.3s !important}.select-none{-webkit-user-select:none !important; user-select:none !important}@media(hover:hover){.hover\:bg-\[\#1ab855\]:hover{background-color:#1ab855 !important}.hover\:bg-\[\#1d8eff\]:hover{background-color:#1d8eff !important}.hover\:bg-\[\#3dabff\]:hover{background-color:#3dabff !important}.hover\:bg-white\/5:hover{background-color:#ffffff0d !important}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent) !important}}.hover\:text-\[\#3dabff\]:hover{color:#3dabff !important}.hover\:text-white:hover{color:var(--color-white) !important}.hover\:text-white\/60:hover{color:#fff9 !important}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/60:hover{color:color-mix(in oklab,var(--color-white) 60%,transparent) !important}}.hover\:underline:hover{text-decoration-line:underline !important}.hover\:opacity-80:hover{opacity:.8 !important}}@media(min-width:40rem){.sm\:block{display:block !important}.sm\:hidden{display:none !important}.sm\:h-20{height:calc(var(--spacing) * 20) !important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.sm\:flex-row{flex-direction:row !important}.sm\:items-center{align-items:center !important}.sm\:justify-center{justify-content:center !important}.sm\:gap-4{gap:calc(var(--spacing) * 4) !important}.sm\:gap-12{gap:calc(var(--spacing) * 12) !important}.sm\:py-6{padding-block:calc(var(--spacing) * 6) !important}.sm\:text-2xl{font-size:var(--text-2xl) !important; line-height:var(--tw-leading,var(--text-2xl--line-height)) !important}.sm\:text-3xl{font-size:var(--text-3xl) !important; line-height:var(--tw-leading,var(--text-3xl--line-height)) !important}.sm\:text-4xl{font-size:var(--text-4xl) !important; line-height:var(--tw-leading,var(--text-4xl--line-height)) !important}.sm\:text-\[0\.6rem\]{font-size:.6rem !important}}@media(min-width:48rem){.md\:block{display:block !important}.md\:hidden{display:none !important}}@media(min-width:64rem){.lg\:mt-14{margin-top:calc(var(--spacing) * 14) !important}.lg\:block{display:block !important}.lg\:contents{display:contents !important}.lg\:flex{display:flex !important}.lg\:hidden{display:none !important}.lg\:h-16{height:calc(var(--spacing) * 16) !important}.lg\:h-40{height:calc(var(--spacing) * 40) !important}.lg\:h-\[80vh\]{height:80vh !important}.lg\:w-16{width:calc(var(--spacing) * 16) !important}.lg\:w-32{width:calc(var(--spacing) * 32) !important}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.lg\:flex-row{flex-direction:row !important}.lg\:flex-nowrap{flex-wrap:nowrap !important}.lg\:flex-wrap{flex-wrap:wrap !important}.lg\:items-center{align-items:center !important}.lg\:justify-between{justify-content:space-between !important}.lg\:justify-center{justify-content:center !important}.lg\:gap-0{gap:0 !important}.lg\:gap-8{gap:calc(var(--spacing) * 8) !important}.lg\:gap-16{gap:calc(var(--spacing) * 16) !important}.lg\:gap-x-8{column-gap:calc(var(--spacing) * 8) !important}.lg\:gap-y-2{row-gap:calc(var(--spacing) * 2) !important}.lg\:overflow-hidden{overflow:hidden !important}.lg\:px-10{padding-inline:calc(var(--spacing) * 10) !important}.lg\:px-12{padding-inline:calc(var(--spacing) * 12) !important}.lg\:px-14{padding-inline:calc(var(--spacing) * 14) !important}.lg\:px-16{padding-inline:calc(var(--spacing) * 16) !important}.lg\:py-14{padding-block:calc(var(--spacing) * 14) !important}.lg\:py-20{padding-block:calc(var(--spacing) * 20) !important}.lg\:py-24{padding-block:calc(var(--spacing) * 24) !important}.lg\:py-28{padding-block:calc(var(--spacing) * 28) !important}.lg\:pt-14{padding-top:calc(var(--spacing) * 14) !important}.lg\:pt-28{padding-top:calc(var(--spacing) * 28) !important}.lg\:pb-14{padding-bottom:calc(var(--spacing) * 14) !important}.lg\:pb-28{padding-bottom:calc(var(--spacing) * 28) !important}.lg\:text-left{text-align:left !important}.lg\:text-3xl{font-size:var(--text-3xl) !important; line-height:var(--tw-leading,var(--text-3xl--line-height)) !important}.lg\:text-4xl{font-size:var(--text-4xl) !important; line-height:var(--tw-leading,var(--text-4xl--line-height)) !important}.lg\:text-5xl{font-size:var(--text-5xl) !important; line-height:var(--tw-leading,var(--text-5xl--line-height)) !important}.lg\:text-\[0\.65rem\]{font-size:.65rem !important}}html{scroll-behavior:smooth;overflow-x:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#00020f;font-family:Exo,ui-sans-serif,system-ui,sans-serif}.hex-bg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0-4l24-14V18L28 4 4 18v30l24 14z' fill='%23ffffff' fill-opacity='0.05'/%3E%3C/svg%3E")}.section-label{letter-spacing:.18em;text-transform:uppercase;color:#3dabff;font-size:.85rem;font-weight:700}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.reveal.in-view{opacity:1;transform:none}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}.reveal-from-right{transform:translate(64px)}.reveal-from-left{transform:translate(-64px)}.reveal-from-center{transform-origin:50%;transition-property:opacity,transform;transform:scale(.86)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none!important}}.map-city-active{color:#3dabff!important;font-weight:600!important}.map-city-active a{color:#3dabff!important}#navbar{transition:background-color .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .5s cubic-bezier(.16,1,.3,1),backdrop-filter .5s cubic-bezier(.16,1,.3,1)}#navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000059;background-color:#00020f!important}.img-placeholder{color:#ffffff40;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#0a1a30,#0d2040);justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.font-700{font-weight:700}.font-800{font-weight:800}.font-black{font-weight:900}.hero-slide-control:before,.hero-slide-control:after{content:"";background:currentColor;width:20px;height:1px;display:none}.hero-slide-control-prev:before,.hero-slide-control-next:after{display:block}.input-field{color:#fff;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:4px;outline:none;width:100%;padding:.85rem 1rem;font-family:Exo,sans-serif;font-size:.85rem;transition:border-color .2s}.input-field:focus{border-color:#1d8eff;outline:none}.input-field::placeholder{color:#ffffff8c}#permit-carousel::-webkit-scrollbar{display:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}


.usp-inline-25856391f7.usp-inline-25856391f7{background-color:transparent;}
.usp-inline-2319c1484b.usp-inline-2319c1484b{background:linear-gradient(to bottom, #040e1f, transparent);}
.usp-inline-3334e4fa0f.usp-inline-3334e4fa0f{background:linear-gradient(to top, #040e1f, transparent);}
.usp-inline-cbd0891653.usp-inline-cbd0891653{width:min(100vw, 1940px);}
.usp-inline-b00ac6c01b.usp-inline-b00ac6c01b{background-image:url('app/bg-grid-hexa.webp');-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 8%, black 65%, transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, black 8%, black 65%, transparent 100%);}
.usp-inline-5336238362.usp-inline-5336238362{background:radial-gradient(ellipse at 10% 90%, rgba(13,55,210,0.55) 0%, rgba(8,20,80,0.2) 45%, transparent 68%), radial-gradient(ellipse at 90% 5%, rgba(8,35,160,0.28) 0%, transparent 48%);}
.usp-inline-fa60f3b1d7.usp-inline-fa60f3b1d7{background:linear-gradient(to bottom, transparent 0%, rgba(5,15,32,0.85) 35%, #050f20 75%);}
.usp-inline-cfad1cfcd8.usp-inline-cfad1cfcd8{background:linear-gradient(to bottom, transparent 0%, rgba(5,15,32,0.95) 25%, #050f20 55%);}
.usp-inline-b28caa2a81.usp-inline-b28caa2a81{background:linear-gradient(to bottom, #040e1f 0%, rgba(4,14,31,0.95) 45%, transparent 75%);}
.usp-inline-c72a682241.usp-inline-c72a682241{background:linear-gradient(to bottom, transparent 0%, #040e1f 100%);}
.usp-inline-715671a73c.usp-inline-715671a73c{background-image:url('app/bg-grid-hexa.webp');-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 22%, black 55%, transparent 96%);mask-image:linear-gradient(to bottom, transparent 0%, black 22%, black 55%, transparent 96%);}
.usp-inline-0cef24aa7d.usp-inline-0cef24aa7d{background:linear-gradient(to bottom, #050f20, transparent);}
.usp-inline-0415153fbf.usp-inline-0415153fbf{background:linear-gradient(to top, #050f20, transparent);}
.usp-inline-692eb15207.usp-inline-692eb15207{background-image:url('app/bg-grid-hexa.webp');-webkit-mask-image:linear-gradient(to bottom, transparent, black 12%, black 88%, transparent), linear-gradient(to right, black 0%, black 45%, transparent 75%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom, transparent, black 12%, black 88%, transparent), linear-gradient(to right, black 0%, black 45%, transparent 75%);mask-composite:intersect;}
.usp-inline-8aec6f0b7c.usp-inline-8aec6f0b7c{background:radial-gradient(ellipse at 10% 90%, rgba(13,55,210,0.45) 0%, rgba(8,20,80,0.15) 50%, transparent 70%), radial-gradient(ellipse at 85% 10%, rgba(8,35,160,0.2) 0%, transparent 50%);}
.usp-inline-0251e447f4.usp-inline-0251e447f4{background:linear-gradient(to bottom, #050f20 0%, transparent 100%);}
.usp-inline-6af4fcc574.usp-inline-6af4fcc574{background:linear-gradient(to top, #040e1f 0%, transparent 100%);}
.usp-inline-7efbd26ecc.usp-inline-7efbd26ecc{left:52%;top:62%;transform:translate(-50%,-100%);}
.usp-inline-d5cad8c414.usp-inline-d5cad8c414{background:rgba(10,24,48,0.92);border:1px solid rgba(29,142,255,0.6);opacity:0;transition:opacity 0.2s;}
.usp-inline-ca14a7f48e.usp-inline-ca14a7f48e{transition:background-color 0.2s, transform 0.2s;}
.usp-inline-cce75c5b02.usp-inline-cce75c5b02{left:45%;top:62%;transform:translate(-50%,-100%);}
.usp-inline-3502b6dba9.usp-inline-3502b6dba9{left:91%;top:64%;transform:translate(-50%,-100%);}
.usp-inline-764e90d6cc.usp-inline-764e90d6cc{left:57%;top:38%;transform:translate(-50%,-100%);}
.usp-inline-30f5e9c4f2.usp-inline-30f5e9c4f2{left:34%;top:39%;transform:translate(-50%,-100%);}
.usp-inline-a44bf37556.usp-inline-a44bf37556{left:38%;top:54%;transform:translate(-50%,-100%);}
.usp-inline-478c0c538d.usp-inline-478c0c538d{left:78%;top:80%;transform:translate(-50%,-100%);}
.usp-inline-f5a3d55434.usp-inline-f5a3d55434{background-image:url('app/bg-grid-hexa.webp');-webkit-mask-image:linear-gradient(to bottom, transparent, black 12%, black 88%, transparent);mask-image:linear-gradient(to bottom, transparent, black 12%, black 88%, transparent);}
.usp-inline-587d2322da.usp-inline-587d2322da{font-family:'Exo',sans-serif;}
.usp-inline-c059044c6b.usp-inline-c059044c6b{filter:brightness(0) invert(1);}
.usp-inline-1aa69657a8.usp-inline-1aa69657a8{height:120px;}
.usp-inline-7bd38000e7.usp-inline-7bd38000e7{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.usp-inline-7c485bd126.usp-inline-7c485bd126{scroll-snap-align:start;}
.usp-inline-8ad64623f2.usp-inline-8ad64623f2{background:linear-gradient(to right,#0a1830,transparent);}
.usp-inline-b79cc11546.usp-inline-b79cc11546{background:linear-gradient(to left,#0a1830,transparent);}
.usp-inline-c99caf93e1.usp-inline-c99caf93e1{display:flex;align-items:center;animation:marquee 28s linear infinite;will-change:transform;flex-shrink:0;}
.usp-inline-9c4333fc57.usp-inline-9c4333fc57{display:flex;gap:3rem;align-items:center;flex-shrink:0;padding-left:3rem;}
.usp-inline-fcd78ac2f5.usp-inline-fcd78ac2f5{height:3.5rem;width:auto;object-fit:contain;flex-shrink:0;}
.usp-inline-5c382450f9.usp-inline-5c382450f9{width:1px;height:2.5rem;background:#309df0;flex-shrink:0;}
.usp-inline-b5402eb721.usp-inline-b5402eb721{background:linear-gradient(to bottom, #040e1f 0%, transparent 100%);}
.usp-inline-4dee1b21f0.usp-inline-4dee1b21f0{background-image:url('app/bg-grid-hexa.webp');-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 18%);mask-image:linear-gradient(to bottom, transparent 0%, black 18%);}

/* ── 1940 px site-wide width constraint ─────────────────────────────────────
 * Apply the constraint at body level so every element WordPress injects
 * (wrappers, admin bar placeholders, block styles) is also contained.
 * The html overflow-x clip prevents any overflowing child from adding a
 * horizontal scrollbar on viewports wider than 1940 px.
 *
 * Only genuinely fixed-position elements escape the body flow and need
 * individual handling:
 *   • #wa-float  — right edge follows the 1940 px container right edge
 *   • #navbar    — re-centered below via left:50%/translateX(-50%) (see its
 *     rule below); it must overlay the Hero banner instead of pushing it
 *     down, which only position:fixed (not sticky) achieves.
 * ────────────────────────────────────────────────────────────────────────── */
html {
  overflow-x: hidden;
  /* Dark navy fills the gutter on viewports wider than 1940 px */
  background-color: #040e1f;
}

body {
  max-width: 1940px;
  margin-left: auto;
  margin-right: auto;
}

/* Navbar (Navbar.tsx: "fixed top-0 left-0 ...") is intentionally
 * position:fixed, not sticky: it must overlay the Hero banner (transparent
 * background showing the photo through it) instead of reserving its own
 * box in the body's normal flow, which is what sticky/static positioning
 * would do and previously left a solid body-background-colored bar above
 * the Hero image.
 *
 * Because position:fixed escapes the body's own max-width:1940px/
 * margin:auto centering, it needs the standard left:50% + translateX(-50%)
 * re-centering combo (same pattern as #wa-float below) to stay aligned
 * with the 1940 px container on viewports wider than that. If Navbar.tsx
 * ever goes back to sticky/static positioning, remove left/transform here
 * — for an in-flow element they would instead shift it off-center.
 *
 * !important is required on left/width/max-width here: Navbar.tsx's own
 * className still carries Tailwind's literal left-0 / w-full utility
 * classes (compiled as left:0px!important / width:100%!important), and
 * !important always wins over a plain declaration regardless of selector
 * specificity — an ID selector without !important silently loses to them,
 * which is exactly what left the header shifted off-screen to the left in
 * production (left:0 + translateX(-50%) instead of left:50%). */
#navbar {
  max-width: 1940px !important;
  width: 100% !important;
  left: 50% !important;
  transform: translateX(-50%);
}

/* WhatsApp float button: keep it inside the 1940 px container on wide screens */
@media (min-width: 1940px) {
  #wa-float {
    right: calc((100vw - 1940px) / 2 + 1.5rem);
  }
}

/* ── Gutenberg layout override ──────────────────────────────────────────────
 * Our group blocks carry no explicit layout attribute, so WordPress assigns
 * them is-layout-flow by default.  The flow layout adds a block-gap margin
 * between every sibling pair; we reset that here because our sections
 * already provide vertical rhythm via Tailwind padding classes (py-20 etc.).
 * ────────────────────────────────────────────────────────────────────────── */
.wp-block-group.is-layout-flow > * + *,
.is-layout-flow > * + * {
  margin-block-start: 0 !important;
}
/* If Gutenberg ever applies is-layout-constrained (e.g. via global styles),
 * prevent its auto-centering from fighting our own max-width / flex classes.
 * Exception: .usp-section-content (the Section pattern's content wrapper —
 * see gutenberg-blocks.ts's SECTION_CONTENT_CLASS) is *meant* to use
 * WordPress's native constrained-layout centering (driven by theme.json's
 * contentSize/wideSide below), so this reset must not apply to it. */
.wp-block-group.is-layout-constrained:not(.usp-section-content) > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.is-layout-constrained:not(.usp-section-content) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: unset;
  margin-left: unset !important;
  margin-right: unset !important;
}
.wp-block-group,
.wp-block-image,
.wp-block-button,
.wp-block-list {
  margin-block-start: 0;
  margin-block-end: 0;
}
.wp-block-image {
  margin: 0;
}
/* !important throughout this block: WordPress's own block-library editor
 * CSS also targets ".wp-block-image img" (and friends) with equal
 * specificity. Whichever stylesheet happens to be inserted into the DOM
 * last wins a specificity tie, and that load order isn't something we
 * control (it can differ between the real frontend and the Gutenberg
 * editor iframe). !important makes these rules win unconditionally instead
 * of silently losing in one context but not the other. */
.wp-block-image > img,
.wp-block-image > a,
.wp-block-image > a > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.wp-block-image.object-cover > img,
.wp-block-image.object-cover > a > img { object-fit: cover !important; }
.wp-block-image.object-contain > img,
.wp-block-image.object-contain > a > img { object-fit: contain !important; }
.wp-block-image.object-center > img,
.wp-block-image.object-center > a > img { object-position: center !important; }
/* The image's own sizing classes (e.g. "h-24 w-auto") land on the <figure>
 * wrapper, not the <img> itself, because the core Image block's save()
 * only supports className on the figure. The blanket width:100%/height:100%
 * rule above is correct when the figure has both dimensions fixed, but it
 * creates a circular width dependency when one axis is "auto": the figure's
 * intrinsic (shrink-to-fit) width is being resolved from a child that itself
 * claims 100% of that same width. Browsers resolve that circularity
 * differently depending on the surrounding flex/flow context, which is why
 * these images could render at their fixed axis correctly but browser- and
 * context-dependent on the auto axis (e.g. full natural size in the Gutenberg
 * editor iframe vs. the intended proportional size on the real frontend).
 * Overriding the auto axis back to auto on the <img> breaks the
 * circularity: the fixed axis (from the figure's own height/width utility)
 * drives the image's natural aspect ratio, and the figure's auto axis then
 * shrinks to fit that deterministic content size. */
.wp-block-image.w-auto > img,
.wp-block-image.w-auto > a > img { width: auto !important; }
.wp-block-image.h-auto > img,
.wp-block-image.h-auto > a > img { height: auto !important; }
/* The icon circle's own size (h-9 w-9), shape (rounded-full) and background
 * land on the <figure> (see the className comment above), including its
 * Tailwind "items-center justify-center" — but those set the FIGURE's
 * align-items to "center", not "stretch". Flex children don't stretch to
 * fill the cross axis under align-items:center, so without an explicit
 * width/height the inner <a> shrinks to its own content size instead of
 * filling the circle, and the 50% img sizing below then resolves against
 * that arbitrary shrunk box instead of the intended circle — producing an
 * icon that renders off-center and the wrong size. Forcing the <a> to fill
 * the figure removes that dependency on the figure's own alignment.
 *
 * !important is required here even though this selector is already more
 * specific than ".wp-block-image > a" above: that base rule also carries
 * !important (for the same editor/frontend load-order-tiebreak reason), and
 * !important always wins over non-!important regardless of specificity.
 * Without it, "display: block !important" from the base rule silently wins,
 * the <a> stops being a flex container, and the icon renders squashed into
 * the top-left corner of its circle instead of centered.
 */
.wp-block-image.usp-icon-link > a {
  align-items: center !important;
  display: flex !important;
  height: 100% !important;
  justify-content: center !important;
  width: 100% !important;
}
.wp-block-image.usp-icon-link > a > img {
  height: 50% !important;
  object-fit: contain !important;
  width: 50% !important;
}
/* ── Servicios rows: fixed 80 vh height on desktop, both rows equal ─────────
 * Each servicios row is a 2-col grid (icon-grid|photo, photo|why-us).
 * Gutenberg nests them as direct wp-block-group children of #servicios.
 * A fixed height (not max-height) forces both rows to the same height
 * regardless of their own content: the grid's default align-items:stretch
 * makes each column div fill it, and object-cover images fill it too.
 * ─────────────────────────────────────────────────────────────────────────── */
@media (min-width: 1024px) {
  #servicios > .wp-block-group > .wp-block-group {
    height: 80vh;
    overflow: hidden;
  }
}

/* ── Square image containers (aspect-square) ────────────────────────────────
 * In Gutenberg, an image inside an aspect-square group renders as:
 *   div.wp-block-group.aspect-square
 *     div.wp-block-image (or figure.wp-block-image)
 *       img
 * Each ancestor must inherit the full height so object-fit: cover works.
 * ─────────────────────────────────────────────────────────────────────────── */
.wp-block-group.aspect-square {
  overflow: hidden;
}
.wp-block-group.aspect-square > .wp-block-image {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  margin: 0;
}
.wp-block-group.aspect-square > .wp-block-image > figure,
.wp-block-group.aspect-square > .wp-block-image figure {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  margin: 0;
}
.wp-block-group.aspect-square > .wp-block-image figure > img,
.wp-block-group.aspect-square > .wp-block-image figure > a > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
.wp-block-button__link {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  padding: 0;
}
.menu-toggle-button .wp-block-button__link {
  background:
    linear-gradient(currentColor, currentColor) center 10px / 22px 2px no-repeat,
    linear-gradient(currentColor, currentColor) center 18px / 22px 2px no-repeat,
    linear-gradient(currentColor, currentColor) center 26px / 22px 2px no-repeat;
  display: block;
  height: 38px;
  min-width: 38px;
  overflow: hidden;
  position: relative;
  width: 38px;
}
.menu-toggle-button .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

/* Map pin transitions */
[id^="pin-"] { transition: opacity 0.2s; }
