{"id":15790,"date":"2025-07-21T18:10:39","date_gmt":"2025-07-21T10:10:39","guid":{"rendered":"https:\/\/www.elishtech.com\/?page_id=15790"},"modified":"2026-04-10T18:40:20","modified_gmt":"2026-04-10T10:40:20","slug":"products","status":"publish","type":"page","link":"https:\/\/www.elishtech.com\/en\/products\/","title":{"rendered":"Equipment"},"content":{"rendered":"\n<html lang=\"ru\"><head><style data-href=\"base-ui-disable-scrollbar\" data-precedence=\"base-ui:low\">.base-ui-disable-scrollbar{scrollbar-width:none}.base-ui-disable-scrollbar::-webkit-scrollbar{display:none}<\/style>\n    <script type=\"module\" src=\"\/@vite\/client\"><\/script>\n\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>My Google AI Studio App<\/title>\n  <script src=\"\/_aistudio-iframe.js\"><\/script><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/html2canvas-pro\"><\/script><style>.aistudio-hover-highlight { box-shadow: inset 0 0 0 0.5px white, inset 0 0 0 1.5px rgba(128,128,128,0.6) !important; }.aistudio-active-highlight { box-shadow: inset 0 0 0 0.5px white, inset 0 0 0 1.5px #87a9ff !important; }#aistudio-focus-mode-tag { position: absolute; display: none; background: #87a9ff; border-radius: 4px; border: 0.5px solid white; z-index: 10000; text-transform: lowercase; padding: 2px 4px; color: #32302c; font-family: Inter, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; pointer-events: none; }#aistudio-hover-mode-tag { position: absolute; display: none; background: rgba(128,128,128,0.6); border-radius: 4px; border: 0.5px solid white; z-index: 10000; text-transform: lowercase; padding: 2px 4px; color: white; font-family: Inter, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; pointer-events: none; }<\/style><style type=\"text\/css\" data-vite-dev-id=\"\/app\/applet\/src\/index.css\">\/*! tailwindcss v4.2.2 | MIT License | https:\/\/tailwindcss.com *\/\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: 'Geist Variable', sans-serif;\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-50: oklch(97.1% 0.013 17.38);\n    --color-red-200: oklch(88.5% 0.062 18.334);\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --color-red-600: oklch(57.7% 0.245 27.325);\n    --color-orange-500: oklch(70.5% 0.213 47.604);\n    --color-lime-50: oklch(98.6% 0.031 120.757);\n    --color-lime-200: oklch(93.8% 0.127 124.321);\n    --color-lime-600: oklch(64.8% 0.2 131.684);\n    --color-green-50: oklch(98.2% 0.018 155.826);\n    --color-green-200: oklch(92.5% 0.084 155.995);\n    --color-green-600: oklch(62.7% 0.194 149.214);\n    --color-emerald-50: oklch(97.9% 0.021 166.113);\n    --color-emerald-200: oklch(90.5% 0.093 164.15);\n    --color-emerald-400: oklch(76.5% 0.177 163.223);\n    --color-emerald-500: oklch(69.6% 0.17 162.48);\n    --color-emerald-600: oklch(59.6% 0.145 163.225);\n    --color-cyan-50: oklch(98.4% 0.019 200.873);\n    --color-cyan-200: oklch(91.7% 0.08 205.041);\n    --color-cyan-600: oklch(60.9% 0.126 221.723);\n    --color-sky-50: oklch(97.7% 0.013 236.62);\n    --color-sky-200: oklch(90.1% 0.058 230.902);\n    --color-sky-500: oklch(68.5% 0.169 237.323);\n    --color-blue-50: oklch(97% 0.014 254.604);\n    --color-blue-100: oklch(93.2% 0.032 255.585);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-300: oklch(80.9% 0.105 251.813);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-blue-500: oklch(62.3% 0.214 259.815);\n    --color-blue-600: oklch(54.6% 0.245 262.881);\n    --color-blue-700: oklch(48.8% 0.243 264.376);\n    --color-blue-800: oklch(42.4% 0.199 265.638);\n    --color-blue-900: oklch(37.9% 0.146 265.522);\n    --color-indigo-400: oklch(67.3% 0.182 276.935);\n    --color-purple-500: oklch(62.7% 0.265 303.9);\n    --color-slate-50: oklch(98.4% 0.003 247.858);\n    --color-slate-100: oklch(96.8% 0.007 247.896);\n    --color-slate-200: oklch(92.9% 0.013 255.508);\n    --color-slate-300: oklch(86.9% 0.022 252.894);\n    --color-slate-400: oklch(70.4% 0.04 256.788);\n    --color-slate-500: oklch(55.4% 0.046 257.417);\n    --color-slate-600: oklch(44.6% 0.043 257.281);\n    --color-slate-700: oklch(37.2% 0.044 257.287);\n    --color-slate-800: oklch(27.9% 0.041 260.031);\n    --color-slate-900: oklch(20.8% 0.042 265.755);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-2xl: 42rem;\n    --container-3xl: 48rem;\n    --container-5xl: 64rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 \/ 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 \/ 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 \/ 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 \/ 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 \/ 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 \/ 1.5);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 \/ 1.875);\n    --text-4xl: 2.25rem;\n    --text-4xl--line-height: calc(2.5 \/ 2.25);\n    --text-5xl: 3rem;\n    --text-5xl--line-height: 1;\n    --text-7xl: 4.5rem;\n    --text-7xl--line-height: 1;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --font-weight-black: 900;\n    --tracking-tighter: -0.05em;\n    --tracking-tight: -0.025em;\n    --tracking-wider: 0.05em;\n    --tracking-widest: 0.1em;\n    --leading-tight: 1.25;\n    --leading-snug: 1.375;\n    --leading-relaxed: 1.625;\n    --radius-md: calc(var(--radius) * 0.8);\n    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --blur-sm: 8px;\n    --blur-2xl: 40px;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: 'Geist Variable', sans-serif;\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    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\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .\\@container\\\/card-header {\n    container-type: inline-size;\n    container-name: card-header;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .inset-y-0 {\n    inset-block: calc(var(--spacing) * 0);\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-1\\\/2 {\n    top: calc(1 \/ 2 * 100%);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-1\\\/4 {\n    left: calc(1 \/ 4 * 100%);\n  }\n  .left-4 {\n    left: calc(var(--spacing) * 4);\n  }\n  .-z-0 {\n    z-index: calc(0 * -1);\n  }\n  .-z-10 {\n    z-index: calc(10 * -1);\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .col-start-2 {\n    grid-column-start: 2;\n  }\n  .row-span-2 {\n    grid-row: span 2 \/ span 2;\n  }\n  .row-start-1 {\n    grid-row-start: 1;\n  }\n  .container {\n    width: 100%;\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .mt-0 {\n    margin-top: calc(var(--spacing) * 0);\n  }\n  .mt-8 {\n    margin-top: calc(var(--spacing) * 8);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n  .mb-8 {\n    margin-bottom: calc(var(--spacing) * 8);\n  }\n  .mb-10 {\n    margin-bottom: calc(var(--spacing) * 10);\n  }\n  .mb-12 {\n    margin-bottom: calc(var(--spacing) * 12);\n  }\n  .mb-16 {\n    margin-bottom: calc(var(--spacing) * 16);\n  }\n  .mb-20 {\n    margin-bottom: calc(var(--spacing) * 20);\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .size-6 {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n  .size-7 {\n    width: calc(var(--spacing) * 7);\n    height: calc(var(--spacing) * 7);\n  }\n  .size-8 {\n    width: calc(var(--spacing) * 8);\n    height: calc(var(--spacing) * 8);\n  }\n  .size-9 {\n    width: calc(var(--spacing) * 9);\n    height: calc(var(--spacing) * 9);\n  }\n  .size-full {\n    width: 100%;\n    height: 100%;\n  }\n  .h-\\(--accordion-panel-height\\) {\n    height: var(--accordion-panel-height);\n  }\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n  .h-14 {\n    height: calc(var(--spacing) * 14);\n  }\n  .h-24 {\n    height: calc(var(--spacing) * 24);\n  }\n  .h-\\[500px\\] {\n    height: 500px;\n  }\n  .h-\\[calc\\(100\\%-1px\\)\\] {\n    height: calc(100% - 1px);\n  }\n  .h-full {\n    height: 100%;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n  .w-14 {\n    width: calc(var(--spacing) * 14);\n  }\n  .w-24 {\n    width: calc(var(--spacing) * 24);\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n  .w-\\[500px\\] {\n    width: 500px;\n  }\n  .w-fit {\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-2xl {\n    max-width: var(--container-2xl);\n  }\n  .max-w-3xl {\n    max-width: var(--container-3xl);\n  }\n  .max-w-5xl {\n    max-width: var(--container-5xl);\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n  .-translate-y-1\\\/2 {\n    --tw-translate-y: calc(calc(1 \/ 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .animate-ping {\n    animation: var(--animate-ping);\n  }\n  .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n  .cursor-default {\n    cursor: default;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .touch-none {\n    touch-action: none;\n  }\n  .auto-rows-min {\n    grid-auto-rows: min-content;\n  }\n  .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-start {\n    justify-content: flex-start;\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .gap-6 {\n    gap: calc(var(--spacing) * 6);\n  }\n  .gap-8 {\n    gap: calc(var(--spacing) * 8);\n  }\n  .gap-20 {\n    gap: calc(var(--spacing) * 20);\n  }\n  .space-y-10 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .self-start {\n    align-self: flex-start;\n  }\n  .justify-self-end {\n    justify-self: flex-end;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .rounded-2xl {\n    border-radius: calc(var(--radius) * 1.8);\n  }\n  .rounded-4xl {\n    border-radius: calc(var(--radius) * 2.6);\n  }\n  .rounded-\\[inherit\\] {\n    border-radius: inherit;\n  }\n  .rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\] {\n    border-radius: min(var(--radius-md), 10px);\n  }\n  .rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\] {\n    border-radius: min(var(--radius-md), 12px);\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--radius);\n  }\n  .rounded-md {\n    border-radius: calc(var(--radius) * 0.8);\n  }\n  .rounded-xl {\n    border-radius: calc(var(--radius) * 1.4);\n  }\n  .rounded-t-xl {\n    border-top-left-radius: calc(var(--radius) * 1.4);\n    border-top-right-radius: calc(var(--radius) * 1.4);\n  }\n  .rounded-b-xl {\n    border-bottom-right-radius: calc(var(--radius) * 1.4);\n    border-bottom-left-radius: calc(var(--radius) * 1.4);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .border-y {\n    border-block-style: var(--tw-border-style);\n    border-block-width: 1px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .border-blue-500\\\/20 {\n    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n    }\n  }\n  .border-blue-500\\\/30 {\n    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);\n    }\n  }\n  .border-blue-600\\\/20 {\n    border-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);\n    }\n  }\n  .border-border {\n    border-color: var(--border);\n  }\n  .border-emerald-500\\\/20 {\n    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);\n    }\n  }\n  .border-slate-100 {\n    border-color: var(--color-slate-100);\n  }\n  .border-slate-200 {\n    border-color: var(--color-slate-200);\n  }\n  .border-slate-700 {\n    border-color: var(--color-slate-700);\n  }\n  .border-slate-800 {\n    border-color: var(--color-slate-800);\n  }\n  .border-transparent {\n    border-color: transparent;\n  }\n  .bg-\\[\\#020617\\] {\n    background-color: #020617;\n  }\n  .bg-background {\n    background-color: var(--background);\n  }\n  .bg-blue-500\\\/5 {\n    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);\n    }\n  }\n  .bg-blue-500\\\/10 {\n    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);\n    }\n  }\n  .bg-blue-600 {\n    background-color: var(--color-blue-600);\n  }\n  .bg-blue-600\\\/10 {\n    background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-blue-600) 10%, transparent);\n    }\n  }\n  .bg-blue-600\\\/20 {\n    background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);\n    }\n  }\n  .bg-blue-600\\\/30 {\n    background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-blue-600) 30%, transparent);\n    }\n  }\n  .bg-border {\n    background-color: var(--border);\n  }\n  .bg-card {\n    background-color: var(--card);\n  }\n  .bg-destructive\\\/10 {\n    background-color: var(--destructive);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n    }\n  }\n  .bg-emerald-500\\\/10 {\n    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);\n    }\n  }\n  .bg-muted {\n    background-color: var(--muted);\n  }\n  .bg-muted\\\/50 {\n    background-color: var(--muted);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n    }\n  }\n  .bg-orange-500\\\/10 {\n    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);\n    }\n  }\n  .bg-primary {\n    background-color: var(--primary);\n  }\n  .bg-purple-500\\\/10 {\n    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);\n    }\n  }\n  .bg-secondary {\n    background-color: var(--secondary);\n  }\n  .bg-slate-50 {\n    background-color: var(--color-slate-50);\n  }\n  .bg-slate-50\\\/40 {\n    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-50) 40%, transparent);\n    }\n  }\n  .bg-slate-100 {\n    background-color: var(--color-slate-100);\n  }\n  .bg-slate-200\\\/50 {\n    background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent);\n    }\n  }\n  .bg-slate-800 {\n    background-color: var(--color-slate-800);\n  }\n  .bg-slate-800\\\/50 {\n    background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);\n    }\n  }\n  .bg-slate-900 {\n    background-color: var(--color-slate-900);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .bg-gradient-to-br {\n    --tw-gradient-position: to bottom right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-l {\n    --tw-gradient-position: to left in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-r {\n    --tw-gradient-position: to right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-\\[linear-gradient\\(to_right\\,\\#1e293b_1px\\,transparent_1px\\)\\,linear-gradient\\(to_bottom\\,\\#1e293b_1px\\,transparent_1px\\)\\] {\n    background-image: linear-gradient(to right,#1e293b 1px,transparent 1px),linear-gradient(to bottom,#1e293b 1px,transparent 1px);\n  }\n  .from-blue-400 {\n    --tw-gradient-from: var(--color-blue-400);\n    --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));\n  }\n  .from-blue-600\\\/10 {\n    --tw-gradient-from: color-mix(in srgb, oklch(54.6% 0.245 262.881) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--color-blue-600) 10%, transparent);\n    }\n    --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));\n  }\n  .from-white {\n    --tw-gradient-from: var(--color-white);\n    --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));\n  }\n  .via-white\\\/80 {\n    --tw-gradient-via: color-mix(in srgb, #fff 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-via: color-mix(in oklab, var(--color-white) 80%, transparent);\n    }\n    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .to-indigo-400 {\n    --tw-gradient-to: var(--color-indigo-400);\n    --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));\n  }\n  .to-transparent {\n    --tw-gradient-to: transparent;\n    --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));\n  }\n  .bg-\\[size\\:60px_60px\\] {\n    background-size: 60px 60px;\n  }\n  .bg-clip-padding {\n    background-clip: padding-box;\n  }\n  .bg-clip-text {\n    background-clip: text;\n  }\n  .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .p-8 {\n    padding: calc(var(--spacing) * 8);\n  }\n  .p-\\[3px\\] {\n    padding: 3px;\n  }\n  .p-px {\n    padding: 1px;\n  }\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n  .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .px-8 {\n    padding-inline: calc(var(--spacing) * 8);\n  }\n  .px-10 {\n    padding-inline: calc(var(--spacing) * 10);\n  }\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * 0.5);\n  }\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6);\n  }\n  .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n  .py-20 {\n    padding-block: calc(var(--spacing) * 20);\n  }\n  .py-24 {\n    padding-block: calc(var(--spacing) * 24);\n  }\n  .pt-0 {\n    padding-top: calc(var(--spacing) * 0);\n  }\n  .pr-6 {\n    padding-right: calc(var(--spacing) * 6);\n  }\n  .pb-2\\.5 {\n    padding-bottom: calc(var(--spacing) * 2.5);\n  }\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n  .pb-6 {\n    padding-bottom: calc(var(--spacing) * 6);\n  }\n  .pb-8 {\n    padding-bottom: calc(var(--spacing) * 8);\n  }\n  .pl-12 {\n    padding-left: calc(var(--spacing) * 12);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .font-heading {\n    font-family: var(--font-sans);\n  }\n  .font-sans {\n    font-family: 'Geist Variable', sans-serif;\n  }\n  .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n  .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n  .text-4xl {\n    font-size: var(--text-4xl);\n    line-height: var(--tw-leading, var(--text-4xl--line-height));\n  }\n  .text-5xl {\n    font-size: var(--text-5xl);\n    line-height: var(--tw-leading, var(--text-5xl--line-height));\n  }\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .text-\\[0\\.8rem\\] {\n    font-size: 0.8rem;\n  }\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .leading-\\[1\\.05\\] {\n    --tw-leading: 1.05;\n    line-height: 1.05;\n  }\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n  .font-black {\n    --tw-font-weight: var(--font-weight-black);\n    font-weight: var(--font-weight-black);\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .tracking-\\[0\\.2em\\] {\n    --tw-tracking: 0.2em;\n    letter-spacing: 0.2em;\n  }\n  .tracking-\\[0\\.3em\\] {\n    --tw-tracking: 0.3em;\n    letter-spacing: 0.3em;\n  }\n  .tracking-tight {\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n  .tracking-tighter {\n    --tw-tracking: var(--tracking-tighter);\n    letter-spacing: var(--tracking-tighter);\n  }\n  .tracking-wider {\n    --tw-tracking: var(--tracking-wider);\n    letter-spacing: var(--tracking-wider);\n  }\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest);\n    letter-spacing: var(--tracking-widest);\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .\\!text-white {\n    color: var(--color-white) !important;\n  }\n  .text-blue-400 {\n    color: var(--color-blue-400);\n  }\n  .text-blue-500 {\n    color: var(--color-blue-500);\n  }\n  .text-blue-600 {\n    color: var(--color-blue-600);\n  }\n  .text-card-foreground {\n    color: var(--card-foreground);\n  }\n  .text-destructive {\n    color: var(--destructive);\n  }\n  .text-emerald-400 {\n    color: var(--color-emerald-400);\n  }\n  .text-emerald-500 {\n    color: var(--color-emerald-500);\n  }\n  .text-foreground {\n    color: var(--foreground);\n  }\n  .text-foreground\\\/60 {\n    color: var(--foreground);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--foreground) 60%, transparent);\n    }\n  }\n  .text-muted-foreground {\n    color: var(--muted-foreground);\n  }\n  .text-orange-500 {\n    color: var(--color-orange-500);\n  }\n  .text-primary {\n    color: var(--primary);\n  }\n  .text-primary-foreground {\n    color: var(--primary-foreground);\n  }\n  .text-purple-500 {\n    color: var(--color-purple-500);\n  }\n  .text-secondary-foreground {\n    color: var(--secondary-foreground);\n  }\n  .text-slate-300 {\n    color: var(--color-slate-300);\n  }\n  .text-slate-400 {\n    color: var(--color-slate-400);\n  }\n  .text-slate-400\\\/60 {\n    color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-slate-400) 60%, transparent);\n    }\n  }\n  .text-slate-500 {\n    color: var(--color-slate-500);\n  }\n  .text-slate-600 {\n    color: var(--color-slate-600);\n  }\n  .text-slate-900 {\n    color: var(--color-slate-900);\n  }\n  .text-transparent {\n    color: transparent;\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n  .opacity-10 {\n    opacity: 10%;\n  }\n  .opacity-20 {\n    opacity: 20%;\n  }\n  .shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 \/ 0.25));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 \/ 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 \/ 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 \/ 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 \/ 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-xl {\n    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 \/ 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 \/ 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-black\\\/20 {\n    --tw-shadow-color: color-mix(in srgb, #000 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-blue-600\\\/20 {\n    --tw-shadow-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 20%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-blue-600\\\/30 {\n    --tw-shadow-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 30%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .ring-foreground\\\/10 {\n    --tw-ring-color: var(--foreground);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);\n    }\n  }\n  .ring-offset-white {\n    --tw-ring-offset-color: var(--color-white);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .blur-\\[120px\\] {\n    --tw-blur: blur(120px);\n    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,);\n  }\n  .backdrop-blur-2xl {\n    --tw-backdrop-blur: blur(var(--blur-2xl));\n    -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,);\n    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,);\n  }\n  .backdrop-blur-sm {\n    --tw-backdrop-blur: blur(var(--blur-sm));\n    -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,);\n    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,);\n  }\n  .transition {\n    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;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[color\\,box-shadow\\] {\n    transition-property: color,box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .duration-500 {\n    --tw-duration: 500ms;\n    transition-duration: 500ms;\n  }\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .not-last\\:border-b {\n    &:not(*:last-child) {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 1px;\n    }\n  }\n  .group-hover\\:translate-x-1 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-translate-x: calc(var(--spacing) * 1);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .group-hover\\:scale-110 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-scale-x: 110%;\n        --tw-scale-y: 110%;\n        --tw-scale-z: 110%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .group-hover\\:border-blue-500 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-blue-500);\n      }\n    }\n  }\n  .group-hover\\:border-emerald-500 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-emerald-500);\n      }\n    }\n  }\n  .group-hover\\:bg-blue-600 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        background-color: var(--color-blue-600);\n      }\n    }\n  }\n  .group-hover\\:bg-emerald-600 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        background-color: var(--color-emerald-600);\n      }\n    }\n  }\n  .group-hover\\:text-blue-500 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        color: var(--color-blue-500);\n      }\n    }\n  }\n  .group-hover\\:text-blue-600 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        color: var(--color-blue-600);\n      }\n    }\n  }\n  .group-hover\\:text-white {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        color: var(--color-white);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:border-blue-200 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-blue-200);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:border-blue-300 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-blue-300);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:border-cyan-200 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-cyan-200);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:border-emerald-200 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-emerald-200);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:border-green-200 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-green-200);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:border-lime-200 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-lime-200);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:border-red-200 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-red-200);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:border-sky-200 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-sky-200);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:bg-blue-50\\\/30 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\\/brand\\:bg-cyan-50\\\/30 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(98.4% 0.019 200.873) 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-cyan-50) 30%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\\/brand\\:bg-emerald-50\\\/30 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-emerald-50) 30%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\\/brand\\:bg-green-50\\\/30 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(98.2% 0.018 155.826) 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-green-50) 30%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\\/brand\\:bg-lime-50\\\/30 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(98.6% 0.031 120.757) 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-lime-50) 30%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\\/brand\\:bg-red-50\\\/30 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-red-50) 30%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\\/brand\\:bg-sky-50\\\/30 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-sky-50) 30%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-blue-400 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-blue-400);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-blue-500 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-blue-500);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-blue-600 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-blue-600);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-blue-700 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-blue-700);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-blue-800 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-blue-800);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-cyan-600 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-cyan-600);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-emerald-600 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-emerald-600);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-green-600 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-green-600);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-lime-600 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-lime-600);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-red-500 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-red-500);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-red-600 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-red-600);\n      }\n    }\n  }\n  .group-hover\\\/brand\\:text-sky-500 {\n    &:is(:where(.group\\\/brand):hover *) {\n      @media (hover: hover) {\n        color: var(--color-sky-500);\n      }\n    }\n  }\n  .group-aria-expanded\\\/accordion-trigger\\:hidden {\n    &:is(:where(.group\\\/accordion-trigger)[aria-expanded=\"true\"] *) {\n      display: none;\n    }\n  }\n  .group-aria-expanded\\\/accordion-trigger\\:inline {\n    &:is(:where(.group\\\/accordion-trigger)[aria-expanded=\"true\"] *) {\n      display: inline;\n    }\n  }\n  .group-data-\\[size\\=sm\\]\\\/card\\:p-3 {\n    &:is(:where(.group\\\/card)[data-size=\"sm\"] *) {\n      padding: calc(var(--spacing) * 3);\n    }\n  }\n  .group-data-\\[size\\=sm\\]\\\/card\\:px-3 {\n    &:is(:where(.group\\\/card)[data-size=\"sm\"] *) {\n      padding-inline: calc(var(--spacing) * 3);\n    }\n  }\n  .group-data-\\[size\\=sm\\]\\\/card\\:text-sm {\n    &:is(:where(.group\\\/card)[data-size=\"sm\"] *) {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .group-data-\\[variant\\=line\\]\\\/tabs-list\\:bg-transparent {\n    &:is(:where(.group\\\/tabs-list)[data-variant=\"line\"] *) {\n      background-color: transparent;\n    }\n  }\n  .group-data-horizontal\\\/tabs\\:h-8 {\n    &:is(:where(.group\\\/tabs):where([data-orientation=\"horizontal\"]) *) {\n      height: calc(var(--spacing) * 8);\n    }\n  }\n  .group-data-vertical\\\/tabs\\:h-fit {\n    &:is(:where(.group\\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      height: fit-content;\n    }\n  }\n  .group-data-vertical\\\/tabs\\:w-full {\n    &:is(:where(.group\\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      width: 100%;\n    }\n  }\n  .group-data-vertical\\\/tabs\\:flex-col {\n    &:is(:where(.group\\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      flex-direction: column;\n    }\n  }\n  .group-data-vertical\\\/tabs\\:justify-start {\n    &:is(:where(.group\\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      justify-content: flex-start;\n    }\n  }\n  .selection\\:bg-blue-100 {\n    & *::selection {\n      background-color: var(--color-blue-100);\n    }\n    &::selection {\n      background-color: var(--color-blue-100);\n    }\n  }\n  .selection\\:text-blue-900 {\n    & *::selection {\n      color: var(--color-blue-900);\n    }\n    &::selection {\n      color: var(--color-blue-900);\n    }\n  }\n  .placeholder\\:text-slate-400 {\n    &::placeholder {\n      color: var(--color-slate-400);\n    }\n  }\n  .after\\:absolute {\n    &::after {\n      content: var(--tw-content);\n      position: absolute;\n    }\n  }\n  .after\\:bg-foreground {\n    &::after {\n      content: var(--tw-content);\n      background-color: var(--foreground);\n    }\n  }\n  .after\\:opacity-0 {\n    &::after {\n      content: var(--tw-content);\n      opacity: 0%;\n    }\n  }\n  .after\\:transition-opacity {\n    &::after {\n      content: var(--tw-content);\n      transition-property: opacity;\n      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n      transition-duration: var(--tw-duration, var(--default-transition-duration));\n    }\n  }\n  .group-data-horizontal\\\/tabs\\:after\\:inset-x-0 {\n    &:is(:where(.group\\\/tabs):where([data-orientation=\"horizontal\"]) *) {\n      &::after {\n        content: var(--tw-content);\n        inset-inline: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .group-data-horizontal\\\/tabs\\:after\\:bottom-\\[-5px\\] {\n    &:is(:where(.group\\\/tabs):where([data-orientation=\"horizontal\"]) *) {\n      &::after {\n        content: var(--tw-content);\n        bottom: -5px;\n      }\n    }\n  }\n  .group-data-horizontal\\\/tabs\\:after\\:h-0\\.5 {\n    &:is(:where(.group\\\/tabs):where([data-orientation=\"horizontal\"]) *) {\n      &::after {\n        content: var(--tw-content);\n        height: calc(var(--spacing) * 0.5);\n      }\n    }\n  }\n  .group-data-vertical\\\/tabs\\:after\\:inset-y-0 {\n    &:is(:where(.group\\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      &::after {\n        content: var(--tw-content);\n        inset-block: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .group-data-vertical\\\/tabs\\:after\\:-right-1 {\n    &:is(:where(.group\\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      &::after {\n        content: var(--tw-content);\n        right: calc(var(--spacing) * -1);\n      }\n    }\n  }\n  .group-data-vertical\\\/tabs\\:after\\:w-0\\.5 {\n    &:is(:where(.group\\\/tabs):where([data-orientation=\"vertical\"]) *) {\n      &::after {\n        content: var(--tw-content);\n        width: calc(var(--spacing) * 0.5);\n      }\n    }\n  }\n  .hover\\:scale-105 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-scale-x: 105%;\n        --tw-scale-y: 105%;\n        --tw-scale-z: 105%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .hover\\:scale-\\[1\\.03\\] {\n    &:hover {\n      @media (hover: hover) {\n        scale: 1.03;\n      }\n    }\n  }\n  .hover\\:border-blue-200 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-blue-200);\n      }\n    }\n  }\n  .hover\\:border-blue-300 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-blue-300);\n      }\n    }\n  }\n  .hover\\:border-blue-500\\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-blue-50\\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-blue-500 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-blue-500);\n      }\n    }\n  }\n  .hover\\:bg-destructive\\\/20 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--destructive);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--muted);\n      }\n    }\n  }\n  .hover\\:bg-secondary\\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--secondary);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-slate-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-700);\n      }\n    }\n  }\n  .hover\\:text-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--foreground);\n      }\n    }\n  }\n  .hover\\:text-muted-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--muted-foreground);\n      }\n    }\n  }\n  .hover\\:underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline;\n      }\n    }\n  }\n  .hover\\:shadow-2xl {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 \/ 0.25));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-\\[0_20px_50px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(0,0,0,0.04));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-lg {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 \/ 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 \/ 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-blue-500\\\/5 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 5%, transparent) var(--tw-shadow-alpha), transparent);\n        }\n      }\n    }\n  }\n  .focus\\:border-blue-500 {\n    &:focus {\n      border-color: var(--color-blue-500);\n    }\n  }\n  .focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-blue-500\\\/20 {\n    &:focus {\n      --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n      }\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .focus-visible\\:border-destructive\\\/40 {\n    &:focus-visible {\n      border-color: var(--destructive);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n      }\n    }\n  }\n  .focus-visible\\:border-ring {\n    &:focus-visible {\n      border-color: var(--ring);\n    }\n  }\n  .focus-visible\\:ring-2 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-3 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-\\[3px\\] {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-blue-500 {\n    &:focus-visible {\n      --tw-ring-color: var(--color-blue-500);\n    }\n  }\n  .focus-visible\\:ring-destructive\\\/20 {\n    &:focus-visible {\n      --tw-ring-color: var(--destructive);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n      }\n    }\n  }\n  .focus-visible\\:ring-ring\\\/50 {\n    &:focus-visible {\n      --tw-ring-color: var(--ring);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n      }\n    }\n  }\n  .focus-visible\\:ring-offset-2 {\n    &:focus-visible {\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus-visible\\:outline-1 {\n    &:focus-visible {\n      outline-style: var(--tw-outline-style);\n      outline-width: 1px;\n    }\n  }\n  .focus-visible\\:outline-ring {\n    &:focus-visible {\n      outline-color: var(--ring);\n    }\n  }\n  .focus-visible\\:outline-none {\n    &:focus-visible {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .focus-visible\\:after\\:border-ring {\n    &:focus-visible {\n      &::after {\n        content: var(--tw-content);\n        border-color: var(--ring);\n      }\n    }\n  }\n  .active\\:scale-95 {\n    &:active {\n      --tw-scale-x: 95%;\n      --tw-scale-y: 95%;\n      --tw-scale-z: 95%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n  }\n  .active\\:not-aria-\\[haspopup\\]\\:translate-y-px {\n    &:active {\n      &:not(*[aria-haspopup]) {\n        --tw-translate-y: 1px;\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .disabled\\:pointer-events-none {\n    &:disabled {\n      pointer-events: none;\n    }\n  }\n  .disabled\\:opacity-50 {\n    &:disabled {\n      opacity: 50%;\n    }\n  }\n  .in-data-\\[slot\\=button-group\\]\\:rounded-lg {\n    :where(*[data-slot=\"button-group\"]) & {\n      border-radius: var(--radius);\n    }\n  }\n  .has-data-\\[icon\\=inline-end\\]\\:pr-1 {\n    &:has(*[data-icon=\"inline-end\"]) {\n      padding-right: calc(var(--spacing) * 1);\n    }\n  }\n  .has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5 {\n    &:has(*[data-icon=\"inline-end\"]) {\n      padding-right: calc(var(--spacing) * 1.5);\n    }\n  }\n  .has-data-\\[icon\\=inline-end\\]\\:pr-2 {\n    &:has(*[data-icon=\"inline-end\"]) {\n      padding-right: calc(var(--spacing) * 2);\n    }\n  }\n  .has-data-\\[icon\\=inline-start\\]\\:pl-1 {\n    &:has(*[data-icon=\"inline-start\"]) {\n      padding-left: calc(var(--spacing) * 1);\n    }\n  }\n  .has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5 {\n    &:has(*[data-icon=\"inline-start\"]) {\n      padding-left: calc(var(--spacing) * 1.5);\n    }\n  }\n  .has-data-\\[icon\\=inline-start\\]\\:pl-2 {\n    &:has(*[data-icon=\"inline-start\"]) {\n      padding-left: calc(var(--spacing) * 2);\n    }\n  }\n  .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\] {\n    &:has(*[data-slot=\"card-action\"]) {\n      grid-template-columns: 1fr auto;\n    }\n  }\n  .has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\] {\n    &:has(*[data-slot=\"card-description\"]) {\n      grid-template-rows: auto auto;\n    }\n  }\n  .has-data-\\[slot\\=card-footer\\]\\:pb-0 {\n    &:has(*[data-slot=\"card-footer\"]) {\n      padding-bottom: calc(var(--spacing) * 0);\n    }\n  }\n  .has-\\[\\>img\\:first-child\\]\\:pt-0 {\n    &:has(>img:first-child) {\n      padding-top: calc(var(--spacing) * 0);\n    }\n  }\n  .aria-disabled\\:pointer-events-none {\n    &[aria-disabled=\"true\"] {\n      pointer-events: none;\n    }\n  }\n  .aria-disabled\\:opacity-50 {\n    &[aria-disabled=\"true\"] {\n      opacity: 50%;\n    }\n  }\n  .aria-expanded\\:bg-muted {\n    &[aria-expanded=\"true\"] {\n      background-color: var(--muted);\n    }\n  }\n  .aria-expanded\\:bg-secondary {\n    &[aria-expanded=\"true\"] {\n      background-color: var(--secondary);\n    }\n  }\n  .aria-expanded\\:text-foreground {\n    &[aria-expanded=\"true\"] {\n      color: var(--foreground);\n    }\n  }\n  .aria-expanded\\:text-secondary-foreground {\n    &[aria-expanded=\"true\"] {\n      color: var(--secondary-foreground);\n    }\n  }\n  .aria-invalid\\:border-destructive {\n    &[aria-invalid=\"true\"] {\n      border-color: var(--destructive);\n    }\n  }\n  .aria-invalid\\:ring-3 {\n    &[aria-invalid=\"true\"] {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .aria-invalid\\:ring-destructive\\\/20 {\n    &[aria-invalid=\"true\"] {\n      --tw-ring-color: var(--destructive);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n      }\n    }\n  }\n  .data-ending-style\\:h-0 {\n    &[data-ending-style] {\n      height: calc(var(--spacing) * 0);\n    }\n  }\n  .data-starting-style\\:h-0 {\n    &[data-starting-style] {\n      height: calc(var(--spacing) * 0);\n    }\n  }\n  .data-\\[size\\=sm\\]\\:gap-3 {\n    &[data-size=\"sm\"] {\n      gap: calc(var(--spacing) * 3);\n    }\n  }\n  .data-\\[size\\=sm\\]\\:py-3 {\n    &[data-size=\"sm\"] {\n      padding-block: calc(var(--spacing) * 3);\n    }\n  }\n  .data-\\[size\\=sm\\]\\:has-data-\\[slot\\=card-footer\\]\\:pb-0 {\n    &[data-size=\"sm\"] {\n      &:has(*[data-slot=\"card-footer\"]) {\n        padding-bottom: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .\\*\\*\\:data-\\[slot\\=accordion-trigger-icon\\]\\:ml-auto {\n    :is(& *) {\n      &[data-slot=\"accordion-trigger-icon\"] {\n        margin-left: auto;\n      }\n    }\n  }\n  .\\*\\*\\:data-\\[slot\\=accordion-trigger-icon\\]\\:size-4 {\n    :is(& *) {\n      &[data-slot=\"accordion-trigger-icon\"] {\n        width: calc(var(--spacing) * 4);\n        height: calc(var(--spacing) * 4);\n      }\n    }\n  }\n  .\\*\\*\\:data-\\[slot\\=accordion-trigger-icon\\]\\:text-muted-foreground {\n    :is(& *) {\n      &[data-slot=\"accordion-trigger-icon\"] {\n        color: var(--muted-foreground);\n      }\n    }\n  }\n  .data-\\[state\\=active\\]\\:bg-white {\n    &[data-state=\"active\"] {\n      background-color: var(--color-white);\n    }\n  }\n  .data-\\[state\\=active\\]\\:text-blue-600 {\n    &[data-state=\"active\"] {\n      color: var(--color-blue-600);\n    }\n  }\n  .data-\\[state\\=active\\]\\:shadow-md {\n    &[data-state=\"active\"] {\n      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 \/ 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 \/ 0.1));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .data-\\[variant\\=line\\]\\:rounded-none {\n    &[data-variant=\"line\"] {\n      border-radius: 0;\n    }\n  }\n  .sm\\:flex-row {\n    @media (width >= 40rem) {\n      flex-direction: row;\n    }\n  }\n  .md\\:flex {\n    @media (width >= 48rem) {\n      display: flex;\n    }\n  }\n  .md\\:w-80 {\n    @media (width >= 48rem) {\n      width: calc(var(--spacing) * 80);\n    }\n  }\n  .md\\:grid-cols-2 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .md\\:flex-row {\n    @media (width >= 48rem) {\n      flex-direction: row;\n    }\n  }\n  .md\\:items-end {\n    @media (width >= 48rem) {\n      align-items: flex-end;\n    }\n  }\n  .md\\:py-32 {\n    @media (width >= 48rem) {\n      padding-block: calc(var(--spacing) * 32);\n    }\n  }\n  .md\\:text-left {\n    @media (width >= 48rem) {\n      text-align: left;\n    }\n  }\n  .md\\:text-3xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-3xl);\n      line-height: var(--tw-leading, var(--text-3xl--line-height));\n    }\n  }\n  .md\\:text-5xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-5xl);\n      line-height: var(--tw-leading, var(--text-5xl--line-height));\n    }\n  }\n  .md\\:text-7xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-7xl);\n      line-height: var(--tw-leading, var(--text-7xl--line-height));\n    }\n  }\n  .lg\\:grid-cols-2 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-4 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .dark\\:border-input {\n    &:is(.dark *) {\n      border-color: var(--input);\n    }\n  }\n  .dark\\:bg-destructive\\\/20 {\n    &:is(.dark *) {\n      background-color: var(--destructive);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-input\\\/30 {\n    &:is(.dark *) {\n      background-color: var(--input);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--input) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:text-muted-foreground {\n    &:is(.dark *) {\n      color: var(--muted-foreground);\n    }\n  }\n  .dark\\:hover\\:bg-destructive\\\/30 {\n    &:is(.dark *) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--destructive);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--destructive) 30%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-input\\\/50 {\n    &:is(.dark *) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--input);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--input) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-muted\\\/50 {\n    &:is(.dark *) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--muted);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-foreground {\n    &:is(.dark *) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--foreground);\n        }\n      }\n    }\n  }\n  .dark\\:focus-visible\\:ring-destructive\\\/40 {\n    &:is(.dark *) {\n      &:focus-visible {\n        --tw-ring-color: var(--destructive);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:aria-invalid\\:border-destructive\\\/50 {\n    &:is(.dark *) {\n      &[aria-invalid=\"true\"] {\n        border-color: var(--destructive);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:aria-invalid\\:ring-destructive\\\/40 {\n    &:is(.dark *) {\n      &[aria-invalid=\"true\"] {\n        --tw-ring-color: var(--destructive);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .data-open\\:animate-accordion-down {\n    &:where([data-state=\"open\"]), &:where([data-open]:not([data-open=\"false\"])) {\n      animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);\n    }\n  }\n  .data-closed\\:animate-accordion-up {\n    &:where([data-state=\"closed\"]), &:where([data-closed]:not([data-closed=\"false\"])) {\n      animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);\n    }\n  }\n  .data-active\\:bg-background {\n    &:where([data-state=\"active\"]), &:where([data-active]:not([data-active=\"false\"])) {\n      background-color: var(--background);\n    }\n  }\n  .data-active\\:text-foreground {\n    &:where([data-state=\"active\"]), &:where([data-active]:not([data-active=\"false\"])) {\n      color: var(--foreground);\n    }\n  }\n  .group-data-\\[variant\\=default\\]\\\/tabs-list\\:data-active\\:shadow-sm {\n    &:is(:where(.group\\\/tabs-list)[data-variant=\"default\"] *) {\n      &:where([data-state=\"active\"]), &:where([data-active]:not([data-active=\"false\"])) {\n        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 \/ 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 \/ 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .group-data-\\[variant\\=line\\]\\\/tabs-list\\:data-active\\:bg-transparent {\n    &:is(:where(.group\\\/tabs-list)[data-variant=\"line\"] *) {\n      &:where([data-state=\"active\"]), &:where([data-active]:not([data-active=\"false\"])) {\n        background-color: transparent;\n      }\n    }\n  }\n  .group-data-\\[variant\\=line\\]\\\/tabs-list\\:data-active\\:shadow-none {\n    &:is(:where(.group\\\/tabs-list)[data-variant=\"line\"] *) {\n      &:where([data-state=\"active\"]), &:where([data-active]:not([data-active=\"false\"])) {\n        --tw-shadow: 0 0 #0000;\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .group-data-\\[variant\\=line\\]\\\/tabs-list\\:data-active\\:after\\:opacity-100 {\n    &:is(:where(.group\\\/tabs-list)[data-variant=\"line\"] *) {\n      &:where([data-state=\"active\"]), &:where([data-active]:not([data-active=\"false\"])) {\n        &::after {\n          content: var(--tw-content);\n          opacity: 100%;\n        }\n      }\n    }\n  }\n  .dark\\:data-active\\:border-input {\n    &:is(.dark *) {\n      &:where([data-state=\"active\"]), &:where([data-active]:not([data-active=\"false\"])) {\n        border-color: var(--input);\n      }\n    }\n  }\n  .dark\\:data-active\\:bg-input\\\/30 {\n    &:is(.dark *) {\n      &:where([data-state=\"active\"]), &:where([data-active]:not([data-active=\"false\"])) {\n        background-color: var(--input);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--input) 30%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:data-active\\:text-foreground {\n    &:is(.dark *) {\n      &:where([data-state=\"active\"]), &:where([data-active]:not([data-active=\"false\"])) {\n        color: var(--foreground);\n      }\n    }\n  }\n  .dark\\:group-data-\\[variant\\=line\\]\\\/tabs-list\\:data-active\\:border-transparent {\n    &:is(.dark *) {\n      &:is(:where(.group\\\/tabs-list)[data-variant=\"line\"] *) {\n        &:where([data-state=\"active\"]), &:where([data-active]:not([data-active=\"false\"])) {\n          border-color: transparent;\n        }\n      }\n    }\n  }\n  .dark\\:group-data-\\[variant\\=line\\]\\\/tabs-list\\:data-active\\:bg-transparent {\n    &:is(.dark *) {\n      &:is(:where(.group\\\/tabs-list)[data-variant=\"line\"] *) {\n        &:where([data-state=\"active\"]), &:where([data-active]:not([data-active=\"false\"])) {\n          background-color: transparent;\n        }\n      }\n    }\n  }\n  .data-horizontal\\:h-2\\.5 {\n    &:where([data-orientation=\"horizontal\"]) {\n      height: calc(var(--spacing) * 2.5);\n    }\n  }\n  .data-horizontal\\:h-px {\n    &:where([data-orientation=\"horizontal\"]) {\n      height: 1px;\n    }\n  }\n  .data-horizontal\\:w-full {\n    &:where([data-orientation=\"horizontal\"]) {\n      width: 100%;\n    }\n  }\n  .data-horizontal\\:flex-col {\n    &:where([data-orientation=\"horizontal\"]) {\n      flex-direction: column;\n    }\n  }\n  .data-horizontal\\:border-t {\n    &:where([data-orientation=\"horizontal\"]) {\n      border-top-style: var(--tw-border-style);\n      border-top-width: 1px;\n    }\n  }\n  .data-horizontal\\:border-t-transparent {\n    &:where([data-orientation=\"horizontal\"]) {\n      border-top-color: transparent;\n    }\n  }\n  .data-vertical\\:h-full {\n    &:where([data-orientation=\"vertical\"]) {\n      height: 100%;\n    }\n  }\n  .data-vertical\\:w-2\\.5 {\n    &:where([data-orientation=\"vertical\"]) {\n      width: calc(var(--spacing) * 2.5);\n    }\n  }\n  .data-vertical\\:w-px {\n    &:where([data-orientation=\"vertical\"]) {\n      width: 1px;\n    }\n  }\n  .data-vertical\\:self-stretch {\n    &:where([data-orientation=\"vertical\"]) {\n      align-self: stretch;\n    }\n  }\n  .data-vertical\\:border-l {\n    &:where([data-orientation=\"vertical\"]) {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 1px;\n    }\n  }\n  .data-vertical\\:border-l-transparent {\n    &:where([data-orientation=\"vertical\"]) {\n      border-left-color: transparent;\n    }\n  }\n  .\\[\\&_a\\]\\:underline {\n    & a {\n      text-decoration-line: underline;\n    }\n  }\n  .\\[\\&_a\\]\\:underline-offset-3 {\n    & a {\n      text-underline-offset: 3px;\n    }\n  }\n  .\\[\\&_a\\]\\:hover\\:text-foreground {\n    & a {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--foreground);\n        }\n      }\n    }\n  }\n  .\\[\\&_p\\:not\\(\\:last-child\\)\\]\\:mb-4 {\n    & p:not(:last-child) {\n      margin-bottom: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&_svg\\]\\:pointer-events-none {\n    & svg {\n      pointer-events: none;\n    }\n  }\n  .\\[\\&_svg\\]\\:shrink-0 {\n    & svg {\n      flex-shrink: 0;\n    }\n  }\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 {\n    & svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 3);\n      height: calc(var(--spacing) * 3);\n    }\n  }\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 {\n    & svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 3.5);\n      height: calc(var(--spacing) * 3.5);\n    }\n  }\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n    & svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\.border-b\\]\\:pb-4 {\n    &:is(.border-b) {\n      padding-bottom: calc(var(--spacing) * 4);\n    }\n  }\n  .group-data-\\[size\\=sm\\]\\\/card\\:\\[\\.border-b\\]\\:pb-3 {\n    &:is(:where(.group\\\/card)[data-size=\"sm\"] *) {\n      &:is(.border-b) {\n        padding-bottom: calc(var(--spacing) * 3);\n      }\n    }\n  }\n  .\\[a\\]\\:hover\\:bg-destructive\\\/20 {\n    &:is(a) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--destructive);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\]\\:hover\\:bg-muted {\n    &:is(a) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--muted);\n        }\n      }\n    }\n  }\n  .\\[a\\]\\:hover\\:bg-primary\\\/80 {\n    &:is(a) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--primary);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--primary) 80%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\]\\:hover\\:bg-secondary\\\/80 {\n    &:is(a) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--secondary);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--secondary) 80%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\]\\:hover\\:text-muted-foreground {\n    &:is(a) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--muted-foreground);\n        }\n      }\n    }\n  }\n  .\\*\\:\\[img\\:first-child\\]\\:rounded-t-xl {\n    :is(& > *) {\n      &:is(img:first-child) {\n        border-top-left-radius: calc(var(--radius) * 1.4);\n        border-top-right-radius: calc(var(--radius) * 1.4);\n      }\n    }\n  }\n  .\\*\\:\\[img\\:last-child\\]\\:rounded-b-xl {\n    :is(& > *) {\n      &:is(img:last-child) {\n        border-bottom-right-radius: calc(var(--radius) * 1.4);\n        border-bottom-left-radius: calc(var(--radius) * 1.4);\n      }\n    }\n  }\n  .\\[\\&\\>svg\\]\\:pointer-events-none {\n    &>svg {\n      pointer-events: none;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:size-3\\! {\n    &>svg {\n      width: calc(var(--spacing) * 3) !important;\n      height: calc(var(--spacing) * 3) !important;\n    }\n  }\n}\n@property --tw-animation-delay {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0s;\n}\n@property --tw-animation-direction {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: normal;\n}\n@property --tw-animation-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-animation-fill-mode {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: none;\n}\n@property --tw-animation-iteration-count {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-blur {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-blur {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-exit-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-exit-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@font-face {\n  font-family: 'Geist Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(\/node_modules\/@fontsource-variable\/geist\/files\/geist-cyrillic-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n@font-face {\n  font-family: 'Geist Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(\/node_modules\/@fontsource-variable\/geist\/files\/geist-latin-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n@font-face {\n  font-family: 'Geist Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(\/node_modules\/@fontsource-variable\/geist\/files\/geist-latin-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}\n:root {\n  --background: oklch(1 0 0);\n  --foreground: oklch(0.145 0 0);\n  --card: oklch(1 0 0);\n  --card-foreground: oklch(0.145 0 0);\n  --popover: oklch(1 0 0);\n  --popover-foreground: oklch(0.145 0 0);\n  --primary: oklch(0.205 0 0);\n  --primary-foreground: oklch(0.985 0 0);\n  --secondary: oklch(0.97 0 0);\n  --secondary-foreground: oklch(0.205 0 0);\n  --muted: oklch(0.97 0 0);\n  --muted-foreground: oklch(0.556 0 0);\n  --accent: oklch(0.97 0 0);\n  --accent-foreground: oklch(0.205 0 0);\n  --destructive: oklch(0.577 0.245 27.325);\n  --border: oklch(0.922 0 0);\n  --input: oklch(0.922 0 0);\n  --ring: oklch(0.708 0 0);\n  --chart-1: oklch(0.87 0 0);\n  --chart-2: oklch(0.556 0 0);\n  --chart-3: oklch(0.439 0 0);\n  --chart-4: oklch(0.371 0 0);\n  --chart-5: oklch(0.269 0 0);\n  --radius: 0.625rem;\n  --sidebar: oklch(0.985 0 0);\n  --sidebar-foreground: oklch(0.145 0 0);\n  --sidebar-primary: oklch(0.205 0 0);\n  --sidebar-primary-foreground: oklch(0.985 0 0);\n  --sidebar-accent: oklch(0.97 0 0);\n  --sidebar-accent-foreground: oklch(0.205 0 0);\n  --sidebar-border: oklch(0.922 0 0);\n  --sidebar-ring: oklch(0.708 0 0);\n}\n.dark {\n  --background: oklch(0.145 0 0);\n  --foreground: oklch(0.985 0 0);\n  --card: oklch(0.205 0 0);\n  --card-foreground: oklch(0.985 0 0);\n  --popover: oklch(0.205 0 0);\n  --popover-foreground: oklch(0.985 0 0);\n  --primary: oklch(0.922 0 0);\n  --primary-foreground: oklch(0.205 0 0);\n  --secondary: oklch(0.269 0 0);\n  --secondary-foreground: oklch(0.985 0 0);\n  --muted: oklch(0.269 0 0);\n  --muted-foreground: oklch(0.708 0 0);\n  --accent: oklch(0.269 0 0);\n  --accent-foreground: oklch(0.985 0 0);\n  --destructive: oklch(0.704 0.191 22.216);\n  --border: oklch(1 0 0 \/ 10%);\n  --input: oklch(1 0 0 \/ 15%);\n  --ring: oklch(0.556 0 0);\n  --chart-1: oklch(0.87 0 0);\n  --chart-2: oklch(0.556 0 0);\n  --chart-3: oklch(0.439 0 0);\n  --chart-4: oklch(0.371 0 0);\n  --chart-5: oklch(0.269 0 0);\n  --sidebar: oklch(0.205 0 0);\n  --sidebar-foreground: oklch(0.985 0 0);\n  --sidebar-primary: oklch(0.488 0.243 264.376);\n  --sidebar-primary-foreground: oklch(0.985 0 0);\n  --sidebar-accent: oklch(0.269 0 0);\n  --sidebar-accent-foreground: oklch(0.985 0 0);\n  --sidebar-border: oklch(1 0 0 \/ 10%);\n  --sidebar-ring: oklch(0.556 0 0);\n}\n@layer base {\n  * {\n    border-color: var(--border);\n    outline-color: var(--ring);\n    @supports (color: color-mix(in lab, red, red)) {\n      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n  body {\n    background-color: var(--background);\n    color: var(--foreground);\n  }\n  html {\n    font-family: 'Geist Variable', sans-serif;\n  }\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-gradient-position {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-from {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-via {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-to {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-stops {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-via-stops {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-from-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-content {\n  syntax: \"*\";\n  initial-value: \"\";\n  inherits: false;\n}\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes accordion-down {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));\n  }\n}\n@keyframes accordion-up {\n  from {\n    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));\n  }\n  to {\n    height: 0;\n  }\n}\n@keyframes accordion-down {\n  from {\n    height: 0;\n  }\n  to {\n    height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );\n  }\n}\n@keyframes accordion-up {\n  from {\n    height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );\n  }\n  to {\n    height: 0;\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-space-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-content: \"\";\n      --tw-animation-delay: 0s;\n      --tw-animation-direction: normal;\n      --tw-animation-duration: initial;\n      --tw-animation-fill-mode: none;\n      --tw-animation-iteration-count: 1;\n      --tw-enter-blur: 0;\n      --tw-enter-opacity: 1;\n      --tw-enter-rotate: 0;\n      --tw-enter-scale: 1;\n      --tw-enter-translate-x: 0;\n      --tw-enter-translate-y: 0;\n      --tw-exit-blur: 0;\n      --tw-exit-opacity: 1;\n      --tw-exit-rotate: 0;\n      --tw-exit-scale: 1;\n      --tw-exit-translate-x: 0;\n      --tw-exit-translate-y: 0;\n    }\n  }\n}\n<\/style><\/head>\n  <body>\n    <div id=\"root\"><div class=\"min-h-screen bg-white text-slate-900 font-sans selection:bg-blue-100 selection:text-blue-900\"><main><section class=\"relative py-24 md:py-32 overflow-hidden bg-[#020617] text-white\"><div class=\"absolute inset-0 -z-10\"><div class=\"absolute top-0 left-1\/4 w-[500px] h-[500px] bg-blue-600\/10 blur-[120px] rounded-full\"><\/div><div class=\"absolute inset-0 bg-[linear-gradient(to_right,#1e293b_1px,transparent_1px),linear-gradient(to_bottom,#1e293b_1px,transparent_1px)] bg-[size:60px_60px] opacity-10\"><\/div><\/div><div class=\"container mx-auto px-4 text-center\"><div style=\"opacity: 1; transform: none;\"><span data-slot=\"badge\" data-variant=\"outline\" class=\"group\/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3! [a]:hover:bg-muted [a]:hover:text-muted-foreground mb-6 border-blue-500\/30 text-blue-400 bg-blue-500\/5 px-4 py-1.5 text-xs font-semibold tracking-wider uppercase\">\u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u0418\u0422-\u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f<\/span><h1 class=\"text-5xl md:text-7xl font-black tracking-tight !text-white text-white mb-8 max-w-5xl mx-auto leading-[1.05]\">21 \u0433\u043e\u0434 \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0445 \u043f\u043e\u0441\u0442\u0430\u0432\u043e\u043a <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-indigo-400\">IT-\u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f<\/span><\/h1><p class=\"text-xl text-slate-400 mb-12 max-w-3xl mx-auto leading-relaxed\">\u0411\u043e\u043b\u0435\u0435 <span class=\"text-white font-semibold\">3500<\/span> \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432, \u0441\u0432\u044b\u0448\u0435 <span class=\"text-white font-semibold\">1000<\/span> \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432. \u041e\u0442 \u043f\u043e\u0434\u0431\u043e\u0440\u0430 \u0438 \u0437\u0430\u043a\u0443\u043f\u043a\u0438 \u0434\u043e \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044f, \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043d\u043e\u0433\u043e \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u2014 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u043c \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430.<\/p><div class=\"flex flex-col sm:flex-row items-center justify-center gap-6\"><button type=\"button\" tabindex=\"0\" data-slot=\"button\" class=\"group\/button inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding whitespace-nowrap outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring\/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive\/20 dark:aria-invalid:border-destructive\/50 dark:aria-invalid:ring-destructive\/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 [a]:hover:bg-primary\/80 gap-1.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 bg-blue-600 hover:bg-blue-500 !text-white text-white px-10 h-14 text-lg font-bold rounded-full shadow-xl shadow-blue-600\/20 transition-all hover:scale-105\"><a href=\"https:\/\/www.elishtech.com\/contact-us\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438<\/a><\/button><button type=\"button\" tabindex=\"0\" data-slot=\"button\" class=\"group\/button inline-flex shrink-0 items-center justify-center bg-clip-padding whitespace-nowrap outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring\/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive\/20 dark:aria-invalid:border-destructive\/50 dark:aria-invalid:ring-destructive\/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 [a]:hover:bg-primary\/80 gap-1.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 bg-slate-800 hover:bg-slate-700 border border-slate-700 !text-white text-white px-10 h-14 text-lg font-semibold rounded-full transition-all shadow-lg shadow-black\/20\">\u041d\u0430\u0448\u0438 \u0443\u0441\u043b\u0443\u0433\u0438<\/button><\/div><\/div><\/div><\/section><section class=\"py-20 bg-white border-b border-slate-100 overflow-hidden relative\"><div class=\"container mx-auto px-4 mb-12\"><div class=\"flex flex-col md:flex-row items-center justify-between gap-6\"><div class=\"text-center md:text-left\"><h3 class=\"text-sm font-black text-blue-600 uppercase tracking-[0.3em] mb-2\">\u041d\u0430\u0448\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/h3><p class=\"text-slate-400 text-sm font-medium\">\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u044c\u044e\u0442\u043e\u0440 \u043c\u0438\u0440\u043e\u0432\u044b\u0445 \u043b\u0438\u0434\u0435\u0440\u043e\u0432 \u0418\u0422-\u0438\u043d\u0434\u0443\u0441\u0442\u0440\u0438\u0438<\/p><\/div><div class=\"hidden md:flex gap-3\"><div class=\"w-2 h-2 rounded-full bg-blue-600\/30 animate-pulse\" style=\"animation-delay: 0ms;\"><\/div><div class=\"w-2 h-2 rounded-full bg-blue-600\/30 animate-pulse\" style=\"animation-delay: 200ms;\"><\/div><div class=\"w-2 h-2 rounded-full bg-blue-600\/30 animate-pulse\" style=\"animation-delay: 400ms;\"><\/div><\/div><\/div><\/div><div class=\"relative flex overflow-x-hidden\"><div class=\"flex whitespace-nowrap py-4\" style=\"transform: translateX(-15.075%);\"><div class=\"flex items-center gap-8 px-4\"><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-blue-50\/30 group-hover\/brand:border-blue-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-blue-600 transition-colors duration-500\">DELL<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-emerald-50\/30 group-hover\/brand:border-emerald-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-emerald-600 transition-colors duration-500\">HPE<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-red-50\/30 group-hover\/brand:border-red-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-red-600 transition-colors duration-500\">HUAWEI<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-blue-50\/30 group-hover\/brand:border-blue-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-blue-500 transition-colors duration-500\">SUPERMICRO<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-sky-50\/30 group-hover\/brand:border-sky-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-sky-500 transition-colors duration-500\">CISCO<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-lime-50\/30 group-hover\/brand:border-lime-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-lime-600 transition-colors duration-500\">NVIDIA<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-blue-50\/30 group-hover\/brand:border-blue-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-blue-400 transition-colors duration-500\">INTEL<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-blue-50\/30 group-hover\/brand:border-blue-300 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-blue-800 transition-colors duration-500\">SAMSUNG<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-red-50\/30 group-hover\/brand:border-red-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-red-500 transition-colors duration-500\">LENOVO<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-blue-50\/30 group-hover\/brand:border-blue-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-blue-700 transition-colors duration-500\">ARISTA<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-cyan-50\/30 group-hover\/brand:border-cyan-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-cyan-600 transition-colors duration-500\">MELLANOX<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-green-50\/30 group-hover\/brand:border-green-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-green-600 transition-colors duration-500\">VEEAM<\/span><\/div><\/div><div class=\"flex items-center gap-8 px-4\"><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-blue-50\/30 group-hover\/brand:border-blue-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-blue-600 transition-colors duration-500\">DELL<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-emerald-50\/30 group-hover\/brand:border-emerald-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-emerald-600 transition-colors duration-500\">HPE<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-red-50\/30 group-hover\/brand:border-red-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-red-600 transition-colors duration-500\">HUAWEI<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-blue-50\/30 group-hover\/brand:border-blue-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-blue-500 transition-colors duration-500\">SUPERMICRO<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-sky-50\/30 group-hover\/brand:border-sky-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-sky-500 transition-colors duration-500\">CISCO<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-lime-50\/30 group-hover\/brand:border-lime-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-lime-600 transition-colors duration-500\">NVIDIA<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-blue-50\/30 group-hover\/brand:border-blue-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-blue-400 transition-colors duration-500\">INTEL<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-blue-50\/30 group-hover\/brand:border-blue-300 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-blue-800 transition-colors duration-500\">SAMSUNG<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-red-50\/30 group-hover\/brand:border-red-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-red-500 transition-colors duration-500\">LENOVO<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-blue-50\/30 group-hover\/brand:border-blue-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-blue-700 transition-colors duration-500\">ARISTA<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-cyan-50\/30 group-hover\/brand:border-cyan-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-cyan-600 transition-colors duration-500\">MELLANOX<\/span><\/div><div class=\"flex items-center justify-center px-10 py-6 bg-slate-50\/40 backdrop-blur-sm border border-slate-100 rounded-2xl group-hover\/brand:bg-green-50\/30 group-hover\/brand:border-green-200 hover:shadow-[0_20px_50px_rgba(0,0,0,0.04)] transition-all duration-500 group\/brand cursor-default\"><span class=\"text-2xl md:text-3xl font-black tracking-tighter text-slate-400\/60 group-hover\/brand:text-green-600 transition-colors duration-500\">VEEAM<\/span><\/div><\/div><\/div><div class=\"absolute inset-y-0 left-0 w-40 bg-gradient-to-r from-white via-white\/80 to-transparent z-10 pointer-events-none\"><\/div><div class=\"absolute inset-y-0 right-0 w-40 bg-gradient-to-l from-white via-white\/80 to-transparent z-10 pointer-events-none\"><\/div><\/div><\/section><section class=\"py-24 bg-white relative\"><div class=\"container mx-auto px-4\"><div class=\"text-center mb-20\"><h2 class=\"text-4xl font-bold tracking-tight text-slate-900 mb-6\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 ElisTech?<\/h2><p class=\"text-slate-500 max-w-2xl mx-auto text-lg\">\u041c\u044b \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435; \u043c\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u043c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u0443\u044e \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0430\u0436\u043d\u044b\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439.<\/p><\/div><div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\"><div style=\"opacity: 0; transform: translateY(30px);\"><div data-slot=\"card\" data-size=\"default\" class=\"group\/card flex flex-col gap-4 rounded-xl py-4 text-sm text-card-foreground ring-1 ring-foreground\/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-slate-100 bg-white hover:border-blue-200 hover:shadow-2xl hover:shadow-blue-500\/5 transition-all duration-500 group relative overflow-hidden\"><div data-slot=\"card-header\" class=\"group\/card-header @container\/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]\/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]\/card:[.border-b]:pb-3\"><div class=\"w-14 h-14 bg-blue-500\/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-500\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-zap w-6 h-6 text-blue-500\" aria-hidden=\"true\"><path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"><\/path><\/svg><\/div><div data-slot=\"card-title\" class=\"font-heading font-medium group-data-[size=sm]\/card:text-sm text-2xl text-slate-900 group-hover:text-blue-600 transition-colors\">\u041c\u043d\u043e\u0433\u043e\u0431\u0440\u0435\u043d\u0434\u043e\u0432\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f<\/div><\/div><div data-slot=\"card-content\" class=\"px-4 group-data-[size=sm]\/card:px-3\"><p class=\"text-slate-500 leading-relaxed text-base\">\u041f\u0440\u044f\u043c\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u043a\u0438\u0435 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f \u0441 Dell, HPE, Supermicro e HUAWEI \u0434\u043b\u044f \u043b\u0443\u0447\u0448\u0435\u0433\u043e \u0432\u044b\u0431\u043e\u0440\u0430 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f.<\/p><\/div><\/div><\/div><div style=\"opacity: 0; transform: translateY(30px);\"><div data-slot=\"card\" data-size=\"default\" class=\"group\/card flex flex-col gap-4 rounded-xl py-4 text-sm text-card-foreground ring-1 ring-foreground\/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-slate-100 bg-white hover:border-blue-200 hover:shadow-2xl hover:shadow-blue-500\/5 transition-all duration-500 group relative overflow-hidden\"><div data-slot=\"card-header\" class=\"group\/card-header @container\/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]\/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]\/card:[.border-b]:pb-3\"><div class=\"w-14 h-14 bg-emerald-500\/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-500\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check w-6 h-6 text-emerald-500\" aria-hidden=\"true\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/div><div data-slot=\"card-title\" class=\"font-heading font-medium group-data-[size=sm]\/card:text-sm text-2xl text-slate-900 group-hover:text-blue-600 transition-colors\">\u041f\u043e\u043b\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438<\/div><\/div><div data-slot=\"card-content\" class=\"px-4 group-data-[size=sm]\/card:px-3\"><p class=\"text-slate-500 leading-relaxed text-base\">\u041e\u0442 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0439 \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0438 \u0434\u043e \u0432\u044b\u0435\u0437\u0434\u043d\u043e\u0433\u043e \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f 24\/7 \u0438 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u043d\u044b\u0445 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0439.<\/p><\/div><\/div><\/div><div style=\"opacity: 0; transform: translateY(30px);\"><div data-slot=\"card\" data-size=\"default\" class=\"group\/card flex flex-col gap-4 rounded-xl py-4 text-sm text-card-foreground ring-1 ring-foreground\/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-slate-100 bg-white hover:border-blue-200 hover:shadow-2xl hover:shadow-blue-500\/5 transition-all duration-500 group relative overflow-hidden\"><div data-slot=\"card-header\" class=\"group\/card-header @container\/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]\/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]\/card:[.border-b]:pb-3\"><div class=\"w-14 h-14 bg-purple-500\/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-500\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-cpu w-6 h-6 text-purple-500\" aria-hidden=\"true\"><path d=\"M12 20v2\"><\/path><path d=\"M12 2v2\"><\/path><path d=\"M17 20v2\"><\/path><path d=\"M17 2v2\"><\/path><path d=\"M2 12h2\"><\/path><path d=\"M2 17h2\"><\/path><path d=\"M2 7h2\"><\/path><path d=\"M20 12h2\"><\/path><path d=\"M20 17h2\"><\/path><path d=\"M20 7h2\"><\/path><path d=\"M7 20v2\"><\/path><path d=\"M7 2v2\"><\/path><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"><\/rect><rect x=\"8\" y=\"8\" width=\"8\" height=\"8\" rx=\"1\"><\/rect><\/svg><\/div><div data-slot=\"card-title\" class=\"font-heading font-medium group-data-[size=sm]\/card:text-sm text-2xl text-slate-900 group-hover:text-blue-600 transition-colors\">IT \u0438 HPC \u0440\u0435\u0448\u0435\u043d\u0438\u044f<\/div><\/div><div data-slot=\"card-content\" class=\"px-4 group-data-[size=sm]\/card:px-3\"><p class=\"text-slate-500 leading-relaxed text-base\">\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0442\u0435\u0440\u044b \u0432\u044b\u0441\u043e\u043a\u043e\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0439 \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b.<\/p><\/div><\/div><\/div><div style=\"opacity: 0; transform: translateY(30px);\"><div data-slot=\"card\" data-size=\"default\" class=\"group\/card flex flex-col gap-4 rounded-xl py-4 text-sm text-card-foreground ring-1 ring-foreground\/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-slate-100 bg-white hover:border-blue-200 hover:shadow-2xl hover:shadow-blue-500\/5 transition-all duration-500 group relative overflow-hidden\"><div data-slot=\"card-header\" class=\"group\/card-header @container\/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]\/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]\/card:[.border-b]:pb-3\"><div class=\"w-14 h-14 bg-orange-500\/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-500\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-credit-card w-6 h-6 text-orange-500\" aria-hidden=\"true\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"><\/rect><line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"><\/line><\/svg><\/div><div data-slot=\"card-title\" class=\"font-heading font-medium group-data-[size=sm]\/card:text-sm text-2xl text-slate-900 group-hover:text-blue-600 transition-colors\">\u0413\u0438\u0431\u043a\u043e\u0435 \u0444\u0438\u043d\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/div><\/div><div data-slot=\"card-content\" class=\"px-4 group-data-[size=sm]\/card:px-3\"><p class=\"text-slate-500 leading-relaxed text-base\">\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u043d\u044b \u043e\u043f\u043b\u0430\u0442\u044b \u0438 \u043b\u0438\u0437\u0438\u043d\u0433\u043e\u0432\u044b\u0435 \u043e\u043f\u0446\u0438\u0438, \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u0434 \u0440\u043e\u0441\u0442 \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0438 \u0431\u044e\u0434\u0436\u0435\u0442.<\/p><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"py-24 bg-slate-50 border-y border-slate-200 relative overflow-hidden\"><div class=\"container mx-auto px-4\"><div class=\"flex flex-col md:flex-row md:items-end justify-between mb-16 gap-8\"><div class=\"max-w-2xl\"><h2 class=\"text-4xl font-bold tracking-tight text-slate-900 mb-6\">\u041f\u043e\u043b\u043d\u044b\u0439 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0418\u0422-\u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f<\/h2><p class=\"text-slate-500 text-lg\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0435 \u0430\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0418\u0422-\u0441\u0442\u0435\u043a\u0430.<\/p><\/div><div class=\"relative w-full md:w-80\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search absolute left-4 top-1\/2 -translate-y-1\/2 w-5 h-5 text-slate-400\" aria-hidden=\"true\"><path d=\"m21 21-4.34-4.34\"><\/path><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><\/svg><input placeholder=\"\u041f\u043e\u0438\u0441\u043a \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f...\" class=\"w-full pl-12 pr-6 py-3 bg-white border border-slate-200 rounded-2xl text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500\/20 focus:border-blue-500 transition-all shadow-sm\" type=\"text\"><\/div><\/div><div data-orientation=\"horizontal\" data-activation-direction=\"none\" data-slot=\"tabs\" class=\"group\/tabs flex gap-2 data-horizontal:flex-col w-full\"><div role=\"presentation\" data-slot=\"scroll-area\" class=\"relative w-full pb-6\" data-has-overflow-x=\"\" data-overflow-x-end=\"\" style=\"position: relative; --scroll-area-corner-height: 0px; --scroll-area-corner-width: 0px;\"><div role=\"presentation\" data-id=\"base-ui-_r_0_-viewport\" tabindex=\"0\" class=\"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 focus-visible:outline-1 base-ui-disable-scrollbar\" data-slot=\"scroll-area-viewport\" data-has-overflow-x=\"\" data-overflow-x-end=\"\" style=\"overflow: scroll; --scroll-area-overflow-x-start: 0px; --scroll-area-overflow-x-end: 359px; --scroll-area-overflow-y-start: 0px; --scroll-area-overflow-y-end: 0px;\"><div data-orientation=\"horizontal\" data-activation-direction=\"none\" role=\"tablist\" data-slot=\"tabs-list\" data-variant=\"default\" class=\"group\/tabs-list w-fit group-data-horizontal\/tabs:h-8 group-data-vertical\/tabs:h-fit group-data-vertical\/tabs:flex-col data-[variant=line]:rounded-none inline-flex h-14 items-center justify-start rounded-2xl bg-slate-200\/50 border border-slate-200 p-1.5 text-slate-500 mb-10\"><button type=\"button\" data-active=\"\" data-orientation=\"horizontal\" aria-disabled=\"false\" tabindex=\"0\" role=\"tab\" aria-selected=\"true\" id=\"base-ui-_r_1_\" data-composite-item-active=\"\" data-slot=\"tabs-trigger\" class=\"relative h-[calc(100%-1px)] flex-1 gap-1.5 border border-transparent text-foreground\/60 group-data-vertical\/tabs:w-full group-data-vertical\/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]\/tabs-list:data-active:shadow-sm group-data-[variant=line]\/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]\/tabs-list:bg-transparent group-data-[variant=line]\/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]\/tabs-list:data-active:border-transparent dark:group-data-[variant=line]\/tabs-list:data-active:bg-transparent data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input\/30 dark:data-active:text-foreground after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal\/tabs:after:inset-x-0 group-data-horizontal\/tabs:after:bottom-[-5px] group-data-horizontal\/tabs:after:h-0.5 group-data-vertical\/tabs:after:inset-y-0 group-data-vertical\/tabs:after:-right-1 group-data-vertical\/tabs:after:w-0.5 group-data-[variant=line]\/tabs-list:data-active:after:opacity-100 inline-flex items-center justify-center whitespace-nowrap rounded-xl px-8 py-2.5 text-sm font-bold ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-blue-600 data-[state=active]:shadow-md\" aria-controls=\"base-ui-_r_6_\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-server w-4 h-4 mr-2\" aria-hidden=\"true\"><rect width=\"20\" height=\"8\" x=\"2\" y=\"2\" rx=\"2\" ry=\"2\"><\/rect><rect width=\"20\" height=\"8\" x=\"2\" y=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"6\" x2=\"6.01\" y1=\"6\" y2=\"6\"><\/line><line x1=\"6\" x2=\"6.01\" y1=\"18\" y2=\"18\"><\/line><\/svg>\u0421\u0435\u0440\u0432\u0435\u0440\u044b<\/button><button type=\"button\" data-orientation=\"horizontal\" aria-disabled=\"false\" tabindex=\"-1\" role=\"tab\" aria-selected=\"false\" id=\"base-ui-_r_2_\" data-slot=\"tabs-trigger\" class=\"relative h-[calc(100%-1px)] flex-1 gap-1.5 border border-transparent text-foreground\/60 group-data-vertical\/tabs:w-full group-data-vertical\/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]\/tabs-list:data-active:shadow-sm group-data-[variant=line]\/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]\/tabs-list:bg-transparent group-data-[variant=line]\/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]\/tabs-list:data-active:border-transparent dark:group-data-[variant=line]\/tabs-list:data-active:bg-transparent data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input\/30 dark:data-active:text-foreground after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal\/tabs:after:inset-x-0 group-data-horizontal\/tabs:after:bottom-[-5px] group-data-horizontal\/tabs:after:h-0.5 group-data-vertical\/tabs:after:inset-y-0 group-data-vertical\/tabs:after:-right-1 group-data-vertical\/tabs:after:w-0.5 group-data-[variant=line]\/tabs-list:data-active:after:opacity-100 inline-flex items-center justify-center whitespace-nowrap rounded-xl px-8 py-2.5 text-sm font-bold ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-blue-600 data-[state=active]:shadow-md\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-network w-4 h-4 mr-2\" aria-hidden=\"true\"><rect x=\"16\" y=\"16\" width=\"6\" height=\"6\" rx=\"1\"><\/rect><rect x=\"2\" y=\"16\" width=\"6\" height=\"6\" rx=\"1\"><\/rect><rect x=\"9\" y=\"2\" width=\"6\" height=\"6\" rx=\"1\"><\/rect><path d=\"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3\"><\/path><path d=\"M12 12V8\"><\/path><\/svg>\u0421\u0435\u0442\u0435\u0432\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/button><button type=\"button\" data-orientation=\"horizontal\" aria-disabled=\"false\" tabindex=\"-1\" role=\"tab\" aria-selected=\"false\" id=\"base-ui-_r_3_\" data-slot=\"tabs-trigger\" class=\"relative h-[calc(100%-1px)] flex-1 gap-1.5 border border-transparent text-foreground\/60 group-data-vertical\/tabs:w-full group-data-vertical\/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]\/tabs-list:data-active:shadow-sm group-data-[variant=line]\/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]\/tabs-list:bg-transparent group-data-[variant=line]\/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]\/tabs-list:data-active:border-transparent dark:group-data-[variant=line]\/tabs-list:data-active:bg-transparent data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input\/30 dark:data-active:text-foreground after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal\/tabs:after:inset-x-0 group-data-horizontal\/tabs:after:bottom-[-5px] group-data-horizontal\/tabs:after:h-0.5 group-data-vertical\/tabs:after:inset-y-0 group-data-vertical\/tabs:after:-right-1 group-data-vertical\/tabs:after:w-0.5 group-data-[variant=line]\/tabs-list:data-active:after:opacity-100 inline-flex items-center justify-center whitespace-nowrap rounded-xl px-8 py-2.5 text-sm font-bold ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-blue-600 data-[state=active]:shadow-md\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-database w-4 h-4 mr-2\" aria-hidden=\"true\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse><path d=\"M3 5V19A9 3 0 0 0 21 19V5\"><\/path><path d=\"M3 12A9 3 0 0 0 21 12\"><\/path><\/svg>\u0421\u0425\u0414 \u0438 \u0411\u044d\u043a\u0430\u043f<\/button><button type=\"button\" data-orientation=\"horizontal\" aria-disabled=\"false\" tabindex=\"-1\" role=\"tab\" aria-selected=\"false\" id=\"base-ui-_r_4_\" data-slot=\"tabs-trigger\" class=\"relative h-[calc(100%-1px)] flex-1 gap-1.5 border border-transparent text-foreground\/60 group-data-vertical\/tabs:w-full group-data-vertical\/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]\/tabs-list:data-active:shadow-sm group-data-[variant=line]\/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]\/tabs-list:bg-transparent group-data-[variant=line]\/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]\/tabs-list:data-active:border-transparent dark:group-data-[variant=line]\/tabs-list:data-active:bg-transparent data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input\/30 dark:data-active:text-foreground after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal\/tabs:after:inset-x-0 group-data-horizontal\/tabs:after:bottom-[-5px] group-data-horizontal\/tabs:after:h-0.5 group-data-vertical\/tabs:after:inset-y-0 group-data-vertical\/tabs:after:-right-1 group-data-vertical\/tabs:after:w-0.5 group-data-[variant=line]\/tabs-list:data-active:after:opacity-100 inline-flex items-center justify-center whitespace-nowrap rounded-xl px-8 py-2.5 text-sm font-bold ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-blue-600 data-[state=active]:shadow-md\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-cpu w-4 h-4 mr-2\" aria-hidden=\"true\"><path d=\"M12 20v2\"><\/path><path d=\"M12 2v2\"><\/path><path d=\"M17 20v2\"><\/path><path d=\"M17 2v2\"><\/path><path d=\"M2 12h2\"><\/path><path d=\"M2 17h2\"><\/path><path d=\"M2 7h2\"><\/path><path d=\"M20 12h2\"><\/path><path d=\"M20 17h2\"><\/path><path d=\"M20 7h2\"><\/path><path d=\"M7 20v2\"><\/path><path d=\"M7 2v2\"><\/path><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"><\/rect><rect x=\"8\" y=\"8\" width=\"8\" height=\"8\" rx=\"1\"><\/rect><\/svg>\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b<\/button><button type=\"button\" data-orientation=\"horizontal\" aria-disabled=\"false\" tabindex=\"-1\" role=\"tab\" aria-selected=\"false\" id=\"base-ui-_r_5_\" data-slot=\"tabs-trigger\" class=\"relative h-[calc(100%-1px)] flex-1 gap-1.5 border border-transparent text-foreground\/60 group-data-vertical\/tabs:w-full group-data-vertical\/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]\/tabs-list:data-active:shadow-sm group-data-[variant=line]\/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]\/tabs-list:bg-transparent group-data-[variant=line]\/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]\/tabs-list:data-active:border-transparent dark:group-data-[variant=line]\/tabs-list:data-active:bg-transparent data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input\/30 dark:data-active:text-foreground after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal\/tabs:after:inset-x-0 group-data-horizontal\/tabs:after:bottom-[-5px] group-data-horizontal\/tabs:after:h-0.5 group-data-vertical\/tabs:after:inset-y-0 group-data-vertical\/tabs:after:-right-1 group-data-vertical\/tabs:after:w-0.5 group-data-[variant=line]\/tabs-list:data-active:after:opacity-100 inline-flex items-center justify-center whitespace-nowrap rounded-xl px-8 py-2.5 text-sm font-bold ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-blue-600 data-[state=active]:shadow-md\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-monitor w-4 h-4 mr-2\" aria-hidden=\"true\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"><\/rect><line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"><\/line><line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"><\/line><\/svg>\u0422\u0435\u0440\u043c\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/button><\/div><\/div><\/div><div data-orientation=\"horizontal\" data-activation-direction=\"none\" id=\"base-ui-_r_6_\" role=\"tabpanel\" tabindex=\"0\" data-index=\"0\" data-slot=\"tabs-content\" class=\"flex-1 text-sm mt-0 outline-none\" aria-labelledby=\"base-ui-_r_1_\"><div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\"><div style=\"opacity: 1; transform: none;\"><div data-slot=\"card\" data-size=\"default\" class=\"group\/card flex flex-col gap-4 overflow-hidden rounded-xl py-4 text-sm text-card-foreground ring-1 ring-foreground\/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-slate-200 bg-white hover:border-blue-500\/50 hover:shadow-lg hover:shadow-blue-500\/5 transition-all duration-300 cursor-pointer group\"><div data-slot=\"card-header\" class=\"group\/card-header @container\/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]\/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]\/card:[.border-b]:pb-3 pb-4\"><div class=\"flex items-center justify-between mb-4\"><div class=\"flex gap-2\"><span data-slot=\"badge\" data-variant=\"secondary\" class=\"group\/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3! [a]:hover:bg-secondary\/80 bg-slate-100 text-slate-600 text-[10px] font-bold uppercase tracking-widest px-2 py-0.5\">Dell<\/span><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right w-5 h-5 text-slate-300 group-hover:text-blue-500 group-hover:translate-x-1 transition-all\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg><\/div><div data-slot=\"card-title\" class=\"font-heading font-medium group-data-[size=sm]\/card:text-sm text-xl text-slate-900 group-hover:text-blue-600 transition-colors\">Dell PowerEdge<\/div><\/div><div data-slot=\"card-content\" class=\"px-4 group-data-[size=sm]\/card:px-3\"><p class=\"text-sm text-slate-500 leading-relaxed line-clamp-2\">\u041b\u0438\u0434\u0438\u0440\u0443\u044e\u0449\u0430\u044f \u0432 \u043e\u0442\u0440\u0430\u0441\u043b\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c.<\/p><\/div><\/div><\/div><div style=\"opacity: 1; transform: none;\"><div data-slot=\"card\" data-size=\"default\" class=\"group\/card flex flex-col gap-4 overflow-hidden rounded-xl py-4 text-sm text-card-foreground ring-1 ring-foreground\/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-slate-200 bg-white hover:border-blue-500\/50 hover:shadow-lg hover:shadow-blue-500\/5 transition-all duration-300 cursor-pointer group\"><div data-slot=\"card-header\" class=\"group\/card-header @container\/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]\/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]\/card:[.border-b]:pb-3 pb-4\"><div class=\"flex items-center justify-between mb-4\"><div class=\"flex gap-2\"><span data-slot=\"badge\" data-variant=\"secondary\" class=\"group\/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3! [a]:hover:bg-secondary\/80 bg-slate-100 text-slate-600 text-[10px] font-bold uppercase tracking-widest px-2 py-0.5\">HPE<\/span><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right w-5 h-5 text-slate-300 group-hover:text-blue-500 group-hover:translate-x-1 transition-all\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg><\/div><div data-slot=\"card-title\" class=\"font-heading font-medium group-data-[size=sm]\/card:text-sm text-xl text-slate-900 group-hover:text-blue-600 transition-colors\">HPE ProLiant<\/div><\/div><div data-slot=\"card-content\" class=\"px-4 group-data-[size=sm]\/card:px-3\"><p class=\"text-sm text-slate-500 leading-relaxed line-clamp-2\">\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0435, \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0435 \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u0434 \u0440\u0430\u0431\u043e\u0447\u0438\u0435 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438.<\/p><\/div><\/div><\/div><div style=\"opacity: 1; transform: none;\"><div data-slot=\"card\" data-size=\"default\" class=\"group\/card flex flex-col gap-4 overflow-hidden rounded-xl py-4 text-sm text-card-foreground ring-1 ring-foreground\/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-slate-200 bg-white hover:border-blue-500\/50 hover:shadow-lg hover:shadow-blue-500\/5 transition-all duration-300 cursor-pointer group\"><div data-slot=\"card-header\" class=\"group\/card-header @container\/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]\/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]\/card:[.border-b]:pb-3 pb-4\"><div class=\"flex items-center justify-between mb-4\"><div class=\"flex gap-2\"><span data-slot=\"badge\" data-variant=\"secondary\" class=\"group\/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3! [a]:hover:bg-secondary\/80 bg-slate-100 text-slate-600 text-[10px] font-bold uppercase tracking-widest px-2 py-0.5\">Huawei<\/span><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right w-5 h-5 text-slate-300 group-hover:text-blue-500 group-hover:translate-x-1 transition-all\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg><\/div><div data-slot=\"card-title\" class=\"font-heading font-medium group-data-[size=sm]\/card:text-sm text-xl text-slate-900 group-hover:text-blue-600 transition-colors\">Huawei FusionServer<\/div><\/div><div data-slot=\"card-content\" class=\"px-4 group-data-[size=sm]\/card:px-3\"><p class=\"text-sm text-slate-500 leading-relaxed line-clamp-2\">\u0412\u044b\u0441\u043e\u043a\u0430\u044f \u043f\u043b\u043e\u0442\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u043e\u0431\u043b\u0430\u043a\u0430 \u0438 \u0418\u0418.<\/p><\/div><\/div><\/div><div style=\"opacity: 1; transform: none;\"><div data-slot=\"card\" data-size=\"default\" class=\"group\/card flex flex-col gap-4 overflow-hidden rounded-xl py-4 text-sm text-card-foreground ring-1 ring-foreground\/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-slate-200 bg-white hover:border-blue-500\/50 hover:shadow-lg hover:shadow-blue-500\/5 transition-all duration-300 cursor-pointer group\"><div data-slot=\"card-header\" class=\"group\/card-header @container\/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]\/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]\/card:[.border-b]:pb-3 pb-4\"><div class=\"flex items-center justify-between mb-4\"><div class=\"flex gap-2\"><span data-slot=\"badge\" data-variant=\"secondary\" class=\"group\/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3! [a]:hover:bg-secondary\/80 bg-slate-100 text-slate-600 text-[10px] font-bold uppercase tracking-widest px-2 py-0.5\">Supermicro<\/span><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right w-5 h-5 text-slate-300 group-hover:text-blue-500 group-hover:translate-x-1 transition-all\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg><\/div><div data-slot=\"card-title\" class=\"font-heading font-medium group-data-[size=sm]\/card:text-sm text-xl text-slate-900 group-hover:text-blue-600 transition-colors\">Supermicro AS-1125<\/div><\/div><div data-slot=\"card-content\" class=\"px-4 group-data-[size=sm]\/card:px-3\"><p class=\"text-sm text-slate-500 leading-relaxed line-clamp-2\">\u041d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u0435 \u0432\u044b\u0441\u043e\u043a\u043e\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u043e\u0435\u0447\u043d\u044b\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u044b.<\/p><\/div><\/div><\/div><div data-slot=\"card\" data-size=\"default\" class=\"group\/card gap-4 overflow-hidden rounded-xl text-sm text-card-foreground ring-1 ring-foreground\/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl h-full border-dashed border-2 border-slate-200 bg-transparent flex flex-col items-center justify-center p-8 text-center hover:border-blue-300 hover:bg-blue-50\/50 transition-all cursor-pointer group\"><div class=\"w-12 h-12 rounded-full bg-white border border-slate-200 flex items-center justify-center mb-4 group-hover:scale-110 group-hover:bg-blue-600 group-hover:border-blue-500 transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right w-6 h-6 text-slate-400 group-hover:text-white\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div><p class=\"text-base font-bold text-slate-600 group-hover:text-blue-600\">\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0432\u0441\u0435 \u0421\u0435\u0440\u0432\u0435\u0440\u044b<\/p><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"py-24 bg-slate-900 relative overflow-hidden\"><div class=\"absolute top-0 right-0 w-full h-full bg-gradient-to-br from-blue-600\/10 to-transparent -z-0\"><\/div><div class=\"container mx-auto px-4 relative z-10\"><div class=\"grid grid-cols-1 lg:grid-cols-2 gap-20 items-center\"><div><h2 class=\"text-4xl md:text-5xl font-black text-white mb-8 leading-tight\">\u0413\u043e\u0442\u043e\u0432\u044b \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0432\u0430\u0448\u0443 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443?<\/h2><p class=\"text-slate-400 text-xl mb-12 leading-relaxed\">\u041d\u0430\u0448\u0438 \u0418\u0422-\u044d\u043a\u0441\u043f\u0435\u0440\u0442\u044b \u0433\u043e\u0442\u043e\u0432\u044b \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0430\u043c \u0441\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0437\u0430\u043a\u0443\u043f\u0438\u0442\u044c \u0438 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u0442\u044c \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043d\u0443\u0436\u0434 \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430.<\/p><div class=\"space-y-10\"><div class=\"flex items-center gap-6 group\"><div class=\"w-14 h-14 rounded-2xl bg-blue-500\/10 border border-blue-500\/20 flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:border-blue-500 transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-mail w-6 h-6 text-blue-400 group-hover:text-white\" aria-hidden=\"true\"><path d=\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"><\/path><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect><\/svg><\/div><div><p class=\"text-xs text-slate-500 uppercase tracking-[0.2em] font-black mb-1\">\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430\u043c<\/p><p class=\"text-white text-xl font-medium\">idc-marketing@tech.finovy.com<\/p><\/div><\/div><div class=\"flex items-center gap-6 group\"><div class=\"w-14 h-14 rounded-2xl bg-emerald-500\/10 border border-emerald-500\/20 flex items-center justify-center shrink-0 group-hover:bg-emerald-600 group-hover:border-emerald-500 transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-globe w-6 h-6 text-emerald-400 group-hover:text-white\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"><\/path><path d=\"M2 12h20\"><\/path><\/svg><\/div><div><p class=\"text-xs text-slate-500 uppercase tracking-[0.2em] font-black mb-1\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438<\/p><p class=\"text-white text-xl font-medium\">\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0432 15+ \u0441\u0442\u0440\u0430\u043d\u0430\u0445<\/p><\/div><\/div><\/div><\/div><div data-slot=\"card\" data-size=\"default\" class=\"group\/card flex flex-col gap-4 overflow-hidden rounded-xl text-sm text-card-foreground ring-1 ring-foreground\/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-slate-800 bg-slate-800\/50 backdrop-blur-2xl p-4 shadow-2xl\"><div data-slot=\"card-header\" class=\"group\/card-header @container\/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]\/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]\/card:[.border-b]:pb-3 text-center pb-8\"><div data-slot=\"card-title\" class=\"font-heading group-data-[size=sm]\/card:text-sm text-3xl text-white font-bold mb-2\">\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/div><div data-slot=\"card-description\" class=\"text-slate-400 text-base\">\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u043d\u0438\u0436\u0435, \u0447\u0442\u043e\u0431\u044b \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 \u043d\u0430\u0448\u0443 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432.<\/div><\/div><div data-slot=\"card-content\" class=\"px-4 group-data-[size=sm]\/card:px-3 flex flex-col items-center justify-center py-8\"><div class=\"w-24 h-24 rounded-full bg-blue-600\/10 border border-blue-600\/20 flex items-center justify-center mb-10 relative\"><div class=\"absolute inset-0 rounded-full bg-blue-600\/20 animate-ping opacity-20\"><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right w-12 h-12 text-blue-500\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg><\/div><button type=\"button\" tabindex=\"0\" data-slot=\"button\" class=\"group\/button inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding whitespace-nowrap outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring\/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive\/20 dark:aria-invalid:border-destructive\/50 dark:aria-invalid:ring-destructive\/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 [a]:hover:bg-primary\/80 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 w-full bg-blue-600 hover:bg-blue-500 text-white py-8 text-2xl font-black rounded-2xl shadow-xl shadow-blue-600\/30 transition-all hover:scale-[1.03] active:scale-95\"><a href=\"https:\/\/www.elishtech.com\/contact-us\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438<\/a><\/button><p class=\"mt-8 text-sm text-slate-500 text-center font-medium\">\u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u044b \u043d\u0430 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u0439\u0442 ElisTech<\/p><\/div><\/div><\/div><\/div><\/section><\/main><\/div><\/div>\n    <script type=\"module\" src=\"\/src\/main.tsx\"><\/script>\n  \n\n\n<\/body><\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>My Google AI Studio App \u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u0418\u0422-\u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f 21 \u0433\u043e\u0434 \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0445 \u043f\u043e\u0441\u0442\u0430\u0432\u043e\u043a IT-\u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u0411\u043e\u043b\u0435\u0435 3500 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432, \u0441\u0432\u044b\u0448\u0435 1000 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432. \u041e\u0442 \u043f\u043e\u0434\u0431\u043e\u0440\u0430 \u0438 \u0437\u0430\u043a\u0443\u043f\u043a\u0438 \u0434\u043e \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044f, \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043d\u043e\u0433\u043e \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u2014 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u043c \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430. \u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438\u041d\u0430\u0448\u0438 \u0443\u0441\u043b\u0443\u0433\u0438 \u041d\u0430\u0448\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u044c\u044e\u0442\u043e\u0440 \u043c\u0438\u0440\u043e\u0432\u044b\u0445 \u043b\u0438\u0434\u0435\u0440\u043e\u0432 \u0418\u0422-\u0438\u043d\u0434\u0443\u0441\u0442\u0440\u0438\u0438 DELL HPE HUAWEI SUPERMICRO CISCO NVIDIA INTEL SAMSUNG&#8230;<\/p>","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15790","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.elishtech.com\/en\/wp-json\/wp\/v2\/pages\/15790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elishtech.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elishtech.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elishtech.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elishtech.com\/en\/wp-json\/wp\/v2\/comments?post=15790"}],"version-history":[{"count":16,"href":"https:\/\/www.elishtech.com\/en\/wp-json\/wp\/v2\/pages\/15790\/revisions"}],"predecessor-version":[{"id":17421,"href":"https:\/\/www.elishtech.com\/en\/wp-json\/wp\/v2\/pages\/15790\/revisions\/17421"}],"wp:attachment":[{"href":"https:\/\/www.elishtech.com\/en\/wp-json\/wp\/v2\/media?parent=15790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}