.itnc-ai-hub {
  --c-bg: #070f1c;
  --c-surface: #0d1a2b;
  --c-surface-raised: #132339;
  --c-border: #1f3550;
  --c-border-strong: #2e4a6b;
  --c-text: #f3f7fb;
  --c-text-muted: #aebdd0;
  --c-accent: #3fc8cf;
  --c-accent-hover: #6ad8dd;
  --c-accent-ink: #04141c;
  --c-accent-soft: rgba(63, 200, 207, 0.12);
  --c-warning: #e9b65a;
  --c-warning-soft: rgba(233, 182, 90, 0.12);
  --c-error: #f19a9a;
  --c-focus: #9ff3f6;
  --radius-sm: 8px;
  --radius: 16px;
  --radius-lg: 24px;
  --header-height: 72px;

  font-family: inherit, Tahoma, 'Segoe UI', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--c-text);
  background: var(--c-bg);
  min-height: 100vh;
  direction: rtl;
  text-align: right;
  -webkit-font-smoothing: antialiased;
}

.itnc-ai-hub *,
.itnc-ai-hub *::before,
.itnc-ai-hub *::after {
  box-sizing: border-box;
}

.itnc-ai-hub [hidden] {
  display: none !important;
}

.itnc-ai-hub h1,
.itnc-ai-hub h2,
.itnc-ai-hub h3,
.itnc-ai-hub p,
.itnc-ai-hub ul,
.itnc-ai-hub ol,
.itnc-ai-hub figure {
  margin: 0;
  padding: 0;
}

.itnc-ai-hub ul,
.itnc-ai-hub ol {
  list-style: none;
}

.itnc-ai-hub h1,
.itnc-ai-hub h2,
.itnc-ai-hub h3 {
  line-height: 1.2;
  font-weight: 800;
  color: #ffffff;
}

.itnc-ai-hub a {
  color: inherit;
}

.itnc-ai-hub button,
.itnc-ai-hub input,
.itnc-ai-hub select,
.itnc-ai-hub textarea {
  font: inherit;
  color: inherit;
}

.itnc-ai-hub :focus-visible {
  outline: 3px solid var(--c-focus);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}

.itnc-ai-hub__skip {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 100;
  padding: 8px 16px;
  background: var(--c-accent);
  color: var(--c-accent-ink);
  border-radius: var(--radius-sm);
  transform: translateY(-200%);
  transition: transform 0.2s ease;
}

.itnc-ai-hub__skip:focus {
  transform: translateY(0);
}

.itnc-ai-hub .ltr {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
  font-family: system-ui, 'Segoe UI', Roboto, sans-serif;
  letter-spacing: 0.01em;
}

.itnc-ai-hub__container {
  width: min(1120px, calc(100% - 48px));
  margin-inline: auto;
}

.itnc-ai-hub__section {
  padding: 80px 0;
  scroll-margin-top: calc(var(--header-height) + 16px);
}

.itnc-ai-hub__section--alt {
  background: var(--c-surface);
  border-block: 1px solid var(--c-border);
}

.itnc-ai-hub__section-head {
  display: grid;
  gap: 16px;
  max-width: 680px;
  margin-bottom: 48px;
}

.itnc-ai-hub__eyebrow {
  font-size: 14px;
  font-weight: 600;
  color: var(--c-accent);
  letter-spacing: 0.02em;
}

.itnc-ai-hub__section-title {
  font-size: clamp(28px, 3.2vw, 36px);
}

.itnc-ai-hub__lead {
  font-size: 17px;
  color: var(--c-text-muted);
}

.itnc-ai-hub__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 24px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.itnc-ai-hub__btn--primary {
  background: var(--c-accent);
  color: var(--c-accent-ink);
}

.itnc-ai-hub__btn--primary:hover {
  background: var(--c-accent-hover);
}

.itnc-ai-hub__btn--secondary {
  background: transparent;
  color: var(--c-text);
  border-color: var(--c-border-strong);
}

.itnc-ai-hub__btn--secondary:hover,
.itnc-ai-hub__btn--secondary[aria-expanded='true'] {
  border-color: var(--c-accent);
  color: var(--c-accent);
}

.itnc-ai-hub__btn--small {
  min-height: 40px;
  padding: 8px 16px;
  font-size: 15px;
}

.itnc-ai-hub__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid currentColor;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}

