:root {
      --aisitex-ink: #20152f;
      --aisitex-muted: #655c70;
      --aisitex-line: #e7e1ec;
      --aisitex-paper: #ffffff;
      --aisitex-wash: #f7f4fa;
      --aisitex-lilac: #eee5f7;
      --aisitex-purple: #32145f;
      --aisitex-purple-dark: #24103f;
      --aisitex-orange: #e54836;
      --aisitex-orange-dark: #b82f28;
      --aisitex-max: 1180px;
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      color: var(--aisitex-ink);
      background: var(--aisitex-paper);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
      line-height: 1.65;
      text-rendering: optimizeLegibility;
    }

    img {
      display: block;
      max-width: 100%;
      height: auto;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button,
    a {
      -webkit-tap-highlight-color: transparent;
    }

    :focus-visible {
      outline: 3px solid #f18d7d;
      outline-offset: 4px;
    }

    .aisitex-site-header {
      position: sticky;
      top: 0;
      z-index: 20;
      border-bottom: 1px solid transparent;
      background: rgba(255, 255, 255, 0.96);
      transition: border-color 180ms ease, box-shadow 180ms ease;
    }

    .aisitex-site-header.is-scrolled {
      border-color: var(--aisitex-line);
      box-shadow: 0 5px 22px rgba(35, 18, 54, 0.06);
    }

    .aisitex-nav-shell {
      width: min(var(--aisitex-max), calc(100% - 48px));
      min-height: 76px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 36px;
    }

    .aisitex-brand-link {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
      font-size: 17px;
      font-weight: 760;
      letter-spacing: 0;
    }

    .aisitex-brand-link img {
      width: 34px;
      height: 34px;
      object-fit: contain;
    }

    .aisitex-brand-name {
      white-space: nowrap;
    }

    .aisitex-nav {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .aisitex-nav-link {
      position: relative;
      min-width: 72px;
      padding: 9px 15px;
      color: var(--aisitex-muted);
      font-size: 15px;
      font-weight: 650;
      text-align: center;
      transition: color 160ms ease, background-color 160ms ease;
    }

    .aisitex-nav-link::after {
      content: "";
      position: absolute;
      right: 15px;
      bottom: 1px;
      left: 15px;
      height: 3px;
      background: var(--aisitex-orange);
      transform: scaleX(0);
      transform-origin: center;
      transition: transform 160ms ease;
    }

    .aisitex-nav-link:hover,
    .aisitex-nav-link.active {
      color: var(--aisitex-ink);
    }

    .aisitex-nav-link.active::after,
    .aisitex-nav-link:hover::after {
      transform: scaleX(1);
    }

    .aisitex-hero {
      width: min(var(--aisitex-max), calc(100% - 48px));
      min-height: 600px;
      margin: 0 auto;
      padding: 90px 0 104px;
      display: grid;
      grid-template-columns: minmax(285px, 0.72fr) minmax(0, 1.28fr);
      align-items: center;
      gap: clamp(55px, 9vw, 135px);
    }

    .aisitex-hero-copy {
      max-width: 405px;
    }

    .aisitex-kicker {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin: 0 0 24px;
      color: var(--aisitex-orange-dark);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.08em;
    }

    .aisitex-kicker::before {
      content: "";
      width: 24px;
      height: 3px;
      background: var(--aisitex-orange);
    }

    .aisitex-hero-title {
      margin: 0;
      max-width: 390px;
      color: var(--aisitex-ink);
      font-size: clamp(42px, 5vw, 70px);
      font-weight: 780;
      letter-spacing: -0.025em;
      line-height: 1.08;
    }

    .aisitex-hero-lead {
      margin: 28px 0 0;
      color: var(--aisitex-muted);
      font-size: 17px;
      line-height: 1.9;
    }

    .aisitex-hero-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 18px;
      margin-top: 34px;
    }

    .aisitex-primary-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 50px;
      padding: 0 22px;
      border: 2px solid var(--aisitex-purple);
      border-radius: 5px;
      color: #ffffff;
      background: var(--aisitex-purple);
      font-size: 15px;
      font-weight: 760;
      transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
    }

    .aisitex-primary-button:hover {
      border-color: var(--aisitex-purple-dark);
      background: var(--aisitex-purple-dark);
      transform: translateY(-2px);
    }

    .aisitex-primary-button:active {
      transform: translateY(0);
    }

    .aisitex-secondary-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--aisitex-purple);
      font-size: 15px;
      font-weight: 720;
      transition: color 160ms ease;
    }

    .aisitex-secondary-link:hover {
      color: var(--aisitex-orange-dark);
    }

    .aisitex-arrow-icon {
      width: 17px;
      height: 17px;
      transition: transform 160ms ease;
    }

    .aisitex-secondary-link:hover .aisitex-arrow-icon {
      transform: translateX(4px);
    }

    .aisitex-hero-status {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 31px;
      color: #8b8194;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.06em;
    }

    .aisitex-status-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--aisitex-orange);
    }

    .aisitex-hero-visual {
      position: relative;
      animation: aisitex-rise 650ms 100ms both ease-out;
    }

    .aisitex-hero-visual::before {
      content: "";
      position: absolute;
      top: 12%;
      right: 8%;
      bottom: 12%;
      left: 8%;
      border: 1px solid #eee7f3;
      pointer-events: none;
    }

    .aisitex-hero-visual img {
      position: relative;
      width: 100%;
      border-radius: 4px;
    }

    .aisitex-section {
      scroll-margin-top: 90px;
    }

    .aisitex-migration {
      padding: 94px 0 102px;
      background: var(--aisitex-wash);
    }

    .aisitex-section-shell {
      width: min(var(--aisitex-max), calc(100% - 48px));
      margin: 0 auto;
    }

    .aisitex-section-intro {
      max-width: 650px;
      margin-bottom: 46px;
    }

    .aisitex-section-label {
      margin: 0 0 14px;
      color: var(--aisitex-orange-dark);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.1em;
    }

    .aisitex-section-title {
      margin: 0;
      font-size: clamp(30px, 4vw, 48px);
      line-height: 1.15;
      letter-spacing: -0.02em;
    }

    .aisitex-section-summary {
      margin: 20px 0 0;
      color: var(--aisitex-muted);
      font-size: 16px;
      line-height: 1.85;
    }

    .aisitex-migration-layout {
      display: grid;
      grid-template-columns: minmax(230px, 0.7fr) minmax(0, 1.3fr);
      gap: 56px;
      align-items: center;
    }

    .aisitex-data-list {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .aisitex-data-item {
      padding: 20px 0;
      border-top: 1px solid #ddd3e6;
    }

    .aisitex-data-item:last-child {
      border-bottom: 1px solid #ddd3e6;
    }

    .aisitex-data-item strong {
      display: block;
      margin-bottom: 5px;
      color: var(--aisitex-purple);
      font-size: 17px;
    }

    .aisitex-data-item span {
      display: block;
      color: var(--aisitex-muted);
      font-size: 14px;
      line-height: 1.7;
    }

    .aisitex-product-frame {
      padding: clamp(14px, 2.6vw, 30px);
      background: #ffffff;
      border: 1px solid #e6ddea;
    }

    .aisitex-product-frame img {
      width: 100%;
    }

    .aisitex-flow {
      padding: 112px 0 120px;
      background: var(--aisitex-purple-dark);
      color: #ffffff;
    }

    .aisitex-flow .aisitex-section-label {
      color: #f18d7d;
    }

    .aisitex-flow .aisitex-section-title {
      color: #ffffff;
    }

    .aisitex-flow .aisitex-section-summary {
      color: #d7cde1;
    }

    .aisitex-flow-intro {
      max-width: 650px;
      margin-bottom: 62px;
    }

    .aisitex-step-axis {
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 34px;
    }

    .aisitex-step-axis::before {
      content: "";
      position: absolute;
      top: 25px;
      right: 13%;
      left: 13%;
      height: 1px;
      background: #715c8b;
    }

    .aisitex-step {
      position: relative;
      z-index: 1;
    }

    .aisitex-step-number {
      display: grid;
      width: 50px;
      height: 50px;
      margin-bottom: 25px;
      place-items: center;
      border: 1px solid #a18caf;
      border-radius: 50%;
      color: #ffffff;
      background: var(--aisitex-purple-dark);
      font-size: 13px;
      font-weight: 800;
    }

    .aisitex-step.is-recommended .aisitex-step-number {
      border-color: var(--aisitex-orange);
      background: var(--aisitex-orange);
    }

    .aisitex-step-tag {
      display: inline-block;
      margin-bottom: 15px;
      padding: 4px 9px;
      color: #ffd1ca;
      background: rgba(229, 72, 54, 0.2);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.06em;
    }

    .aisitex-step-title {
      margin: 0 0 11px;
      color: #ffffff;
      font-size: 21px;
    }

    .aisitex-step-description {
      max-width: 285px;
      margin: 0;
      color: #c8bad5;
      font-size: 14px;
      line-height: 1.8;
    }

    .aisitex-evidence {
      padding: 112px 0 118px;
      background: #ffffff;
    }

    .aisitex-evidence-heading {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 30px;
      margin-bottom: 48px;
    }

    .aisitex-evidence-heading .aisitex-section-intro {
      margin: 0;
    }

    .aisitex-evidence-note {
      max-width: 265px;
      margin: 0 0 5px;
      color: var(--aisitex-muted);
      font-size: 13px;
      line-height: 1.8;
    }

    .aisitex-state-grid {
      display: grid;
      grid-template-columns: 1fr 64px 1fr;
      align-items: center;
      gap: 20px;
    }

    .aisitex-state {
      min-width: 0;
    }

    .aisitex-state-label {
      display: inline-block;
      margin-bottom: 17px;
      color: var(--aisitex-purple);
      font-size: 14px;
      font-weight: 800;
    }

    .aisitex-state-description {
      min-height: 58px;
      margin: 17px 0 0;
      color: var(--aisitex-muted);
      font-size: 14px;
      line-height: 1.8;
    }

    .aisitex-state-image {
      padding: 16px;
      border: 1px solid var(--aisitex-line);
      background: var(--aisitex-wash);
    }

    .aisitex-state-image img {
      width: 100%;
    }

    .aisitex-state-connector {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--aisitex-orange);
    }

    .aisitex-state-connector::before {
      content: "";
      width: 34px;
      height: 1px;
      background: var(--aisitex-orange);
    }

    .aisitex-support {
      padding: 96px 0;
      background: #fff4ef;
      border-top: 5px solid var(--aisitex-orange);
    }

    .aisitex-support-layout {
      display: grid;
      grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1.3fr);
      gap: 75px;
      align-items: start;
    }

    .aisitex-support .aisitex-section-title {
      font-size: clamp(29px, 3.5vw, 43px);
    }

    .aisitex-support-list {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .aisitex-support-item {
      display: grid;
      grid-template-columns: minmax(145px, 0.55fr) 1fr;
      gap: 25px;
      padding: 20px 0;
      border-top: 1px solid #ebcfc7;
    }

    .aisitex-support-item:last-child {
      border-bottom: 1px solid #ebcfc7;
    }

    .aisitex-support-problem {
      color: var(--aisitex-ink);
      font-size: 15px;
      font-weight: 800;
    }

    .aisitex-support-response {
      margin: 0;
      color: var(--aisitex-muted);
      font-size: 14px;
      line-height: 1.8;
    }

    .aisitex-support-image {
      max-width: 330px;
      margin-top: 34px;
      border: 1px solid #e8c8bf;
    }

    .aisitex-next {
      padding: 112px 0 120px;
      text-align: center;
      background: #ffffff;
    }

    .aisitex-next .aisitex-section-title {
      max-width: 660px;
      margin: 0 auto;
    }

    .aisitex-next .aisitex-section-summary {
      max-width: 560px;
      margin: 19px auto 30px;
    }

    .aisitex-site-footer {
      padding: 30px 0;
      border-top: 1px solid var(--aisitex-line);
      color: #807589;
      background: #ffffff;
      font-size: 13px;
    }

    .aisitex-footer-shell {
      width: min(var(--aisitex-max), calc(100% - 48px));
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    .aisitex-footer-brand {
      color: var(--aisitex-ink);
      font-weight: 760;
    }

    @keyframes aisitex-rise {
      from {
        opacity: 0;
        transform: translateY(18px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @media (max-width: 820px) {
      .aisitex-hero {
        grid-template-columns: 1fr;
        gap: 54px;
        padding-top: 68px;
      }

      .aisitex-hero-copy {
        max-width: 620px;
      }

      .aisitex-hero-title {
        max-width: 570px;
      }

      .aisitex-hero-visual {
        max-width: 720px;
      }

      .aisitex-migration-layout,
      .aisitex-support-layout {
        grid-template-columns: 1fr;
        gap: 42px;
      }

      .aisitex-migration-layout .aisitex-product-frame {
        max-width: 760px;
      }

      .aisitex-support-image {
        max-width: 390px;
        margin-top: 24px;
      }

      .aisitex-evidence-heading {
        display: block;
      }

      .aisitex-evidence-note {
        max-width: 540px;
        margin-top: 20px;
      }
    }

    @media (max-width: 620px) {
      .aisitex-nav-shell,
      .aisitex-section-shell,
      .aisitex-footer-shell,
      .aisitex-hero {
        width: min(100% - 36px, var(--aisitex-max));
      }

      .aisitex-nav-shell {
        min-height: 68px;
      }

      .aisitex-brand-name {
        font-size: 15px;
      }

      .aisitex-nav {
        gap: 0;
      }

      .aisitex-nav-link {
        min-width: 57px;
        padding: 8px 8px;
        font-size: 14px;
      }

      .aisitex-nav-link::after {
        right: 8px;
        left: 8px;
      }

      .aisitex-hero {
        min-height: auto;
        padding: 57px 0 72px;
      }

      .aisitex-hero-title {
        font-size: clamp(40px, 12vw, 57px);
      }

      .aisitex-hero-lead {
        font-size: 16px;
      }

      .aisitex-hero-actions {
        align-items: stretch;
        flex-direction: column;
      }

      .aisitex-primary-button,
      .aisitex-secondary-link {
        width: fit-content;
      }

      .aisitex-migration,
      .aisitex-flow,
      .aisitex-evidence {
        padding: 76px 0 82px;
      }

      .aisitex-section-title {
        font-size: 31px;
      }

      .aisitex-step-axis {
        display: block;
        padding-left: 30px;
      }

      .aisitex-step-axis::before {
        top: 25px;
        right: auto;
        bottom: 25px;
        left: 24px;
        width: 1px;
        height: auto;
      }

      .aisitex-step {
        min-height: 170px;
        padding-left: 45px;
      }

      .aisitex-step-number {
        position: absolute;
        top: 0;
        left: -1px;
        width: 50px;
        height: 50px;
      }

      .aisitex-state-grid {
        grid-template-columns: 1fr;
        gap: 31px;
      }

      .aisitex-state-connector {
        height: 20px;
        transform: rotate(90deg);
      }

      .aisitex-state-description {
        min-height: 0;
      }

      .aisitex-support {
        padding: 76px 0;
      }

      .aisitex-support-item {
        grid-template-columns: 1fr;
        gap: 7px;
      }

      .aisitex-next {
        padding: 78px 0 88px;
      }

      .aisitex-footer-shell {
        align-items: flex-start;
        flex-direction: column;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }

      *,
      *::before,
      *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }
    }

.aisitex-site-header {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    line-height: 1.65;
    color: #20152f;
}

.aisitex-site-header, .aisitex-site-header *{
      box-sizing: border-box;
    }

.aisitex-site-header img{
      display: block;
      max-width: 100%;
      height: auto;
    }

.aisitex-site-header a{
      color: inherit;
      text-decoration: none;
    }

.aisitex-site-header a{
      -webkit-tap-highlight-color: transparent;
    }

.aisitex-site-header, .aisitex-site-header :focus-visible{
      outline: 3px solid #f18d7d;
      outline-offset: 4px;
    }

.aisitex-site-header{
      position: sticky;
      top: 0;
      z-index: 20;
      border-bottom: 1px solid transparent;
      background: rgba(255, 255, 255, 0.96);
      transition: border-color 180ms ease, box-shadow 180ms ease;
    }

.aisitex-site-header.is-scrolled{
      border-color: #e7e1ec;
      box-shadow: 0 5px 22px rgba(35, 18, 54, 0.06);
    }

.aisitex-site-header .aisitex-nav-shell{
      width: min(1180px, calc(100% - 48px));
      min-height: 76px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 36px;
    }

.aisitex-site-header .aisitex-brand-link{
      display: inline-flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
      font-size: 17px;
      font-weight: 760;
      letter-spacing: 0;
    }

.aisitex-site-header .aisitex-brand-link img{
      width: 34px;
      height: 34px;
      object-fit: contain;
    }

.aisitex-site-header .aisitex-brand-name{
      white-space: nowrap;
    }

.aisitex-site-header .aisitex-nav-link{
      position: relative;
      min-width: 72px;
      padding: 9px 15px;
      color: #655c70;
      font-size: 15px;
      font-weight: 650;
      text-align: center;
      transition: color 160ms ease, background-color 160ms ease;
    }

.aisitex-site-header .aisitex-nav-link::after{
      content: "";
      position: absolute;
      right: 15px;
      bottom: 1px;
      left: 15px;
      height: 3px;
      background: #e54836;
      transform: scaleX(0);
      transform-origin: center;
      transition: transform 160ms ease;
    }

.aisitex-site-header .aisitex-nav-link:hover, .aisitex-site-header .aisitex-nav-link.active{
      color: #20152f;
    }

.aisitex-site-header .aisitex-nav-link.active::after, .aisitex-site-header .aisitex-nav-link:hover::after{
      transform: scaleX(1);
    }

@media (max-width: 620px){.aisitex-site-header .aisitex-nav-shell{
        width: min(100% - 36px, 1180px);
      }

.aisitex-site-header .aisitex-nav-shell{
        min-height: 68px;
      }

.aisitex-site-header .aisitex-brand-name{
        font-size: 15px;
      }

.aisitex-site-header .aisitex-nav-link{
        min-width: 57px;
        padding: 8px 8px;
        font-size: 14px;
      }

.aisitex-site-header .aisitex-nav-link::after{
        right: 8px;
        left: 8px;
      }}

@media (prefers-reduced-motion: reduce){.aisitex-site-header, .aisitex-site-header *, .aisitex-site-header::before, .aisitex-site-header *::before, .aisitex-site-header::after, .aisitex-site-header *::after{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }}

.aisitex-site-footer {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    line-height: 1.65;
    color: #20152f;
}

.aisitex-site-footer, .aisitex-site-footer *{
      box-sizing: border-box;
    }

.aisitex-site-footer, .aisitex-site-footer :focus-visible{
      outline: 3px solid #f18d7d;
      outline-offset: 4px;
    }

.aisitex-site-footer{
      padding: 30px 0;
      border-top: 1px solid #e7e1ec;
      color: #807589;
      background: #ffffff;
      font-size: 13px;
    }

.aisitex-site-footer .aisitex-footer-shell{
      width: min(1180px, calc(100% - 48px));
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

.aisitex-site-footer .aisitex-footer-brand{
      color: #20152f;
      font-weight: 760;
    }

@media (max-width: 620px){.aisitex-site-footer .aisitex-footer-shell{
        width: min(100% - 36px, 1180px);
      }

.aisitex-site-footer .aisitex-footer-shell{
        align-items: flex-start;
        flex-direction: column;
      }}

@media (prefers-reduced-motion: reduce){.aisitex-site-footer, .aisitex-site-footer *, .aisitex-site-footer::before, .aisitex-site-footer *::before, .aisitex-site-footer::after, .aisitex-site-footer *::after{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }}