/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties {@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-duration: initial;--tw-ease: initial;--tw-content: "";--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-space-y-reverse: 0;--tw-font-weight: initial;--tw-tracking: initial;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-x-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-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-outline-style: solid;--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-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;}}}:root, :host {--font-inter-tight: "Inter Tight", sans-serif;--font-ibm-plex-mono: "IBM Plex Mono", monospace;--font-manrope: "Manrope", sans-serif;--font-sora: "Sora", sans-serif;--color-background-3: #252a32;--color-background-4: #191d2a;--color-background-5: #11141d;--color-background-6: #0d1017;--color-background-7: #f8f9fa;--color-background-11: #dbe2e6;--color-background-13: #0d0d12;--color-background-14: #12161f;--color-stroke-1: #94aecf;--color-stroke-3: #7c8ea5;--color-opai-purple: #8d59ff;--color-opai-blue: #227eff;--color-opai-indigo: #5f50ff;--text-it-heading-4: 2rem;--text-it-heading-4--line-height: 130%;--text-it-heading-6: 1.25rem;--text-it-heading-6--line-height: 140%;--text-sora-heading-1: 4rem;--text-sora-heading-1--line-height: 120%;--text-sora-heading-1--letter-spacing: -3.2px;--text-sora-heading-2: 3rem;--text-sora-heading-2--line-height: 120%;--text-sora-heading-2--letter-spacing: -2.4px;--text-sora-heading-3: 2.5rem;--text-sora-heading-3--line-height: 120%;--text-sora-heading-3--letter-spacing: -1.6px;--text-sora-heading-4: 2rem;--text-sora-heading-4--line-height: 130%;--text-sora-heading-4--letter-spacing: -1.2px;--text-manrope-heading-1: 4rem;--text-manrope-heading-1--line-height: 120%;--text-manrope-heading-2: 3rem;--text-manrope-heading-2--line-height: 120%;--text-manrope-heading-3: 2.5rem;--text-manrope-heading-3--line-height: 120%;--text-manrope-heading-4: 2rem;--text-manrope-heading-4--line-height: 130%;--text-manrope-heading-5: 1.5rem;--text-manrope-heading-5--line-height: 140%;--text-manrope-heading-6: 1.25rem;--text-manrope-heading-6--line-height: 140%;--text-tagline-1: 1.125rem;--text-tagline-1--line-height: 150%;--text-tagline-2: 1rem;--text-tagline-2--line-height: 150%;--text-tagline-3: .875rem;--text-tagline-3--line-height: 150%;--text-tagline-4: .75rem;--text-tagline-4--line-height: 150%;--easing-faq: cubic-bezier(.4, 0, .2, 1);--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;--color-black: #000;--color-white: #fff;--spacing: .25rem;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-4xl: 2rem;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--blur-3xl: 64px;--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);}body {font-family: var(--font-inter-tight);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}[data-opai-animate], [data-text-reveal], [data-globe] {opacity: 0;}.scroll-header {transition-property: all;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;--tw-ease: var(--ease-in-out);transition-duration: .3s;transition-timing-function: var(--ease-in-out);top: calc(var(--spacing) * 2) !important;}.scroll-bar::-webkit-scrollbar {display: none;}.scroll-bar {-ms-overflow-style: none;scrollbar-width: none;}.navbar-link {position: relative;}.navbar-link:before {content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);top: 66.6667%;left: calc(var(--spacing) * 0);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);transform-origin: 100%;content: var(--tw-content);--tw-translate-y: calc(2 / 3 * 100%);width: 100%;height: 1px;translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);--tw-scale-x: 0%;scale: var(--tw-scale-x) var(--tw-scale-y);content: var(--tw-content);background-color: #fff9;position: absolute;}@supports (color: color-mix(in lab, red, red)) {.navbar-link:before {background-color: color-mix(in oklab, var(--color-white) 60%, transparent);}}.navbar-link:before {content: var(--tw-content);transition-property: transform, translate, scale, rotate;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));content: var(--tw-content);--tw-duration: .5s;--tw-content: "";content: var(--tw-content);transition-duration: .5s;}@media (hover: hover) {.navbar-link:hover:before {content: var(--tw-content);transform-origin: 0;content: var(--tw-content);--tw-scale-x: 100%;scale: var(--tw-scale-x) var(--tw-scale-y);}}.footer-title {background: var(--Gradient-12, linear-gradient(180deg, #ffffff0d 0%, #fff3 100%));-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;}.underline-hover-effect .blog-title h3 {cursor: pointer;width: 100%;transition-property: all;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));--tw-duration: .5s;--tw-ease: cubic-bezier(.645,.045,.355,1);background-image: linear-gradient(#0000 calc(100% - 1px), #fff 1px);background-repeat: no-repeat;background-size: 0% 100%;padding-bottom: 1px;transition-duration: .5s;transition-timing-function: cubic-bezier(.645, .045, .355, 1);display: inline;}.underline-hover-effect:hover .blog-title h3 {background-size: 100% 100%;}.underline-hover-effect-black .blog-title-black h3 {cursor: pointer;width: 100%;transition-property: all;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));--tw-duration: .5s;--tw-ease: cubic-bezier(.645,.045,.355,1);background-image: linear-gradient(#0000 calc(100% - 1px), #000 1px);background-repeat: no-repeat;background-size: 0% 100%;padding-bottom: 1px;transition-duration: .5s;transition-timing-function: cubic-bezier(.645, .045, .355, 1);display: inline;}.underline-hover-effect-black:hover .blog-title-black h3 {background-size: 100% 100%;}.lock-fade-animation-delay-1, .lock-fade-animation-delay-2 {animation: 5s cubic-bezier(.4, 0, .6, 1) infinite lockFadeInOut;}.lock-fade-animation-delay-3 {animation: 5s cubic-bezier(.4, 0, .6, 1) infinite lockFadeOpacity;}@keyframes lockFadeInOut {0% {opacity: .8;transform: scale(.92);}20% {opacity: 1;transform: scale(.95);}50% {opacity: 1;transform: scale(1);}100% {opacity: .8;transform: scale(.92);}}.modal-open {display: grid;}.modal-close {display: none;}dialog.modal-overlay {background: none;border: none;padding: 0;}dialog.modal-overlay::backdrop {background: #000000f2;}dialog.modal-overlay.modal-close {display: none;}.circle-with-icons-rotator {will-change: transform;transform-origin: center;animation: 30s linear infinite circle-icons-rotate;}@keyframes circle-icons-rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}.details-info-wrapper h1 {padding-bottom: calc(var(--spacing) * 12);text-align: center;font-family: var(--font-manrope);font-size: var(--text-manrope-heading-4);line-height: var(--tw-leading, var(--text-manrope-heading-4--line-height));color: var(--color-white);}@media not all and (min-width: 48rem) {.details-info-wrapper h1 {--tw-leading: 110%;line-height: 110%;}}@media (min-width: 48rem) {.details-info-wrapper h1 {max-width: 700px;font-family: var(--font-manrope);font-size: var(--text-manrope-heading-3);line-height: var(--tw-leading, var(--text-manrope-heading-3--line-height));margin-inline: auto;}}@media (min-width: 64rem) {.details-info-wrapper h1 {padding-bottom: calc(var(--spacing) * 18);font-family: var(--font-manrope);font-size: var(--text-manrope-heading-2);line-height: var(--tw-leading, var(--text-manrope-heading-2--line-height));}}.details-info-wrapper figure {margin-bottom: calc(var(--spacing) * 9);border-radius: var(--radius-md);width: 100%;height: 100%;max-height: 600px;overflow: hidden;}@media (min-width: 48rem) {.details-info-wrapper figure {margin-bottom: calc(var(--spacing) * 12);border-radius: var(--radius-xl);}}.details-info-wrapper figure img {object-fit: cover;width: 100%;height: 100%;}.details-info-wrapper h3 {padding-bottom: calc(var(--spacing) * 6);text-align: left;font-family: var(--font-manrope);font-size: var(--text-manrope-heading-5);line-height: var(--tw-leading, var(--text-manrope-heading-5--line-height));color: var(--color-white);}@media not all and (min-width: 48rem) {.details-info-wrapper h3 {--tw-leading: 110%;line-height: 110%;}}@media (min-width: 64rem) {.details-info-wrapper h3 {font-family: var(--font-manrope);font-size: var(--text-manrope-heading-4);line-height: var(--tw-leading, var(--text-manrope-heading-4--line-height));}}.details-info-wrapper p {text-align: left;font-size: var(--text-tagline-2);line-height: var(--tw-leading, var(--text-tagline-2--line-height));color: #ffffff80;}@supports (color: color-mix(in lab, red, red)) {.details-info-wrapper p {color: color-mix(in oklab, var(--color-white) 50%, transparent);}}.details-info-wrapper p:not(:last-child) {padding-bottom: calc(var(--spacing) * 4);}.details-page-content {flex: 1;}:where(.details-page-content > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}@media (min-width: 48rem) {:where(.details-page-content > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 17) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 17) * calc(1 - var(--tw-space-y-reverse)));}}.details-page-content h3 {margin-bottom: calc(var(--spacing) * 4);font-family: var(--font-manrope);font-size: var(--text-manrope-heading-5);line-height: var(--tw-leading, var(--text-manrope-heading-5--line-height));--tw-font-weight: var(--font-weight-medium);font-weight: var(--font-weight-medium);--tw-tracking: -.72px;letter-spacing: -.72px;color: #ffffffe6;}@supports (color: color-mix(in lab, red, red)) {.details-page-content h3 {color: color-mix(in oklab, var(--color-white) 90%, transparent);}}.details-page-content h4 {margin-top: calc(var(--spacing) * 6);margin-bottom: calc(var(--spacing) * 3);font-family: var(--font-manrope);font-size: var(--text-manrope-heading-5);line-height: var(--tw-leading, var(--text-manrope-heading-5--line-height));--tw-font-weight: var(--font-weight-medium);font-weight: var(--font-weight-medium);--tw-tracking: -.72px;letter-spacing: -.72px;color: #ffffffe6;}@supports (color: color-mix(in lab, red, red)) {.details-page-content h4 {color: color-mix(in oklab, var(--color-white) 90%, transparent);}}.details-page-content p {font-family: var(--font-inter-tight);font-size: var(--text-tagline-2);line-height: var(--tw-leading, var(--text-tagline-2--line-height));--tw-leading: 150%;--tw-font-weight: var(--font-weight-normal);line-height: 150%;font-weight: var(--font-weight-normal);color: #fff9;}@supports (color: color-mix(in lab, red, red)) {.details-page-content p {color: color-mix(in oklab, var(--color-white) 60%, transparent);}}.details-page-content p:not(:last-child) {margin-bottom: calc(var(--spacing) * 9);}:where(.details-page-content ul > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}.details-page-content ul li {align-items: center;gap: calc(var(--spacing) * 1);padding-left: calc(var(--spacing) * 4);font-family: var(--font-inter-tight);font-size: var(--text-tagline-2);line-height: var(--tw-leading, var(--text-tagline-2--line-height));--tw-font-weight: var(--font-weight-normal);font-weight: var(--font-weight-normal);color: #ffffffe6;display: flex;position: relative;}@supports (color: color-mix(in lab, red, red)) {.details-page-content ul li {color: color-mix(in oklab, var(--color-white) 90%, transparent);}}.details-page-content ul li:before {content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);top: 50%;left: calc(var(--spacing) * 0);content: var(--tw-content);content: var(--tw-content);width: calc(var(--spacing) * 1.5);height: calc(var(--spacing) * 1.5);content: var(--tw-content);--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);content: var(--tw-content);background-color: #ffffffe6;border-radius: 3.40282e38px;display: block;position: absolute;}@supports (color: color-mix(in lab, red, red)) {.details-page-content ul li:before {background-color: color-mix(in oklab, var(--color-white) 90%, transparent);}}.details-page-content ul li:before {--tw-content: "";content: var(--tw-content);}:where(.details-page-content ol > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));}:where(.details-page-content ol li > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));}.details-page-content ol li span:first-child {align-items: center;gap: calc(var(--spacing) * 1);padding-left: calc(var(--spacing) * 4);font-family: var(--font-inter-tight);font-size: var(--text-tagline-2);line-height: var(--tw-leading, var(--text-tagline-2--line-height));--tw-font-weight: var(--font-weight-medium);font-weight: var(--font-weight-medium);color: var(--color-white);display: flex;position: relative;}.details-page-content ol li span:first-child:before {content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);top: 50%;left: calc(var(--spacing) * 0);content: var(--tw-content);content: var(--tw-content);width: calc(var(--spacing) * 1.5);height: calc(var(--spacing) * 1.5);content: var(--tw-content);--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);content: var(--tw-content);background-color: var(--color-white);--tw-content: "";content: var(--tw-content);border-radius: 3.40282e38px;display: block;position: absolute;}.details-page-content ol li span:last-child {align-items: center;gap: calc(var(--spacing) * 1);padding-left: calc(var(--spacing) * 4);font-family: var(--font-inter-tight);font-size: var(--text-tagline-3);line-height: var(--tw-leading, var(--text-tagline-3--line-height));--tw-font-weight: var(--font-weight-normal);font-weight: var(--font-weight-normal);color: #fff6;display: flex;position: relative;}@supports (color: color-mix(in lab, red, red)) {.details-page-content ol li span:last-child {color: color-mix(in oklab, var(--color-white) 40%, transparent);}}:where(.details-page-content div > div > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));}.details-page-content div > div:not(:last-child) {margin-bottom: calc(var(--spacing) * 4);}.case-studies-details {padding-inline: calc(var(--spacing) * 3);}@media (min-width: 48rem) {.case-studies-details {padding-inline: calc(var(--spacing) * 8);}}@media (min-width: 64rem) {.case-studies-details {padding-inline: calc(var(--spacing) * 12);}}.case-studies-details h3 {margin-bottom: calc(var(--spacing) * 1);padding-top: calc(var(--spacing) * 12);font-family: var(--font-manrope);font-size: var(--text-manrope-heading-5);line-height: var(--tw-leading, var(--text-manrope-heading-5--line-height));--tw-font-weight: var(--font-weight-medium);font-weight: var(--font-weight-medium);--tw-tracking: -.72px;letter-spacing: -.72px;color: #ffffffe6;}@supports (color: color-mix(in lab, red, red)) {.case-studies-details h3 {color: color-mix(in oklab, var(--color-white) 90%, transparent);}}@media (min-width: 64rem) {.case-studies-details h3 {padding-top: calc(var(--spacing) * 16);}}.case-studies-details p {font-family: var(--font-inter-tight);font-size: var(--text-tagline-2);line-height: var(--tw-leading, var(--text-tagline-2--line-height));--tw-leading: 150%;--tw-font-weight: var(--font-weight-normal);line-height: 150%;font-weight: var(--font-weight-normal);color: #fff9;}@supports (color: color-mix(in lab, red, red)) {.case-studies-details p {color: color-mix(in oklab, var(--color-white) 60%, transparent);}}.case-studies-details p:not(:last-child) {margin-bottom: calc(var(--spacing) * 4);}.case-studies-details ul li {align-items: center;gap: calc(var(--spacing) * 1);padding-left: calc(var(--spacing) * 4);font-family: var(--font-inter-tight);font-size: var(--text-tagline-2);line-height: var(--tw-leading, var(--text-tagline-2--line-height));--tw-font-weight: var(--font-weight-normal);font-weight: var(--font-weight-normal);color: #ffffffe6;display: flex;position: relative;}@supports (color: color-mix(in lab, red, red)) {.case-studies-details ul li {color: color-mix(in oklab, var(--color-white) 90%, transparent);}}.case-studies-details ul li:before {content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);top: 50%;left: calc(var(--spacing) * 0);content: var(--tw-content);content: var(--tw-content);width: calc(var(--spacing) * 1.5);height: calc(var(--spacing) * 1.5);content: var(--tw-content);--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);content: var(--tw-content);background-color: #ffffffe6;border-radius: 3.40282e38px;display: block;position: absolute;}@supports (color: color-mix(in lab, red, red)) {.case-studies-details ul li:before {background-color: color-mix(in oklab, var(--color-white) 90%, transparent);}}.case-studies-details ul li:before {--tw-content: "";content: var(--tw-content);}.blog-details-info h3 {margin-bottom: calc(var(--spacing) * 1);padding-top: calc(var(--spacing) * 8);font-family: var(--font-manrope);font-size: var(--text-manrope-heading-5);line-height: var(--tw-leading, var(--text-manrope-heading-5--line-height));--tw-font-weight: var(--font-weight-medium);font-weight: var(--font-weight-medium);--tw-tracking: -.72px;letter-spacing: -.72px;color: #ffffffe6;}@supports (color: color-mix(in lab, red, red)) {.blog-details-info h3 {color: color-mix(in oklab, var(--color-white) 90%, transparent);}}@media (min-width: 48rem) {.blog-details-info h3 {padding-top: calc(var(--spacing) * 13);}}@media (min-width: 64rem) {.blog-details-info h3 {padding-top: calc(var(--spacing) * 18);}}.blog-details-info p {font-family: var(--font-inter-tight);font-size: var(--text-tagline-2);line-height: var(--tw-leading, var(--text-tagline-2--line-height));--tw-leading: 150%;--tw-font-weight: var(--font-weight-normal);line-height: 150%;font-weight: var(--font-weight-normal);color: #fff9;}@supports (color: color-mix(in lab, red, red)) {.blog-details-info p {color: color-mix(in oklab, var(--color-white) 60%, transparent);}}.blog-details-info p:not(:last-child) {margin-bottom: calc(var(--spacing) * 4);}.blog-details-info ul li {align-items: center;gap: calc(var(--spacing) * 1);padding-left: calc(var(--spacing) * 4);font-family: var(--font-inter-tight);font-size: var(--text-tagline-2);line-height: var(--tw-leading, var(--text-tagline-2--line-height));--tw-font-weight: var(--font-weight-normal);font-weight: var(--font-weight-normal);color: #ffffffe6;display: flex;position: relative;}@supports (color: color-mix(in lab, red, red)) {.blog-details-info ul li {color: color-mix(in oklab, var(--color-white) 90%, transparent);}}.blog-details-info ul li:not(:last-child) {margin-bottom: calc(var(--spacing) * 1.5);}.blog-details-info ul li:before {content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);top: 50%;left: calc(var(--spacing) * 0);content: var(--tw-content);content: var(--tw-content);width: calc(var(--spacing) * 1.5);height: calc(var(--spacing) * 1.5);content: var(--tw-content);--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);content: var(--tw-content);background-color: #ffffffe6;border-radius: 3.40282e38px;display: block;position: absolute;}@supports (color: color-mix(in lab, red, red)) {.blog-details-info ul li:before {background-color: color-mix(in oklab, var(--color-white) 90%, transparent);}}.blog-details-info ul li:before {--tw-content: "";content: var(--tw-content);}.blog-details-info figure {margin-top: calc(var(--spacing) * 8);border-radius: var(--radius-md);width: 100%;height: 320px;overflow: hidden;}@media (min-width: 48rem) {.blog-details-info figure {margin-top: calc(var(--spacing) * 13);border-radius: var(--radius-xl);}}@media (min-width: 64rem) {.blog-details-info figure {margin-top: calc(var(--spacing) * 18);height: 550px;}}.blog-details-info figure img {object-fit: cover;width: 100%;height: 100%;}@layer theme;@layer base {*, :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, ui-sans-serif, system-ui, 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;-webkit-text-decoration: 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 {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;}}@layer components;@layer utilities {.pointer-events-auto {pointer-events: auto;}.pointer-events-none {pointer-events: none;}.invisible {visibility: hidden;}.visible {visibility: visible;}.footer-link {position: relative;overflow: hidden;}.footer-link:before {content: var(--tw-content);content: var(--tw-content);bottom: calc(var(--spacing) * 0);content: var(--tw-content);left: calc(var(--spacing) * 0);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);transform-origin: 100%;content: var(--tw-content);--tw-scale-x: 0%;width: 100%;height: 1px;scale: var(--tw-scale-x) var(--tw-scale-y);content: var(--tw-content);background-color: var(--color-white);content: var(--tw-content);transition-property: transform, translate, scale, rotate;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));content: var(--tw-content);--tw-duration: .5s;--tw-content: "";content: var(--tw-content);transition-duration: .5s;position: absolute;}@media (hover: hover) {.footer-link:hover:before {content: var(--tw-content);transform-origin: 0;content: var(--tw-content);--tw-scale-x: 100%;scale: var(--tw-scale-x) var(--tw-scale-y);}}.sr-only {clip-path: inset(50%);white-space: nowrap;border-width: 0;width: 1px;height: 1px;margin: -1px;padding: 0;position: absolute;overflow: hidden;}.absolute {position: absolute;}.fixed {position: fixed;}.relative {position: relative;}.static {position: static;}.sticky {position: sticky;}.inset-0 {inset: calc(var(--spacing) * 0);}.inset-\[-37px\] {inset: -37px;}.-top-3\.5 {top: calc(var(--spacing) * -3.5);}.-top-8 {top: calc(var(--spacing) * -8);}.-top-12 {top: calc(var(--spacing) * -12);}.-top-16\.5 {top: calc(var(--spacing) * -16.5);}.-top-20 {top: calc(var(--spacing) * -20);}.-top-\[4\.5\%\] {top: -4.5%;}.-top-\[4\.6\%\] {top: -4.6%;}.-top-\[10\%\] {top: -10%;}.-top-\[22\%\] {top: -22%;}.-top-\[75\%\] {top: -75%;}.-top-\[126px\] {top: -126px;}.-top-px {top: -1px;}.top-0 {top: calc(var(--spacing) * 0);}.top-1\/2 {top: 50%;}.top-4 {top: calc(var(--spacing) * 4);}.top-5 {top: calc(var(--spacing) * 5);}.top-6 {top: calc(var(--spacing) * 6);}.top-45 {top: calc(var(--spacing) * 45);}.top-\[-10\%\] {top: -10%;}.top-\[-27\%\] {top: -27%;}.top-\[6px\] {top: 6px;}.top-\[9\.5\%\] {top: 9.5%;}.top-\[14\%\] {top: 14%;}.top-\[15\%\] {top: 15%;}.top-\[16\.4\%\] {top: 16.4%;}.top-\[19px\] {top: 19px;}.top-\[20px\] {top: 20px;}.top-\[21px\] {top: 21px;}.top-\[26px\] {top: 26px;}.top-\[28px\] {top: 28px;}.top-\[31\%\] {top: 31%;}.top-\[35px\] {top: 35px;}.top-\[36\%\] {top: 36%;}.top-\[38\.2\%\] {top: 38.2%;}.top-\[43px\] {top: 43px;}.top-\[51\.4\%\] {top: 51.4%;}.top-\[52\.4\%\] {top: 52.4%;}.top-\[61\%\] {top: 61%;}.top-\[74\%\] {top: 74%;}.top-\[77px\] {top: 77px;}.top-\[113px\] {top: 113px;}.top-full {top: 100%;}.-right-3 {right: calc(var(--spacing) * -3);}.-right-8 {right: calc(var(--spacing) * -8);}.-right-\[0\.5\%\] {right: -.5%;}.-right-\[7\%\] {right: -7%;}.-right-\[10\%\] {right: -10%;}.-right-\[11\%\] {right: -11%;}.-right-\[38\%\] {right: -38%;}.-right-\[41\%\] {right: -41%;}.right-0 {right: calc(var(--spacing) * 0);}.right-8 {right: calc(var(--spacing) * 8);}.right-\[0px\] {right: 0;}.right-\[1px\] {right: 1px;}.right-\[9\.2\%\] {right: 9.2%;}.right-\[18\.2\%\] {right: 18.2%;}.right-\[68\.5\%\] {right: 68.5%;}.right-\[69px\] {right: 69px;}.-bottom-\[9\%\] {bottom: -9%;}.-bottom-\[11\%\] {bottom: -11%;}.bottom-0 {bottom: calc(var(--spacing) * 0);}.bottom-8 {bottom: calc(var(--spacing) * 8);}.bottom-\[-11\%\] {bottom: -11%;}.bottom-\[0\%\] {bottom: 0%;}.bottom-\[14\.5\%\] {bottom: 14.5%;}.bottom-\[42px\] {bottom: 42px;}.-left-6 {left: calc(var(--spacing) * -6);}.-left-\[24\%\] {left: -24%;}.-left-\[75\%\] {left: -75%;}.-left-\[128px\] {left: -128px;}.left-0 {left: calc(var(--spacing) * 0);}.left-1\/2 {left: 50%;}.left-8 {left: calc(var(--spacing) * 8);}.left-\[-67\%\] {left: -67%;}.left-\[3\.5px\] {left: 3.5px;}.left-\[6\.4\%\] {left: 6.4%;}.left-\[19px\] {left: 19px;}.left-\[22\%\] {left: 22%;}.left-\[27\%\] {left: 27%;}.left-\[27\.6\%\] {left: 27.6%;}.left-\[28\%\] {left: 28%;}.left-\[38\%\] {left: 38%;}.left-\[38px\] {left: 38px;}.left-\[65px\] {left: 65px;}.left-\[96px\] {left: 96px;}.\!z-5 {z-index: 5 !important;}.\!z-11 {z-index: 11 !important;}.\!z-\[9999\] {z-index: 9999 !important;}.-z-0 {z-index: calc(0 * -1);}.z-0 {z-index: 0;}.z-1 {z-index: 1;}.z-2 {z-index: 2;}.z-3 {z-index: 3;}.z-4 {z-index: 4;}.z-5 {z-index: 5;}.z-5\! {z-index: 5 !important;}.z-8 {z-index: 8;}.z-10 {z-index: 10;}.z-11 {z-index: 11;}.z-12 {z-index: 12;}.z-15 {z-index: 15;}.z-20 {z-index: 20;}.z-30 {z-index: 30;}.z-40 {z-index: 40;}.z-50 {z-index: 50;}.z-\[1\] {z-index: 1;}.z-\[3\] {z-index: 3;}.z-\[9999\] {z-index: 9999;}.col-span-6 {grid-column: span 6 / span 6;}.col-span-12 {grid-column: span 12 / span 12;}.container {width: 100%;}@media (min-width: 1440px) {.container {max-width: 1440px;}}@media (min-width: 40rem) {.container {max-width: 40rem;}}@media (min-width: 48rem) {.container {max-width: 48rem;}}@media (min-width: 64rem) {.container {max-width: 64rem;}}@media (min-width: 80rem) {.container {max-width: 80rem;}}@media (min-width: 96rem) {.container {max-width: 96rem;}}.main-container {max-width: 1290px;padding-inline: calc(var(--spacing) * 5);margin-inline: auto;}@media (min-width: 1440px) {.main-container {padding-inline: calc(var(--spacing) * 0);}}.mx-auto {margin-inline: auto;}.my-2 {margin-block: calc(var(--spacing) * 2);}.-mt-5 {margin-top: calc(var(--spacing) * -5);}.mt-1 {margin-top: calc(var(--spacing) * 1);}.mt-4 {margin-top: calc(var(--spacing) * 4);}.mt-5 {margin-top: calc(var(--spacing) * 5);}.mt-6 {margin-top: calc(var(--spacing) * 6);}.mt-13 {margin-top: calc(var(--spacing) * 13);}.mt-\[2\.3px\] {margin-top: 2.3px;}.mb-1 {margin-bottom: calc(var(--spacing) * 1);}.mb-4 {margin-bottom: calc(var(--spacing) * 4);}.mb-6 {margin-bottom: calc(var(--spacing) * 6);}.mb-7 {margin-bottom: calc(var(--spacing) * 7);}.ml-3 {margin-left: calc(var(--spacing) * 3);}.ml-4 {margin-left: calc(var(--spacing) * 4);}.line-clamp-2 {-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}.block {display: block;}.contents {display: contents;}.flex {display: flex;}.grid {display: grid;}.hidden {display: none;}.inline {display: inline;}.inline-block {display: inline-block;}.inline-flex {display: inline-flex;}.table {display: table;}.aspect-square {aspect-ratio: 1;}.size-1\.5 {width: calc(var(--spacing) * 1.5);height: calc(var(--spacing) * 1.5);}.size-2 {width: calc(var(--spacing) * 2);height: calc(var(--spacing) * 2);}.size-2\.5 {width: calc(var(--spacing) * 2.5);height: calc(var(--spacing) * 2.5);}.size-4 {width: calc(var(--spacing) * 4);height: calc(var(--spacing) * 4);}.size-5 {width: calc(var(--spacing) * 5);height: calc(var(--spacing) * 5);}.size-6 {width: calc(var(--spacing) * 6);height: calc(var(--spacing) * 6);}.size-7 {width: calc(var(--spacing) * 7);height: calc(var(--spacing) * 7);}.size-8 {width: calc(var(--spacing) * 8);height: calc(var(--spacing) * 8);}.size-10 {width: calc(var(--spacing) * 10);height: calc(var(--spacing) * 10);}.size-11 {width: calc(var(--spacing) * 11);height: calc(var(--spacing) * 11);}.size-12 {width: calc(var(--spacing) * 12);height: calc(var(--spacing) * 12);}.size-17 {width: calc(var(--spacing) * 17);height: calc(var(--spacing) * 17);}.size-28 {width: calc(var(--spacing) * 28);height: calc(var(--spacing) * 28);}.size-29 {width: calc(var(--spacing) * 29);height: calc(var(--spacing) * 29);}.size-30 {width: calc(var(--spacing) * 30);height: calc(var(--spacing) * 30);}.size-40 {width: calc(var(--spacing) * 40);height: calc(var(--spacing) * 40);}.size-\[3px\] {width: 3px;height: 3px;}.size-\[14px\] {width: 14px;height: 14px;}.size-\[19px\] {width: 19px;height: 19px;}.size-\[33px\] {width: 33px;height: 33px;}.size-\[41px\] {width: 41px;height: 41px;}.size-\[70px\] {width: 70px;height: 70px;}.size-\[90px\] {width: 90px;height: 90px;}.size-\[128px\] {width: 128px;height: 128px;}.size-\[138px\] {width: 138px;height: 138px;}.size-\[149px\] {width: 149px;height: 149px;}.size-\[179px\] {width: 179px;height: 179px;}.size-\[185px\] {width: 185px;height: 185px;}.size-\[209px\] {width: 209px;height: 209px;}.size-\[233px\] {width: 233px;height: 233px;}.size-\[239px\] {width: 239px;height: 239px;}.size-\[371px\] {width: 371px;height: 371px;}.size-\[400px\] {width: 400px;height: 400px;}.size-full {width: 100%;height: 100%;}.h-0\.5 {height: calc(var(--spacing) * .5);}.h-1\.5 {height: calc(var(--spacing) * 1.5);}.h-2 {height: calc(var(--spacing) * 2);}.h-4 {height: calc(var(--spacing) * 4);}.h-6 {height: calc(var(--spacing) * 6);}.h-7 {height: calc(var(--spacing) * 7);}.h-9 {height: calc(var(--spacing) * 9);}.h-9\.5 {height: calc(var(--spacing) * 9.5);}.h-12\.5 {height: calc(var(--spacing) * 12.5);}.h-13 {height: calc(var(--spacing) * 13);}.h-15\.5 {height: calc(var(--spacing) * 15.5);}.h-21 {height: calc(var(--spacing) * 21);}.h-26 {height: calc(var(--spacing) * 26);}.h-28 {height: calc(var(--spacing) * 28);}.h-\[30px\] {height: 30px;}.h-\[40px\] {height: 40px;}.h-\[52px\] {height: 52px;}.h-\[55px\] {height: 55px;}.h-\[85vh\] {height: 85vh;}.h-\[100px\] {height: 100px;}.h-\[104px\] {height: 104px;}.h-\[125px\] {height: 125px;}.h-\[127px\] {height: 127px;}.h-\[147px\] {height: 147px;}.h-\[148px\] {height: 148px;}.h-\[150px\] {height: 150px;}.h-\[170px\] {height: 170px;}.h-\[180px\] {height: 180px;}.h-\[185px\] {height: 185px;}.h-\[195px\] {height: 195px;}.h-\[200px\] {height: 200px;}.h-\[214px\] {height: 214px;}.h-\[218px\] {height: 218px;}.h-\[220px\] {height: 220px;}.h-\[228px\] {height: 228px;}.h-\[250px\] {height: 250px;}.h-\[258px\] {height: 258px;}.h-\[270px\] {height: 270px;}.h-\[290px\] {height: 290px;}.h-\[294px\] {height: 294px;}.h-\[300px\] {height: 300px;}.h-\[330px\] {height: 330px;}.h-\[333px\] {height: 333px;}.h-\[350px\] {height: 350px;}.h-\[363px\] {height: 363px;}.h-\[500px\] {height: 500px;}.h-\[643px\] {height: 643px;}.h-auto {height: auto;}.h-full {height: 100%;}.h-max {height: max-content;}.h-px {height: 1px;}.h-screen {height: 100vh;}.max-h-10 {max-height: calc(var(--spacing) * 10);}.max-h-11 {max-height: calc(var(--spacing) * 11);}.max-h-12 {max-height: calc(var(--spacing) * 12);}.max-h-\[30\%\] {max-height: 30%;}.max-h-\[300px\] {max-height: 300px;}.max-h-\[420px\] {max-height: 420px;}.max-h-\[531px\] {max-height: 531px;}.max-h-\[550px\] {max-height: 550px;}.max-h-\[551px\] {max-height: 551px;}.max-h-\[620px\] {max-height: 620px;}.max-h-\[640px\] {max-height: 640px;}.min-h-\[166px\] {min-height: 166px;}.min-h-\[200px\] {min-height: 200px;}.min-h-\[280px\] {min-height: 280px;}.min-h-\[284px\] {min-height: 284px;}.min-h-\[300px\] {min-height: 300px;}.min-h-\[350px\] {min-height: 350px;}.min-h-\[380px\] {min-height: 380px;}.min-h-\[420px\] {min-height: 420px;}.min-h-\[650px\] {min-height: 650px;}.w-0 {width: calc(var(--spacing) * 0);}.w-2 {width: calc(var(--spacing) * 2);}.w-3 {width: calc(var(--spacing) * 3);}.w-4 {width: calc(var(--spacing) * 4);}.w-6 {width: calc(var(--spacing) * 6);}.w-7\.5 {width: calc(var(--spacing) * 7.5);}.w-9 {width: calc(var(--spacing) * 9);}.w-12 {width: calc(var(--spacing) * 12);}.w-15 {width: calc(var(--spacing) * 15);}.w-16 {width: calc(var(--spacing) * 16);}.w-20 {width: calc(var(--spacing) * 20);}.w-24 {width: calc(var(--spacing) * 24);}.w-50 {width: calc(var(--spacing) * 50);}.w-61 {width: calc(var(--spacing) * 61);}.w-\[30\%\] {width: 30%;}.w-\[40\%\] {width: 40%;}.w-\[50px\] {width: 50px;}.w-\[52px\] {width: 52px;}.w-\[57px\] {width: 57px;}.w-\[70\%\] {width: 70%;}.w-\[85\%\] {width: 85%;}.w-\[90\%\] {width: 90%;}.w-\[92\%\] {width: 92%;}.w-\[94\%\] {width: 94%;}.w-\[137px\] {width: 137px;}.w-\[166px\] {width: 166px;}.w-\[188px\] {width: 188px;}.w-\[224px\] {width: 224px;}.w-\[225px\] {width: 225px;}.w-\[240px\] {width: 240px;}.w-\[249px\] {width: 249px;}.w-\[272px\] {width: 272px;}.w-\[284px\] {width: 284px;}.w-\[288px\] {width: 288px;}.w-\[290px\] {width: 290px;}.w-\[300px\] {width: 300px;}.w-full {width: 100%;}.max-w-24 {max-width: calc(var(--spacing) * 24);}.max-w-\[44px\] {max-width: 44px;}.max-w-\[80\%\] {max-width: 80%;}.max-w-\[89px\] {max-width: 89px;}.max-w-\[130px\] {max-width: 130px;}.max-w-\[156px\] {max-width: 156px;}.max-w-\[169px\] {max-width: 169px;}.max-w-\[195px\] {max-width: 195px;}.max-w-\[210px\] {max-width: 210px;}.max-w-\[212px\] {max-width: 212px;}.max-w-\[229px\] {max-width: 229px;}.max-w-\[300px\] {max-width: 300px;}.max-w-\[320px\] {max-width: 320px;}.max-w-\[324px\] {max-width: 324px;}.max-w-\[350px\] {max-width: 350px;}.max-w-\[540px\] {max-width: 540px;}.max-w-\[677px\] {max-width: 677px;}.max-w-\[768px\] {max-width: 768px;}.max-w-\[794px\] {max-width: 794px;}.max-w-\[850px\] {max-width: 850px;}.max-w-\[932px\] {max-width: 932px;}.max-w-\[950px\] {max-width: 950px;}.max-w-\[1050px\] {max-width: 1050px;}.max-w-\[1220px\] {max-width: 1220px;}.max-w-\[1420px\] {max-width: 1420px;}.max-w-\[1620px\] {max-width: 1620px;}.max-w-\[1840px\] {max-width: 1840px;}.max-w-full {max-width: 100%;}.min-w-0 {min-width: calc(var(--spacing) * 0);}.min-w-\[320px\] {min-width: 320px;}.flex-1 {flex: 1;}.shrink-0 {flex-shrink: 0;}.basis-\[408px\] {flex-basis: 408px;}.-translate-x-1\/2 {--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-x-4 {--tw-translate-x: calc(var(--spacing) * -4);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-x-6 {--tw-translate-x: calc(var(--spacing) * -6);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-x-\[28\%\] {--tw-translate-x: calc(28% * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-x-\[37\%\] {--tw-translate-x: calc(37% * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-x-\[50\%\] {--tw-translate-x: calc(50% * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-x-0 {--tw-translate-x: calc(var(--spacing) * 0);translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-x-\[-28\%\] {--tw-translate-x: -28%;translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-x-\[-37\%\] {--tw-translate-x: -37%;translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-x-\[-50\%\] {--tw-translate-x: -50%;translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-x-full {--tw-translate-x: 100%;translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-1\/2 {--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-\[30\%\] {--tw-translate-y: calc(30% * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-\[35\%\] {--tw-translate-y: calc(35% * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-\[55\%\] {--tw-translate-y: calc(55% * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-\[60\%\] {--tw-translate-y: calc(60% * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-\[65\%\] {--tw-translate-y: calc(65% * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-y-\[-30\%\] {--tw-translate-y: -30%;translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-y-\[-35\%\] {--tw-translate-y: -35%;translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-y-\[-40\%\] {--tw-translate-y: -40%;translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-y-\[-55\%\] {--tw-translate-y: -55%;translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-y-\[-65\%\] {--tw-translate-y: -65%;translate: var(--tw-translate-x) var(--tw-translate-y);}.scale-0 {--tw-scale-x: 0%;--tw-scale-y: 0%;--tw-scale-z: 0%;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-70 {--tw-scale-x: 70%;--tw-scale-y: 70%;--tw-scale-z: 70%;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-80 {--tw-scale-x: 80%;--tw-scale-y: 80%;--tw-scale-z: 80%;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-100 {--tw-scale-x: 100%;--tw-scale-y: 100%;--tw-scale-z: 100%;scale: var(--tw-scale-x) var(--tw-scale-y);}.-rotate-8 {rotate: -8deg;}.-rotate-9 {rotate: -9deg;}.-rotate-12 {rotate: -12deg;}.-rotate-45 {rotate: -45deg;}.rotate-12 {rotate: 12deg;}.rotate-15 {rotate: 15deg;}.rotate-25 {rotate: 25deg;}.rotate-45 {rotate: 45deg;}.rotate-75 {rotate: 75deg;}.rotate-90 {rotate: 90deg;}.rotate-121 {rotate: 121deg;}.rotate-290 {rotate: 290deg;}.rotate-359 {rotate: 359deg;}.rotate-\[25deg\] {rotate: 25deg;}.rotate-\[26deg\] {rotate: 26deg;}.rotate-\[124deg\] {rotate: 124deg;}.rotate-\[359deg\] {rotate: 359deg;}.transform {transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );}.cursor-pointer {cursor: pointer;}.cursor-text {cursor: text;}.resize {resize: both;}.resize-none {resize: none;}.list-inside {list-style-position: inside;}.list-disc {list-style-type: disc;}.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}.grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr));}.flex-col {flex-direction: column;}.flex-wrap {flex-wrap: wrap;}.place-items-center {place-items: center;}.place-items-end {place-items: end;}.items-baseline {align-items: baseline;}.items-center {align-items: center;}.items-end {align-items: flex-end;}.items-start {align-items: flex-start;}.justify-between {justify-content: space-between;}.justify-center {justify-content: center;}.justify-end {justify-content: flex-end;}.justify-start {justify-content: flex-start;}.gap-1 {gap: calc(var(--spacing) * 1);}.gap-1\.5 {gap: calc(var(--spacing) * 1.5);}.gap-2 {gap: calc(var(--spacing) * 2);}.gap-2\.5 {gap: calc(var(--spacing) * 2.5);}.gap-3 {gap: calc(var(--spacing) * 3);}.gap-4 {gap: calc(var(--spacing) * 4);}.gap-6 {gap: calc(var(--spacing) * 6);}.gap-7 {gap: calc(var(--spacing) * 7);}.gap-8 {gap: calc(var(--spacing) * 8);}.gap-10 {gap: calc(var(--spacing) * 10);}.gap-12 {gap: calc(var(--spacing) * 12);}:where(.space-y-0 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-0\.5 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-1 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-1\.5 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-2 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-2\.5 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-3 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-4 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-5 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-6 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-6\.5 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 6.5) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 6.5) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-7 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-8 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-9 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-10 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-12 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-14 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));}.gap-x-0\.5 {column-gap: calc(var(--spacing) * .5);}.gap-x-1 {column-gap: calc(var(--spacing) * 1);}.gap-x-1\.5 {column-gap: calc(var(--spacing) * 1.5);}.gap-x-2 {column-gap: calc(var(--spacing) * 2);}.gap-x-2\.5 {column-gap: calc(var(--spacing) * 2.5);}.gap-x-3 {column-gap: calc(var(--spacing) * 3);}.gap-x-4 {column-gap: calc(var(--spacing) * 4);}.gap-x-6 {column-gap: calc(var(--spacing) * 6);}.gap-x-7 {column-gap: calc(var(--spacing) * 7);}.gap-x-8 {column-gap: calc(var(--spacing) * 8);}.gap-x-12 {column-gap: calc(var(--spacing) * 12);}.gap-x-\[3px\] {column-gap: 3px;}:where(.-space-x-3\.5 > :not(:last-child)) {--tw-space-x-reverse: 0;margin-inline-start: calc(calc(var(--spacing) * -3.5) * var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing) * -3.5) * calc(1 - var(--tw-space-x-reverse)));}:where(.space-x-2 > :not(:last-child)) {--tw-space-x-reverse: 0;margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));}:where(.space-x-4 > :not(:last-child)) {--tw-space-x-reverse: 0;margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));}.gap-y-2 {row-gap: calc(var(--spacing) * 2);}.gap-y-2\.5 {row-gap: calc(var(--spacing) * 2.5);}.gap-y-4 {row-gap: calc(var(--spacing) * 4);}.gap-y-6 {row-gap: calc(var(--spacing) * 6);}.gap-y-8 {row-gap: calc(var(--spacing) * 8);}.gap-y-12 {row-gap: calc(var(--spacing) * 12);}.self-start {align-self: flex-start;}.overflow-hidden {overflow: hidden;}.overflow-x-hidden {overflow-x: hidden;}.overflow-y-auto {overflow-y: auto;}.rounded {border-radius: .25rem;}.rounded-2xl {border-radius: var(--radius-2xl);}.rounded-4xl {border-radius: var(--radius-4xl);}.rounded-\[2px\] {border-radius: 2px;}.rounded-\[4px\] {border-radius: 4px;}.rounded-\[6px\] {border-radius: 6px;}.rounded-\[10px\] {border-radius: 10px;}.rounded-\[10px\]\! {border-radius: 10px !important;}.rounded-\[14px\] {border-radius: 14px;}.rounded-\[20px\] {border-radius: 20px;}.rounded-\[20px\]\! {border-radius: 20px !important;}.rounded-\[100px\] {border-radius: 100px;}.rounded-full {border-radius: 3.40282e38px;}.rounded-lg {border-radius: var(--radius-lg);}.rounded-md {border-radius: var(--radius-md);}.rounded-sm {border-radius: var(--radius-sm);}.rounded-xl {border-radius: var(--radius-xl);}.border {border-style: var(--tw-border-style);border-width: 1px;}.border-0 {border-style: var(--tw-border-style);border-width: 0;}.border-2 {border-style: var(--tw-border-style);border-width: 2px;}.border-y {border-block-style: var(--tw-border-style);border-block-width: 1px;}.border-b {border-bottom-style: var(--tw-border-style);border-bottom-width: 1px;}.border-l {border-left-style: var(--tw-border-style);border-left-width: 1px;}.border-dashed {--tw-border-style: dashed;border-style: dashed;}.border-\[\#6A727B\] {border-color: #6a727b;}.border-stroke-1\/10 {border-color: #94aecf1a;}@supports (color: color-mix(in lab, red, red)) {.border-stroke-1\/10 {border-color: color-mix(in oklab, var(--color-stroke-1) 10%, transparent);}}.border-stroke-1\/11 {border-color: #94aecf1c;}@supports (color: color-mix(in lab, red, red)) {.border-stroke-1\/11 {border-color: color-mix(in oklab, var(--color-stroke-1) 11%, transparent);}}.border-stroke-3\/18 {border-color: #7c8ea52e;}@supports (color: color-mix(in lab, red, red)) {.border-stroke-3\/18 {border-color: color-mix(in oklab, var(--color-stroke-3) 18%, transparent);}}.border-stroke-3\/20 {border-color: #7c8ea533;}@supports (color: color-mix(in lab, red, red)) {.border-stroke-3\/20 {border-color: color-mix(in oklab, var(--color-stroke-3) 20%, transparent);}}.border-stroke-3\/25 {border-color: #7c8ea540;}@supports (color: color-mix(in lab, red, red)) {.border-stroke-3\/25 {border-color: color-mix(in oklab, var(--color-stroke-3) 25%, transparent);}}.border-transparent {border-color: #0000;}.border-white\/5 {border-color: #ffffff0d;}@supports (color: color-mix(in lab, red, red)) {.border-white\/5 {border-color: color-mix(in oklab, var(--color-white) 5%, transparent);}}.border-b-stroke-1\/11 {border-bottom-color: #94aecf1c;}@supports (color: color-mix(in lab, red, red)) {.border-b-stroke-1\/11 {border-bottom-color: color-mix(in oklab, var(--color-stroke-1) 11%, transparent);}}.bg-\[\#0D1017\] {background-color: #0d1017;}.bg-\[\#fafcff0d\], .bg-\[rgba\(250\,252\,255\,0\.05\)\] {background-color: #fafcff0d;}.bg-background-3 {background-color: var(--color-background-3);}.bg-background-4 {background-color: var(--color-background-4);}.bg-background-5 {background-color: var(--color-background-5);}.bg-background-6 {background-color: var(--color-background-6);}.bg-background-7 {background-color: var(--color-background-7);}.bg-background-13\/60 {background-color: #0d0d1299;}@supports (color: color-mix(in lab, red, red)) {.bg-background-13\/60 {background-color: color-mix(in oklab, var(--color-background-13) 60%, transparent);}}.bg-background-14 {background-color: var(--color-background-14);}.bg-black\/95 {background-color: #000000f2;}@supports (color: color-mix(in lab, red, red)) {.bg-black\/95 {background-color: color-mix(in oklab, var(--color-black) 95%, transparent);}}.bg-opai-blue {background-color: var(--color-opai-blue);}.bg-opai-indigo {background-color: var(--color-opai-indigo);}.bg-opai-purple {background-color: var(--color-opai-purple);}.bg-stroke-1 {background-color: var(--color-stroke-1);}.bg-stroke-1\/10 {background-color: #94aecf1a;}@supports (color: color-mix(in lab, red, red)) {.bg-stroke-1\/10 {background-color: color-mix(in oklab, var(--color-stroke-1) 10%, transparent);}}.bg-stroke-3\/25 {background-color: #7c8ea540;}@supports (color: color-mix(in lab, red, red)) {.bg-stroke-3\/25 {background-color: color-mix(in oklab, var(--color-stroke-3) 25%, transparent);}}.bg-transparent {background-color: #0000;}.bg-white {background-color: var(--color-white);}.bg-white\/5 {background-color: #ffffff0d;}@supports (color: color-mix(in lab, red, red)) {.bg-white\/5 {background-color: color-mix(in oklab, var(--color-white) 5%, transparent);}}.bg-white\/10 {background-color: #ffffff1a;}@supports (color: color-mix(in lab, red, red)) {.bg-white\/10 {background-color: color-mix(in oklab, var(--color-white) 10%, transparent);}}.bg-white\/70 {background-color: #ffffffb3;}@supports (color: color-mix(in lab, red, red)) {.bg-white\/70 {background-color: color-mix(in oklab, var(--color-white) 70%, transparent);}}.bg-white\/90 {background-color: #ffffffe6;}@supports (color: color-mix(in lab, red, red)) {.bg-white\/90 {background-color: color-mix(in oklab, var(--color-white) 90%, transparent);}}.bg-linear-to-r {--tw-gradient-position: to right;}@supports (background-image: linear-gradient(in lab, red, red)) {.bg-linear-to-r {--tw-gradient-position: to right in oklab;}}.bg-linear-to-r {background-image: linear-gradient(var(--tw-gradient-stops));}.bg-gradient-to-b {--tw-gradient-position: to bottom in oklab;background-image: linear-gradient(var(--tw-gradient-stops));}.bg-linear-\[180deg\,hsla\(21\,63\%\,73\%\,0\)\,hsla\(0\,0\%\,100\%\,0\.3\)_50\%\,hsla\(21\,63\%\,73\%\,0\.1\)\] {--tw-gradient-position: 180deg,#e6ad8f00,#ffffff4d 50%,#e6ad8f1a;background-image: linear-gradient(var(--tw-gradient-stops, 180deg,#e6ad8f00,#ffffff4d 50%,#e6ad8f1a));}.bg-linear-\[180deg\,hsla\(21\,63\%\,73\%\,0\)\,hsla\(0\,0\%\,100\%\,0\.7\)_50\%\,hsla\(21\,63\%\,73\%\,0\.1\)\] {--tw-gradient-position: 180deg,#e6ad8f00,#ffffffb3 50%,#e6ad8f1a;background-image: linear-gradient(var(--tw-gradient-stops, 180deg,#e6ad8f00,#ffffffb3 50%,#e6ad8f1a));}.bg-linear-\[196deg\,_rgba\(17\,20\,29\,0\.40\)_48\.77\%\,_rgba\(17\,20\,29\,0\.60\)_73\.92\%\] {--tw-gradient-position: 196deg, #11141d66 48.77%, #11141d99 73.92%;background-image: linear-gradient(var(--tw-gradient-stops, 196deg, #11141d66 48.77%, #11141d99 73.92%));}.bg-linear-\[220deg\,_\#FFF_39\.28\%\,_\#9B31FF_53\.37\%\,_\#144C99_67\.46\%\,_\#144C99_95\.65\%\] {--tw-gradient-position: 220deg, #fff 39.28%, #9b31ff 53.37%, #144c99 67.46%, #144c99 95.65%;background-image: linear-gradient(var(--tw-gradient-stops, 220deg, #fff 39.28%, #9b31ff 53.37%, #144c99 67.46%, #144c99 95.65%));}.bg-linear-\[354deg\,_rgba\(255\,255\,255\,0\.40\)_34\.13\%\,_rgba\(255\,255\,255\,0\.90\)_69\.4\%\] {--tw-gradient-position: 354deg, #fff6 34.13%, #ffffffe6 69.4%;background-image: linear-gradient(var(--tw-gradient-stops, 354deg, #fff6 34.13%, #ffffffe6 69.4%));}.bg-linear-\[354deg\,rgba\(255\,255\,255\,0\.40\)_34\.13\%\,rgba\(255\,255\,255\,0\.90\)_69\.4\%\] {--tw-gradient-position: 354deg,#fff6 34.13%,#ffffffe6 69.4%;background-image: linear-gradient(var(--tw-gradient-stops, 354deg,#fff6 34.13%,#ffffffe6 69.4%));}.bg-radial-\[circle_at_50\%_50\%\,\#227EFF_0\%\,rgba\(34\,126\,255\,0\)_100\%\] {--tw-gradient-position: circle at 50% 50%,#227eff 0%,#227eff00 100%;background-image: radial-gradient(var(--tw-gradient-stops, circle at 50% 50%,#227eff 0%,#227eff00 100%));}.bg-radial-\[circle_at_center\] {--tw-gradient-position: circle at center;background-image: radial-gradient(var(--tw-gradient-stops, circle at center));}.bg-\[radial-gradient\(circle_at_50\%_0\%\,rgba\(34\,126\,255\,1\)_0\%\,rgba\(34\,126\,255\,0\)_100\%\)\] {background-image: radial-gradient(circle at 50% 0, #227eff 0%, #227eff00 100%);}.bg-\[radial-gradient\(circle_at_center\,\#227eff_0\%\,\#227eff00_100\%\)\] {background-image: radial-gradient(circle, #227eff 0%, #227eff00 100%);}.bg-\[url\(\'\/images\/opai-img-225\.jpg\'\)\] {background-image: url("./images/services/service-web-design-cover.webp");}.from-\[\#227EFF00\] {--tw-gradient-from: #227eff00;--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));}.from-opai-blue {--tw-gradient-from: var(--color-opai-blue);--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));}.from-transparent {--tw-gradient-from: transparent;--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));}.from-0\% {--tw-gradient-from-position: 0%;}.from-\[10\.09\%\] {--tw-gradient-from-position: 10.09%;}.to-\[\#0d1017\] {--tw-gradient-to: #0d1017;--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));}.to-\[\#227EFF\] {--tw-gradient-to: #227eff;--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));}.to-\[\#ffffff00\] {--tw-gradient-to: #fff0;--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));}.to-100\% {--tw-gradient-to-position: 100%;}.to-\[80\.6\%\] {--tw-gradient-to-position: 80.6%;}.bg-cover {background-size: cover;}.bg-clip-text {-webkit-background-clip: text;background-clip: text;}.bg-center {background-position: center;}.bg-no-repeat {background-repeat: no-repeat;}.fill-\[\#FFF049\] {fill: #fff049;}.fill-background-7 {fill: var(--color-background-7);}.fill-background-13 {fill: var(--color-background-13);}.fill-opai-purple {fill: var(--color-opai-purple);}.stroke-background-7 {stroke: var(--color-background-7);}.stroke-background-7\/80\! {stroke: #f8f9facc !important;}@supports (color: color-mix(in lab, red, red)) {.stroke-background-7\/80\! {stroke: color-mix(in oklab, var(--color-background-7) 80%, transparent) !important;}}.stroke-background-14 {stroke: var(--color-background-14);}.stroke-white {stroke: var(--color-white);}.stroke-white\/60 {stroke: #fff9;}@supports (color: color-mix(in lab, red, red)) {.stroke-white\/60 {stroke: color-mix(in oklab, var(--color-white) 60%, transparent);}}.stroke-white\/90 {stroke: #ffffffe6;}@supports (color: color-mix(in lab, red, red)) {.stroke-white\/90 {stroke: color-mix(in oklab, var(--color-white) 90%, transparent);}}.object-contain {object-fit: contain;}.object-cover {object-fit: cover;}.p-0\.5 {padding: calc(var(--spacing) * .5);}.p-1 {padding: calc(var(--spacing) * 1);}.p-2 {padding: calc(var(--spacing) * 2);}.p-3 {padding: calc(var(--spacing) * 3);}.p-4 {padding: calc(var(--spacing) * 4);}.p-5 {padding: calc(var(--spacing) * 5);}.p-6 {padding: calc(var(--spacing) * 6);}.p-7 {padding: calc(var(--spacing) * 7);}.p-8 {padding: calc(var(--spacing) * 8);}.p-10\.5 {padding: calc(var(--spacing) * 10.5);}.\!px-5 {padding-inline: calc(var(--spacing) * 5) !important;}.px-1 {padding-inline: calc(var(--spacing) * 1);}.px-2 {padding-inline: calc(var(--spacing) * 2);}.px-3 {padding-inline: calc(var(--spacing) * 3);}.px-3\.5 {padding-inline: calc(var(--spacing) * 3.5);}.px-4 {padding-inline: calc(var(--spacing) * 4);}.px-4\.5 {padding-inline: calc(var(--spacing) * 4.5);}.px-5 {padding-inline: calc(var(--spacing) * 5);}.px-6 {padding-inline: calc(var(--spacing) * 6);}.px-8 {padding-inline: calc(var(--spacing) * 8);}.px-\[11px\] {padding-inline: 11px;}.px-\[14px\] {padding-inline: 14px;}.\!py-\[7px\] {padding-block: 7px !important;}.py-0\.5 {padding-block: calc(var(--spacing) * .5);}.py-1 {padding-block: calc(var(--spacing) * 1);}.py-1\.5 {padding-block: calc(var(--spacing) * 1.5);}.py-2 {padding-block: calc(var(--spacing) * 2);}.py-2\.5 {padding-block: calc(var(--spacing) * 2.5);}.py-3 {padding-block: calc(var(--spacing) * 3);}.py-3\.5 {padding-block: calc(var(--spacing) * 3.5);}.py-4 {padding-block: calc(var(--spacing) * 4);}.py-6 {padding-block: calc(var(--spacing) * 6);}.py-7 {padding-block: calc(var(--spacing) * 7);}.py-11 {padding-block: calc(var(--spacing) * 11);}.py-12 {padding-block: calc(var(--spacing) * 12);}.py-18 {padding-block: calc(var(--spacing) * 18);}.py-20 {padding-block: calc(var(--spacing) * 20);}.py-\[3px\] {padding-block: 3px;}.py-\[5px\] {padding-block: 5px;}.py-\[13px\] {padding-block: 13px;}.py-\[17px\] {padding-block: 17px;}.pt-1 {padding-top: calc(var(--spacing) * 1);}.pt-2 {padding-top: calc(var(--spacing) * 2);}.pt-3 {padding-top: calc(var(--spacing) * 3);}.pt-4 {padding-top: calc(var(--spacing) * 4);}.pt-6 {padding-top: calc(var(--spacing) * 6);}.pt-8 {padding-top: calc(var(--spacing) * 8);}.pt-10 {padding-top: calc(var(--spacing) * 10);}.pt-13 {padding-top: calc(var(--spacing) * 13);}.pt-14 {padding-top: calc(var(--spacing) * 14);}.pt-28 {padding-top: calc(var(--spacing) * 28);}.pt-29 {padding-top: calc(var(--spacing) * 29);}.pt-30 {padding-top: calc(var(--spacing) * 30);}.pt-32 {padding-top: calc(var(--spacing) * 32);}.pt-36 {padding-top: calc(var(--spacing) * 36);}.pt-\[80px\] {padding-top: 80px;}.pr-\[30\.25px\] {padding-right: 30.25px;}.pb-1 {padding-bottom: calc(var(--spacing) * 1);}.pb-2 {padding-bottom: calc(var(--spacing) * 2);}.pb-2\.5 {padding-bottom: calc(var(--spacing) * 2.5);}.pb-4 {padding-bottom: calc(var(--spacing) * 4);}.pb-6 {padding-bottom: calc(var(--spacing) * 6);}.pb-7 {padding-bottom: calc(var(--spacing) * 7);}.pb-8 {padding-bottom: calc(var(--spacing) * 8);}.pb-9 {padding-bottom: calc(var(--spacing) * 9);}.pb-10 {padding-bottom: calc(var(--spacing) * 10);}.pb-11 {padding-bottom: calc(var(--spacing) * 11);}.pb-18 {padding-bottom: calc(var(--spacing) * 18);}.pb-20 {padding-bottom: calc(var(--spacing) * 20);}.pb-24 {padding-bottom: calc(var(--spacing) * 24);}.pb-\[30px\] {padding-bottom: 30px;}.pl-4 {padding-left: calc(var(--spacing) * 4);}.pl-7 {padding-left: calc(var(--spacing) * 7);}.pl-\[5\%\] {padding-left: 5%;}.pl-\[34\.75px\] {padding-left: 34.75px;}.text-center {text-align: center;}.text-left {text-align: left;}.font-ibm-plex-mono {font-family: var(--font-ibm-plex-mono);}.font-inter-tight {font-family: var(--font-inter-tight);}.font-manrope {font-family: var(--font-manrope);}.font-sora {font-family: var(--font-sora);}.text-it-heading-4, .text-it-heading-6 {font-family: var(--font-inter-tight);}.text-manrope-heading-2, .text-manrope-heading-3, .text-manrope-heading-4, .text-manrope-heading-5, .text-manrope-heading-6 {font-family: var(--font-manrope);}.text-sora-heading-3, .text-sora-heading-4 {font-family: var(--font-sora);}.text-sora-heading-3 {font-size: var(--text-sora-heading-3);line-height: var(--tw-leading, var(--text-sora-heading-3--line-height));letter-spacing: var(--tw-tracking, var(--text-sora-heading-3--letter-spacing));}.text-sora-heading-4 {font-size: var(--text-sora-heading-4);line-height: var(--tw-leading, var(--text-sora-heading-4--line-height));letter-spacing: var(--tw-tracking, var(--text-sora-heading-4--letter-spacing));}.text-4xl {font-size: var(--text-4xl);line-height: var(--tw-leading, var(--text-4xl--line-height));}.text-it-heading-4 {font-size: var(--text-it-heading-4);line-height: var(--tw-leading, var(--text-it-heading-4--line-height));}.text-it-heading-6 {font-size: var(--text-it-heading-6);line-height: var(--tw-leading, var(--text-it-heading-6--line-height));}.text-manrope-heading-2 {font-size: var(--text-manrope-heading-2);line-height: var(--tw-leading, var(--text-manrope-heading-2--line-height));}.text-manrope-heading-3 {font-size: var(--text-manrope-heading-3);line-height: var(--tw-leading, var(--text-manrope-heading-3--line-height));}.text-manrope-heading-4 {font-size: var(--text-manrope-heading-4);line-height: var(--tw-leading, var(--text-manrope-heading-4--line-height));}.text-manrope-heading-5 {font-size: var(--text-manrope-heading-5);line-height: var(--tw-leading, var(--text-manrope-heading-5--line-height));}.text-manrope-heading-6 {font-size: var(--text-manrope-heading-6);line-height: var(--tw-leading, var(--text-manrope-heading-6--line-height));}.text-tagline-1 {font-size: var(--text-tagline-1);line-height: var(--tw-leading, var(--text-tagline-1--line-height));}.text-tagline-2 {font-size: var(--text-tagline-2);line-height: var(--tw-leading, var(--text-tagline-2--line-height));}.text-tagline-3 {font-size: var(--text-tagline-3);line-height: var(--tw-leading, var(--text-tagline-3--line-height));}.text-tagline-4 {font-size: var(--text-tagline-4);line-height: var(--tw-leading, var(--text-tagline-4--line-height));}.text-\[8px\] {font-size: 8px;}.text-\[10px\] {font-size: 10px;}.text-\[36px\] {font-size: 36px;}.text-\[100px\] {font-size: 100px;}.leading-\[1\.4\] {--tw-leading: 1.4;line-height: 1.4;}.leading-\[21\.7px\] {--tw-leading: 21.7px;line-height: 21.7px;}.leading-\[120\%\] {--tw-leading: 120%;line-height: 120%;}.leading-\[125\%\] {--tw-leading: 125%;line-height: 125%;}.leading-\[150\%\] {--tw-leading: 150%;line-height: 150%;}.font-bold {--tw-font-weight: var(--font-weight-bold);font-weight: var(--font-weight-bold);}.font-medium {--tw-font-weight: var(--font-weight-medium);font-weight: var(--font-weight-medium);}.font-normal {--tw-font-weight: var(--font-weight-normal);font-weight: var(--font-weight-normal);}.font-semibold {--tw-font-weight: var(--font-weight-semibold);font-weight: var(--font-weight-semibold);}.tracking-\[-0\.6px\] {--tw-tracking: -.6px;letter-spacing: -.6px;}.tracking-\[-0\.72px\] {--tw-tracking: -.72px;letter-spacing: -.72px;}.tracking-\[-2\.4px\] {--tw-tracking: -2.4px;letter-spacing: -2.4px;}.tracking-\[1\.68px\] {--tw-tracking: 1.68px;letter-spacing: 1.68px;}.tracking-\[20\.48px\] {--tw-tracking: 20.48px;letter-spacing: 20.48px;}.text-wrap {text-wrap: wrap;}.text-background-7 {color: var(--color-background-7);}.text-background-7\/60 {color: #f8f9fa99;}@supports (color: color-mix(in lab, red, red)) {.text-background-7\/60 {color: color-mix(in oklab, var(--color-background-7) 60%, transparent);}}.text-background-11 {color: var(--color-background-11);}.text-background-13 {color: var(--color-background-13);}.text-background-13\/60 {color: #0d0d1299;}@supports (color: color-mix(in lab, red, red)) {.text-background-13\/60 {color: color-mix(in oklab, var(--color-background-13) 60%, transparent);}}.text-background-14 {color: var(--color-background-14);}.text-opai-blue {color: var(--color-opai-blue);}.text-transparent {color: #0000;}.text-white {color: var(--color-white);}.text-white\/20 {color: #fff3;}@supports (color: color-mix(in lab, red, red)) {.text-white\/20 {color: color-mix(in oklab, var(--color-white) 20%, transparent);}}.text-white\/30 {color: #ffffff4d;}@supports (color: color-mix(in lab, red, red)) {.text-white\/30 {color: color-mix(in oklab, var(--color-white) 30%, transparent);}}.text-white\/50 {color: #ffffff80;}@supports (color: color-mix(in lab, red, red)) {.text-white\/50 {color: color-mix(in oklab, var(--color-white) 50%, transparent);}}.text-white\/60 {color: #fff9;}@supports (color: color-mix(in lab, red, red)) {.text-white\/60 {color: color-mix(in oklab, var(--color-white) 60%, transparent);}}.text-white\/80 {color: #fffc;}@supports (color: color-mix(in lab, red, red)) {.text-white\/80 {color: color-mix(in oklab, var(--color-white) 80%, transparent);}}.text-white\/90 {color: #ffffffe6;}@supports (color: color-mix(in lab, red, red)) {.text-white\/90 {color: color-mix(in oklab, var(--color-white) 90%, transparent);}}.underline {text-decoration-line: underline;}.underline-offset-2 {text-underline-offset: 2px;}.opacity-0 {opacity: 0;}.opacity-100 {opacity: 1;}.mix-blend-lighten {mix-blend-mode: lighten;}.mix-blend-plus-lighter {mix-blend-mode: plus-lighter;}.shadow {--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.shadow-2xl {--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.shadow-\[0_2px_10px_0_rgba\(34\,126\,255\,0\.20\)_inset\] {--tw-shadow: 0 2px 10px 0 var(--tw-shadow-color, #227eff33) inset;box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.shadow-\[40px_24px_94px_3px_rgba\(34\,126\,255\,0\.24\)\] {--tw-shadow: 40px 24px 94px 3px var(--tw-shadow-color, #227eff3d);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.ring {--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.ring-4 {--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.ring-background-5 {--tw-ring-color: var(--color-background-5);}.ring-background-6 {--tw-ring-color: var(--color-background-6);}.ring-white\/40 {--tw-ring-color: #fff6;}@supports (color: color-mix(in lab, red, red)) {.ring-white\/40 {--tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);}}.outline {outline-style: var(--tw-outline-style);outline-width: 1px;}.blur {--tw-blur: blur(8px);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-\[7px\] {--tw-blur: blur(7px);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-\[10px\] {--tw-blur: blur(10px);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-\[62px\] {--tw-blur: blur(62px);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-\[65px\] {--tw-blur: blur(65px);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-\[70px\] {--tw-blur: blur(70px);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, );}.invert {--tw-invert: invert(100%);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-\[2px\] {--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );}.backdrop-blur-\[4px\] {--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );}.backdrop-blur-\[5px\] {--tw-backdrop-blur: blur(5px);-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );}.backdrop-blur-\[20px\] {--tw-backdrop-blur: blur(20px);-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );}.backdrop-blur-\[25px\] {--tw-backdrop-blur: blur(25px);-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );}.transition {transition-property: color, background-color, border-color, 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;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));}.transition-all {transition-property: all;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));}.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;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));}.transition-transform {transition-property: transform, translate, scale, rotate;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));}.duration-200 {--tw-duration: .2s;transition-duration: .2s;}.duration-300 {--tw-duration: .3s;transition-duration: .3s;}.duration-400 {--tw-duration: .4s;transition-duration: .4s;}.duration-500 {--tw-duration: .5s;transition-duration: .5s;}.duration-900 {--tw-duration: .9s;transition-duration: .9s;}.ease-in-out {--tw-ease: var(--ease-in-out);transition-timing-function: var(--ease-in-out);}.ease-out {--tw-ease: var(--ease-out);transition-timing-function: var(--ease-out);}.will-change-transform {will-change: transform;}.select-none {-webkit-user-select: none;user-select: none;}.\[mask\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\)_55\%\,rgba\(0\,0\,0\,1\)_72\.5\%\,rgba\(0\,0\,0\,1\)_82\.5\%\,rgba\(0\,0\,0\,0\)_82\.5\%\)\] {-webkit-mask: linear-gradient(#0000 55%, #000 72.5% 82.5%, #0000 82.5%);mask: linear-gradient(#0000 55%, #000 72.5% 82.5%, #0000 82.5%);}@media (hover: hover) {.group-hover\:-top-\[32\%\]:is(:where(.group):hover *) {top: -32%;}.group-hover\:left-\[70\%\]:is(:where(.group):hover *) {left: 70%;}.group-hover\:translate-x-0:is(:where(.group):hover *) {--tw-translate-x: calc(var(--spacing) * 0);translate: var(--tw-translate-x) var(--tw-translate-y);}.group-hover\:translate-x-1:is(:where(.group):hover *) {--tw-translate-x: calc(var(--spacing) * 1);translate: var(--tw-translate-x) var(--tw-translate-y);}.group-hover\:translate-x-6:is(:where(.group):hover *) {--tw-translate-x: calc(var(--spacing) * 6);translate: var(--tw-translate-x) var(--tw-translate-y);}.group-hover\:scale-100:is(:where(.group):hover *) {--tw-scale-x: 100%;--tw-scale-y: 100%;--tw-scale-z: 100%;scale: var(--tw-scale-x) var(--tw-scale-y);}.group-hover\:scale-105:is(:where(.group):hover *) {--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale: var(--tw-scale-x) var(--tw-scale-y);}.group-hover\:rotate-1:is(:where(.group):hover *) {rotate: 1deg;}.group-hover\:bg-background-3:is(:where(.group):hover *) {background-color: var(--color-background-3);}.group-hover\:bg-background-13:is(:where(.group):hover *) {background-color: var(--color-background-13);}.group-hover\:bg-linear-\[180deg\,hsla\(21\,63\%\,73\%\,0\)\,hsla\(0\,0\%\,100\%\,0\.2\)_50\%\,hsla\(21\,63\%\,73\%\,0\)\]:is(:where(.group):hover *) {--tw-gradient-position: 180deg,#e6ad8f00,#fff3 50%,#e6ad8f00;background-image: linear-gradient(var(--tw-gradient-stops, 180deg,#e6ad8f00,#fff3 50%,#e6ad8f00));}.group-hover\:fill-white:is(:where(.group):hover *) {fill: var(--color-white);}.group-hover\:stroke-background-7:is(:where(.group):hover *) {stroke: var(--color-background-7);}.group-hover\:text-background-7:is(:where(.group):hover *) {color: var(--color-background-7);}.group-hover\:opacity-0:is(:where(.group):hover *) {opacity: 0;}.group-hover\:opacity-100:is(:where(.group):hover *) {opacity: 1;}.group-hover\/btn\:left-\[70\%\]:is(:where(.group\/btn):hover *) {left: 70%;}.group-hover\/btn\:translate-x-0:is(:where(.group\/btn):hover *) {--tw-translate-x: calc(var(--spacing) * 0);translate: var(--tw-translate-x) var(--tw-translate-y);}.group-hover\/btn\:translate-x-6:is(:where(.group\/btn):hover *) {--tw-translate-x: calc(var(--spacing) * 6);translate: var(--tw-translate-x) var(--tw-translate-y);}.group-hover\/btn\:bg-linear-\[180deg\,hsla\(21\,63\%\,73\%\,0\.2\)\,hsla\(0\,0\%\,100\%\,0\.8\)_50\%\,hsla\(21\,63\%\,73\%\,0\.2\)\]:is(:where(.group\/btn):hover *) {--tw-gradient-position: 180deg,#e6ad8f33,#fffc 50%,#e6ad8f33;background-image: linear-gradient(var(--tw-gradient-stops, 180deg,#e6ad8f33,#fffc 50%,#e6ad8f33));}.group-hover\/btn\:text-background-14:is(:where(.group\/btn):hover *) {color: var(--color-background-14);}.group-hover\/btn\:opacity-0:is(:where(.group\/btn):hover *) {opacity: 0;}.group-hover\/btn\:opacity-100:is(:where(.group\/btn):hover *) {opacity: 1;}.group-hover\/nav-item\:rotate-180:is(:where(.group\/nav-item):hover *) {rotate: 180deg;}.group-hover\/nav-item\:stroke-white:is(:where(.group\/nav-item):hover *) {stroke: var(--color-white);}.group-hover\/nav-item\:text-white:is(:where(.group\/nav-item):hover *) {color: var(--color-white);}.group-hover\/whats-new\:scale-105:is(:where(.group\/whats-new):hover *) {--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale: var(--tw-scale-x) var(--tw-scale-y);}.group-hover\/whats-new\:p-4:is(:where(.group\/whats-new):hover *) {padding: calc(var(--spacing) * 4);}.group-hover\/whats-new\:p-5:is(:where(.group\/whats-new):hover *) {padding: calc(var(--spacing) * 5);}}.first-letter\:uppercase:first-letter {text-transform: uppercase;}.placeholder\:text-tagline-4::placeholder {font-size: var(--text-tagline-4);line-height: var(--tw-leading, var(--text-tagline-4--line-height));}.placeholder\:text-white\/50::placeholder {color: #ffffff80;}@supports (color: color-mix(in lab, red, red)) {.placeholder\:text-white\/50::placeholder {color: color-mix(in oklab, var(--color-white) 50%, transparent);}}.placeholder\:text-white\/70::placeholder {color: #ffffffb3;}@supports (color: color-mix(in lab, red, red)) {.placeholder\:text-white\/70::placeholder {color: color-mix(in oklab, var(--color-white) 70%, transparent);}}.before\:absolute:before {content: var(--tw-content);position: absolute;}.before\:inset-0:before {content: var(--tw-content);inset: calc(var(--spacing) * 0);}.before\:top-1\/2:before {content: var(--tw-content);top: 50%;}.before\:left-\[26\%\]:before {content: var(--tw-content);left: 26%;}.before\:z-1:before, .before\:z-\[1\]:before {content: var(--tw-content);z-index: 1;}.before\:block:before {content: var(--tw-content);display: block;}.before\:size-full:before {content: var(--tw-content);width: 100%;height: 100%;}.before\:h-\[1px\]:before {content: var(--tw-content);height: 1px;}.before\:w-\[43px\]:before {content: var(--tw-content);width: 43px;}.before\:-translate-y-1\/2:before {content: var(--tw-content);--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.before\:bg-\[\#0D1017\]:before {content: var(--tw-content);background-color: #0d1017;}.before\:bg-\[linear-gradient\(270deg\,rgba\(210\,223\,240\,0\.40\)_0\%\,rgba\(210\,223\,240\,0\.00\)_78\.71\%\)\]:before {content: var(--tw-content);background-image: linear-gradient(270deg, #d2dff066 0%, #d2dff000 78.71%);}.before\:bg-\[linear-gradient\(270deg\,rgba\(210\,223\,240\,0\.70\)_0\%\,rgba\(210\,223\,240\,0\.00\)_78\.71\%\)\]:before {content: var(--tw-content);background-image: linear-gradient(270deg, #d2dff0b3 0%, #d2dff000 78.71%);}.before\:bg-\[url\(\'\/images\/opai-img-220\.jpg\'\)\]:before {content: var(--tw-content);background-image: url("./images/hero/alshohab-tech-hero.webp");}.before\:bg-\[url\(\'\/images\/opai-img-222\.jpg\'\)\]:before {content: var(--tw-content);background-image: url("./images/hero/alshohab-tech-hero.webp");}.before\:bg-cover:before {content: var(--tw-content);background-size: cover;}.before\:bg-center:before {content: var(--tw-content);background-position: center;}.before\:bg-no-repeat:before {content: var(--tw-content);background-repeat: no-repeat;}.before\:opacity-30:before {content: var(--tw-content);opacity: .3;}.before\:bg-blend-color-dodge:before {content: var(--tw-content);background-blend-mode: color-dodge;}.before\:backdrop-blur-\[0\.5px\]:before {content: var(--tw-content);--tw-backdrop-blur: blur(.5px);-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );}.before\:content-\[\'\'\]:before {--tw-content: "";content: var(--tw-content);}.before\:\[mask\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\)_0\%\,rgba\(0\,0\,0\,1\)_52\.5\%\,rgba\(0\,0\,0\,1\)_85\%\,rgba\(0\,0\,0\,0\)_85\%\)\]:before {content: var(--tw-content);-webkit-mask: linear-gradient(#0000 0%, #000 52.5% 85%, #0000 85%);mask: linear-gradient(#0000 0%, #000 52.5% 85%, #0000 85%);}.after\:absolute:after {content: var(--tw-content);position: absolute;}.after\:inset-0:after {content: var(--tw-content);inset: calc(var(--spacing) * 0);}.after\:top-1\/2:after {content: var(--tw-content);top: 50%;}.after\:right-\[26\%\]:after {content: var(--tw-content);right: 26%;}.after\:left-1\/2:after {content: var(--tw-content);left: 50%;}.after\:z-2:after {content: var(--tw-content);z-index: 2;}.after\:z-8:after, .after\:z-\[8\]:after {content: var(--tw-content);z-index: 8;}.after\:block:after {content: var(--tw-content);display: block;}.after\:size-3:after {content: var(--tw-content);width: calc(var(--spacing) * 3);height: calc(var(--spacing) * 3);}.after\:h-\[1px\]:after {content: var(--tw-content);height: 1px;}.after\:h-\[calc\(100\%-130px\)\]:after {content: var(--tw-content);height: calc(100% - 130px);}.after\:w-\[43px\]:after {content: var(--tw-content);width: 43px;}.after\:w-\[calc\(100\%-72px\)\]:after {content: var(--tw-content);width: calc(100% - 72px);}.after\:-translate-x-1\/2:after {content: var(--tw-content);--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.after\:-translate-y-1\/2:after {content: var(--tw-content);--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.after\:rotate-180:after {content: var(--tw-content);rotate: 180deg;}.after\:rounded-full:after {content: var(--tw-content);border-radius: 3.40282e38px;}.after\:bg-\[\#0D1017\]:after {content: var(--tw-content);background-color: #0d1017;}.after\:bg-white\/50:after {content: var(--tw-content);background-color: #ffffff80;}@supports (color: color-mix(in lab, red, red)) {.after\:bg-white\/50:after {background-color: color-mix(in oklab, var(--color-white) 50%, transparent);}}.after\:bg-\[linear-gradient\(270deg\,rgba\(210\,223\,240\,0\.40\)_0\%\,rgba\(210\,223\,240\,0\.00\)_78\.71\%\)\]:after {content: var(--tw-content);background-image: linear-gradient(270deg, #d2dff066 0%, #d2dff000 78.71%);}.after\:bg-\[linear-gradient\(270deg\,rgba\(210\,223\,240\,0\.70\)_0\%\,rgba\(210\,223\,240\,0\.00\)_78\.71\%\)\]:after {content: var(--tw-content);background-image: linear-gradient(270deg, #d2dff0b3 0%, #d2dff000 78.71%);}.after\:bg-\[url\(\'\/images\/opai-img-223\.png\'\)\]:after {content: var(--tw-content);background-image: url("./images/services/service-web-design-cover.webp");}.after\:bg-contain:after {content: var(--tw-content);background-size: contain;}.after\:bg-bottom:after {content: var(--tw-content);background-position: bottom;}.after\:bg-no-repeat:after {content: var(--tw-content);background-repeat: no-repeat;}.after\:opacity-0:after {content: var(--tw-content);opacity: 0;}.after\:backdrop-blur-3xl:after {content: var(--tw-content);--tw-backdrop-blur: blur(var(--blur-3xl));-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );}.after\:backdrop-blur-\[64px\]:after {content: var(--tw-content);--tw-backdrop-blur: blur(64px);-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );}.after\:content-\[\'\'\]:after {--tw-content: "";content: var(--tw-content);}.after\:\[mask\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\)_99\.5\%\,rgba\(0\,0\,0\,1\)_100\%\)\]:after {content: var(--tw-content);-webkit-mask: linear-gradient(#0000 99.5%, #000 100%);mask: linear-gradient(#0000 99.5%, #000 100%);}.peer-checked\:after\:opacity-100:is(:where(.peer):checked ~ *):after {content: var(--tw-content);opacity: 1;}.focus-within\:border:focus-within {border-style: var(--tw-border-style);border-width: 1px;}.focus-within\:border-stroke-3\/10:focus-within {border-color: #7c8ea51a;}@supports (color: color-mix(in lab, red, red)) {.focus-within\:border-stroke-3\/10:focus-within {border-color: color-mix(in oklab, var(--color-stroke-3) 10%, transparent);}}.focus-within\:border-stroke-3\/40:focus-within {border-color: #7c8ea566;}@supports (color: color-mix(in lab, red, red)) {.focus-within\:border-stroke-3\/40:focus-within {border-color: color-mix(in oklab, var(--color-stroke-3) 40%, transparent);}}.focus-within\:outline-none:focus-within {--tw-outline-style: none;outline-style: none;}@media (hover: hover) {.hover\:-translate-y-1:hover {--tw-translate-y: calc(var(--spacing) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.hover\:rotate-180:hover {rotate: 180deg;}.hover\:border-background-7\/20:hover {border-color: #f8f9fa33;}@supports (color: color-mix(in lab, red, red)) {.hover\:border-background-7\/20:hover {border-color: color-mix(in oklab, var(--color-background-7) 20%, transparent);}}.hover\:bg-background-7:hover {background-color: var(--color-background-7);}.hover\:bg-background-14:hover {background-color: var(--color-background-14);}.hover\:bg-stroke-3\/25:hover {background-color: #7c8ea540;}@supports (color: color-mix(in lab, red, red)) {.hover\:bg-stroke-3\/25:hover {background-color: color-mix(in oklab, var(--color-stroke-3) 25%, transparent);}}.hover\:bg-white\/20:hover {background-color: #fff3;}@supports (color: color-mix(in lab, red, red)) {.hover\:bg-white\/20:hover {background-color: color-mix(in oklab, var(--color-white) 20%, transparent);}}.hover\:text-white:hover {color: var(--color-white);}.hover\:text-white\/90:hover {color: #ffffffe6;}@supports (color: color-mix(in lab, red, red)) {.hover\:text-white\/90:hover {color: color-mix(in oklab, var(--color-white) 90%, transparent);}}.hover\:underline:hover {text-decoration-line: underline;}.hover\:opacity-90:hover {opacity: .9;}}.focus\:outline-none:focus {--tw-outline-style: none;outline-style: none;}.data-\[active\=true\]\:text-\[\#0d0d12E6\][data-active="true"] {color: #0d0d12e6;}@media not all and (min-width: 400px) {.max-\[400px\]\:-top-4 {top: calc(var(--spacing) * -4);}.max-\[400px\]\:-right-4 {right: calc(var(--spacing) * -4);}.max-\[400px\]\:max-h-\[20\%\] {max-height: 20%;}.max-\[400px\]\:max-w-\[90\%\] {max-width: 90%;}.max-\[400px\]\:rounded-2xl {border-radius: var(--radius-2xl);}.max-\[400px\]\:rounded-lg {border-radius: var(--radius-lg);}}@media not all and (min-width: 64rem) {.max-lg\:gap-y-14 {row-gap: calc(var(--spacing) * 14);}.max-lg\:pr-4 {padding-right: calc(var(--spacing) * 4);}}@media not all and (min-width: 48rem) {.max-md\:mx-auto {margin-inline: auto;}.max-md\:mb-6 {margin-bottom: calc(var(--spacing) * 6);}.max-md\:w-full {width: 100%;}.max-md\:scale-75 {--tw-scale-x: 75%;--tw-scale-y: 75%;--tw-scale-z: 75%;scale: var(--tw-scale-x) var(--tw-scale-y);}.max-md\:scale-95 {--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale: var(--tw-scale-x) var(--tw-scale-y);}.max-md\:px-4 {padding-inline: calc(var(--spacing) * 4);}.max-md\:text-left {text-align: left;}.max-md\:leading-\[1\.1\] {--tw-leading: 1.1;line-height: 1.1;}.max-md\:leading-\[110\%\] {--tw-leading: 110%;line-height: 110%;}.max-md\:leading-\[114\%\] {--tw-leading: 114%;line-height: 114%;}}@media not all and (min-width: 40rem) {.max-sm\:w-full {width: 100%;}}@media (min-width: 40rem) {.sm\:-right-\[24\%\] {right: -24%;}.sm\:col-span-4 {grid-column: span 4 / span 4;}.sm\:max-h-\[400px\] {max-height: 400px;}.sm\:w-1\/2 {width: 50%;}.sm\:flex-row {flex-direction: row;}.sm\:gap-0 {gap: calc(var(--spacing) * 0);}.sm\:p-8 {padding: calc(var(--spacing) * 8);}.sm\:pt-4 {padding-top: calc(var(--spacing) * 4);}.sm\:pb-2 {padding-bottom: calc(var(--spacing) * 2);}.sm\:pb-6 {padding-bottom: calc(var(--spacing) * 6);}.sm\:pl-6 {padding-left: calc(var(--spacing) * 6);}.sm\:pl-\[28\%\] {padding-left: 28%;}.sm\:text-\[60px\] {font-size: 60px;}.sm\:leading-\[120px\] {--tw-leading: 120px;line-height: 120px;}.sm\:before\:left-\[35\%\]:before {content: var(--tw-content);left: 35%;}.sm\:after\:right-\[35\%\]:after {content: var(--tw-content);right: 35%;}}@media (min-width: 48rem) {.md\:top-0 {top: calc(var(--spacing) * 0);}.md\:top-24 {top: calc(var(--spacing) * 24);}.md\:-right-\[38\%\] {right: -38%;}.md\:-bottom-\[34\%\] {bottom: -34%;}.md\:-left-\[34\%\] {left: -34%;}.md\:col-span-6 {grid-column: span 6 / span 6;}.md\:mx-0 {margin-inline: calc(var(--spacing) * 0);}.md\:mx-auto {margin-inline: auto;}.md\:block {display: block;}.md\:size-14 {width: calc(var(--spacing) * 14);height: calc(var(--spacing) * 14);}.md\:size-\[800px\] {width: 800px;height: 800px;}.md\:h-11 {height: calc(var(--spacing) * 11);}.md\:h-\[420px\] {height: 420px;}.md\:h-\[614px\] {height: 614px;}.md\:max-h-\[450px\] {max-height: 450px;}.md\:min-h-\[420px\] {min-height: 420px;}.md\:min-h-\[464px\] {min-height: 464px;}.md\:min-h-\[552px\] {min-height: 552px;}.md\:min-h-\[830px\] {min-height: 830px;}.md\:w-12 {width: calc(var(--spacing) * 12);}.md\:w-\[952px\] {width: 952px;}.md\:w-auto {width: auto;}.md\:max-w-\[480px\] {max-width: 480px;}.md\:max-w-\[500px\] {max-width: 500px;}.md\:max-w-\[640px\] {max-width: 640px;}.md\:min-w-\[408px\] {min-width: 408px;}.md\:flex-1\/2 {flex: 50%;}.md\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}.md\:flex-row {flex-direction: row;}.md\:gap-16 {gap: calc(var(--spacing) * 16);}:where(.md\:space-y-1 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));}:where(.md\:space-y-3 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));}:where(.md\:space-y-4 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));}:where(.md\:space-y-5 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));}:where(.md\:space-y-6 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));}:where(.md\:space-y-10 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));}:where(.md\:space-y-12 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}:where(.md\:space-y-14 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));}:where(.md\:space-y-15 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 15) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 15) * calc(1 - var(--tw-space-y-reverse)));}:where(.md\:space-y-19 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 19) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 19) * calc(1 - var(--tw-space-y-reverse)));}:where(.md\:space-y-24 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));}:where(.md\:space-y-28 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 28) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 28) * calc(1 - var(--tw-space-y-reverse)));}.md\:gap-x-6 {column-gap: calc(var(--spacing) * 6);}.md\:gap-x-14 {column-gap: calc(var(--spacing) * 14);}.md\:gap-y-10 {row-gap: calc(var(--spacing) * 10);}.md\:rounded-lg {border-radius: var(--radius-lg);}.md\:rounded-xl {border-radius: var(--radius-xl);}.md\:object-contain {object-fit: contain;}.md\:object-cover {object-fit: cover;}.md\:p-6 {padding: calc(var(--spacing) * 6);}.md\:p-8 {padding: calc(var(--spacing) * 8);}.md\:p-10\.5 {padding: calc(var(--spacing) * 10.5);}.md\:p-12 {padding: calc(var(--spacing) * 12);}.md\:px-6 {padding-inline: calc(var(--spacing) * 6);}.md\:py-10\.5 {padding-block: calc(var(--spacing) * 10.5);}.md\:py-24 {padding-block: calc(var(--spacing) * 24);}.md\:py-\[100px\] {padding-block: 100px;}.md\:pt-13 {padding-top: calc(var(--spacing) * 13);}.md\:pt-16 {padding-top: calc(var(--spacing) * 16);}.md\:pt-36 {padding-top: calc(var(--spacing) * 36);}.md\:pt-38 {padding-top: calc(var(--spacing) * 38);}.md\:pt-44 {padding-top: calc(var(--spacing) * 44);}.md\:pb-1 {padding-bottom: calc(var(--spacing) * 1);}.md\:pb-4 {padding-bottom: calc(var(--spacing) * 4);}.md\:pb-12 {padding-bottom: calc(var(--spacing) * 12);}.md\:pb-14 {padding-bottom: calc(var(--spacing) * 14);}.md\:pb-24 {padding-bottom: calc(var(--spacing) * 24);}.md\:pb-28 {padding-bottom: calc(var(--spacing) * 28);}.md\:pb-29 {padding-bottom: calc(var(--spacing) * 29);}.md\:pb-\[100px\] {padding-bottom: 100px;}.md\:pl-0 {padding-left: calc(var(--spacing) * 0);}.md\:text-manrope-heading-2, .md\:text-manrope-heading-3 {font-family: var(--font-manrope);}.md\:text-sora-heading-2, .md\:text-sora-heading-3 {font-family: var(--font-sora);}.md\:text-sora-heading-2 {font-size: var(--text-sora-heading-2);line-height: var(--tw-leading, var(--text-sora-heading-2--line-height));letter-spacing: var(--tw-tracking, var(--text-sora-heading-2--letter-spacing));}.md\:text-sora-heading-3 {font-size: var(--text-sora-heading-3);line-height: var(--tw-leading, var(--text-sora-heading-3--line-height));letter-spacing: var(--tw-tracking, var(--text-sora-heading-3--letter-spacing));}.md\:text-manrope-heading-2 {font-size: var(--text-manrope-heading-2);line-height: var(--tw-leading, var(--text-manrope-heading-2--line-height));}.md\:text-manrope-heading-3 {font-size: var(--text-manrope-heading-3);line-height: var(--tw-leading, var(--text-manrope-heading-3--line-height));}.md\:text-\[150px\] {font-size: 150px;}.md\:tracking-\[50\.48px\] {--tw-tracking: 50.48px;letter-spacing: 50.48px;}}@media (min-width: 64rem) {.lg\:sticky {position: sticky;}.lg\:top-30 {top: calc(var(--spacing) * 30);}.lg\:top-\[-10\%\] {top: -10%;}.lg\:-right-\[38\%\] {right: -38%;}.lg\:right-\[52px\] {right: 52px;}.lg\:-bottom-\[44\%\] {bottom: -44%;}.lg\:-left-\[64\%\] {left: -64%;}.lg\:left-12 {left: calc(var(--spacing) * 12);}.lg\:left-\[37\%\] {left: 37%;}.lg\:col-span-4 {grid-column: span 4 / span 4;}.lg\:col-span-6 {grid-column: span 6 / span 6;}.lg\:col-span-8 {grid-column: span 8 / span 8;}.lg\:mt-18 {margin-top: calc(var(--spacing) * 18);}.lg\:block {display: block;}.lg\:size-\[1000px\] {width: 1000px;height: 1000px;}.lg\:h-\[500px\] {height: 500px;}.lg\:h-\[1100px\] {height: 1100px;}.lg\:h-\[1200px\] {height: 1200px;}.lg\:max-h-\[300px\] {max-height: 300px;}.lg\:max-h-\[420px\] {max-height: 420px;}.lg\:min-h-\[380px\] {min-height: 380px;}.lg\:min-h-\[527px\] {min-height: 527px;}.lg\:w-1\/2 {width: 50%;}.lg\:w-\[90\%\] {width: 90%;}.lg\:w-\[390px\] {width: 390px;}.lg\:w-\[420px\] {width: 420px;}.lg\:w-\[492px\] {width: 492px;}.lg\:w-\[946px\] {width: 946px;}.lg\:w-\[1290px\] {width: 1290px;}.lg\:max-w-\[280px\] {max-width: 280px;}.lg\:max-w-\[950px\] {max-width: 950px;}.lg\:shrink-0 {flex-shrink: 0;}.lg\:-translate-x-\[0\%\] {--tw-translate-x: calc(0% * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.lg\:translate-x-\[0\%\] {--tw-translate-x: 0%;translate: var(--tw-translate-x) var(--tw-translate-y);}.lg\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}.lg\:flex-row {flex-direction: row;}.lg\:gap-6 {gap: calc(var(--spacing) * 6);}.lg\:gap-8 {gap: calc(var(--spacing) * 8);}.lg\:gap-18 {gap: calc(var(--spacing) * 18);}.lg\:gap-25 {gap: calc(var(--spacing) * 25);}:where(.lg\:space-y-4 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));}:where(.lg\:space-y-8 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}:where(.lg\:space-y-12 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}:where(.lg\:space-y-14 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));}:where(.lg\:space-y-18 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse)));}:where(.lg\:space-y-36 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 36) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 36) * calc(1 - var(--tw-space-y-reverse)));}.lg\:self-start {align-self: flex-start;}.lg\:object-contain {object-fit: contain;}.lg\:p-9 {padding: calc(var(--spacing) * 9);}.lg\:p-10\.5 {padding: calc(var(--spacing) * 10.5);}.lg\:px-12 {padding-inline: calc(var(--spacing) * 12);}.lg\:py-5 {padding-block: calc(var(--spacing) * 5);}.lg\:py-16 {padding-block: calc(var(--spacing) * 16);}.lg\:py-28 {padding-block: calc(var(--spacing) * 28);}.lg\:pt-17\.5 {padding-top: calc(var(--spacing) * 17.5);}.lg\:pt-18 {padding-top: calc(var(--spacing) * 18);}.lg\:pt-30 {padding-top: calc(var(--spacing) * 30);}.lg\:pt-39 {padding-top: calc(var(--spacing) * 39);}.lg\:pt-40 {padding-top: calc(var(--spacing) * 40);}.lg\:pt-42 {padding-top: calc(var(--spacing) * 42);}.lg\:pt-44 {padding-top: calc(var(--spacing) * 44);}.lg\:pt-55 {padding-top: calc(var(--spacing) * 55);}.lg\:pt-\[120px\] {padding-top: 120px;}.lg\:pb-18 {padding-bottom: calc(var(--spacing) * 18);}.lg\:pb-28 {padding-bottom: calc(var(--spacing) * 28);}.lg\:pb-36 {padding-bottom: calc(var(--spacing) * 36);}.lg\:text-right {text-align: right;}.lg\:text-manrope-heading-1, .lg\:text-manrope-heading-2, .lg\:text-manrope-heading-3 {font-family: var(--font-manrope);}.lg\:text-sora-heading-1, .lg\:text-sora-heading-2 {font-family: var(--font-sora);}.lg\:text-sora-heading-1 {font-size: var(--text-sora-heading-1);line-height: var(--tw-leading, var(--text-sora-heading-1--line-height));letter-spacing: var(--tw-tracking, var(--text-sora-heading-1--letter-spacing));}.lg\:text-sora-heading-2 {font-size: var(--text-sora-heading-2);line-height: var(--tw-leading, var(--text-sora-heading-2--line-height));letter-spacing: var(--tw-tracking, var(--text-sora-heading-2--letter-spacing));}.lg\:text-manrope-heading-1 {font-size: var(--text-manrope-heading-1);line-height: var(--tw-leading, var(--text-manrope-heading-1--line-height));}.lg\:text-manrope-heading-2 {font-size: var(--text-manrope-heading-2);line-height: var(--tw-leading, var(--text-manrope-heading-2--line-height));}.lg\:text-manrope-heading-3 {font-size: var(--text-manrope-heading-3);line-height: var(--tw-leading, var(--text-manrope-heading-3--line-height));}.lg\:text-\[80px\] {font-size: 80px;}.lg\:text-\[175px\] {font-size: 175px;}.lg\:tracking-\[70\.48px\] {--tw-tracking: 70.48px;letter-spacing: 70.48px;}}@media (min-width: 80rem) {.xl\:top-0 {top: calc(var(--spacing) * 0);}.xl\:-right-\[29\%\] {right: -29%;}.xl\:right-\[69px\] {right: 69px;}.xl\:-bottom-\[50\%\] {bottom: -50%;}.xl\:left-\[-30\%\] {left: -30%;}.xl\:left-\[65px\] {left: 65px;}.xl\:col-span-3 {grid-column: span 3 / span 3;}.xl\:col-span-6 {grid-column: span 6 / span 6;}.xl\:mx-0 {margin-inline: calc(var(--spacing) * 0);}.xl\:block {display: block;}.xl\:flex {display: flex;}.xl\:hidden {display: none;}.xl\:max-h-\[600px\] {max-height: 600px;}.xl\:min-h-\[300px\] {min-height: 300px;}.xl\:w-\[408px\] {width: 408px;}.xl\:w-\[655px\] {width: 655px;}.xl\:w-full {width: 100%;}.xl\:max-w-\[324px\] {max-width: 324px;}.xl\:max-w-\[1000px\] {max-width: 1000px;}.xl\:max-w-\[1200px\] {max-width: 1200px;}.xl\:min-w-\[300px\] {min-width: 300px;}.xl\:-translate-x-\[28\%\] {--tw-translate-x: calc(28% * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.xl\:translate-x-\[-28\%\] {--tw-translate-x: -28%;translate: var(--tw-translate-x) var(--tw-translate-y);}.xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}.xl\:flex-row {flex-direction: row;}.xl\:gap-8 {gap: calc(var(--spacing) * 8);}.xl\:gap-\[42px\] {gap: 42px;}:where(.xl\:space-y-39 > :not(:last-child)) {--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 39) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 39) * calc(1 - var(--tw-space-y-reverse)));}.xl\:gap-y-0 {row-gap: calc(var(--spacing) * 0);}.xl\:object-cover {object-fit: cover;}.xl\:py-0 {padding-block: calc(var(--spacing) * 0);}.xl\:py-36 {padding-block: calc(var(--spacing) * 36);}.xl\:pt-20 {padding-top: calc(var(--spacing) * 20);}.xl\:pt-26 {padding-top: calc(var(--spacing) * 26);}.xl\:pt-44 {padding-top: calc(var(--spacing) * 44);}.xl\:pt-48 {padding-top: calc(var(--spacing) * 48);}.xl\:pt-70 {padding-top: calc(var(--spacing) * 70);}.xl\:pt-\[176px\] {padding-top: 176px;}.xl\:pb-20 {padding-bottom: calc(var(--spacing) * 20);}.xl\:pb-36 {padding-bottom: calc(var(--spacing) * 36);}.xl\:pb-39 {padding-bottom: calc(var(--spacing) * 39);}.xl\:text-manrope-heading-2 {font-family: var(--font-manrope);font-size: var(--text-manrope-heading-2);line-height: var(--tw-leading, var(--text-manrope-heading-2--line-height));}.xl\:text-\[112px\] {font-size: 112px;}.xl\:text-\[200px\] {font-size: 200px;}.xl\:leading-\[168px\] {--tw-leading: 168px;line-height: 168px;}}@media (min-width: 96rem) {.\32 xl\:-left-\[34\%\] {left: -34%;}.\32 xl\:left-\[-24\%\] {left: -24%;}.\32 xl\:size-\[1300px\] {width: 1300px;height: 1300px;}.\32 xl\:max-w-\[1290px\] {max-width: 1290px;}.\32 xl\:gap-16 {gap: calc(var(--spacing) * 16);}.\32 xl\:py-44 {padding-block: calc(var(--spacing) * 44);}.\32 xl\:pt-22 {padding-top: calc(var(--spacing) * 22);}.\32 xl\:pt-28 {padding-top: calc(var(--spacing) * 28);}.\32 xl\:pt-48 {padding-top: calc(var(--spacing) * 48);}.\32 xl\:pt-54 {padding-top: calc(var(--spacing) * 54);}.\32 xl\:pb-22 {padding-bottom: calc(var(--spacing) * 22);}.\32 xl\:pb-44 {padding-bottom: calc(var(--spacing) * 44);}.\32 xl\:tracking-\[100\.48px\] {--tw-tracking: 100.48px;letter-spacing: 100.48px;}}@media (prefers-color-scheme: dark) {.dark\:bg-background-5 {background-color: var(--color-background-5);}.dark\:text-white {color: var(--color-white);}}.\[\&\>\*\:nth-child\(1\)\>article\:nth-child\(even\)\>figure\]\:h-\[320px\] > :first-child > article:nth-child(2n) > figure {height: 320px;}.\[\&\>\*\:nth-child\(1\)\>article\:nth-child\(odd\)\>figure\]\:h-\[420px\] > :first-child > article:nth-child(odd) > figure, .\[\&\>\*\:nth-child\(2\)\>article\:nth-child\(even\)\>figure\]\:h-\[420px\] > :nth-child(2) > article:nth-child(2n) > figure {height: 420px;}.\[\&\>\*\:nth-child\(2\)\>article\:nth-child\(odd\)\>figure\]\:h-\[520px\] > :nth-child(2) > article:nth-child(odd) > figure {height: 520px;}.\[\&\>\*\:nth-child\(3\)\>article\:nth-child\(even\)\>figure\]\:h-\[420px\] > :nth-child(3) > article:nth-child(2n) > figure {height: 420px;}.\[\&\>\*\:nth-child\(3\)\>article\:nth-child\(odd\)\>figure\]\:h-\[320px\] > :nth-child(3) > article:nth-child(odd) > figure {height: 320px;}}.accordion-item.active {background-color: var(--color-background-5);transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;--tw-ease: var(--ease-in-out);transition-duration: .3s;transition-timing-function: var(--ease-in-out);}.accordion-item.active h3 {padding-bottom: calc(var(--spacing) * 4) !important;}:is(.accordion-item.active h3 .accordion-plus-icon, .accordion-item.active h3 .accordion-plus-icon-v2):before {content: var(--tw-content);rotate: 90deg;}.accordion-item.active .accordion-active-gradient {opacity: 1;}.accordion-item.active [data-homepage-two-faq-top-line="true"] {width: 100%;transition-property: width;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));--tw-duration: .6s;--tw-ease: var(--ease-in-out);transition-duration: .6s;transition-timing-function: var(--ease-in-out);}.accordion-item.active [data-homepage-two-faq-gradient="true"] {height: 110%;transition-property: height;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));--tw-duration: .6s;--tw-ease: var(--ease-in-out);transition-duration: .6s;transition-timing-function: var(--ease-in-out);}.accordion-content {transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );}.accordion-content p {transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );transform-style: preserve-3d;}.accordion-content .split-text-line {transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );transform-style: preserve-3d;backface-visibility: hidden;}.accordion-plus-icon {width: calc(var(--spacing) * 5);height: calc(var(--spacing) * 5);border-style: var(--tw-border-style);border-width: 1px;border-color: #ffffff80;border-radius: 3.40282e38px;position: relative;}@supports (color: color-mix(in lab, red, red)) {.accordion-plus-icon {border-color: color-mix(in oklab, var(--color-white) 50%, transparent);}}.accordion-plus-icon {--tw-duration: .4s;--tw-ease: var(--easing-faq);transition-duration: .4s;transition-timing-function: var(--easing-faq);padding-inline: 8.5px;}.accordion-plus-icon:before {content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);--tw-translate-x: calc(62% * -1);width: 1px;height: 8.5px;translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);background-color: #ffffff80;border-radius: 3.40282e38px;position: absolute;top: 50%;left: 50%;rotate: 0deg;}@supports (color: color-mix(in lab, red, red)) {.accordion-plus-icon:before {background-color: color-mix(in oklab, var(--color-white) 50%, transparent);}}.accordion-plus-icon:before {content: var(--tw-content);transition-property: transform, translate, scale, rotate;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));content: var(--tw-content);--tw-duration: .4s;content: var(--tw-content);--tw-ease: var(--easing-faq);transition-duration: .4s;transition-timing-function: var(--easing-faq);--tw-content: "";content: var(--tw-content);}.accordion-plus-icon:after {content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);width: 1px;height: 8.5px;translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);background-color: #ffffff80;border-radius: 3.40282e38px;position: absolute;top: 50%;left: 50%;rotate: 90deg;}@supports (color: color-mix(in lab, red, red)) {.accordion-plus-icon:after {background-color: color-mix(in oklab, var(--color-white) 50%, transparent);}}.accordion-plus-icon:after {content: var(--tw-content);transition-property: transform, translate, scale, rotate;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));content: var(--tw-content);--tw-duration: .4s;content: var(--tw-content);--tw-ease: var(--easing-faq);transition-duration: .4s;transition-timing-function: var(--easing-faq);--tw-content: "";content: var(--tw-content);}.accordion-plus-icon-v2 {width: calc(var(--spacing) * 5);height: calc(var(--spacing) * 5);--tw-duration: .4s;--tw-ease: var(--easing-faq);transition-duration: .4s;transition-timing-function: var(--easing-faq);border-radius: 3.40282e38px;padding-inline: 8.5px;position: relative;}.accordion-plus-icon-v2:before {content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);--tw-translate-x: calc(62% * -1);width: 1px;height: 16px;translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);background-color: var(--color-white);content: var(--tw-content);transition-property: transform, translate, scale, rotate;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));content: var(--tw-content);--tw-duration: .4s;content: var(--tw-content);--tw-ease: var(--easing-faq);transition-duration: .4s;transition-timing-function: var(--easing-faq);--tw-content: "";content: var(--tw-content);border-radius: 3.40282e38px;position: absolute;top: 50%;left: 50%;rotate: 0deg;}.accordion-plus-icon-v2:after {content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);width: 1px;height: 16px;translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);content: var(--tw-content);content: var(--tw-content);content: var(--tw-content);background-color: var(--color-white);content: var(--tw-content);transition-property: transform, translate, scale, rotate;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));content: var(--tw-content);--tw-duration: .4s;content: var(--tw-content);--tw-ease: var(--easing-faq);transition-duration: .4s;transition-timing-function: var(--easing-faq);--tw-content: "";content: var(--tw-content);border-radius: 3.40282e38px;position: absolute;top: 50%;left: 50%;rotate: 90deg;}@font-face {font-family: next-sass;src: url("../fonts/next-sass.eot?obdk3g");src: url("../fonts/next-sass.eot?obdk3g#iefix") format("embedded-opentype"), url("../fonts/next-sass.ttf?obdk3g") format("truetype"), url("../fonts/next-sass.woff?obdk3g") format("woff"), url("../fonts/next-sass.svg?obdk3g#next-sass") format("svg");font-weight: normal;font-style: normal;font-display: block;}[class^="ns-"], [class*=" ns-"] {speak: never;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-style: normal;font-weight: normal;line-height: 1;font-family: next-sass !important;}.ns-shape-1:before {content: "";}.ns-shape-2:before {content: "";}.ns-shape-3:before {content: "";}.ns-shape-4:before {content: "";}.ns-shape-5:before {content: "";}.ns-shape-6:before {content: "";}.ns-shape-7:before {content: "";}.ns-shape-8:before {content: "";}.ns-shape-9:before {content: "";}.ns-shape-10:before {content: "";}.ns-shape-11:before {content: "";}.ns-shape-12:before {content: "";}.ns-shape-13:before {content: "";}.ns-shape-14:before {content: "";}.ns-shape-15:before {content: "";}.ns-shape-16:before {content: "";}.ns-shape-17:before {content: "";}.ns-shape-18:before {content: "";}.ns-shape-19:before {content: "";}.ns-shape-20:before {content: "";}.ns-shape-21:before {content: "";}.ns-shape-22:before {content: "";}.ns-shape-23:before {content: "";}.ns-shape-24:before {content: "";}.ns-shape-25:before {content: "";}.ns-shape-26:before {content: "";}.ns-shape-27:before {content: "";}.ns-shape-28:before {content: "";}.ns-shape-29:before {content: "";}.ns-shape-30:before {content: "";}.ns-shape-31:before {content: "";}.ns-shape-32:before {content: "";}.ns-shape-33:before {content: "";}.ns-shape-34:before {content: "";}.ns-shape-35:before {content: "";}.ns-shape-36:before {content: "";}.ns-shape-37:before {content: "";}.ns-shape-38:before {content: "";}.ns-shape-39:before {content: "";}.ns-shape-40:before {content: "";}.ns-shape-41:before {content: "";}.ns-shape-42:before {content: "";}.ns-shape-43:before {content: "";}.ns-shape-44:before {content: "";}.ns-shape-45:before {content: "";}.ns-shape-46:before {content: "";}.ns-shape-47:before {content: "";}.ns-shape-48:before {content: "";}.ns-shape-49:before {content: "";}.ns-shape-50:before {content: "";}.ns-shape-51:before {content: "";}.ns-shape-52:before {content: "";}.ns-shape-53:before {content: "";}.ns-shape-54:before {content: "";}.ns-shape-55:before {content: "";}.ns-shape-56:before {content: "";}.ns-shape-57:before {content: "";}.ns-shape-58:before {content: "";}.ns-shape-59:before {content: "";}.ns-shape-60:before {content: "";}.ns-shape-61:before {content: "";}.ns-shape-62:before {content: "";}.ns-shape-63:before {content: "";}.ns-shape-64:before {content: "";}.ns-shape-65:before {content: "";}.ns-shape-66:before {content: "";}.ns-shape-67:before {content: "";}.ns-shape-68:before {content: "";}.ns-shape-69:before {content: "";}.ns-shape-70:before {content: "";}.ns-shape-71:before {content: "";}.ns-shape-72:before {content: "";}.ns-shape-73:before {content: "";}.ns-shape-74:before {content: "";}.ns-shape-75:before {content: "";}.ns-shape-76:before {content: "";}.ns-shape-77:before {content: "";}.ns-shape-78:before {content: "";}.ns-shape-79:before {content: "";}.ns-shape-80:before {content: "";}.ns-shape-81:before {content: "";}.ns-shape-82:before {content: "";}.ns-shape-83:before {content: "";}.ns-shape-84:before {content: "";}.ns-shape-85:before {content: "";}.ns-shape-86:before {content: "";}.ns-shape-87:before {content: "";}.ns-shape-88:before {content: "";}.ns-shape-89:before {content: "";}.ns-shape-90:before {content: "";}.ns-shape-91:before {content: "";}.ns-shape-92:before {content: "";}.ns-shape-93:before {content: "";}.ns-shape-94:before {content: "";}.ns-shape-95:before {content: "";}.ns-shape-96:before {content: "";}.ns-shape-97:before {content: "";}.ns-shape-98:before {content: "";}.ns-shape-99:before {content: "";}.ns-shape-100:before {content: "";}.ns-shape-101:before {content: "";}.ns-shape-102:before {content: "";}.ns-shape-103:before {content: "";}.ns-shape-104:before {content: "";}.ns-shape-105:before {content: "";}.ns-shape-106:before {content: "";}.ns-shape-107:before {content: "";}.ns-shape-108:before {content: "";}.ns-shape-109:before {content: "";}.ns-shape-110:before {content: "";}.ns-shape-111:before {content: "";}.ns-shape-112:before {content: "";}.ns-shape-113:before {content: "";}.ns-shape-114:before {content: "";}.ns-shape-115:before {content: "";}.ns-shape-116:before {content: "";}.ns-shape-117:before {content: "";}.ns-shape-118:before {content: "";}.ns-shape-119:before {content: "";}.ns-shape-120:before {content: "";}.ns-shape-121:before {content: "";}.ns-shape-122:before {content: "";}.ns-shape-123:before {content: "";}.ns-shape-124:before {content: "";}.ns-shape-125:before {content: "";}.ns-shape-126:before {content: "";}.ns-shape-127:before {content: "";}.ns-shape-128:before {content: "";}.horizontal-marquee {gap: var(--_gap);flex-wrap: nowrap;max-width: 100%;display: flex;overflow: hidden;}.horizontal-marquee.smooth {-webkit-mask: linear-gradient(90deg, #0000, #fff 20% 80%, #0000);mask: linear-gradient(90deg, #0000, #fff 20% 80%, #0000);}.gradient-hidden .horizontal-marquee.smooth {-webkit-mask: none;mask: none;}.horizontal-marquee.paused .horizontal-marquee-inner {animation-play-state: paused;}.horizontal-marquee.full .horizontal-marquee-inner {min-width: var(--_containerWidth);}.horizontal-marquee-inner {justify-content: space-around;align-items: center;gap: var(--_gap);white-space: nowrap;flex-wrap: nowrap;display: flex;}[data-animate="true"] .horizontal-marquee-inner {animation: horizontal-marquee var(--_speed) linear infinite var(--_direction);}@keyframes horizontal-marquee {0% {transform: translate(calc(var(--_gap) * -1));}100% {transform: translate(calc(-100% - var(--_gap) * 2));}}.vertical-marquee {margin-bottom: var(--_gap);max-height: 100%;height: calc(calc(var(--_containerSize) - var(--_vGap)) / 1.2);flex-flow: column;display: flex;overflow: hidden;}.vertical-marquee.smooth {-webkit-mask: linear-gradient(#0000, #fff 20% 80%, #0000);mask: linear-gradient(#0000, #fff 20% 80%, #0000);}.vertical-marquee.paused .vertical-marquee-inner {animation-play-state: paused;}.vertical-marquee-inner {align-items: center;gap: var(--_vGap);margin-bottom: var(--_vGap);flex-flow: column;flex-shrink: 0;justify-content: space-around;display: flex;}[data-animate="true"] .vertical-marquee-inner {animation: vertical-marquee var(--_speed) linear infinite var(--_direction);}.vertical-marquee-inner > :not(:last-child) {margin-right: var(--_hGap);}@keyframes vertical-marquee {0% {transform: translateY(calc(var(--_vGap) * -1));}100% {transform: translateY(calc(-100% - var(--_vGap) * 2));}}.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {position: absolute;top: 0;left: 0;}.leaflet-container {overflow: hidden;}.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {-webkit-user-select: none;user-select: none;-webkit-user-drag: none;}.leaflet-tile::selection {background: none;}.leaflet-safari .leaflet-tile {image-rendering: -webkit-optimize-contrast;}.leaflet-safari .leaflet-tile-container {-webkit-transform-origin: 0 0;width: 1600px;height: 1600px;}.leaflet-marker-icon, .leaflet-marker-shadow {display: block;}.leaflet-container .leaflet-overlay-pane svg {max-width: none !important;max-height: none !important;}.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile {width: auto;padding: 0;max-width: none !important;max-height: none !important;}.leaflet-container img.leaflet-tile {mix-blend-mode: plus-lighter;}.leaflet-container.leaflet-touch-zoom {-ms-touch-action: pan-x pan-y;touch-action: pan-x pan-y;}.leaflet-container.leaflet-touch-drag {-ms-touch-action: pinch-zoom;touch-action: none;touch-action: pinch-zoom;}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {-ms-touch-action: none;touch-action: none;}.leaflet-container {-webkit-tap-highlight-color: transparent;}.leaflet-container a {-webkit-tap-highlight-color: #33b5e566;}.leaflet-tile {filter: inherit;visibility: hidden;}.leaflet-tile-loaded {visibility: inherit;}.leaflet-zoom-box {box-sizing: border-box;z-index: 800;width: 0;height: 0;}.leaflet-overlay-pane svg {-moz-user-select: none;}.leaflet-pane {z-index: 400;}.leaflet-tile-pane {z-index: 200;}.leaflet-overlay-pane {z-index: 400;}.leaflet-shadow-pane {z-index: 500;}.leaflet-marker-pane {z-index: 600;}.leaflet-tooltip-pane {z-index: 650;}.leaflet-popup-pane {z-index: 700;}.leaflet-map-pane canvas {z-index: 100;}.leaflet-map-pane svg {z-index: 200;}.leaflet-vml-shape {width: 1px;height: 1px;}.lvml {behavior: url("#default#VML");display: inline-block;position: absolute;}.leaflet-control {z-index: 800;pointer-events: visiblePainted;pointer-events: auto;position: relative;}.leaflet-top, .leaflet-bottom {z-index: 1000;pointer-events: none;position: absolute;}.leaflet-top {top: 0;}.leaflet-right {right: 0;}.leaflet-bottom {bottom: 0;}.leaflet-left {left: 0;}.leaflet-control {float: left;clear: both;}.leaflet-right .leaflet-control {float: right;}.leaflet-top .leaflet-control {margin-top: 10px;}.leaflet-bottom .leaflet-control {margin-bottom: 10px;}.leaflet-left .leaflet-control {margin-left: 10px;}.leaflet-right .leaflet-control {margin-right: 10px;}.leaflet-fade-anim .leaflet-popup {opacity: 0;transition: opacity .2s linear;}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {opacity: 1;}.leaflet-zoom-animated {transform-origin: 0 0;}svg.leaflet-zoom-animated {will-change: transform;}.leaflet-zoom-anim .leaflet-zoom-animated {-webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);-moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);transition: transform .25s cubic-bezier(0, 0, .25, 1);}.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {transition: none;}.leaflet-zoom-anim .leaflet-zoom-hide {visibility: hidden;}.leaflet-interactive {cursor: pointer;}.leaflet-grab {cursor: -webkit-grab;cursor: -moz-grab;cursor: grab;}.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {cursor: crosshair;}.leaflet-popup-pane, .leaflet-control {cursor: auto;}.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: grabbing;}.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {pointer-events: none;}.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {pointer-events: visiblePainted;pointer-events: auto;}.leaflet-container {outline-offset: 1px;background: #ddd;}.leaflet-container a {color: #0078a8;}.leaflet-zoom-box {background: #ffffff80;border: 2px dotted #38f;}.leaflet-container {font-family: Helvetica Neue, Arial, Helvetica, sans-serif;font-size: .75rem;line-height: 1.5;}.leaflet-bar {border-radius: 4px;box-shadow: 0 1px 5px #000000a6;}.leaflet-bar a {text-align: center;color: #000;background-color: #fff;border-bottom: 1px solid #ccc;width: 26px;height: 26px;line-height: 26px;text-decoration: none;display: block;}.leaflet-bar a, .leaflet-control-layers-toggle {background-position: 50%;background-repeat: no-repeat;display: block;}.leaflet-bar a:hover, .leaflet-bar a:focus {background-color: #f4f4f4;}.leaflet-bar a:first-child {border-top-left-radius: 4px;border-top-right-radius: 4px;}.leaflet-bar a:last-child {border-bottom: none;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}.leaflet-bar a.leaflet-disabled {cursor: default;color: #bbb;background-color: #f4f4f4;}.leaflet-touch .leaflet-bar a {width: 30px;height: 30px;line-height: 30px;}.leaflet-touch .leaflet-bar a:first-child {border-top-left-radius: 2px;border-top-right-radius: 2px;}.leaflet-touch .leaflet-bar a:last-child {border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;}.leaflet-control-zoom-in, .leaflet-control-zoom-out {text-indent: 1px;font: bold 18px Lucida Console, Monaco, monospace;}.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {font-size: 22px;}.leaflet-control-layers {background: #fff;border-radius: 5px;box-shadow: 0 1px 5px #0006;}.leaflet-control-layers-toggle {background-image: url("./vendor/images/layers.png");width: 36px;height: 36px;}.leaflet-retina .leaflet-control-layers-toggle {background-image: url("./vendor/images/layers-2x.png");background-size: 26px 26px;}.leaflet-touch .leaflet-control-layers-toggle {width: 44px;height: 44px;}.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {display: none;}.leaflet-control-layers-expanded .leaflet-control-layers-list {display: block;position: relative;}.leaflet-control-layers-expanded {color: #333;background: #fff;padding: 6px 10px 6px 6px;}.leaflet-control-layers-scrollbar {padding-right: 5px;overflow: hidden scroll;}.leaflet-control-layers-selector {margin-top: 2px;position: relative;top: 1px;}.leaflet-control-layers label {font-size: 1.08333em;display: block;}.leaflet-control-layers-separator {border-top: 1px solid #ddd;height: 0;margin: 5px -10px 5px -6px;}.leaflet-default-icon-path {background-image: url("./vendor/images/marker-icon.png");}.leaflet-container .leaflet-control-attribution {background: #fffc;margin: 0;}.leaflet-control-attribution, .leaflet-control-scale-line {color: #333;padding: 0 5px;line-height: 1.4;}.leaflet-control-attribution a {text-decoration: none;}.leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus {text-decoration: underline;}.leaflet-attribution-flag {width: 1em;height: .6669em;vertical-align: baseline !important;display: inline !important;}.leaflet-left .leaflet-control-scale {margin-left: 5px;}.leaflet-bottom .leaflet-control-scale {margin-bottom: 5px;}.leaflet-control-scale-line {white-space: nowrap;box-sizing: border-box;text-shadow: 1px 1px #fff;background: #fffc;border: 2px solid #777;border-top: none;padding: 2px 5px 1px;line-height: 1.1;}.leaflet-control-scale-line:not(:first-child) {border-top: 2px solid #777;border-bottom: none;margin-top: -2px;}.leaflet-control-scale-line:not(:first-child):not(:last-child) {border-bottom: 2px solid #777;}.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {box-shadow: none;}.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {background-clip: padding-box;border: 2px solid #0003;}.leaflet-popup {text-align: center;margin-bottom: 20px;position: absolute;}.leaflet-popup-content-wrapper {text-align: left;border-radius: 12px;padding: 1px;}.leaflet-popup-content {min-height: 1px;margin: 13px 24px 13px 20px;font-size: 1.08333em;line-height: 1.3;}.leaflet-popup-content p {margin: 1.3em 0;}.leaflet-popup-tip-container {pointer-events: none;width: 40px;height: 20px;margin-top: -1px;margin-left: -20px;position: absolute;left: 50%;overflow: hidden;}.leaflet-popup-tip {pointer-events: auto;width: 17px;height: 17px;margin: -10px auto 0;padding: 1px;transform: rotate(45deg);}.leaflet-popup-content-wrapper, .leaflet-popup-tip {color: #333;background: #fff;box-shadow: 0 3px 14px #0006;}.leaflet-container a.leaflet-popup-close-button {text-align: center;color: #757575;background: none;border: none;width: 24px;height: 24px;font: 16px / 24px Tahoma, Verdana, sans-serif;text-decoration: none;position: absolute;top: 0;right: 0;}.leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus {color: #585858;}.leaflet-popup-scrolled {overflow: auto;}.leaflet-oldie .leaflet-popup-content-wrapper {-ms-zoom: 1;}.leaflet-oldie .leaflet-popup-tip {-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width: 24px;filter: progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin: 0 auto;}.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {border: 1px solid #999;}.leaflet-div-icon {background: #fff;border: 1px solid #666;}.leaflet-tooltip {color: #222;white-space: nowrap;-webkit-user-select: none;user-select: none;pointer-events: none;background-color: #fff;border: 1px solid #fff;border-radius: 3px;padding: 6px;position: absolute;box-shadow: 0 1px 3px #0006;}.leaflet-tooltip.leaflet-interactive {cursor: pointer;pointer-events: auto;}.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {pointer-events: none;content: "";background: none;border: 6px solid #0000;position: absolute;}.leaflet-tooltip-bottom {margin-top: 6px;}.leaflet-tooltip-top {margin-top: -6px;}.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {margin-left: -6px;left: 50%;}.leaflet-tooltip-top:before {border-top-color: #fff;margin-bottom: -12px;bottom: 0;}.leaflet-tooltip-bottom:before {border-bottom-color: #fff;margin-top: -12px;margin-left: -6px;top: 0;}.leaflet-tooltip-left {margin-left: -6px;}.leaflet-tooltip-right {margin-left: 6px;}.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {margin-top: -6px;top: 50%;}.leaflet-tooltip-left:before {border-left-color: #fff;margin-right: -12px;right: 0;}.leaflet-tooltip-right:before {border-right-color: #fff;margin-left: -12px;left: 0;}@media print {.leaflet-control {-webkit-print-color-adjust: exact;print-color-adjust: exact;}}@property --tw-duration {syntax: "*";inherits: false}@property --tw-ease {syntax: "*";inherits: false}@property --tw-content {syntax: "*";inherits: false;initial-value: "";}@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-scale-x {syntax: "*";inherits: false;initial-value: 1;}@property --tw-scale-y {syntax: "*";inherits: false;initial-value: 1;}@property --tw-scale-z {syntax: "*";inherits: false;initial-value: 1;}@property --tw-leading {syntax: "*";inherits: false}@property --tw-space-y-reverse {syntax: "*";inherits: false;initial-value: 0;}@property --tw-font-weight {syntax: "*";inherits: false}@property --tw-tracking {syntax: "*";inherits: false}@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-x-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-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-outline-style {syntax: "*";inherits: false;initial-value: solid;}@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-backdrop-blur {syntax: "*";inherits: false}@property --tw-backdrop-brightness {syntax: "*";inherits: false}@property --tw-backdrop-contrast {syntax: "*";inherits: false}@property --tw-backdrop-grayscale {syntax: "*";inherits: false}@property --tw-backdrop-hue-rotate {syntax: "*";inherits: false}@property --tw-backdrop-invert {syntax: "*";inherits: false}@property --tw-backdrop-opacity {syntax: "*";inherits: false}@property --tw-backdrop-saturate {syntax: "*";inherits: false}@property --tw-backdrop-sepia {syntax: "*";inherits: false}:where(a, button, input, select, textarea, [tabindex]):focus-visible {outline: 3px solid #a855f7;outline-offset: 3px;}/* GOAL-VISUAL-2026-07-17: Homepage tech-stack pills */.alshohab-hero { padding-top: 6rem; padding-bottom: 4rem; }.alshohab-hero .tech-pill {display: flex; align-items: center; gap: 10px;padding: 10px 16px;border-radius: 9999px;background: rgba(13,16,23,0.55);border: 1px solid rgba(255,255,255,0.08);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);color: #eaf2ff;font-family: "IBM Plex Mono", monospace;font-size: 12px;font-weight: 500;letter-spacing: 0.04em;white-space: nowrap;transition: all 0.3s ease;}.alshohab-hero .tech-pill:hover {border-color: rgba(34,126,255,0.6);background: rgba(34,126,255,0.12);transform: translateY(-2px);box-shadow: 0 0 18px rgba(34,126,255,0.25);}.alshohab-hero .tech-pill img {width: 22px; height: 22px;filter: brightness(0) invert(1);opacity: 0.95;}.alshohab-hero .tech-pill figcaption {display: inline-block;line-height: 1;}@media (max-width: 767px) {.alshohab-hero .tech-pill { font-size: 11px; padding: 8px 12px; }.alshohab-hero .tech-pill img { width: 18px; height: 18px; }}/* GOAL-VISUAL-2026-07-17: Service card - whole-card clickable + icon in small box at top */.alshohab-service-card {position: relative;display: flex; flex-direction: column;background: linear-gradient(180deg, rgba(13,16,23,0.95) 0%, rgba(7,9,14,0.95) 100%);border: 1px solid rgba(255,255,255,0.08);border-radius: 16px;padding: 24px;min-height: 320px;height: 100%;text-align: center;transition: all 0.35s cubic-bezier(0.4,0,0.2,1);overflow: hidden;}.alshohab-service-card::before {content: "";position: absolute; inset: 0;border-radius: 16px;padding: 1px;background: linear-gradient(180deg, rgba(34,126,255,0.0) 0%, rgba(34,126,255,0.0) 100%);-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;transition: background 0.35s ease;}.alshohab-service-card:hover {transform: translateY(-6px);border-color: rgba(34,126,255,0.55);box-shadow: 0 18px 38px -10px rgba(34,126,255,0.35), 0 0 0 1px rgba(34,126,255,0.25) inset;}.alshohab-service-card:hover::before {background: linear-gradient(180deg, rgba(34,126,255,0.65) 0%, rgba(34,126,255,0.15) 100%);}.alshohab-service-card .alshohab-service-icon {width: 48px; height: 48px;display: flex; align-items: center; justify-content: center;background: rgba(34,126,255,0.12);border: 1px solid rgba(34,126,255,0.25);border-radius: 10px;color: #5cc8ff;margin: 0 auto 18px;transition: all 0.3s ease;}.alshohab-service-card:hover .alshohab-service-icon {background: rgba(34,126,255,0.22);border-color: rgba(34,126,255,0.5);box-shadow: 0 0 16px rgba(34,126,255,0.4);}.alshohab-service-card .alshohab-service-icon svg {width: 26px; height: 26px;stroke: currentColor;fill: none;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;filter: drop-shadow(0 0 8px rgba(34,126,255,0.35));}.alshohab-service-card h3 {font-size: 18px; font-weight: 600;color: #f5f7fb;margin: 0 0 10px;line-height: 1.3;}.alshohab-service-card p {font-size: 14px; font-weight: 400;color: rgba(255,255,255,0.55);margin: 0;line-height: 1.6;flex: 1;}.alshohab-service-card .alshohab-service-cta {margin-top: 18px;display: inline-flex; align-items: center; gap: 6px;font-size: 13px; font-weight: 500;color: #5cc8ff;transition: gap 0.25s ease, color 0.25s ease;}.alshohab-service-card:hover .alshohab-service-cta { gap: 10px; color: #93d6ff; }.alshohab-service-card-link {text-decoration: none; color: inherit;display: block; height: 100%;}/* Why-Alshohab - image-free balanced grid (used by index/features/article-11755) */.alshohab-why-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 16px;}@media (max-width: 1279px) { .alshohab-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }@media (max-width: 639px) { .alshohab-why-grid { grid-template-columns: 1fr; } }.alshohab-why-card {background: linear-gradient(180deg, rgba(13,16,23,0.95) 0%, rgba(7,9,14,0.95) 100%);border: 1px solid rgba(255,255,255,0.08);border-radius: 14px;padding: 22px 20px;text-align: center;transition: all 0.3s ease;}.alshohab-why-card:hover {border-color: rgba(34,126,255,0.45);transform: translateY(-3px);}.alshohab-why-card h3 {font-size: 17px; font-weight: 600;color: #f5f7fb; margin: 0 0 8px;}.alshohab-why-card p {font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.6; margin: 0;}/* GOAL-VISUAL-2026-07-17: Contact-us contact-info cards */.alshohab-contact-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;}@media (max-width: 1023px) { .alshohab-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }@media (max-width: 639px) { .alshohab-contact-grid { grid-template-columns: 1fr; } }.alshohab-contact-card {background: linear-gradient(180deg, rgba(13,16,23,0.95) 0%, rgba(7,9,14,0.95) 100%);border: 1px solid rgba(255,255,255,0.08);border-radius: 16px;padding: 24px;text-align: center;transition: all 0.3s ease;display: flex; flex-direction: column; align-items: center; gap: 10px;}.alshohab-contact-card:hover {border-color: rgba(34,126,255,0.55);box-shadow: 0 0 22px rgba(34,126,255,0.25);transform: translateY(-3px);}.alshohab-contact-card .icon {width: 52px; height: 52px;display: flex; align-items: center; justify-content: center;background: rgba(34,126,255,0.14);border: 1px solid rgba(34,126,255,0.3);border-radius: 12px;color: #5cc8ff;margin-bottom: 6px;}.alshohab-contact-card .icon svg {width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;}.alshohab-contact-card .label {font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.45);}.alshohab-contact-card .value {font-size: 16px; font-weight: 600; color: #f5f7fb; word-break: break-word;}.alshohab-contact-card .value[dir="ltr"] { direction: ltr; unicode-bidi: isolate; }.alshohab-contact-card a.value { color: #5cc8ff; text-decoration: none; }.alshohab-contact-card a.value:hover { color: #93d6ff; text-decoration: underline; }.alshohab-contact-card .hint {font-size: 12px; color: rgba(255,255,255,0.4);}.alshohab-contact-card .hint[dir="ltr"] { direction: ltr; unicode-bidi: isolate; }/* Contact-us hero - centered, dark, breathable */.alshohab-contact-hero {position: relative;z-index: 1;background: #06080d url('./images/hero/alshohab-city-hero.webp') center/cover no-repeat;min-height: 420px;display: flex; align-items: center; justify-content: center;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.06);margin-top: 0;padding-top: 96px;}.alshohab-contact-hero img.bg {position: absolute; inset: 0;width: 100%; height: 100%;object-fit: cover; object-position: center;opacity: 0.55;filter: brightness(0.8) saturate(1.05);}.alshohab-contact-hero::after {content: ""; position: absolute; inset: 0;background: linear-gradient(180deg, rgba(2,4,9,0.55) 0%, rgba(2,4,9,0.78) 100%);}.alshohab-contact-hero-inner { position: relative; z-index: 2; text-align: center; padding: 80px 24px 64px; max-width: 880px; margin: 0 auto; }.alshohab-contact-hero h1, .alshohab-contact-h1 { color: #fff; font-size: 32px; font-weight: 700; margin: 16px 0 12px; line-height: 1.15; }@media (min-width: 768px) { .alshohab-contact-hero h1, .alshohab-contact-h1 { font-size: 48px; } }@media (min-width: 1024px) { .alshohab-contact-hero h1, .alshohab-contact-h1 { font-size: 56px; } }.alshohab-contact-hero p, .alshohab-contact-lead { color: rgba(255,255,255,0.78); font-size: 16px; max-width: 640px; margin: 0 auto; line-height: 1.7; }@media (min-width: 768px) { .alshohab-contact-hero p, .alshohab-contact-lead { font-size: 18px; } }.alshohab-contact-eyebrow {display: inline-block;background: rgba(34,126,255,0.16);color: #5cc8ff;border: 1px solid rgba(34,126,255,0.35);padding: 6px 14px;border-radius: 999px;font-size: 13px;font-weight: 500;letter-spacing: 0.2px;margin-bottom: 14px;}.alshohab-contact-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 28px; }.alshohab-contact-cta {display: inline-flex; align-items: center; gap: 8px;background: #227eff; color: #fff !important;padding: 12px 22px; border-radius: 8px;font-weight: 600; font-size: 15px;text-decoration: none; transition: background .2s ease, transform .2s ease;box-shadow: 0 8px 24px -8px rgba(34,126,255,0.6);}.alshohab-contact-cta:hover { background: #1a6ee0; transform: translateY(-1px); }.alshohab-contact-cta.ghost {background: transparent;color: #fff !important;border: 1px solid rgba(255,255,255,0.25);box-shadow: none;}.alshohab-contact-cta.ghost:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.4); }/* Salla-store - fix content readability & spacing */.service-page-salla {background: #06080d;color: #f5f7fb;}.service-page-salla h1, .service-page-salla h2, .service-page-salla h3 { color: #fff; }.service-page-salla p, .service-page-salla li, .service-page-salla label, .service-page-salla span, .service-page-salla div { color: #eaf2ff; }.service-page-salla a { color: #5cc8ff; }.service-page-salla .dark-text, .service-page-salla .text-black, .service-page-salla .text-zinc-900 { color: #f5f7fb !important; }.service-page-salla .bg-white, .service-page-salla .bg-zinc-50, .service-page-salla .bg-zinc-100, .service-page-salla .bg-gray-50, .service-page-salla .bg-gray-100 { background-color: rgba(13,16,23,0.85) !important; color: #f5f7fb !important; }.service-page-salla .border, .service-page-salla .border-zinc-200, .service-page-salla .border-zinc-300, .service-page-salla .border-gray-200 { border-color: rgba(255,255,255,0.12) !important; }.service-page-salla section { padding-top: 56px; padding-bottom: 56px; }.service-page-salla .alshohab-salla-hero { padding-top: 96px !important; padding-bottom: 0 !important; }.service-page-salla .alshohab-salla-hero + section { padding-top: 16px !important; }.service-page-salla .alshohab-salla-hero h1 { line-height: 1.2; }.service-page-salla .container, .service-page-salla .main-container { max-width: 1100px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }.service-page-salla ul { padding-right: 20px; }.service-page-salla video { border-radius: 12px; }/* Generic responsive video container used on services pages */.alshohab-video {width: 100%;max-width: 960px;margin: 32px auto;border-radius: 14px;overflow: hidden;background: #06080d;border: 1px solid rgba(255,255,255,0.08);box-shadow: 0 18px 40px -10px rgba(34,126,255,0.18);}.alshohab-video video {display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;}.alshohab-video-full {max-width: 100vw;width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);border-radius: 0;border-left: 0;border-right: 0;}@media (min-width: 1024px) {.alshohab-video-full { border-radius: 0; }}/* alshohab-contrast-fix: missing text-white opacities (utilities were not compiled; text was inheriting default black). Added 2026-07-18. */.text-white/15{color:#ffffff26}@supports (color: color-mix(in oklab, red, red)){.text-white/15{color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.text-white/40{color:#ffffff66}@supports (color: color-mix(in oklab, red, red)){.text-white/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white/55{color:#ffffff8c}@supports (color: color-mix(in oklab, red, red)){.text-white/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white/70{color:#ffffffb3}@supports (color: color-mix(in oklab, red, red)){.text-white/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white/75{color:#ffffffbf}@supports (color: color-mix(in oklab, red, red)){.text-white/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white/95{color:#fffffff2}@supports (color: color-mix(in oklab, red, red)){.text-white/95{color:color-mix(in oklab, var(--color-white) 95%, transparent)}}/* === Al Shohab: site-wide header fit === *//* The floating header bar uses the width actually available instead of a fixedmax-width, so the nav row cannot run underneath the Contact CTA. */@media (min-width: 1280px) {header nav.header-scroll { max-width: min(calc(100vw - 40px), 1600px); }/* One sizing for every desktop width: at 13px the row needs ~1287px but only~1179px exist at 1536, so the compact size applies from 1280px up. */header nav ul.flex { gap: 0.2rem; }header nav ul.flex > li > a > span,header nav ul.flex > li > a { font-size: 12.5px; }header nav ul.flex > li { padding-top: 1rem; padding-bottom: 1rem; }}/* Measured: the English nav row needs 1033-1163px but only ~895-1059px areavailable below 1536px, so English switches to the drawer there. Arabic needs904-979px and fits from 1280px up, so it keeps the desktop bar. */@media (min-width: 1280px) and (max-width: 1535px) {html[lang="en"] header nav div[class~="xl:flex"] { display: none; }html[lang="en"] header nav button[class~="xl:hidden"] { display: flex; }/* the drawer is xl:hidden too, so the trigger above opened nothing here */html[lang="en"] aside#mobile-sidebar[class~="xl:hidden"] { display: block; }}/* === AL SHOHAB: restored utilities (button/contrast/bot-layout repair) === *//* Generated by scripts/btnfix/gen-css.mjs. The preview ships a purgedmain.css; these classes were used in markup but had no rule, so they didnothing - which is what produced white-on-white hovers, black-on-black textand the full-width bot hero squares. */@layer utilities {@media (min-width:96rem){.\32 xl\:max-w-\[1290px\]{max-width:1290px}}@media (min-width:80rem){.xl\:gap-3{gap:calc(var(--spacing) * 3)}}@media (min-width:96rem){.\32 xl\:gap-4{gap:calc(var(--spacing) * 4)}}.whitespace-nowrap{white-space:nowrap}.border-background-7\/50{border-color:rgba(248, 249, 250, 0.5)}.bg-background-7\/10{background-color:rgba(248, 249, 250, 0.1)}@media (hover:hover){.group-hover\:text-background-14:is(:where(.group):hover *){color:var(--color-background-14)}}.mt-\[1px\]{margin-top:1px}@media (hover:hover){.group-hover\:stroke-background-14:is(:where(.group):hover *){stroke:var(--color-background-14)}}.text-right{text-align:right}.pr-4{padding-right:calc(var(--spacing) * 4)}.text-white\/85{color:rgba(255, 255, 255, 0.85)}@media (min-width:96rem){.\32 xl\:size-\[1300px\]{width:1300px;height:1300px}}@media (min-width:96rem){.\32 xl\:tracking-\[100\.48px\]{letter-spacing:100.48px}}@media (min-width:96rem){.\32 xl\:pb-44{padding-bottom:calc(var(--spacing) * 44)}}@media (min-width:48rem){.md\:py-20{padding-top:calc(var(--spacing) * 20);padding-bottom:calc(var(--spacing) * 20)}}.py-16{padding-top:calc(var(--spacing) * 16);padding-bottom:calc(var(--spacing) * 16)}@media (min-width:48rem){.md\:max-w-\[620px\]{max-width:620px}}@media (min-width:96rem){.\32 xl\:pt-54{padding-top:calc(var(--spacing) * 54)}}.text-white\/70{color:rgba(255, 255, 255, 0.7)}.max-w-\[900px\]{max-width:900px}@media (min-width:48rem){.md\:py-16{padding-top:calc(var(--spacing) * 16);padding-bottom:calc(var(--spacing) * 16)}}.text-sora-heading-5{font-size:var(--text-sora-heading-5);line-height:var(--text-sora-heading-5--line-height, normal);letter-spacing:var(--text-sora-heading-5--letter-spacing, normal)}@media (min-width:48rem){.md\:text-sora-heading-4{font-size:var(--text-sora-heading-4);line-height:var(--text-sora-heading-4--line-height, normal);letter-spacing:var(--text-sora-heading-4--letter-spacing, normal)}}.leading-8{line-height:calc(var(--spacing) * 8)}@media (min-width:48rem){.md\:max-w-\[780px\]{max-width:780px}}.border-white\/10{border-color:rgba(255, 255, 255, 0.1)}@media (min-width:48rem){.md\:max-w-\[680px\]{max-width:680px}}@media (min-width:96rem){.\32 xl\:pt-48{padding-top:calc(var(--spacing) * 48)}}@media (min-width:48rem){.md\:max-w-\[560px\]{max-width:560px}}@media (min-width:48rem){.md\:space-y-20{--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)))}}@media (min-width:48rem){.md\:space-y-16{--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))}}.max-w-\[760px\]{max-width:760px}.text-white\/95{color:rgba(255, 255, 255, 0.95)}.pr-6{padding-right:calc(var(--spacing) * 6)}@media (min-width:96rem){.\32 xl\:py-44{padding-top:calc(var(--spacing) * 44);padding-bottom:calc(var(--spacing) * 44)}}.border-opai-blue\/40{border-color:rgba(34, 126, 255, 0.4)}.max-w-\[960px\]{max-width:960px}@media (min-width:64rem){.lg\:py-24{padding-top:calc(var(--spacing) * 24);padding-bottom:calc(var(--spacing) * 24)}}.text-white\/75{color:rgba(255, 255, 255, 0.75)}@media (hover:hover){.hover\:border-opai-blue\/40:hover{border-color:rgba(34, 126, 255, 0.4)}}.mt-2{margin-top:calc(var(--spacing) * 2)}.py-10{padding-top:calc(var(--spacing) * 10);padding-bottom:calc(var(--spacing) * 10)}@media (min-width:48rem){.md\:pb-16{padding-bottom:calc(var(--spacing) * 16)}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width:48rem){.md\:py-14{padding-top:calc(var(--spacing) * 14);padding-bottom:calc(var(--spacing) * 14)}}.pb-12{padding-bottom:calc(var(--spacing) * 12)}@media (min-width:64rem){.lg\:pb-20{padding-bottom:calc(var(--spacing) * 20)}}@media (min-width:48rem){.md\:space-y-9{--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)))}}.border-stroke-1\/15{border-color:rgba(148, 174, 207, 0.15)}@media (hover:hover){.hover\:border-opai-blue\/50:hover{border-color:rgba(34, 126, 255, 0.5)}}.leading-loose{line-height:2}.bg-linear-\[354deg\,rgba\(255\,255\,255\,0\.40\)_34\%\,rgba\(255\,255\,255\,0\.90\)_69\%\]{background-image:linear-gradient(354deg,rgba(255,255,255,0.40) 34%,rgba(255,255,255,0.90) 69%)}.max-w-\[880px\]{max-width:880px}@media (min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}.pb-16{padding-bottom:calc(var(--spacing) * 16)}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}.border-opai-blue\/30{border-color:rgba(34, 126, 255, 0.3)}.py-5{padding-top:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 5)}@media (min-width:48rem){.md\:pb-20{padding-bottom:calc(var(--spacing) * 20)}}@media (min-width:64rem){.lg\:pb-24{padding-bottom:calc(var(--spacing) * 24)}}.bg-opai-blue\/10{background-color:rgba(34, 126, 255, 0.1)}.max-w-\[720px\]{max-width:720px}.z-\[60\]{z-index:60}@media (min-width:80rem){.xl\:pb-28{padding-bottom:calc(var(--spacing) * 28)}}@media (min-width:96rem){.\32 xl\:pb-32{padding-bottom:calc(var(--spacing) * 32)}}@media (min-width:48rem){.md\:text-tagline-2{font-size:var(--text-tagline-2);line-height:var(--text-tagline-2--line-height, normal);letter-spacing:var(--text-tagline-2--letter-spacing, normal)}}.max-w-\[640px\]{max-width:640px}.bg-\[\#25D366\]{background-color:#25D366}@media (hover:hover){.hover\:bg-\[\#1ebe5d\]:hover{background-color:#1ebe5d}}@media (hover:hover){.hover\:text-background-14:hover{color:var(--color-background-14)}}.border-white\/20{border-color:rgba(255, 255, 255, 0.2)}@media (hover:hover){.hover\:border-white\/60:hover{border-color:rgba(255, 255, 255, 0.6)}}.rounded-3xl{border-radius:var(--radius-3xl, 1.5rem)}.opacity-50{opacity:0.5}@media (min-width:48rem){.md\:p-16{padding:calc(var(--spacing) * 16)}}.from-opai-blue\/30{--tw-gradient-from:rgba(34, 126, 255, 0.3)}.-top-32{top:calc(calc(var(--spacing) * 32) * -1)}.h-\[400px\]{height:400px}.w-\[800px\]{width:800px}.bg-gradient-radial{background-image:radial-gradient(circle, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))}.blur-3xl{--tw-blur:blur(64px);filter:blur(64px)}.mt-10{margin-top:calc(var(--spacing) * 10)}@media (min-width:48rem){.md\:justify-between{justify-content:space-between}}.mb-8{margin-bottom:calc(var(--spacing) * 8)}@media (min-width:48rem){.md\:gap-14{gap:calc(var(--spacing) * 14)}}@media (min-width:64rem){.lg\:grid-cols-\[1\.1fr_1fr\]{grid-template-columns:1.1fr 1fr}}.from-opai-blue\/40{--tw-gradient-from:rgba(34, 126, 255, 0.4)}.to-background-3{--tw-gradient-to:var(--color-background-3)}.-inset-4{inset:calc(calc(var(--spacing) * 4) * -1)}.-z-10{z-index:-10}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-from, transparent), var(--tw-gradient-via, transparent), var(--tw-gradient-to, transparent))}.via-transparent{--tw-gradient-via:transparent}.blur-2xl{--tw-blur:blur(40px);filter:blur(40px)}.bg-opai-blue\/20{background-color:rgba(34, 126, 255, 0.2)}.w-fit{width:fit-content}@media (hover:hover){.hover\:bg-white\/10:hover{background-color:rgba(255, 255, 255, 0.1)}}.border-opai-blue\/60{border-color:rgba(34, 126, 255, 0.6)}.shadow-\[0_0_32px_rgba\(34\,126\,255\,0\.18\)\]{box-shadow:0 0 32px rgba(34,126,255,0.18)}@media (hover:hover){.hover\:bg-opai-blue\/90:hover{background-color:rgba(34, 126, 255, 0.9)}}.items-stretch{align-items:stretch}@media (min-width:48rem){.md\:p-9{padding:calc(var(--spacing) * 9)}}.max-w-\[1100px\]{max-width:1100px}@media (hover:hover){.hover\:bg-opai-blue\/10:hover{background-color:rgba(34, 126, 255, 0.1)}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2 / span 2}}.ps-6{padding-inline-start:calc(var(--spacing) * 6)}@media (hover:hover){.hover\:text-opai-blue:hover{color:var(--color-opai-blue)}}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.-top-\[40\%\]{top:calc(40% * -1)}.size-\[260px\]{width:260px;height:260px}.max-w-\[1000px\]{max-width:1000px}.leading-relaxed{line-height:1.625}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2 / span 2}}.max-h-full{max-height:100%}@media (min-width:48rem){.md\:max-w-\[720px\]{max-width:720px}}.list-decimal{list-style-type:decimal}.right-1\/2{right:50%}.translate-x-1\/2{translate:50% 0}.max-h-\[560px\]{max-height:560px}@media (min-width:64rem){.lg\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}}.mb-2{margin-bottom:calc(var(--spacing) * 2)}@media (min-width:48rem){.md\:text-manrope-heading-4{font-size:var(--text-manrope-heading-4);line-height:var(--text-manrope-heading-4--line-height, normal);letter-spacing:var(--text-manrope-heading-4--letter-spacing, normal)}}@media (min-width:96rem){.\32 xl\:left-\[-24\%\]{left:-24%}}.leading-9{line-height:calc(var(--spacing) * 9)}.mt-auto{margin-top:auto}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){scale:1.1}}.text-white\/40{color:rgba(255, 255, 255, 0.4)}.w-auto{width:auto}.max-w-\[980px\]{max-width:980px}@media (min-width:96rem){.\32 xl\:pt-22{padding-top:calc(var(--spacing) * 22)}}.max-w-\[860px\]{max-width:860px}.py-14{padding-top:calc(var(--spacing) * 14);padding-bottom:calc(var(--spacing) * 14)}@media (hover:hover){.group-hover\:text-white:is(:where(.group):hover *){color:#ffffff}}@media (min-width:48rem){.md\:pt-14{padding-top:calc(var(--spacing) * 14)}}@media (min-width:48rem){.md\:py-12{padding-top:calc(var(--spacing) * 12);padding-bottom:calc(var(--spacing) * 12)}}.bg-white\/\[0\.03\]{background-color:rgba(255, 255, 255, 0.03)}@media (min-width:48rem){.md\:max-w-\[760px\]{max-width:760px}}@media (min-width:48rem){.md\:text-manrope-heading-5{font-size:var(--text-manrope-heading-5);line-height:var(--text-manrope-heading-5--line-height, normal);letter-spacing:var(--text-manrope-heading-5--letter-spacing, normal)}}.max-w-\[420px\]{max-width:420px}.max-w-\[940px\]{max-width:940px}.object-top{object-position:top}.max-h-\[140px\]{max-height:140px}.-scale-x-100{scale:-1 1}.bg-opai-blue\/\[0\.06\]{background-color:rgba(34, 126, 255, 0.06)}@media (hover:hover){.hover\:border-opai-blue\/70:hover{border-color:rgba(34, 126, 255, 0.7)}}@media (hover:hover){.hover\:bg-opai-blue\/15:hover{background-color:rgba(34, 126, 255, 0.15)}}@media (hover:hover){.group-hover\/btn\:text-white:is(:where(.group\/btn):hover *){color:#ffffff}}@media (hover:hover){.group-hover\/btn\:translate-x-1:is(:where(.group\/btn):hover *){translate:calc(var(--spacing) * 1) 0}}.max-w-\[460px\]{max-width:460px}@media (min-width:64rem){.lg\:py-20{padding-top:calc(var(--spacing) * 20);padding-bottom:calc(var(--spacing) * 20)}}@media (hover:hover){.group-hover\:bg-opai-blue:is(:where(.group):hover *){background-color:var(--color-opai-blue)}}@media (hover:hover){.hover\:border-background-7\/40:hover{border-color:rgba(248, 249, 250, 0.4)}}.mt-0\.5{margin-top:calc(var(--spacing) * 0.5)}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pt-12{padding-top:calc(var(--spacing) * 12)}@media (min-width:64rem){.lg\:pt-16{padding-top:calc(var(--spacing) * 16)}}@media (min-width:48rem){.md\:space-y-8{--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}}@media (min-width:48rem){.md\:pb-10{padding-bottom:calc(var(--spacing) * 10)}}.mb-3{margin-bottom:calc(var(--spacing) * 3)}@media (min-width:48rem){.md\:pb-8{padding-bottom:calc(var(--spacing) * 8)}}@media (min-width:48rem){.md\:max-w-\[900px\]{max-width:900px}}.py-8{padding-top:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 8)}.text-white\/15{color:rgba(255, 255, 255, 0.15)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}@media (min-width:96rem){.\32 xl\:pt-28{padding-top:calc(var(--spacing) * 28)}}@media (min-width:96rem){.\32 xl\:pb-22{padding-bottom:calc(var(--spacing) * 22)}}.z-\[2\]{z-index:2}.uppercase{text-transform:uppercase}.tracking-\[0\.18em\]{letter-spacing:0.18em}.max-w-\[620px\]{max-width:620px}@media (min-width:64rem){.lg\:pt-20{padding-top:calc(var(--spacing) * 20)}}.max-w-\[920px\]{max-width:920px}@media (min-width:48rem){.md\:gap-x-10{column-gap:calc(var(--spacing) * 10)}}@media (min-width:48rem){.md\:gap-y-6{row-gap:calc(var(--spacing) * 6)}}@media (min-width:48rem){.md\:gap-5{gap:calc(var(--spacing) * 5)}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}@media (min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media (min-width:96rem){.\32 xl\:-left-\[34\%\]{left:calc(34% * -1)}}.text-tagline-5{font-size:var(--text-tagline-5);line-height:var(--text-tagline-5--line-height, normal);letter-spacing:var(--text-tagline-5--letter-spacing, normal)}@media (min-width:64rem){.lg\:text-manrope-heading-21{font-size:var(--text-manrope-heading-21);line-height:var(--text-manrope-heading-21--line-height, normal);letter-spacing:var(--text-manrope-heading-21--letter-spacing, normal)}}.pr-5{padding-right:calc(var(--spacing) * 5)}.cursor-not-allowed{cursor:not-allowed}.opacity-60{opacity:0.6}@media (min-width:48rem){.md\:items-center{align-items:center}}.overflow-x-auto{overflow-x:auto}.bg-white\/\[0\.05\]{background-color:rgba(255, 255, 255, 0.05)}.bg-opai-blue\/15{background-color:rgba(34, 126, 255, 0.15)}.max-w-\[1080px\]{max-width:1080px}@media (hover:hover){.hover\:scale-\[1\.02\]:hover{scale:1.02}}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-from, transparent), var(--tw-gradient-to, transparent))}.from-\[\#0d1017\]\/40{--tw-gradient-from:#0d101766}.to-transparent{--tw-gradient-to:transparent}@media (min-width:48rem){.md\:min-h-\[340px\]{min-height:340px}}.-top-\[60\%\]{top:calc(60% * -1)}@media (hover:hover){.group-hover\:-top-\[30\%\]:is(:where(.group):hover *){top:calc(30% * -1)}}@media (min-width:80rem){.xl\:col-span-4{grid-column:span 4 / span 4}}@media (min-width:80rem){.xl\:pb-24{padding-bottom:calc(var(--spacing) * 24)}}@media (min-width:96rem){.\32 xl\:pb-28{padding-bottom:calc(var(--spacing) * 28)}}@media (min-width:48rem){.md\:max-w-\[820px\]{max-width:820px}}.mt-3{margin-top:calc(var(--spacing) * 3)}}/* === AL SHOHAB: button state + contrast repair === *//* Companion to the restored-utilities block above. Every rule here is scoped toa component or an element type - no blanket `* { color: … }`, no`a:hover { color:#fff }`, nothing that can reach a light section. *//* ---------------------------------------------------------------------------1. Default text colour.The dark theme never set an inherited colour, so `main` computed torgb(0,0,0): every element without an explicit `text-*` utility rendered pureblack on the near-black canvas (measured on 80 pages: bare <li>, <span>,<th>, <td>). A sitewide probe found ZERO elements that inherit black on alight surface, so moving the default to light ink cannot break one; thelight surfaces that exist (tool preview cards, .bg-background-7 buttons) alldeclare their own dark colour and keep winning on specificity.--------------------------------------------------------------------------- */body {color: #e8ecf4; /* 16.07:1 on #0d1017, 12.18:1 on the lightest dark card */}/* ---------------------------------------------------------------------------2. Filled primary button.White on --color-opai-blue (#227eff) measures 3.82:1 — under AA for the 15pxlabels these buttons use. The fill drops to #1565d8 (5.41:1 with white),which is already the palette's pressed-blue (.ct-floating-btn--call:hover).#227eff itself is untouched, so badges, glows, borders and icons keep thebrand accent exactly.--------------------------------------------------------------------------- *//* The class is deepened rather than --color-opai-blue, so borders, glows,gradients and rings keep the exact brand accent. Badges painted with.bg-opai-blue carry white text too (measured 3.82:1), so they need the sametreatment as the buttons. The floating bar's rules live in a page-level<style> that loads after main.css, so they are matched with one extra classto win on specificity instead of on order. */.bg-opai-blue,:is(a, button, input[type="submit"]).bg-opai-blue,.ct-spec-cta__btn,.ct-floating-actions .ct-floating-btn.ct-floating-btn--call {background-color: #1565d8;color: #ffffff;}:is(a, button, input[type="submit"]).bg-opai-blue,.ct-spec-cta__btn {background-image: none;}:is(a, button).bg-opai-blue :is(span, strong, small),.ct-spec-cta__btn :is(span, strong, small) {color: #ffffff;}:is(a, button).bg-opai-blue svg,.ct-spec-cta__btn svg,.ct-floating-actions .ct-floating-btn--call svg {color: #ffffff;stroke: currentColor;}@media (hover: hover) {:is(a, button, input[type="submit"]).bg-opai-blue:hover,.ct-spec-cta__btn:hover,.ct-floating-actions .ct-floating-btn.ct-floating-btn--call:hover {background-color: #1257bf; /* 6.69:1 with white */color: #ffffff;}}/* ---------------------------------------------------------------------------3. WhatsApp buttons.White on WhatsApp green (#25D366) is 1.98:1 — effectively unreadable. Thebrand green is kept exactly as-is and the label/icon go to near-black inkinstead (9.38:1 at rest, 7.60:1 on the #1ebe5d hover).--------------------------------------------------------------------------- */:is(a, button).bg-\[\#25D366\],.ct-floating-actions .ct-floating-btn.ct-floating-btn--wa {color: #07130a;}:is(a, button).bg-\[\#25D366\] :is(span, strong, small),.ct-floating-actions .ct-floating-btn.ct-floating-btn--wa :is(span, strong, small) {color: #07130a;}:is(a, button).bg-\[\#25D366\] svg,.ct-floating-actions .ct-floating-btn.ct-floating-btn--wa svg {color: #07130a;fill: currentColor;}@media (hover: hover) {:is(a, button).bg-\[\#25D366\]:hover,:is(a, button).bg-\[\#25D366\]:hover :is(span, strong, small),:is(a, button).bg-\[\#25D366\]:hover svg,.ct-floating-actions .ct-floating-btn.ct-floating-btn--wa:hover,.ct-floating-actions .ct-floating-btn.ct-floating-btn--wa:hover svg {color: #07130a;}}/* The solid white CTA needs dark ink at rest. This used to be an inlinestyle="color:#0d1017", which outranked the hover rule and left the label darkon a dark fill once the button inverted; the inline styles were removed andthe resting colour is expressed here instead. */:is(a, button, input[type="submit"]).bg-background-7,:is(a, button).bg-background-7 :is(span, strong, small) {color: var(--color-background-14);}/* ---------------------------------------------------------------------------4. Light ("btn-light") buttons that invert on hover.The markup already asks for dark ink via group-hover:text-background-14 /hover:text-background-14; those utilities are restored in the block above.This is the belt-and-braces for the variants whose label sits inside ahovered <a>/<button> that carries no `group` class, so the group- variantcould never fire. Only elements that already opt in via those classes aretouched.--------------------------------------------------------------------------- */@media (hover: hover) {:is(a, button):hover .group-hover\:text-background-14,:is(a, button):hover .hover\:text-background-14 {color: var(--color-background-14);}:is(a, button):hover .group-hover\:stroke-background-14,:is(a, button):hover .hover\:stroke-background-14 {stroke: var(--color-background-14);}/* Any button whose fill turns light on hover must carry dark ink, includingdescendants that set their own light colour at rest. */:is(a, button).hover\:bg-background-7:hover,:is(a, button).hover\:bg-background-7:hover :is(span, strong, small, p),:is(a, button).hover\:bg-background-7:hover svg {color: var(--color-background-14);}:is(a, button).hover\:bg-background-7:hover svg [stroke],:is(a, button).hover\:bg-background-7:hover svg path {stroke: var(--color-background-14);}/* The mirror case: a white button that inverts to a DARK fill on hover keptits dark label and vanished (measured 1.05:1 on the project pages). */:is(a, button).hover\:bg-background-14:hover,:is(a, button).hover\:bg-background-14:hover :is(span, strong, small, p),:is(a, button).hover\:bg-background-14:hover svg {color: var(--color-background-7);}:is(a, button).hover\:bg-background-14:hover svg [stroke],:is(a, button).hover\:bg-background-14:hover svg path {stroke: var(--color-background-7);}}/* The portfolio filter tabs paint their active state from a page-level styleblock, so they miss the .bg-opai-blue treatment and keep white on #227eff(3.82:1). Matched with both classes to outrank that block. */.ash-pf-tab.is-active,button.ash-pf-tab.is-active {background-color: #1565d8;color: #ffffff;}/* ---------------------------------------------------------------------------5. Focus indicator.Chromium's default ring is dark and all but invisible on #0d1017, and thispage set never declares a colour-scheme. An explicit outline is used (not aborder or box-shadow) so focusing cannot move or resize anything.--------------------------------------------------------------------------- */:is(a, button, [role="button"], input, select, textarea, summary):focus-visible {outline: 3px solid #7cc4ff;outline-offset: 2px;}/* Light surfaces need the darker ring to stay visible. */:is(a, button).bg-background-7:focus-visible,:is(a, button).hover\:bg-background-7:hover:focus-visible {outline-color: #0b3f8a;}/* ---------------------------------------------------------------------------6. Text set below the readable opacity floor.Measured on the darkest and lightest dark surfaces in use (#0d1017, #11141d,#252a32): white needs alpha >= 0.48 to clear 4.5:1 for body text, and >= 0.34to clear 3:1 for large text. Everything from /45 up already passes and isleft alone. The low steps are lifted to the floor rather than to full white,so the typographic hierarchy survives.--------------------------------------------------------------------------- */.text-white\/20, .text-white\/25, .text-white\/30,.text-white\/35, .text-white\/40 {color: rgba(255, 255, 255, 0.52); /* 5.6:1 on #11141d */}/* /15 is only used on oversized decorative headings (>=32px), where 3:1applies; it is lifted just past that so it stays a watermark. */.text-white\/15 {color: rgba(255, 255, 255, 0.40); /* 3.83:1 on #11141d, large-text AA */}/* ---------------------------------------------------------------------------7. Accent-blue text on dark.#227eff as a text colour measures 3.78:1 on #252a32 cards. The palette's ownlighter accent is used instead (7.69:1). Fills, borders and glows keep#227eff via --color-opai-blue.--------------------------------------------------------------------------- */.text-opai-blue {color: #7cc4ff;}/* On a filled blue chip the label must stay white, not the light accent. */.bg-opai-blue .text-opai-blue,:is(a, button).bg-opai-blue .text-opai-blue {color: #ffffff;}/* ---------------------------------------------------------------------------8. Bot hero media card.The hero grid asks for lg:grid-cols-[1.1fr_1fr], which the purged build nevercompiled, so the media column spanned the full container and `aspect-square`turned it into a ~1250x1250 box holding one 32px icon. The grid template isrestored above; this keeps the panel tied to its content at every width so itcan never reopen into a giant empty square.--------------------------------------------------------------------------- */.bot-hero-media {width: 100%;max-width: 420px;margin-inline: auto;aspect-ratio: auto;min-height: 0;}.bot-hero-media__card {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 14px;padding: 32px 24px;text-align: center;border-radius: 24px;background: #11141d;border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 18px 40px -18px rgba(34, 126, 255, 0.45);}.bot-hero-media__icon {display: inline-flex;align-items: center;justify-content: center;width: 72px;height: 72px;border-radius: 20px;background: rgba(34, 126, 255, 0.12);border: 1px solid rgba(34, 126, 255, 0.35);color: #7cc4ff;}.bot-hero-media__icon svg { width: 34px; height: 34px; }.bot-hero-media__label {font-size: 0.9375rem;line-height: 1.5;color: #e8ecf4;}.bot-hero-media__meta {font-size: 0.8125rem;line-height: 1.5;color: rgba(232, 236, 244, 0.72);}@media (min-width: 64rem) {.bot-hero-media { max-width: 460px; }}/* ---------------------------------------------------------------------------9. Footer wordmark..footer-title is a gradient clipped to text (white 5% -> 20%), which measures1.12:1 - a ghost watermark. It is real brand text at 32px, so the large-textfloor of 3:1 applies; the gradient is lifted to 48% -> 72% (the wordmark renders at 21.6px onsmall screens, so the 4.5:1 body floor applies there) so it still readsas a subdued gradient wordmark rather than a heading. This is the one changein this pass that is visible on every page; revert this rule alone to restorethe original ghost treatment.--------------------------------------------------------------------------- */.footer-title {background: linear-gradient(180deg, rgba(255,255,255,0.48) 0%, rgba(255,255,255,0.72) 100%);-webkit-background-clip: text;background-clip: text;}/* ---------------------------------------------------------------------------10. Remaining measured failures.--------------------------------------------------------------------------- *//* Contact card hints render at 12px, where white/40 is only 3.82:1. */.alshohab-contact-card .hint {color: rgba(255, 255, 255, 0.52);}/* A disabled pill uses the light fill on a <span>, so the a/button-scoped ruleabove missed it and it inherited the light body ink (1.12:1). */.bg-background-7 {color: var(--color-background-14);}/* services.html carries a decorative <figure> pinned at -right-[38%] whosebleed pushed documentElement.scrollWidth 2-39px past the viewport at everywidth (present before this pass too). `clip` rather than `hidden`: it stopsthe phantom horizontal scroll without creating a scroll container, soposition:sticky and the header keep behaving. Verified to change nothing onpages that were already clean. */main {overflow-x: clip;}/* === AL SHOHAB: second repair pass (bot cards, article CTA, missing utilities) ===Everything here was measured in a real browser (Playwright + computed styles +the browser's own hit test for the effective background), not read off thesource. See 06-reports/SITEWIDE_BUTTON_BOT_CONTRAST_REPAIR_REPORT.md.------------------------------------------------------------------------- *//* ---------------------------------------------------------------------------A. Utilities the purged Tailwind build never emitted.Each one was confirmed absent against document.styleSheets (a source grepgets Tailwind's escaping wrong in both directions: `.-top-32` answers for`-top-3`, and `.\32 xl\:pb-44` never matches a naive `.2xl\:pb-44` probe).They live in @layer utilities so the repair rules below still outrank them.--------------------------------------------------------------------------- */@layer utilities {/* Without this the "الأكثر طلبًا" badge on 26 bot pages fell back to itsstatic position and printed straight across the plan title. */.-top-3 {top: calc(var(--spacing) * -3);}.p-10 {padding: calc(var(--spacing) * 10);}.w-1 {width: calc(var(--spacing) * 1);}.border-t {border-top-style: var(--tw-border-style);border-top-width: 1px;}.text-inter-tight {font-family: var(--font-inter-tight);}.group:is([open]) .group-open\:rotate-45 {rotate: 45deg;}@media (min-width: 48rem) {.md\:p-10 {padding: calc(var(--spacing) * 10);}}}/* ---------------------------------------------------------------------------B. Bot listing cards (bots.html, en/bots.html).The card was an <a> containing a second <a> to the bot store. Nested anchorsare unparseable: Chromium closed the card anchor at the inner link andre-parented the action row, so each card's buttons became their own gridcell and the 12-card grid rendered as 24 ragged items. The card is a <div>now and "عرض التفاصيل" carries the card's href, stretched over the wholecard so the card stays clickable. The store link sits above that overlay.--------------------------------------------------------------------------- */.bot-card {position: relative;}.bot-card__link::after {content: "";position: absolute;inset: 0;border-radius: inherit;}.bot-card__store {position: relative;z-index: 1;}/* ---------------------------------------------------------------------------C. Article specialised CTA (213 pages).<style id="ct-specialized-cta"> is a page-level block that loads aftermain.css, so its `background: linear-gradient(135deg,#227EFF,#5cc8ff)` beatthe filled-button rule above and put white text on a #5cc8ff stop —1.88:1, failing in default, hover, focus and active alike. Matching theelement type as well as the class wins on specificity instead of order.The hover lift is dropped too: the brief requires the control not to moveunder the pointer.--------------------------------------------------------------------------- */a.ct-spec-cta__btn,a.ct-spec-cta__btn:hover,a.ct-spec-cta__btn:focus-visible,a.ct-spec-cta__btn:active {background-image: none;background-color: #1565d8; /* 5.41:1 with white */color: #ffffff;transform: none;}@media (hover: hover) {a.ct-spec-cta__btn:hover {background-color: #1257bf; /* 6.69:1 with white */}}/* ---------------------------------------------------------------------------D. Disabled preview pill (project-smarttools-qr-code.html, AR + EN).The pill is dimmed with `opacity-60`, which fades its dark ink together withits light fill: #12161f on #f8f9fa at 60% composites to #484c52 on #9a9c9f —3.15:1. The dim is re-expressed as a muted fill at full opacity, so thecontrol still reads as unavailable while the label stays legible (6.09:1).--------------------------------------------------------------------------- */.bg-background-7.cursor-not-allowed.opacity-60 {opacity: 1;background-color: #9a9c9f;color: #1b1e24;}/* ---------------------------------------------------------------------------E. Bot card action chips (hover / focus).The "عرض التفاصيل" chip takes the blue fill on card hover(group-hover:bg-opai-blue) while its label keeps .text-opai-blue — #7cc4ff on#227eff is 2.04:1, and the intended group-hover:text-white was nevercompiled. The chip now uses the same deepened blue as every other filledprimary control, with white ink (5.41:1).--------------------------------------------------------------------------- */.bot-card:hover .bot-card__link,.bot-card__link:hover,.bot-card__link:focus-visible {background-color: #1565d8;color: #ffffff;}.bot-card:hover .bot-card__store,.bot-card__store:hover,.bot-card__store:focus-visible {border-color: rgba(255, 255, 255, 0.6);color: #ffffff;}/* ---------------------------------------------------------------------------F. Homepage free-tools section.The cards use compiled utilities for layout; the polish that has no compiledutility (icon chip, hover lift on the card only, CTA affordance) lives hereso the section does not depend on classes the purged build never emitted.--------------------------------------------------------------------------- */.ash-tool-card {min-height: 0;}.ash-tool-card:hover,.ash-tool-card:focus-visible {border-color: rgba(34, 126, 255, 0.45);background-color: #141824;}.ash-tool-card__icon {display: inline-flex;align-items: center;justify-content: center;width: 56px;height: 56px;border-radius: 16px;background: rgba(34, 126, 255, 0.12);border: 1px solid rgba(34, 126, 255, 0.35);color: #7cc4ff;box-shadow: 0 0 18px -6px rgba(34, 126, 255, 0.55);flex: none;}.ash-tool-card__cta {color: #7cc4ff; /* 7.69:1 on the card fill */padding-top: 4px;}.ash-tool-card:hover .ash-tool-card__cta,.ash-tool-card:focus-visible .ash-tool-card__cta {color: #ffffff;}/* the CTA inherits the repaired filled-primary treatment (#1565d8 / white),so only the resting affordance is stated here */.ash-tools-all {color: #ffffff;}/* ---------------------------------------------------------------------------G. Header: section name is a link, chevron is its own control.The parent used to be one <a> wrapping both, with the script callingpreventDefault() on every click inside the item — so the section name nevernavigated. The two are separate controls now and each needs its own hit areaand focus ring.--------------------------------------------------------------------------- */.nav-dropdown-toggle {background: transparent;border: 0;/* no horizontal padding: the chevron used to sit inside the parent link, soany extra inline space here shows up as header overflow at 1280 */padding: 4px 0;margin: -4px 0;line-height: 0;border-radius: 6px;}.nav-dropdown-toggle:focus-visible,.nav-parent-link:focus-visible,.mobile-parent-link:focus-visible,.mobile-menu-toggle--arrow:focus-visible {outline: 3px solid #7cc4ff;outline-offset: 2px;}.mobile-menu-row {min-width: 0;}.mobile-parent-link {/* the drawer row is a flex container; without an explicit grow the linkcollapsed to zero width and left the viewport */flex: 1 1 auto;min-width: 0;text-decoration: none;}.mobile-menu-toggle--arrow {background: transparent;border: 0;padding-inline: 6px;flex: none;}/* ---------------------------------------------------------------------------H. Legacy tool pages: notice + final tools-website CTA.These pages keep their local UI but must lead to the specialized tools site,so both blocks are primary-weight and follow the repaired filled-buttoncolours (#1565d8 / white, hover #1257bf).--------------------------------------------------------------------------- */.tools-legacy-note {margin: 24px auto 8px;padding: 20px 24px;border-radius: 16px;background: rgba(34, 126, 255, 0.08);border: 1px solid rgba(34, 126, 255, 0.28);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 16px;}.tools-legacy-note__btn,.tools-final-cta__btn {display: inline-flex;align-items: center;gap: 8px;padding: 12px 24px;border-radius: 9999px;background-color: #1565d8;color: #ffffff;font-weight: 600;text-decoration: none;flex: none;}@media (hover: hover) {.tools-legacy-note__btn:hover,.tools-final-cta__btn:hover { background-color: #1257bf; color: #ffffff; }}.tools-legacy-note__btn:focus-visible,.tools-final-cta__btn:focus-visible {outline: 3px solid #7cc4ff;outline-offset: 2px;}.tools-final-cta { margin: 48px auto 8px; }.tools-final-cta__box {padding: 40px 32px;border-radius: 24px;background: linear-gradient(180deg, #0d1017 0%, #07090e 100%);border: 1px solid rgba(92, 200, 255, 0.25);text-align: center;display: flex;flex-direction: column;align-items: center;gap: 14px;}.tools-final-cta__box p { max-width: 680px; }/* ---------------------------------------------------------------------------I. Blog hub cards.The hub used to render an image and a title inside three loose columns. Theseare real cards: fixed-ratio media that holds its shape if an image fails,clamped title and excerpt so a row stays even, and a visible CTA.--------------------------------------------------------------------------- */.ash-blog-toolbar {display: flex;flex-wrap: wrap;gap: 8px;justify-content: center;margin: 0 0 32px;}.ash-blog-tab {font-family: 'IBM Plex Sans Arabic', 'Tajawal', sans-serif;font-size: 14px;color: rgba(255, 255, 255, 0.72);border: 1px solid rgba(255, 255, 255, 0.14);background: rgba(255, 255, 255, 0.03);border-radius: 8px;padding: 7px 16px;cursor: pointer;transition: color .25s ease, background-color .25s ease, border-color .25s ease;}.ash-blog-tab:hover { color: #ffffff; border-color: rgba(34, 126, 255, .45); }.ash-blog-tab:focus-visible { outline: 3px solid #7cc4ff; outline-offset: 2px; }.ash-blog-tab.is-active { color: #ffffff; background: #1565d8; border-color: #1565d8; font-weight: 600; }.ash-blog-grid {display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));gap: 1.25rem;}@media (min-width: 768px) { .ash-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } }@media (min-width: 1280px) { .ash-blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.75rem; } }.ash-blog-card { height: 100%; }.ash-blog-card.is-hidden { display: none; }.ash-blog-card__link {display: flex;flex-direction: column;height: 100%;border-radius: 14px;overflow: hidden;border: 1px solid rgba(92, 200, 255, .18);background: #0d1017;text-decoration: none;transition: border-color .3s ease, background-color .3s ease;}.ash-blog-card__link:hover,.ash-blog-card__link:focus-visible { border-color: rgba(34, 126, 255, .55); background: #11141d; }.ash-blog-card__link:focus-visible { outline: 3px solid #7cc4ff; outline-offset: 3px; }.ash-blog-card__media {display: block;position: relative;aspect-ratio: 16 / 10;overflow: hidden;background: #11141d;flex: none;}.ash-blog-card__img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }.ash-blog-card__link:hover .ash-blog-card__img { transform: scale(1.04); }.ash-blog-card__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; flex: 1 1 auto; }.ash-blog-card__cat {align-self: flex-start;font-size: 12px;line-height: 1.6;color: #9fd0ff;background: rgba(34, 126, 255, .12);border: 1px solid rgba(34, 126, 255, .3);border-radius: 999px;padding: 2px 10px;}.ash-blog-card__title {font-size: 1rem;line-height: 1.7;color: #eef2f8;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.ash-blog-card__desc {font-size: .875rem;line-height: 1.8;color: rgba(255, 255, 255, .62);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.ash-blog-card__cta { margin-top: auto; padding-top: 6px; font-size: .8125rem; color: #7cc4ff; }.ash-blog-card__link:hover .ash-blog-card__cta,.ash-blog-card__link:focus-visible .ash-blog-card__cta { color: #ffffff; }/* the floating action bar sits over the last row otherwise */.ash-blog-more { display: flex; justify-content: center; padding: 28px 0 96px; }.ash-blog-more__btn {background-color: #1565d8;color: #ffffff;border: 0;border-radius: 9999px;padding: 12px 28px;font-weight: 600;cursor: pointer;}@media (hover: hover) { .ash-blog-more__btn:hover { background-color: #1257bf; } }.ash-blog-more__btn:focus-visible { outline: 3px solid #7cc4ff; outline-offset: 2px; }/* ---- mobile menu trigger --------------------------------------------------The theme shipped two 1px hairlines of unequal width, which read as a strayline on a phone. Geometry lives here, in the shared header stylesheet, soevery current and future page inherits the same button.                  */.nav-hamburger {position: relative;flex-direction: column;align-items: center;justify-content: center;gap: 6px;width: 30px;height: 24px;padding: 0;border: 0;background: none;flex: 0 0 auto;}/* 30x24 keeps the header row exactly as tall as the logo; the 44px+ tap targetis grown outward with a pseudo element so it can't push the header taller. */.nav-hamburger::after {content: "";position: absolute;top: -11px;right: -10px;bottom: -11px;left: -10px;}.nav-hamburger > span:not(.sr-only) {display: block;width: 28px;height: 3px;margin: 0;border-radius: 2px;background-color: #ffffff;opacity: 1;flex: 0 0 auto;}.nav-hamburger:focus-visible {outline: 2px solid #7cc4ff;outline-offset: 6px;border-radius: 4px;}/* the drawer's X was a 40px button with 2px/16px arms */.nav-hamburger-close {width: 44px;height: 44px;}.nav-hamburger-close > span:not(.sr-only) {width: 22px;height: 3px;border-radius: 2px;background-color: #ffffff;opacity: 1;}.nav-hamburger-close:focus-visible {outline: 2px solid #7cc4ff;outline-offset: 2px;}/* 26 pages draw the drawer's X as an 18px svg with 1.5 hairline strokes */.nav-hamburger-close > svg {width: 22px;height: 22px;}.nav-hamburger-close > svg path {stroke: #ffffff;stroke-width: 2.5;}/* Sprint 2026-07: shared service-card CTA and mobile-header hardening. */.alshohab-service-card {display: flex;flex-direction: column;min-height: 100%;padding-bottom: 24px;}.alshohab-service-card .service-card-button {display: inline-flex;align-items: center;justify-content: center;align-self: center;gap: 8px;min-height: 44px;margin-top: auto;padding: 10px 20px;border: 1px solid #32b7ff;border-radius: 10px;background: #087cff;box-shadow: 0 0 18px rgba(0, 153, 255, .28);color: #ffffff;font-size: 14px;font-weight: 600;line-height: 1.35;text-decoration: none;transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .1s ease;}.alshohab-service-card-link:hover .service-card-button {border-color: #78d4ff;background: #0b78ff;box-shadow: 0 0 24px rgba(0, 153, 255, .42);color: #ffffff;}.alshohab-service-card-link:focus-visible {outline: 3px solid #79d7ff;outline-offset: 4px;border-radius: 14px;}.alshohab-service-card-link:focus-visible .service-card-button {background: #087cff;color: #ffffff;box-shadow: 0 0 0 3px rgba(121, 215, 255, .32), 0 0 22px rgba(0, 153, 255, .34);}.alshohab-service-card-link:active .service-card-button {transform: translateY(1px);background: #066fe6;color: #ffffff;}header {position: relative;z-index: 1000;isolation: isolate;}header aside {z-index: 1100;}@media (max-width: 767px) {.alshohab-service-card .service-card-button { width: 100%; }header { background-color: rgba(5, 10, 23, .94); }header .nav-hamburger { display: flex; min-width: 44px; min-height: 44px; }}@media (prefers-reduced-motion: reduce) {.service-card-button { transition: none !important; }[data-opai-animate], [data-text-reveal] { animation: none !important; transform: none !important; opacity: 1 !important; }}.contact-location-link {display: flex;align-items: center;justify-content: center;padding: 24px;border: 1px solid rgba(50, 183, 255, .5);border-radius: 8px;background: radial-gradient(circle at center, rgba(8,124,255,.2), rgba(7,13,28,.96));color: #ffffff;text-align: center;text-decoration: none;}.contact-location-link:hover { border-color: #32b7ff; background-color: rgba(8,124,255,.2); color: #ffffff; }.contact-location-link:focus-visible { outline: 3px solid #79d7ff; outline-offset: 3px; }