.itnc-ai-hub__badge--accent {
  color: var(--c-accent);
  background: var(--c-accent-soft);
}

.itnc-ai-hub__badge--warning {
  color: var(--c-warning);
  background: var(--c-warning-soft);
}

.itnc-ai-hub__badge--muted {
  color: var(--c-text-muted);
  background: transparent;
}

.itnc-ai-hub__header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: var(--header-height);
  background: rgba(7, 15, 28, 0.94);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--c-border);
}

.itnc-ai-hub__header-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.itnc-ai-hub__brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  flex-shrink: 0;
}

.itnc-ai-hub__logo {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(63, 200, 207, 0.4);
  background: var(--c-surface-raised);
  color: var(--c-accent);
}

.itnc-ai-hub__brand-name {
  display: grid;
  line-height: 1.1;
}

.itnc-ai-hub__brand-name strong {
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.06em;
}

.itnc-ai-hub__brand-name span {
  font-size: 12px;
  color: var(--c-text-muted);
}

.itnc-ai-hub__nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

.itnc-ai-hub__nav-link,
.itnc-ai-hub__nav-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--c-text-muted);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.itnc-ai-hub__nav-link:hover,
.itnc-ai-hub__nav-trigger:hover,
.itnc-ai-hub__nav-trigger[aria-expanded='true'] {
  color: #ffffff;
  background: var(--c-surface-raised);
}

.itnc-ai-hub__nav-trigger svg {
  transition: transform 0.2s ease;
}

.itnc-ai-hub__nav-trigger[aria-expanded='true'] svg {
  transform: rotate(180deg);
}

.itnc-ai-hub__dropdown {
  position: relative;
}

.itnc-ai-hub__dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 60;
  width: 280px;
  padding: 8px;
  background: var(--c-surface-raised);
  border: 1px solid var(--c-border-strong);
  border-radius: var(--radius);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
  animation: itnc-fade-in 0.16s ease-out;
}

.itnc-ai-hub__dropdown-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--c-text);
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.itnc-ai-hub__dropdown-menu a:hover {
  background: var(--c-accent-soft);
  color: var(--c-accent);
}

.itnc-ai-hub__menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--c-border-strong);
  border-radius: 12px;
  background: transparent;
  color: var(--c-text);
  cursor: pointer;
}

.itnc-ai-hub__mobile-menu {
  display: none;
}

.itnc-ai-hub__mobile-menu-inner {
  display: grid;
  gap: 8px;
  padding: 16px 0 24px;
}

.itnc-ai-hub__mobile-group-title {
  padding: 8px 4px 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--c-text-muted);
}

.itnc-ai-hub__mobile-link {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  background: var(--c-surface);
  color: var(--c-text);
  text-decoration: none;
  font-weight: 600;
}

.itnc-ai-hub__mobile-link:hover {
  border-color: var(--c-accent);
  color: var(--c-accent);
}

.itnc-ai-hub__hero {
  position: relative;
  padding: 72px 0 80px;
  border-bottom: 1px solid var(--c-border);
  background:
    radial-gradient(ellipse at 80% 20%, rgba(63, 200, 207, 0.06), transparent 60%),
    var(--c-bg);
  scroll-margin-top: calc(var(--header-height) + 16px);
}

.itnc-ai-hub__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 56px;
}

.itnc-ai-hub__hero-copy {
  display: grid;
  gap: 24px;
}

.itnc-ai-hub__hero-title {
  font-size: clamp(32px, 4.4vw, 52px);
}

.itnc-ai-hub__hero-text {
  font-size: 18px;
  color: var(--c-text-muted);
  max-width: 560px;
}

.itnc-ai-hub__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.itnc-ai-hub__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
}

.itnc-ai-hub__chips li {
  padding: 6px 12px;
  border-radius: 8px;
  background: var(--c-surface-raised);
  border: 1px solid var(--c-border);
  color: var(--c-text-muted);
  font-size: 14px;
}

.itnc-ai-hub__art {
  position: relative;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  background: var(--c-surface);
  padding: 24px;
}

.itnc-ai-hub__art svg {
  display: block;
  width: 100%;
  height: auto;
}

.itnc-ai-hub__paths {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.itnc-ai-hub__path {
  display: grid;
  gap: 16px;
  padding: 32px;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  background: var(--c-surface);
  color: var(--c-text);
  text-align: right;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.itnc-ai-hub__path:hover {
  border-color: var(--c-border-strong);
  transform: translateY(-2px);
}

.itnc-ai-hub__path[aria-pressed='true'] {
  border-color: var(--c-accent);
  background: linear-gradient(180deg, var(--c-accent-soft), var(--c-surface) 60%);
}

.itnc-ai-hub__path-head {
  display: flex;
  align-items: center;
  gap: 16px;
}

.itnc-ai-hub__path-title {
  font-size: 22px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
}

.itnc-ai-hub__icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--c-surface-raised);
  border: 1px solid var(--c-border-strong);
  color: var(--c-accent);
}

.itnc-ai-hub__path-text {
  display: block;
  color: var(--c-text-muted);
}

.itnc-ai-hub__path-cta {
  display: inline-flex;
  justify-self: start;
  align-items: center;
  gap: 8px;
  color: var(--c-accent);
  font-weight: 600;
}

.itnc-ai-hub__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}

.itnc-ai-hub__filter {
  min-height: 44px;
  padding: 8px 20px;
  border: 1px solid var(--c-border-strong);
  border-radius: 999px;
  background: transparent;
  color: var(--c-text-muted);
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.itnc-ai-hub__filter:hover {
  color: var(--c-text);
  border-color: var(--c-accent);
}

.itnc-ai-hub__filter[aria-pressed='true'] {
  background: var(--c-accent);
  border-color: var(--c-accent);
  color: var(--c-accent-ink);
}

.itnc-ai-hub__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.itnc-ai-hub__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  background: var(--c-bg);
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.itnc-ai-hub__card:hover {
  border-color: var(--c-border-strong);
  transform: translateY(-2px);
}

.itnc-ai-hub__card h3 {
  font-size: 20px;
}

.itnc-ai-hub__card > p {
  color: var(--c-text-muted);
}

.itnc-ai-hub__deliverable {
  display: grid;
  gap: 8px;
  padding: 16px;
  border-radius: var(--radius);
  background: var(--c-bg);
  border: 1px solid var(--c-border);
}

.itnc-ai-hub__deliverable span,
.itnc-ai-hub__label {
  font-size: 13px;
  font-weight: 600;
  color: var(--c-accent);
}

.itnc-ai-hub__deliverable p {
  font-size: 15px;
  color: var(--c-text);
}

.itnc-ai-hub__note {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 14px;
  color: var(--c-text-muted);
}

.itnc-ai-hub__note svg {
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--c-accent);
}

.itnc-ai-hub__card .itnc-ai-hub__btn {
  margin-top: auto;
  align-self: stretch;
}

.itnc-ai-hub__product-card {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
  padding: 32px;
  border: 1px solid var(--c-border-strong);
  border-radius: var(--radius-lg);
  background: var(--c-surface-raised);
  transition: border-color 0.2s ease;
}

.itnc-ai-hub__product-card:hover {
  border-color: var(--c-accent);
}

.itnc-ai-hub__product-card h3 {
  font-size: 22px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.itnc-ai-hub__product-card p {
  color: var(--c-text-muted);
}

.itnc-ai-hub__footnote {
  margin-top: 32px;
  font-size: 14px;
  color: var(--c-text-muted);
  max-width: 760px;
}

.itnc-ai-hub__product {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 56px;
  align-items: center;
}

.itnc-ai-hub__product-copy {
  display: grid;
  gap: 24px;
}

.itnc-ai-hub__product-title {
  display: grid;
  gap: 8px;
  font-size: clamp(30px, 3.6vw, 40px);
}

.itnc-ai-hub__product-title .ltr {
  font-size: 18px;
  font-weight: 600;
  color: var(--c-accent);
}

.itnc-ai-hub__notice {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px 20px;
  border-radius: var(--radius);
  border: 1px solid rgba(233, 182, 90, 0.35);
  background: var(--c-warning-soft);
  color: var(--c-text);
}

.itnc-ai-hub__notice svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--c-warning);
}

.itnc-ai-hub__product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.itnc-ai-hub__details {
  display: grid;
  gap: 16px;
  padding: 24px;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  background: var(--c-surface);
}

.itnc-ai-hub__details h3 {
  font-size: 18px;
}

.itnc-ai-hub__feature-list {
  display: grid;
  gap: 8px;
}

.itnc-ai-hub__feature {
  display: grid;
  gap: 8px;
  padding: 12px 16px;
  border-radius: var(--radius-sm);
  background: var(--c-bg);
  border: 1px solid var(--c-border);
}

