:root{
      --bg: #ffffff;
      --surface: #ffffff;
      --muted: #5b6472;
      --text: #1d2433;
      --soft: #f6f7fb;
      --soft2: #fff2f7;
      --line: rgba(20,30,50,.12);
      --shadow: 0 16px 40px rgba(12, 18, 32, .10);
      --shadow2: 0 10px 26px rgba(12, 18, 32, .10);
      --brand: #6d28d9;
      --brand2: #ff2d76;
      --brand3: #00a3ff;
      --vivid: #ff2d76;
      --good: #17b26a;
      --focus: 0 0 0 4px rgba(109,40,217,.18);
      --radius-xl: 22px;
      --radius-lg: 16px;
      --radius-md: 12px;
      --radius-sm: 10px;
      --container: 1120px;
      --pad: 20px;
    }

    *{ box-sizing: border-box; }
    html, body{ height: 100%; }
    body{
      margin: 0;
      font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
      color: var(--text);
      background: linear-gradient(180deg, #ffffff 0%, #fbfbff 40%, #ffffff 100%);
      overflow-x: hidden;
    }

    .skip-link{
      position:absolute; left:-999px; top:10px;
      background:#111; color:#fff;
      padding:10px 12px; border-radius:10px;
      z-index: 9999;
    }
    .skip-link:focus{ left: 14px; outline: none; box-shadow: var(--focus); }

    .container{
      width: min(var(--container), calc(100% - 2*var(--pad)));
      margin: 0 auto;
    }

    .site-header{
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255,255,255,.7);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(20,30,50,.08);
    }
    .nav-container{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 14px;
      padding: 12px 0;
    }

    .brand{
      display:flex;
      align-items:center;
      gap: 12px;
      min-width: 240px;
    }
    .brand-link{ display:flex; align-items:center; text-decoration: none; }
    .ai-page-logo{ width: 44px; height: 44px; object-fit: contain; border-radius: 12px; background: #fff; box-shadow: 0 10px 20px rgba(109,40,217,.08); }
    .brand-meta{ display:flex; flex-direction: column; line-height: 1.1; }
    .brand-name{ font-weight: 800; letter-spacing: .2px; font-size: 14px; }
    .brand-sub{ font-size: 12px; color: var(--muted); margin-top: 4px; }

    .nav-desktop{
      display:flex;
      align-items:center;
      gap: 18px;
      flex: 1;
      justify-content: center;
    }
    .nav-link{
      text-decoration:none;
      color: #232b3b;
      font-weight: 650;
      font-size: 13px;
      padding: 10px 10px;
      border-radius: 12px;
      transition: transform .15s ease, background .15s ease, color .15s ease;
      white-space: nowrap;
    }
    .nav-link:hover{ background: rgba(109,40,217,.08); transform: translateY(-1px); color: #0f1730; }

    .nav-actions{
      display:flex;
      align-items:center;
      gap: 10px;
      min-width: 230px;
      justify-content: flex-end;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content: center;
      gap: 10px;
      text-decoration:none;
      border-radius: 999px;
      padding: 10px 14px;
      border: 1px solid rgba(20,30,50,.12);
      font-weight: 780;
      font-size: 13px;
      transition: transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease;
      background: #fff;
      color: #182034;
      user-select: none;
      cursor: pointer;
    }
    .btn:focus{ outline:none; box-shadow: var(--focus); }
    .btn:hover{ transform: translateY(-1px); box-shadow: 0 14px 30px rgba(12,18,32,.10); }
    .btn:active{ transform: translateY(0px); box-shadow: none; }

    .btn-primary{
      background: linear-gradient(135deg, var(--brand) 0%, var(--brand2) 45%, #ff5b3d 100%);
      color: #fff;
      border-color: rgba(255,255,255,.35);
      box-shadow: 0 18px 36px rgba(109,40,217,.22);
    }
    .btn-primary:hover{ box-shadow: 0 24px 52px rgba(109,40,217,.26); }
    .btn-ghost{
      background: rgba(255,255,255,.7);
      border-color: rgba(20,30,50,.14);
      color: #1a2235;
    }
    .btn-ghost:hover{
      background: rgba(255,255,255,.95);
      border-color: rgba(109,40,217,.26);
      box-shadow: 0 14px 30px rgba(109,40,217,.12);
    }
    .btn-soft{
      background: linear-gradient(180deg, rgba(0,163,255,.10) 0%, rgba(255,45,118,.08) 100%);
      border-color: rgba(0,163,255,.20);
      color: #0f1730;
    }
    .btn-lg{ padding: 12px 16px; font-size: 14px; }
    .btn-sm{ padding: 8px 12px; font-size: 12px; }
    .full{ width: 100%; }

    .nav-toggle{
      display:none;
      align-items:center;
      justify-content:center;
      gap: 10px;
      padding: 10px 12px;
      border-radius: 14px;
      border: 1px solid rgba(20,30,50,.14);
      background: rgba(255,255,255,.85);
      cursor:pointer;
      font-weight: 800;
      color: #182034;
      transition: transform .14s ease, box-shadow .14s ease;
    }
    .nav-toggle:focus{ outline:none; box-shadow: var(--focus); }
    .nav-toggle-lines{
      width: 18px; height: 12px; position: relative; display:block;
      background: transparent;
    }
    .nav-toggle-lines::before, .nav-toggle-lines::after, .nav-toggle-lines{
      border-radius: 6px;
    }
    .nav-toggle-lines::before, .nav-toggle-lines::after{
      content:"";
      position:absolute; left:0; right:0;
      height: 2px; background: #1a2235;
      opacity: .95;
      transition: transform .15s ease, top .15s ease, opacity .15s ease;
    }
    .nav-toggle-lines::before{ top: 2px; }
    .nav-toggle-lines::after{ top: 8px; }
    .nav-toggle-text{ font-size: 13px; }

    .mobile-menu{
      display:block;
      position: relative;
      border-top: 1px solid rgba(20,30,50,.08);
      background: rgba(255,255,255,.9);
      backdrop-filter: blur(12px);
    }
    .mobile-menu.open{ animation: popIn .18s ease both; }
    @keyframes popIn{ from{ opacity:.2; transform: translateY(-6px);} to{ opacity:1; transform: translateY(0);} }

    .mobile-menu-inner{
      padding: 14px 0 18px;
    }
    .mobile-actions{
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 14px;
    }
    .mobile-links{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-bottom: 14px;
    }
    .mobile-link{
      text-decoration:none;
      color: #0f1730;
      font-weight: 780;
      border: 1px solid rgba(20,30,50,.12);
      border-radius: 14px;
      padding: 12px 12px;
      background: rgba(255,255,255,.7);
      transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
      text-align: center;
      font-size: 13px;
    }
    .mobile-link:hover{
      transform: translateY(-1px);
      border-color: rgba(109,40,217,.25);
      box-shadow: 0 14px 30px rgba(109,40,217,.10);
    }
    .mobile-bottom{
      border-top: 1px solid rgba(20,30,50,.08);
      padding-top: 14px;
      display:flex;
      flex-direction: column;
      gap: 10px;
    }
    .mobile-small{ font-size: 12px; color: var(--muted); font-weight: 700; }
    .mobile-email{ color: #0f1730; font-weight: 850; text-decoration:none; }
    .kefu-img{ width: 130px; height: 130px; object-fit: contain; border-radius: 18px; border: 1px solid rgba(20,30,50,.12); align-self: flex-start; background:#fff; }

    .hero{
      position: relative;
      padding: 34px 0 34px;
      overflow: hidden;
      background: radial-gradient(1200px 700px at 10% 10%, rgba(109,40,217,.13) 0%, rgba(255,45,118,.10) 40%, rgba(0,163,255,.08) 70%, rgba(255,255,255,0) 100%),
                  linear-gradient(180deg, rgba(255,255,255,.9) 0%, rgba(251,251,255,1) 65%, #fff 100%);
    }

    .hero-bg{ position:absolute; inset:0; pointer-events:none; }
    .orb{
      position:absolute; border-radius: 999px;
      filter: blur(14px);
      opacity: .55;
      transform: translateZ(0);
    }
    .orb-1{ width: 320px; height: 320px; left: -120px; top: 40px; background: radial-gradient(circle at 30% 30%, rgba(255,45,118,.65), rgba(255,45,118,0)); }
    .orb-2{ width: 420px; height: 420px; right: -220px; top: 10px; background: radial-gradient(circle at 30% 30%, rgba(0,163,255,.55), rgba(0,163,255,0)); }

    .gridlines{
      position:absolute; inset:-40px -40px -40px -40px;
      background-image:
        linear-gradient(to right, rgba(18,28,48,.06) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(18,28,48,.05) 1px, transparent 1px);
      background-size: 56px 56px;
      transform: translateZ(0);
      mask-image: radial-gradient(circle at 30% 10%, rgba(0,0,0,1), rgba(0,0,0,0) 70%);
      opacity: .55;
    }

    .hero-grid{
      display:grid;
      grid-template-columns: 1.25fr .85fr;
      gap: 18px;
      align-items: start;
      position: relative;
      z-index: 1;
    }

    .hero-copy{
      padding: 10px 0;
    }
    .hero-pill{
      display:inline-flex;
      align-items:center;
      gap: 10px;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(20,30,50,.10);
      box-shadow: 0 18px 40px rgba(12,18,32,.06);
      color: #182034;
      font-weight: 800;
      font-size: 12px;
    }
    .pill-dot{
      width: 10px; height: 10px; border-radius: 50%;
      background: linear-gradient(135deg, var(--brand) 0%, var(--brand2) 65%, #ff6a3d 100%);
      box-shadow: 0 12px 26px rgba(255,45,118,.22);
    }
    .hero-title{
      font-size: clamp(26px, 4vw, 44px);
      margin: 16px 0 10px;
      letter-spacing: -0.6px;
      line-height: 1.08;
    }
    .hero-lead{
      margin: 0;
      color: #2b3344;
      font-size: 15px;
      line-height: 1.65;
      max-width: 56ch;
      font-weight: 650;
    }
    .hero-cta{
      display:flex;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 18px;
      align-items:center;
    }

    .hero-quick{
      display:grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 10px;
      margin-top: 18px;
    }
    .quick-item{
      background: rgba(255,255,255,.76);
      border: 1px solid rgba(20,30,50,.10);
      border-radius: 16px;
      padding: 12px 12px;
      display:flex;
      align-items:flex-start;
      gap: 10px;
      min-height: 74px;
    }
    .quick-icon{
      width: 34px; height: 34px;
      border-radius: 12px;
      display:flex;
      align-items:center;
      justify-content:center;
      color: #2b2f3d;
      background: linear-gradient(180deg, rgba(109,40,217,.12), rgba(255,45,118,.10));
      border: 1px solid rgba(109,40,217,.20);
      flex: 0 0 auto;
    }
    .quick-title{ font-weight: 900; font-size: 13px; }
    .quick-sub{ color: var(--muted); font-weight: 700; font-size: 12px; margin-top: 2px; line-height: 1.4; }

    .hero-meta{
      margin-top: 14px;
      display:flex;
      flex-direction: column;
      gap: 10px;
      max-width: 520px;
    }
    .meta-line{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 12px;
      border-radius: 14px;
      background: rgba(255,255,255,.75);
      border: 1px solid rgba(20,30,50,.10);
    }
    .meta-label{ font-size: 12px; color: var(--muted); font-weight: 800; }
    .meta-value{ font-size: 12px; font-weight: 800; color: #1c2537; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .hero-panel{
      display:flex;
      flex-direction: column;
      gap: 12px;
      padding-top: 4px;
    }
    .panel-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 18px 44px rgba(12,18,32,.07);
      overflow:hidden;
    }
    .glass{
      background: radial-gradient(600px 340px at 20% 0%, rgba(109,40,217,.16) 0%, rgba(255,255,255,.82) 44%, rgba(255,255,255,.78) 100%);
    }
    .subtle{
      background: linear-gradient(180deg, rgba(0,163,255,.06), rgba(255,45,118,.05));
    }
    .panel-head{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 10px;
      padding: 14px 14px 8px;
    }
    .panel-title{ font-weight: 950; letter-spacing: -0.2px; }
    .panel-tag{
      font-size: 12px;
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid rgba(109,40,217,.22);
      background: rgba(109,40,217,.08);
      font-weight: 900;
      color: #2a1a57;
      white-space: nowrap;
    }

    .metrics{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      padding: 10px 14px 14px;
    }
    .metric{
      background: rgba(255,255,255,.7);
      border: 1px solid rgba(20,30,50,.10);
      border-radius: 16px;
      padding: 12px 12px;
      min-height: 92px;
      display:flex;
      flex-direction: column;
      justify-content: center;
      gap: 6px;
    }
    .metric-value{ font-weight: 950; font-size: 13px; }
    .metric-sub{ color: var(--muted); font-weight: 700; font-size: 12px; line-height: 1.45; }

    .panel-actions{
      padding: 0 14px 16px;
      display:flex;
      gap: 12px;
      flex-direction: column;
      align-items: stretch;
    }
    .link-muted{
      text-decoration:none;
      color: var(--muted);
      font-weight: 850;
      font-size: 13px;
      padding: 8px 10px;
      border-radius: 12px;
      transition: background .15s ease, color .15s ease;
    }
    .link-muted:hover{ background: rgba(20,30,50,.05); color: #1c2537; }

    .subtle-row{
      display:flex;
      gap: 12px;
      align-items: flex-start;
      padding: 14px 14px 10px;
    }
    .badge{
      flex: 0 0 auto;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(20,30,50,.06);
      border: 1px solid rgba(20,30,50,.10);
      font-weight: 900;
      font-size: 12px;
      color: #232b3b;
      margin-top: 2px;
    }
    .badge-vivid{
      background: linear-gradient(135deg, rgba(255,45,118,.16), rgba(109,40,217,.14));
      border-color: rgba(255,45,118,.22);
      color: #3b1027;
    }
    .subtle-text{ flex: 1; }
    .subtle-title{ font-weight: 950; }
    .subtle-sub{ margin-top: 4px; color: var(--muted); font-weight: 700; font-size: 12px; line-height: 1.5; }

    .section{
      padding: 56px 0;
    }
    .section-alt{
      background: linear-gradient(180deg, #fff 0%, rgba(255,45,118,.03) 60%, rgba(0,163,255,.02) 100%);
      border-top: 1px solid rgba(20,30,50,.06);
      border-bottom: 1px solid rgba(20,30,50,.06);
    }
    .section-alt2{
      background: linear-gradient(180deg, rgba(255,45,118,.03) 0%, rgba(109,40,217,.03) 50%, rgba(0,163,255,.02) 100%);
    }

    .section-head{
      margin-bottom: 22px;
      max-width: 820px;
    }
    .h2{
      margin: 0 0 10px;
      font-size: clamp(22px, 2.6vw, 32px);
      letter-spacing: -.4px;
    }
    .h3{
      margin: 0;
      font-size: 16px;
      letter-spacing: -.2px;
      font-weight: 950;
    }
    .lead{
      margin: 0;
      color: #2b3344;
      line-height: 1.75;
      font-weight: 650;
      font-size: 15px;
    }
    .p{
      margin: 10px 0 0;
      color: #2b3344;
      line-height: 1.7;
      font-weight: 650;
      font-size: 14px;
    }

    .about-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    .about-card{
      border-radius: var(--radius-xl);
      padding: 16px 16px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.82);
      box-shadow: 0 12px 26px rgba(12,18,32,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 152px;
    }
    .about-card:hover{
      transform: translateY(-3px);
      border-color: rgba(109,40,217,.22);
      box-shadow: 0 22px 60px rgba(109,40,217,.12);
    }
    .about-icon{
      width: 44px; height: 44px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius: 16px;
      border: 1px solid rgba(109,40,217,.20);
      background: linear-gradient(180deg, rgba(109,40,217,.10), rgba(255,45,118,.08));
      color: #1f2b44;
    }

    .service-grid{
      display:grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 12px;
    }
    .service-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.84);
      box-shadow: 0 14px 30px rgba(12,18,32,.06);
      padding: 16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 290px;
      display:flex;
      flex-direction: column;
    }
    .service-card:hover{
      transform: translateY(-3px);
      border-color: rgba(109,40,217,.22);
      box-shadow: 0 28px 72px rgba(109,40,217,.12);
    }
    .service-card.highlight{
      background: radial-gradient(700px 380px at 20% 0%, rgba(255,45,118,.16) 0%, rgba(255,255,255,.88) 55%, rgba(255,255,255,.84) 100%);
      border-color: rgba(255,45,118,.20);
    }
    .service-top{
      display:flex;
      align-items:center;
      gap: 12px;
      margin-bottom: 10px;
    }
    .service-icon{
      width: 44px; height: 44px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(255,45,118,.12), rgba(109,40,217,.10));
      border: 1px solid rgba(255,45,118,.20);
      color: #1b2034;
      flex: 0 0 auto;
    }

    .list{
      list-style: none;
      padding: 0;
      margin: 6px 0 0;
      display:flex;
      flex-direction: column;
      gap: 9px;
    }
    .list li{
      display:flex;
      gap: 10px;
      align-items:flex-start;
      color: #2b3344;
      font-weight: 700;
      font-size: 13.5px;
      line-height: 1.5;
    }
    .check{
      width: 18px; height: 18px;
      border-radius: 6px;
      border: 1px solid rgba(20,30,50,.12);
      background: rgba(20,30,50,.04);
      margin-top: 1px;
      position: relative;
      flex: 0 0 auto;
    }
    .check::after{
      content:"";
      position:absolute;
      left: 5px; top: 4px;
      width: 6px; height: 8px;
      border-right: 2px solid #1c2537;
      border-bottom: 2px solid #1c2537;
      transform: rotate(40deg);
      opacity: .9;
    }
    .check.vivid{
      border-color: rgba(255,45,118,.26);
      background: rgba(255,45,118,.10);
    }
    .check.vivid::after{
      border-right-color: #8a1244;
      border-bottom-color: #8a1244;
    }

    .link-cta{
      text-decoration:none;
      font-weight: 950;
      margin-top: auto;
      padding-top: 12px;
      color: #3b1058;
      display:inline-flex;
      align-items:center;
      gap: 10px;
    }
    .link-cta::after{
      content:"";
      width: 10px; height: 10px;
      border-right: 2px solid currentColor;
      border-top: 2px solid currentColor;
      transform: rotate(45deg);
      margin-top: 2px;
      opacity: .85;
    }
    .link-cta:hover{ color: #6d28d9; }

    .tag-cloud{
      margin-top: 16px;
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 14px 30px rgba(12,18,32,.06);
      padding: 16px;
      display:grid;
      grid-template-columns: 260px 1fr;
      gap: 14px;
      align-items: start;
    }
    .cloud-title{ font-weight: 950; font-size: 16px; }
    .cloud-sub{ margin-top: 6px; color: var(--muted); font-weight: 700; font-size: 13px; line-height: 1.6; }
    .cloud-wrap{
      display:flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items:flex-start;
      justify-content: flex-start;
    }
    .chip{
      display:inline-flex;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.75);
      color: #1a2235;
      font-weight: 850;
      font-size: 12px;
    }
    .chip.vivid{
      border-color: rgba(255,45,118,.22);
      background: rgba(255,45,118,.10);
      color: #5a0a2d;
    }

    .stepper-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    .step-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.84);
      box-shadow: 0 14px 30px rgba(12,18,32,.06);
      padding: 16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 190px;
      display:flex;
      flex-direction: column;
    }
    .step-card:hover{
      transform: translateY(-3px);
      border-color: rgba(109,40,217,.22);
      box-shadow: 0 28px 72px rgba(109,40,217,.12);
    }
    .step-index{
      font-weight: 1000;
      letter-spacing: .5px;
      color: rgba(109,40,217,.9);
      background: rgba(109,40,217,.10);
      border: 1px solid rgba(109,40,217,.22);
      display:inline-flex;
      width: fit-content;
      padding: 6px 10px;
      border-radius: 999px;
      font-size: 12px;
    }

    .cta-band{
      margin-top: 18px;
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: radial-gradient(900px 380px at 20% 0%, rgba(255,45,118,.13) 0%, rgba(255,255,255,.84) 55%, rgba(255,255,255,.78) 100%);
      box-shadow: 0 18px 44px rgba(12,18,32,.07);
      padding: 16px;
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 14px;
      flex-wrap: wrap;
    }
    .cta-title{ font-weight: 1000; letter-spacing: -.25px; font-size: 16px; }
    .cta-sub{ margin-top: 6px; color: var(--muted); font-weight: 700; line-height: 1.6; font-size: 13px; }
    .cta-band-right{ display:flex; gap: 10px; flex-wrap: wrap; }

    .industry-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    .industry-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.84);
      box-shadow: 0 14px 30px rgba(12,18,32,.06);
      padding: 16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 186px;
      display:flex;
      flex-direction: column;
    }
    .industry-card:hover{
      transform: translateY(-3px);
      border-color: rgba(0,163,255,.24);
      box-shadow: 0 28px 72px rgba(0,163,255,.10);
    }
    .industry-title{ font-weight: 1000; font-size: 16px; letter-spacing: -.2px; }
    .industry-desc{ margin-top: 8px; color: #2b3344; font-weight: 680; line-height: 1.6; font-size: 13.5px; }
    .industry-list{ display:flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 12px; }
    .mini-pill{
      display:inline-flex;
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.75);
      font-weight: 850;
      font-size: 12px;
      color: #1a2235;
    }

    .network-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .network-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.84);
      box-shadow: 0 14px 30px rgba(12,18,32,.06);
      padding: 16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 190px;
      display:flex;
      flex-direction: column;
    }
    .network-card:hover{
      transform: translateY(-3px);
      border-color: rgba(255,45,118,.22);
      box-shadow: 0 28px 72px rgba(255,45,118,.10);
    }
    .network-title{ font-weight: 1000; font-size: 16px; letter-spacing: -.2px; }
    .network-foot{
      margin-top: auto;
      display:flex;
      gap: 10px;
      align-items:center;
      padding-top: 12px;
      color: #1c2537;
      font-weight: 850;
      font-size: 13px;
    }
    .net-dot{ width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, var(--brand), var(--brand2)); box-shadow: 0 14px 30px rgba(255,45,118,.22); }

    .links-row{
      margin-top: 16px;
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 14px 30px rgba(12,18,32,.06);
      padding: 16px;
      display:grid;
      grid-template-columns: 160px 1fr;
      gap: 12px;
      align-items: start;
    }
    .links-title{ font-weight: 1000; font-size: 14px; }
    .links-wrap{
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
    }
    .text-link{
      color: #3b1058;
      text-decoration:none;
      font-weight: 900;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(59,16,88,.18);
      background: rgba(109,40,217,.06);
      font-size: 12px;
      transition: transform .14s ease, background .14s ease, border-color .14s ease;
      white-space: nowrap;
    }
    .text-link:hover{
      transform: translateY(-1px);
      border-color: rgba(109,40,217,.28);
      background: rgba(109,40,217,.10);
    }

    .timeline{
      position: relative;
      padding: 8px 0 6px;
      display:flex;
      flex-direction: column;
      gap: 12px;
      margin-top: 6px;
    }
    .timeline-item{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.84);
      box-shadow: 0 14px 30px rgba(12,18,32,.06);
      padding: 14px 14px;
      display:flex;
      gap: 12px;
      align-items:flex-start;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .timeline-item:hover{
      transform: translateY(-2px);
      border-color: rgba(0,163,255,.25);
      box-shadow: 0 28px 72px rgba(0,163,255,.08);
    }
    .timeline-bullet{
      width: 12px; height: 12px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--brand), var(--brand2));
      box-shadow: 0 18px 40px rgba(109,40,217,.20);
      margin-top: 6px;
      flex: 0 0 auto;
    }
    .timeline-title{ font-weight: 1000; letter-spacing: -.2px; }
    .timeline-desc{ margin-top: 6px; color: #2b3344; font-weight: 680; line-height: 1.6; font-size: 13.5px; }

    .process-fact{
      margin-top: 14px;
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .fact-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 14px 30px rgba(12,18,32,.06);
      padding: 16px;
      transition: transform .18s ease, box-shadow .18s ease;
      min-height: 116px;
    }
    .fact-card:hover{ transform: translateY(-2px); box-shadow: 0 22px 56px rgba(12,18,32,.09); }
    .fact-title{ font-weight: 1000; font-size: 14px; }
    .fact-desc{ margin-top: 10px; color: var(--muted); font-weight: 700; line-height: 1.6; font-size: 13px; }

    .case-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .case-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 14px 30px rgba(12,18,32,.06);
      padding: 16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      display:flex;
      flex-direction: column;
      min-height: 240px;
    }
    .case-card:hover{
      transform: translateY(-3px);
      border-color: rgba(109,40,217,.22);
      box-shadow: 0 30px 80px rgba(109,40,217,.12);
    }
    .case-kicker{
      font-weight: 950;
      font-size: 12px;
      color: #3b1058;
      background: rgba(109,40,217,.10);
      border: 1px solid rgba(109,40,217,.20);
      padding: 7px 10px;
      border-radius: 999px;
      width: fit-content;
    }
    .case-top{ margin-bottom: 8px; }

    .case-tags{
      margin-top: 12px;
      display:flex;
      gap: 8px;
      flex-wrap: wrap;
    }

    .compare-grid{
      display:grid;
      grid-template-columns: .88fr 1.12fr;
      gap: 12px;
      align-items: start;
    }
    .rating-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 14px 30px rgba(12,18,32,.06);
      padding: 16px;
      min-height: 360px;
      display:flex;
      flex-direction: column;
    }
    .rating-top{
      display:flex;
      align-items:flex-start;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 12px;
    }
    .rating-stars{
      display:flex;
      gap: 6px;
      color: #ffb800;
      font-size: 18px;
      letter-spacing: -1px;
      margin-top: 6px;
    }
    .rating-score-wrap{
      display:flex;
      align-items:flex-end;
      gap: 6px;
    }
    .rating-score{
      font-size: 44px;
      font-weight: 1100;
      letter-spacing: -1px;
      background: linear-gradient(135deg, var(--brand), var(--brand2));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .rating-max{
      font-weight: 900;
      color: var(--muted);
      padding-bottom: 10px;
      font-size: 14px;
    }
    .rating-desc{
      color: #2b3344;
      font-weight: 720;
      line-height: 1.7;
      font-size: 14px;
      margin-top: 6px;
    }
    .rating-actions{
      margin-top: auto;
      display:flex;
      flex-direction: column;
      gap: 10px;
      padding-top: 14px;
    }

    .compare-table-wrap{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 14px 30px rgba(12,18,32,.06);
      padding: 16px;
    }
    .compare-table-head{ margin-bottom: 8px; }
    .compare-title{ font-weight: 1000; font-size: 16px; letter-spacing: -.2px; }
    .compare-sub{ margin-top: 6px; color: var(--muted); font-weight: 720; line-height: 1.6; font-size: 13px; }

    .table-scroll{ overflow:auto; border-radius: 14px; border: 1px solid rgba(20,30,50,.10); }
    table{
      width: 100%;
      border-collapse: collapse;
      min-width: 520px;
      background: #fff;
    }
    th, td{
      text-align: left;
      padding: 12px 12px;
      border-bottom: 1px solid rgba(20,30,50,.08);
      vertical-align: top;
      font-size: 13.5px;
      line-height: 1.5;
    }
    thead th{
      font-weight: 1000;
      color: #1c2537;
      background: linear-gradient(180deg, rgba(109,40,217,.08), rgba(255,45,118,.05));
    }
    tbody td{ color: #2b3344; font-weight: 720; }
    tr:last-child td{ border-bottom: none; }

    .table-badge{
      display:inline-flex;
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(20,30,50,.12);
      background: rgba(20,30,50,.04);
      font-weight: 950;
      font-size: 12px;
      color: #1a2235;
    }
    .table-badge.vivid{
      border-color: rgba(255,45,118,.22);
      background: rgba(255,45,118,.10);
      color: #5a0a2d;
    }
    .compare-foot{
      margin-top: 10px;
      color: var(--muted);
      font-weight: 700;
      font-size: 12.5px;
      line-height: 1.6;
    }
    .muted{ color: var(--muted); }

    .match-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 12px;
      align-items: start;
    }
    .form-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
    }
    .form{
      display:flex;
      flex-direction: column;
      gap: 12px;
    }
    .form-row{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .field{
      display:flex;
      flex-direction: column;
      gap: 8px;
    }
    .field-label{
      font-size: 12.5px;
      color: var(--muted);
      font-weight: 900;
    }
    input, select, textarea{
      width: 100%;
      padding: 12px 12px;
      border-radius: 14px;
      border: 1px solid rgba(20,30,50,.12);
      background: rgba(255,255,255,.9);
      color: #1a2235;
      font-weight: 760;
      font-size: 14px;
      outline: none;
      transition: box-shadow .14s ease, border-color .14s ease, transform .14s ease;
    }
    input:focus, select:focus, textarea:focus{
      border-color: rgba(109,40,217,.35);
      box-shadow: var(--focus);
    }
    textarea{ resize: vertical; min-height: 120px; }

    .form-actions{
      display:flex;
      gap: 12px;
      align-items: center;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 2px;
    }
    .form-side{
      display:flex;
      flex-direction: column;
      gap: 8px;
      min-width: 240px;
      align-items: flex-start;
    }
    .form-note{
      color: var(--muted);
      font-weight: 720;
      font-size: 12.5px;
      line-height: 1.6;
    }

    .match-side{
      display:flex;
      flex-direction: column;
      gap: 12px;
    }
    .side-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
    }
    .side-card.glass{
      background: radial-gradient(760px 360px at 20% 0%, rgba(0,163,255,.12) 0%, rgba(255,255,255,.86) 55%, rgba(255,255,255,.84) 100%);
    }
    .side-card.subtle{
      background: linear-gradient(180deg, rgba(109,40,217,.06), rgba(255,45,118,.04));
    }

    .side-title{
      font-weight: 1000;
      font-size: 16px;
      letter-spacing: -.2px;
    }
    .side-sub{
      margin-top: 8px;
      color: var(--muted);
      font-weight: 720;
      line-height: 1.7;
      font-size: 13.5px;
    }
    .side-list{ margin-top: 14px; display:flex; flex-direction: column; gap: 12px; }
    .side-item{
      display:flex; gap: 12px; align-items:flex-start;
      border-radius: 16px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.74);
      padding: 12px 12px;
    }
    .side-num{
      width: 28px; height: 28px;
      border-radius: 12px;
      display:flex;
      align-items:center;
      justify-content:center;
      background: linear-gradient(135deg, rgba(109,40,217,.16), rgba(255,45,118,.12));
      border: 1px solid rgba(109,40,217,.22);
      font-weight: 1000;
      color: #3b1058;
      flex: 0 0 auto;
    }
    .side-strong{ font-weight: 1000; }
    .side-actions{
      margin-top: 14px;
      display:flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .pill-wrap{ margin-top: 12px; display:flex; flex-wrap: wrap; gap: 10px; }
    .side-subtle{ margin-top: 12px; color: #2b3344; font-weight: 700; line-height: 1.7; font-size: 13.5px; }

    .token-grid{
      display:grid;
      grid-template-columns: 1fr 1.05fr;
      gap: 12px;
      align-items: start;
    }
    .token-card, .token-table-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
    }
    .token-title{ font-weight: 1000; font-size: 16px; }
    .token-sub{ margin-top: 6px; color: var(--muted); font-weight: 720; line-height: 1.6; font-size: 13.5px; }
    .token-points{ margin-top: 14px; display:flex; flex-direction: column; gap: 12px; }
    .point{ display:flex; gap: 12px; align-items:flex-start; }
    .point-dot{ width: 12px; height: 12px; border-radius: 50%; margin-top: 5px; background: linear-gradient(135deg, var(--brand2), var(--brand)); box-shadow: 0 18px 40px rgba(255,45,118,.18); }
    .point-text{ color: #2b3344; font-weight: 720; line-height: 1.6; font-size: 13.5px; }
    .token-actions{ margin-top: 16px; display:flex; flex-wrap: wrap; gap: 10px; }

    .token-table-head{ margin-bottom: 10px; }
    .token-table-title{ font-weight: 1000; font-size: 16px; }
    .token-table-sub{ margin-top: 6px; color: var(--muted); font-weight: 720; line-height: 1.6; font-size: 13.5px; }
    .token-foot{ margin-top: 10px; font-size: 12.5px; line-height: 1.6; font-weight: 720; color: var(--muted); }

    .training-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      align-items: start;
    }
    .training-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
    }
    .training-title{ font-weight: 1000; font-size: 16px; }
    .training-sub{ margin-top: 6px; color: var(--muted); font-weight: 720; line-height: 1.6; font-size: 13.5px; }

    .pill-list{
      margin: 14px 0 0;
      padding: 0;
      list-style: none;
      display:flex;
      flex-direction: column;
      gap: 10px;
    }
    .pill-list li{
      display:flex;
      gap: 10px;
      align-items:flex-start;
      color: #2b3344;
      font-weight: 720;
      line-height: 1.5;
      font-size: 13.5px;
    }
    .pill-list .dot{
      width: 10px; height: 10px;
      border-radius: 50%;
      margin-top: 5px;
      background: linear-gradient(135deg, var(--brand), var(--brand2));
      box-shadow: 0 18px 40px rgba(109,40,217,.18);
      flex: 0 0 auto;
    }

    .training-actions{
      margin-top: 16px;
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items:center;
    }

    .training-side{
      display:flex;
      flex-direction: column;
      gap: 12px;
    }
    .meter{ margin-top: 14px; display:flex; flex-direction: column; gap: 12px; }
    .meter-row{ display:flex; align-items:center; gap: 12px; }
    .meter-label{ width: 140px; font-weight: 900; color: #1a2235; font-size: 13px; }
    .meter-bar{
      flex: 1;
      height: 12px;
      border-radius: 999px;
      background: rgba(20,30,50,.06);
      border: 1px solid rgba(20,30,50,.10);
      overflow:hidden;
    }
    .meter-bar span{
      display:block;
      height: 100%;
      width: 50%;
      background: linear-gradient(135deg, var(--brand), var(--brand2));
      border-radius: 999px;
      box-shadow: 0 18px 40px rgba(109,40,217,.18);
      transform-origin: left;
    }
    .meter-note{ margin-top: 12px; color: var(--muted); font-weight: 720; line-height: 1.6; font-size: 13px; }

    .help-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      align-items:start;
    }
    .help-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
      transition: transform .18s ease, box-shadow .18s ease;
      min-height: 240px;
    }
    .help-card:hover{ transform: translateY(-3px); box-shadow: 0 30px 80px rgba(12,18,32,.10); }
    .help-title{ font-weight: 1000; font-size: 16px; }
    .help-sub{ margin-top: 6px; color: var(--muted); font-weight: 720; line-height: 1.6; font-size: 13.5px; }
    .help-links{ margin-top: 14px; display:flex; flex-direction: column; gap: 10px; }
    .help-link{
      text-decoration:none;
      font-weight: 950;
      color: #2b3344;
      border-radius: 14px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.74);
      padding: 12px 12px;
      transition: transform .14s ease, border-color .14s ease, background .14s ease;
    }
    .help-link:hover{
      transform: translateY(-1px);
      border-color: rgba(109,40,217,.22);
      background: rgba(109,40,217,.06);
    }
    .help-bullets{ margin-top: 14px; display:flex; flex-direction: column; gap: 12px; }
    .help-bullet{ display:flex; gap: 12px; align-items:flex-start; }
    .help-bullet-icon{
      width: 26px; height: 26px;
      border-radius: 12px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(0,163,255,.08);
      border: 1px solid rgba(0,163,255,.18);
      color: #0f3a54;
      font-weight: 1000;
      flex: 0 0 auto;
      margin-top: 2px;
    }
    .help-bullet-text{ color: #2b3344; font-weight: 720; line-height: 1.6; font-size: 13.5px; }

    .faq-grid{
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 12px;
      align-items: start;
    }
    .faq-panel{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
    }
    .faq-toolbar{
      display:flex;
      align-items:flex-end;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 12px;
    }
    .faq-title{ font-weight: 1000; font-size: 16px; }
    .faq-note{ color: var(--muted); font-weight: 720; font-size: 12.5px; }

    details.faq-item{
      border-radius: 16px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.74);
      margin-bottom: 10px;
      padding: 10px 12px;
      transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
    }
    details.faq-item.in{
      transform: translateY(0);
    }
    details.faq-item summary{
      cursor:pointer;
      font-weight: 950;
      color: #1a2235;
      list-style: none;
      outline:none;
      padding: 8px 4px;
      position: relative;
      font-size: 14px;
    }
    details.faq-item summary::-webkit-details-marker{ display:none; }
    details.faq-item summary::after{
      content:"";
      position:absolute;
      right: 0;
      top: 50%;
      width: 10px;
      height: 10px;
      border-right: 2px solid rgba(26,34,53,.75);
      border-bottom: 2px solid rgba(26,34,53,.75);
      transform: translateY(-50%) rotate(45deg);
      transition: transform .18s ease;
      opacity: .9;
    }
    details[open].faq-item summary::after{
      transform: translateY(-50%) rotate(-135deg);
    }
    .faq-answer{
      padding: 0 4px 10px;
      color: #2b3344;
      font-weight: 700;
      line-height: 1.7;
      font-size: 13.5px;
    }
    .faq-aside{
      display:flex;
      flex-direction: column;
      gap: 12px;
    }
    .aside-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
    }
    .aside-questions{ margin-top: 14px; display:flex; flex-direction: column; gap: 12px; }
    .aq{
      display:flex;
      gap: 12px;
      align-items:flex-start;
      border-radius: 16px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.74);
      padding: 12px 12px;
    }
    .aq-icon{
      width: 28px; height: 28px;
      border-radius: 12px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,45,118,.08);
      border: 1px solid rgba(255,45,118,.18);
      flex: 0 0 auto;
      font-weight: 1000;
    }
    .aq-title{ font-weight: 1000; }
    .aq-sub{ margin-top: 4px; color: var(--muted); font-weight: 720; font-size: 12.5px; line-height: 1.6; }
    .aside-actions{ margin-top: 14px; display:flex; flex-wrap: wrap; gap: 10px; }

    .news-list{
      margin: 14px 0 0;
      padding: 0;
      list-style: none;
      display:flex;
      flex-direction: column;
      gap: 10px;
    }
    .news-link{
      text-decoration:none;
      font-weight: 950;
      color: #2b3344;
      border-radius: 14px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.74);
      padding: 12px 12px;
      transition: transform .14s ease, border-color .14s ease, background .14s ease;
      font-size: 13.5px;
      line-height: 1.4;
    }
    .news-link:hover{
      transform: translateY(-1px);
      border-color: rgba(0,163,255,.24);
      background: rgba(0,163,255,.06);
    }

    .review-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .review-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
      min-height: 200px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      display:flex;
      flex-direction: column;
      gap: 10px;
    }
    .review-card:hover{
      transform: translateY(-3px);
      border-color: rgba(255,45,118,.22);
      box-shadow: 0 30px 80px rgba(255,45,118,.10);
    }
    .review-top{
      display:flex; gap: 12px; align-items:center;
    }
    .avatar{
      width: 42px; height: 42px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      font-weight: 1000;
      background: linear-gradient(135deg, rgba(109,40,217,.18), rgba(255,45,118,.14));
      border: 1px solid rgba(109,40,217,.22);
      color: #3b1058;
      flex: 0 0 auto;
    }
    .review-name{ font-weight: 1000; }
    .review-meta{ margin-top: 4px; color: var(--muted); font-weight: 720; font-size: 12.5px; line-height: 1.4; }
    .review-text{ margin: 0; color: #2b3344; font-weight: 720; line-height: 1.7; font-size: 13.8px; }
    .review-tags{ display:flex; gap: 8px; flex-wrap: wrap; margin-top: auto; padding-top: 2px; }

    .article-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .article-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 220px;
      display:flex;
      flex-direction: column;
    }
    .article-card:hover{
      transform: translateY(-3px);
      border-color: rgba(0,163,255,.24);
      box-shadow: 0 30px 80px rgba(0,163,255,.10);
    }
    .article-top{ display:flex; justify-content: space-between; align-items:center; gap: 10px; }
    .article-chip{
      font-weight: 1000;
      font-size: 12px;
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(109,40,217,.22);
      background: rgba(109,40,217,.08);
      color: #3b1058;
      white-space: nowrap;
    }
    .article-chip.vivid{
      border-color: rgba(255,45,118,.22);
      background: rgba(255,45,118,.10);
      color: #5a0a2d;
    }
    .article-date{ color: var(--muted); font-weight: 720; font-size: 12.5px; white-space: nowrap; }
    .article-card h3{ margin-top: 10px; }
    .article-card p{ margin-top: 10px; }
    .article-card .link-cta{ margin-top: auto; padding-top: 14px; }

    .wiki-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    .wiki-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 176px;
      display:flex;
      flex-direction: column;
    }
    .wiki-card:hover{
      transform: translateY(-3px);
      border-color: rgba(109,40,217,.22);
      box-shadow: 0 30px 80px rgba(109,40,217,.10);
    }
    .wiki-title{ font-weight: 1000; font-size: 16px; }
    .wiki-desc{ margin-top: 10px; color: #2b3344; font-weight: 720; line-height: 1.7; font-size: 13.5px; }
    .wiki-foot{ margin-top: auto; padding-top: 14px; display:flex; align-items:center; gap: 10px; }
    .sep{ color: rgba(20,30,50,.25); }
    #ai-bible .text-link{ background: rgba(109,40,217,.06); }

    .contact-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      align-items: start;
    }
    .contact-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
    }
    .contact-title{ font-weight: 1000; font-size: 16px; }
    .contact-sub{ margin-top: 6px; color: var(--muted); font-weight: 720; line-height: 1.6; font-size: 13.5px; }
    .contact-methods{ margin-top: 14px; display:flex; flex-direction: column; gap: 12px; }
    .contact-method{
      display:flex; gap: 12px; align-items:flex-start;
      border-radius: 16px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.74);
      padding: 12px 12px;
    }
    .contact-icon{
      width: 34px; height: 34px;
      border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      background: linear-gradient(180deg, rgba(0,163,255,.08), rgba(109,40,217,.08));
      border: 1px solid rgba(0,163,255,.18);
      color: #0f3a54;
      flex: 0 0 auto;
      margin-top: 2px;
    }
    .contact-label{ font-size: 12.5px; color: var(--muted); font-weight: 900; }
    .contact-value{ margin-top: 4px; font-weight: 1000; color: #1a2235; text-decoration:none; }
    .contact-value{ cursor: text; }
    .contact-value:hover{ text-decoration: underline; }

    .wechat-qr{ margin-top: 14px; border-top: 1px solid rgba(20,30,50,.08); padding-top: 14px; }
    .wechat-qr-title{ font-weight: 1000; }
    .qr-img{
      margin-top: 10px;
      width: 180px;
      max-width: 100%;
      height: auto;
      border-radius: 20px;
      border: 1px solid rgba(20,30,50,.12);
      background: #fff;
      padding: 8px;
      display:block;
    }
    .wechat-qr-sub{ margin-top: 10px; color: var(--muted); font-weight: 720; line-height: 1.6; font-size: 13px; }

    .contact-actions{ margin-top: 14px; display:flex; gap: 10px; flex-wrap: wrap; }

    .contact-side{ display:flex; flex-direction: column; gap: 12px; }

    .combo-list{ margin-top: 14px; display:flex; flex-direction: column; gap: 12px; }
    .combo-item{
      display:flex; gap: 12px; align-items:flex-start;
      border-radius: 16px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.74);
      padding: 12px 12px;
    }
    .combo-badge{
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(20,30,50,.12);
      background: rgba(20,30,50,.04);
      font-weight: 1000;
      color: #1a2235;
      font-size: 12px;
      flex: 0 0 auto;
      margin-top: 2px;
    }
    .combo-badge.vivid{
      border-color: rgba(255,45,118,.22);
      background: rgba(255,45,118,.10);
      color: #5a0a2d;
    }
    .combo-title{ font-weight: 1000; }
    .combo-sub{ margin-top: 4px; color: var(--muted); font-weight: 720; font-size: 12.5px; line-height: 1.6; }
    .side-actions{ margin-top: 14px; display:flex; flex-wrap: wrap; gap: 10px; }
    .mini-stats{ margin-top: 14px; display:grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
    .mini-stat{
      border-radius: 16px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.74);
      padding: 12px 12px;
      min-height: 76px;
      display:flex;
      flex-direction: column;
      justify-content:center;
      gap: 6px;
    }
    .mini-stat-num{
      font-size: 20px;
      font-weight: 1100;
      background: linear-gradient(135deg, var(--brand), var(--brand2));
      -webkit-background-clip:text;
      background-clip:text;
      color: transparent;
      letter-spacing: -.6px;
    }
    .mini-stat-label{ color: var(--muted); font-weight: 850; font-size: 12.5px; }

    .join-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 12px;
      align-items: start;
    }
    .join-card{
      border-radius: var(--radius-xl);
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 18px 44px rgba(12,18,32,.06);
      padding: 16px;
    }
    .join-title{ font-weight: 1000; font-size: 16px; }
    .list.compact li{ font-size: 13.5px; }
    .join-actions{ margin-top: 16px; display:flex; gap: 10px; flex-wrap: wrap; }

    .join-side{ display:flex; flex-direction: column; gap: 12px; }

    .site-footer{
      background: linear-gradient(180deg, #0c1222 0%, #0b1020 100%);
      color: #e7ecf7;
      border-top: 1px solid rgba(255,255,255,.08);
      padding: 32px 0 22px;
    }
    .footer-inner{ display:flex; flex-direction: column; gap: 18px; }
    .footer-top{
      display:flex;
      align-items:flex-start;
      justify-content: space-between;
      gap: 16px;
      flex-wrap: wrap;
    }
    .footer-brand{
      display:flex;
      align-items:flex-start;
      gap: 12px;
      min-width: 280px;
    }
    .footer-logo-img{
      width: 46px; height: 46px;
      border-radius: 16px;
      object-fit: contain;
      background: rgba(255,255,255,.92);
      padding: 6px;
      border: 1px solid rgba(255,255,255,.20);
    }
    .footer-name{ font-weight: 1100; letter-spacing: .2px; }
    .footer-sub{ margin-top: 6px; color: rgba(231,236,247,.78); font-weight: 700; line-height: 1.6; font-size: 13px; max-width: 48ch; }

    .footer-links{
      display:grid;
      grid-template-columns: repeat(3, minmax(150px, 1fr));
      gap: 12px;
      width: min(640px, 100%);
    }
    .footer-col-title{
      font-weight: 1000;
      color: rgba(231,236,247,.92);
      font-size: 13px;
      margin-bottom: 10px;
    }
    .footer-link{
      display:block;
      text-decoration:none;
      color: rgba(231,236,247,.80);
      font-weight: 750;
      padding: 7px 0;
      font-size: 13px;
    }
    .footer-link:hover{ color: #ffffff; }

    .footer-mid{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 16px;
      flex-wrap: wrap;
      border-top: 1px solid rgba(255,255,255,.08);
      padding-top: 16px;
    }
    .footer-hints{ display:flex; gap: 10px; flex-wrap: wrap; }
    .hint-pill{
      display:flex; align-items:center; gap: 10px;
      padding: 10px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.10);
      color: rgba(231,236,247,.88);
      font-weight: 850;
      font-size: 12.5px;
    }
    .hint-dot{ width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, #6d28d9, #ff2d76); box-shadow: 0 18px 40px rgba(255,45,118,.18); }

    .footer-flows{
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
    }
    .flow-card{
      padding: 12px 12px;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.06);
      min-width: 160px;
    }
    .flow-title{ color: rgba(231,236,247,.86); font-weight: 1000; font-size: 13px; margin-bottom: 10px; }

    .footer-bottom{
      border-top: 1px solid rgba(255,255,255,.08);
      padding-top: 14px;
      display:flex;
      align-items:flex-start;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }
    .muted-tiny{ color: rgba(231,236,247,.70); font-weight: 700; font-size: 12.5px; line-height: 1.6; }
    .footer-bottom-right{
      display:flex; align-items:center; gap: 10px; flex-wrap: wrap;
    }
    .footer-bottom-link{
      color: rgba(231,236,247,.80);
      text-decoration:none;
      font-weight: 900;
      font-size: 13px;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.04);
    }
    .footer-bottom-link:hover{ color: #fff; border-color: rgba(255,255,255,.22); }
    .footer-sep{ color: rgba(231,236,247,.30); }

    .to-top{
      position: fixed;
      right: 16px;
      bottom: 16px;
      width: 46px; height: 46px;
      border-radius: 18px;
      border: 1px solid rgba(20,30,50,.14);
      background: rgba(255,255,255,.92);
      box-shadow: 0 18px 44px rgba(12,18,32,.14);
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      color: #182034;
      transform: translateY(12px);
      opacity: 0;
      pointer-events: none;
      transition: opacity .18s ease, transform .18s ease;
      z-index: 60;
    }
    .to-top.show{
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
    .to-top:focus{ outline:none; box-shadow: var(--focus); }

    .float-chat{
      position: fixed;
      right: 16px;
      bottom: 72px;
      z-index: 70;
      display:flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 10px;
      pointer-events: none;
    }
    .chat-btn{
      pointer-events: auto;
      display:flex;
      align-items:center;
      gap: 10px;
      padding: 10px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.24);
      background: linear-gradient(135deg, rgba(109,40,217,.95), rgba(255,45,118,.92));
      color: #fff;
      font-weight: 1000;
      cursor: pointer;
      box-shadow: 0 24px 52px rgba(109,40,217,.28);
      transition: transform .14s ease, box-shadow .14s ease;
    }
    .chat-btn:hover{ transform: translateY(-2px); box-shadow: 0 30px 70px rgba(109,40,217,.32); }
    .chat-btn:focus{ outline:none; box-shadow: var(--focus); }
    .chat-icon{ display:flex; align-items:center; justify-content:center; }
    .chat-text{ font-size: 13px; }

    .chat-panel{
      pointer-events: auto;
      width: min(520px, calc(100vw - 32px));
      border-radius: 22px;
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(10px);
      box-shadow: 0 30px 90px rgba(12,18,32,.18);
      overflow:hidden;
      transform: translateY(6px);
      opacity: 0;
      transition: opacity .16s ease, transform .16s ease;
    }
    .chat-panel.open{
      opacity: 1;
      transform: translateY(0);
    }
    .chat-panel-head{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 12px;
      padding: 14px 14px;
      background: linear-gradient(180deg, rgba(109,40,217,.10), rgba(255,45,118,.07));
      border-bottom: 1px solid rgba(20,30,50,.08);
    }
    .chat-title{ font-weight: 1100; letter-spacing: -.2px; }
    .chat-close{
      border: 1px solid rgba(20,30,50,.12);
      background: rgba(255,255,255,.8);
      border-radius: 14px;
      width: 38px; height: 38px;
      display:flex; align-items:center; justify-content:center;
      cursor:pointer;
      color: #182034;
      transition: transform .14s ease, box-shadow .14s ease;
    }
    .chat-close:hover{ transform: translateY(-1px); box-shadow: 0 14px 30px rgba(12,18,32,.10); }
    .chat-close:focus{ outline:none; box-shadow: var(--focus); }

    .chat-panel-body{ padding: 14px 14px 16px; }
    .chat-row{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      align-items: start;
    }
    .chat-kv{
      border: 1px solid rgba(20,30,50,.10);
      background: rgba(255,255,255,.78);
      border-radius: 18px;
      padding: 12px 12px;
    }
    .chat-kv-title{ font-weight: 1000; font-size: 13.5px; margin-bottom: 10px; }
    .chat-qr{
      width: 100%;
      max-width: 200px;
      height: auto;
      display:block;
      margin: 0 auto;
      border-radius: 18px;
      border: 1px solid rgba(20,30,50,.12);
      background: #fff;
      padding: 6px;
    }
    .chat-foot{
      margin-top: 12px;
      color: var(--muted);
      font-weight: 720;
      font-size: 12.5px;
      line-height: 1.6;
    }

    .appear{
      opacity: 0;
      transform: translateY(10px);
      transition: opacity .6s ease, transform .6s ease;
    }
    .appear.in{
      opacity: 1;
      transform: translateY(0);
    }

    @media (max-width: 980px){
      .nav-desktop{ display:none; }
      .nav-toggle{ display:inline-flex; }
      .hero-grid{ grid-template-columns: 1fr; }
      .hero-quick{ grid-template-columns: 1fr; }
      .metrics{ grid-template-columns: 1fr 1fr; }
      .about-grid{ grid-template-columns: repeat(2, 1fr); }
      .service-grid{ grid-template-columns: 1fr; }
      .stepper-grid{ grid-template-columns: 1fr 1fr; }
      .industry-grid{ grid-template-columns: repeat(2, 1fr); }
      .network-grid{ grid-template-columns: 1fr; }
      .links-row{ grid-template-columns: 1fr; }
      .process-fact{ grid-template-columns: 1fr; }
      .compare-grid{ grid-template-columns: 1fr; }
      .case-grid{ grid-template-columns: 1fr; }
      .match-grid{ grid-template-columns: 1fr; }
      .token-grid{ grid-template-columns: 1fr; }
      .training-grid{ grid-template-columns: 1fr; }
      .help-grid{ grid-template-columns: 1fr; }
      .faq-grid{ grid-template-columns: 1fr; }
      .review-grid{ grid-template-columns: 1fr; }
      .article-grid{ grid-template-columns: 1fr; }
      .wiki-grid{ grid-template-columns: 1fr 1fr; }
      .contact-grid{ grid-template-columns: 1fr; }
      .join-grid{ grid-template-columns: 1fr; }
      .footer-links{ grid-template-columns: 1fr; }
      .chat-row{ grid-template-columns: 1fr; }
      table{ min-width: 480px; }
    }

    @media (prefers-reduced-motion: reduce){
      *{ scroll-behavior: auto !important; }
      .appear{ transition: none !important; }
      .chat-panel, .to-top, .btn, .nav-link, .nav-toggle, .help-link, .news-link, .text-link{ transition: none !important; }
    }