.itnc-ai-hub__feature strong {
  font-weight: 600;
  color: var(--c-text);
}

.itnc-ai-hub__feature-status {
  font-size: 14px;
  color: var(--c-text-muted);
}

.itnc-ai-hub__details-note {
  font-size: 14px;
  color: var(--c-text-muted);
}

.itnc-ai-hub__concept {
  position: relative;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  background: var(--c-surface);
  padding: 24px;
}

.itnc-ai-hub__concept svg {
  display: block;
  width: 100%;
  height: auto;
}

.itnc-ai-hub__concept-tag {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--c-bg);
  border: 1px solid var(--c-border-strong);
  color: var(--c-text-muted);
  font-size: 13px;
  font-weight: 600;
}

.itnc-ai-hub__steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.itnc-ai-hub__steps::before {
  content: '';
  position: absolute;
  top: 24px;
  right: 12.5%;
  left: 12.5%;
  height: 1px;
  background: var(--c-border-strong);
}

.itnc-ai-hub__step {
  position: relative;
  display: grid;
  gap: 12px;
  justify-items: center;
  text-align: center;
}

.itnc-ai-hub__step-number {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--c-bg);
  border: 1px solid var(--c-accent);
  color: var(--c-accent);
  font-weight: 800;
  font-size: 18px;
}

.itnc-ai-hub__step-body {
  display: grid;
  gap: 8px;
}

.itnc-ai-hub__step h3 {
  font-size: 18px;
}

.itnc-ai-hub__step p {
  font-size: 15px;
  color: var(--c-text-muted);
  max-width: 240px;
}

.itnc-ai-hub__faq {
  display: grid;
  gap: 12px;
  max-width: 820px;
}

.itnc-ai-hub__faq-item {
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  background: var(--c-surface);
  overflow: hidden;
  transition: border-color 0.2s ease;
}

.itnc-ai-hub__faq-item[data-open='true'] {
  border-color: var(--c-border-strong);
}

.itnc-ai-hub__faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 56px;
  padding: 16px 20px;
  background: transparent;
  border: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  cursor: pointer;
}

.itnc-ai-hub__faq-question:hover {
  color: var(--c-accent);
}

.itnc-ai-hub__faq-question svg {
  flex-shrink: 0;
  color: var(--c-accent);
  transition: transform 0.2s ease;
}

.itnc-ai-hub__faq-question[aria-expanded='true'] svg {
  transform: rotate(180deg);
}

.itnc-ai-hub__faq-answer {
  padding: 0 20px 20px;
  color: var(--c-text-muted);
}

.itnc-ai-hub__consult {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 48px;
  align-items: start;
}

.itnc-ai-hub__consult-copy {
  display: grid;
  gap: 24px;
}

.itnc-ai-hub__privacy {
  display: grid;
  gap: 12px;
  padding: 20px;
  border-radius: var(--radius);
  border: 1px solid var(--c-border);
  background: var(--c-surface);
}

.itnc-ai-hub__privacy p {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 15px;
  color: var(--c-text-muted);
}

.itnc-ai-hub__privacy svg {
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--c-accent);
}

.itnc-ai-hub__form {
  display: grid;
  gap: 24px;
  padding: 32px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--c-border);
  background: var(--c-surface);
}

.itnc-ai-hub__field {
  display: grid;
  gap: 8px;
}

.itnc-ai-hub__field label,
.itnc-ai-hub__field-label {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}

.itnc-ai-hub__input,
.itnc-ai-hub__select,
.itnc-ai-hub__textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid var(--c-border-strong);
  background: var(--c-bg);
  color: var(--c-text);
  font-size: 16px;
  transition: border-color 0.2s ease;
}

.itnc-ai-hub__select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--c-text-muted) 50%),
    linear-gradient(135deg, var(--c-text-muted) 50%, transparent 50%);
  background-position: 16px 50%, 22px 50%;
  background-size: 6px 6px;
  background-repeat: no-repeat;
  padding-left: 40px;
}

.itnc-ai-hub__textarea {
  min-height: 128px;
  resize: vertical;
  line-height: 1.5;
}

.itnc-ai-hub__input:hover,
.itnc-ai-hub__select:hover,
.itnc-ai-hub__textarea:hover {
  border-color: var(--c-accent);
}

.itnc-ai-hub__input[aria-invalid='true'],
.itnc-ai-hub__textarea[aria-invalid='true'] {
  border-color: var(--c-error);
}

.itnc-ai-hub__hint {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 13px;
  color: var(--c-text-muted);
}

.itnc-ai-hub__error {
  font-size: 14px;
  color: var(--c-error);
  font-weight: 600;
}

.itnc-ai-hub__result {
  display: grid;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid var(--c-border);
}

.itnc-ai-hub__result h3 {
  font-size: 18px;
}

.itnc-ai-hub__result-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.itnc-ai-hub__status {
  font-size: 14px;
  color: var(--c-text-muted);
}

.itnc-ai-hub__status--success {
  color: var(--c-success);
}

.itnc-ai-hub__status--error {
  color: var(--c-error);
}

.itnc-ai-hub__external {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--c-accent);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: rgba(63, 200, 207, 0.4);
  align-self: flex-start;
}

.itnc-ai-hub__external:hover {
  text-decoration-color: var(--c-accent);
}

.itnc-ai-hub__footer {
  border-top: 1px solid var(--c-border);
  background: var(--c-surface);
  padding: 56px 0 32px;
}

.itnc-ai-hub__footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
}

.itnc-ai-hub__footer-brand {
  display: grid;
  gap: 16px;
  justify-items: start;
}

.itnc-ai-hub__footer-brand p {
  color: var(--c-text-muted);
  font-size: 15px;
  max-width: 360px;
}

.itnc-ai-hub__footer h3 {
  font-size: 15px;
  margin-bottom: 16px;
}

.itnc-ai-hub__footer-list {
  display: grid;
  gap: 12px;
}

.itnc-ai-hub__footer-site {
  margin-top: 16px;
}

.itnc-ai-hub__footer-list a {
  color: var(--c-text-muted);
  text-decoration: none;
  font-size: 15px;
  transition: color 0.2s ease;
}

.itnc-ai-hub__footer-list a:hover {
  color: var(--c-accent);
}

.itnc-ai-hub__coverage {
  display: grid;
  gap: 12px;
}

.itnc-ai-hub__coverage li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  color: var(--c-text-muted);
  font-size: 15px;
}

.itnc-ai-hub__coverage svg {
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--c-accent);
}

.itnc-ai-hub__coverage strong {
  color: var(--c-text);
  font-weight: 600;
}

.itnc-ai-hub__footer-bottom {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--c-border);
  color: var(--c-text-muted);
  font-size: 14px;
}

@keyframes itnc-fade-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1024px) {
  .itnc-ai-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .itnc-ai-hub__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 40px;
  }

  .itnc-ai-hub__steps::before {
    display: none;
  }

  .itnc-ai-hub__consult,
  .itnc-ai-hub__product {
    gap: 40px;
  }
}

@media (max-width: 900px) {
  .itnc-ai-hub__nav,
  .itnc-ai-hub__header-cta {
    display: none;
  }

  .itnc-ai-hub__menu-toggle {
    display: inline-flex;
  }

  .itnc-ai-hub__mobile-menu {
    display: block;
    border-top: 1px solid var(--c-border);
    background: var(--c-bg);
  }

  .itnc-ai-hub__hero-grid,
  .itnc-ai-hub__product,
  .itnc-ai-hub__consult {
    grid-template-columns: minmax(0, 1fr);
  }

  .itnc-ai-hub__footer-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .itnc-ai-hub__footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .itnc-ai-hub__container {
    width: min(1120px, calc(100% - 32px));
  }

  .itnc-ai-hub__section {
    padding: 56px 0;
  }

  .itnc-ai-hub__section-head {
    margin-bottom: 32px;
  }

  .itnc-ai-hub__hero {
    padding: 48px 0 56px;
  }

  .itnc-ai-hub__hero-grid {
    gap: 40px;
  }

  .itnc-ai-hub__actions .itnc-ai-hub__btn {
    width: 100%;
  }

  .itnc-ai-hub__paths,
  .itnc-ai-hub__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .itnc-ai-hub__path,
  .itnc-ai-hub__card,
  .itnc-ai-hub__form,
  .itnc-ai-hub__details,
  .itnc-ai-hub__product-card {
    padding: 24px;
  }

  .itnc-ai-hub__product-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .itnc-ai-hub__product-card .itnc-ai-hub__btn {
    width: 100%;
  }

  .itnc-ai-hub__steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  .itnc-ai-hub__step {
    grid-template-columns: 48px minmax(0, 1fr);
    justify-items: start;
    text-align: right;
    gap: 16px;
    align-items: start;
  }

  .itnc-ai-hub__step p {
    max-width: none;
  }

  .itnc-ai-hub__product-actions .itnc-ai-hub__btn,
  .itnc-ai-hub__result-actions .itnc-ai-hub__btn {
    width: 100%;
  }

  .itnc-ai-hub__footer-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  .itnc-ai-hub__concept-tag {
    top: 12px;
    left: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .itnc-ai-hub *,
  .itnc-ai-hub *::before,
  .itnc-ai-hub *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.itnc-ai-hub{--c-bg:#070f16;--c-accent:#19c7d4;min-height:0}.itnc-ai-hub .itnc-ai-hub__hero{padding-block:64px}.itnc-ai-hub .itnc-ai-hub__section{padding-block:56px}.itnc-ai-hub .itnc-ai-hub__hero-title{font-size:clamp(30px,3.3vw,46px);line-height:1.65}.itnc-ai-hub .hub-section-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:20px;border-block:1px solid #203441}.itnc-ai-hub .hub-section-nav a{color:#c2dbe2;padding:10px 16px;background:#10212d;border:1px solid #24414f;border-radius:10px;text-decoration:none}.itnc-ai-hub .hub-details{border:1px solid #24414f;border-radius:12px;padding:18px 22px;margin-block:14px;background:#0d1a25}.itnc-ai-hub summary{cursor:pointer;font-weight:600;line-height:1.8}.itnc-ai-hub .hub-details p{margin-top:16px;color:#b7cbd6;line-height:2}.itnc-ai-hub .hub-product-panel{padding:30px;border:1px solid #28505e;border-radius:22px;background:linear-gradient(120deg,#102d38,#0b1622)}.itnc-ai-hub .hub-product-panel>.itnc-ai-hub__lead{margin-block:20px}.itnc-ai-hub .hub-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.itnc-ai-hub .hub-steps article{padding:24px;border:1px solid #24414f;border-radius:16px}.itnc-ai-hub .hub-steps span{color:#58d1db;font-size:26px;font-family:Arial}.itnc-ai-hub .hub-steps h3{font-size:17px;margin-block:14px}.itnc-ai-hub .hub-steps p{font-size:14px;color:#afc4d1;line-height:2}.itnc-ai-hub .hub-consult{display:grid;grid-template-columns:1fr 1fr;gap:40px}.itnc-ai-hub .hub-consult p{line-height:2;margin-bottom:20px}.itnc-ai-hub #hub-request{display:grid;gap:14px}.itnc-ai-hub #hub-request label{display:grid;gap:8px}.itnc-ai-hub #hub-request select,.itnc-ai-hub #hub-request textarea{width:100%;font:inherit;color:#e8f2f7;background:#0e202d;border:1px solid #345261;border-radius:10px;padding:12px}.itnc-ai-hub pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:#d9f4f7}.itnc-ai-hub [id]{scroll-margin-top:130px}.itnc-ai-hub .itnc-ai-hub__container{max-width:1180px}.itnc-ai-hub .itnc-ai-hub__btn{font-family:inherit}@media(max-width:850px){.itnc-ai-hub .hub-steps{grid-template-columns:1fr 1fr}.itnc-ai-hub .hub-consult{grid-template-columns:1fr}.itnc-ai-hub .itnc-ai-hub__hero{padding-block:38px}}@media(max-width:500px){.itnc-ai-hub .hub-steps{grid-template-columns:1fr}.itnc-ai-hub .hub-product-panel{padding:20px}.itnc-ai-hub .itnc-ai-hub__feature{align-items:flex-start;gap:10px;flex-direction:column}}

.itnc-ai-hub .hub-hero-art{margin:0;position:relative;overflow:hidden;background:#07121b;border:1px solid #203846;border-radius:24px;aspect-ratio:5/4;padding:0}.itnc-ai-hub .hub-hero-art img{display:block;width:100%;height:100%;object-fit:cover}.itnc-ai-hub .hub-hero-art figcaption{position:absolute;bottom:12px;right:14px;color:#a4bdc9;font-size:11px;padding:5px 9px;background:#07121bd9;border-radius:6px}.itnc-ai-hub .itnc-ai-hub__hero-grid{align-items:center}