:root{
      --bg0:#fbfbfd;
      --bg1:#f6f2ff;
      --bg2:#f1fbff;
      --text:#1b1f2a;
      --muted:#4b5567;
      --line:rgba(20,25,35,.10);
      --card:#ffffff;
      --shadow: 0 18px 50px rgba(20,25,35,.10);
      --shadow2: 0 10px 28px rgba(20,25,35,.08);
      --radius:18px;
      --radius2:24px;
      --primary:#5b4bff;
      --primary2:#7c5cff;
      --accent:#11a6a6;
      --accent2:#2f9bff;
      --warn:#ff7a59;
      --ok:#1fbf7a;
      --focus: rgba(91,75,255,.26);
      --max: 1120px;
    }

    *{ box-sizing:border-box; }
    html{ scroll-behavior:smooth; }
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC","Hiragino Sans GB","Microsoft YaHei", "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
      color:var(--text);
      background: linear-gradient(180deg, var(--bg0), #fff 50%, #fff 100%);
      overflow-x:hidden;
    }

    .bgWrap{ position:fixed; inset:0; pointer-events:none; z-index:-1; }
    .bgGrid{
      position:absolute; inset:-40px;
      background:
        radial-gradient(circle at 10% 0%, rgba(91,75,255,.12), transparent 45%),
        radial-gradient(circle at 90% 10%, rgba(17,166,166,.12), transparent 50%),
        radial-gradient(circle at 20% 90%, rgba(47,155,255,.10), transparent 55%),
        linear-gradient(to right, rgba(20,25,35,.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(20,25,35,.04) 1px, transparent 1px);
      background-size: auto, auto, auto, 64px 64px, 64px 64px;
      filter:saturate(115%);
      opacity:.9;
    }
    .bgGlow{
      position:absolute; width:560px; height:560px; border-radius:50%;
      filter: blur(40px);
      opacity:.42;
      animation: floatGlow 10s ease-in-out infinite;
      transform: translateZ(0);
    }
    .glowA{ left:-160px; top:-130px; background: radial-gradient(circle, rgba(91,75,255,.55), transparent 60%); }
    .glowB{ right:-210px; top:60px; background: radial-gradient(circle, rgba(17,166,166,.48), transparent 62%); animation-delay:-2.2s;}
    .glowC{ left:10%; bottom:-260px; background: radial-gradient(circle, rgba(47,155,255,.45), transparent 60%); animation-delay:-4.2s;}
    @keyframes floatGlow{
      0%,100%{ transform: translate3d(0,0,0) scale(1); }
      50%{ transform: translate3d(0,18px,0) scale(1.03); }
    }

    .skipLink{
      position:absolute; left:-999px; top:10px;
      background: #111827; color:#fff;
      padding:10px 14px; border-radius:12px;
      z-index:9999;
    }
    .skipLink:focus{ left:14px; outline: 3px solid var(--focus); }

    .container{ max-width: var(--max); margin:0 auto; padding:0 18px; }

    .siteHeader{
      position:sticky; top:0; z-index:50;
      backdrop-filter: blur(10px);
      background: rgba(255,255,255,.68);
      border-bottom:1px solid rgba(20,25,35,.08);
    }
    .navContainer{
      display:flex; align-items:center; justify-content:space-between;
      gap:14px; padding:12px 0;
    }
    .brand{ display:flex; align-items:center; gap:10px; }
    .ai-page-logo{ width: 168px; display:block; }

    .nav{ display:flex; align-items:center; gap:12px; flex:1; justify-content:flex-start; }
    .navToggle{
      display:none;
      border:1px solid rgba(20,25,35,.12);
      background:#fff;
      border-radius:14px;
      padding:10px 12px;
      align-items:center; gap:10px;
      cursor:pointer;
    }
    .navToggleIcon{
      width:18px; height:12px; position:relative; display:inline-block;
    }
    .navToggleIcon::before,.navToggleIcon::after,.navToggleIcon span{
      content:""; position:absolute; left:0; right:0; height:2px; border-radius:2px; background:#111827;
    }
    .navToggleIcon::before{ top:0; }
    .navToggleIcon::after{ bottom:0; }
    .navToggleIcon span{ top:5px; }
    .navToggleText{ font-size:14px; color:#111827; font-weight:650; }

    .navMenu{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
    .navLink{
      text-decoration:none; color:#1f2937;
      font-size:14px; font-weight:650;
      padding:10px 8px; border-radius:12px;
      transition: background .18s ease, transform .18s ease;
      white-space:nowrap;
    }
    .navLink:hover{ background: rgba(91,75,255,.08); transform: translateY(-1px); }
    .navLinkAccent{
      background: linear-gradient(120deg, rgba(91,75,255,.12), rgba(17,166,166,.10));
      border:1px solid rgba(91,75,255,.20);
    }

    .navRight{ display:flex; align-items:center; gap:10px; justify-content:flex-end; }
    .btn{
      display:inline-flex; align-items:center; justify-content:center;
      gap:10px;
      border-radius:14px;
      padding:10px 14px;
      text-decoration:none;
      border:1px solid rgba(20,25,35,.12);
      cursor:pointer;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
      font-weight:700;
      color:#111827;
      user-select:none;
    }
    .btn:focus{ outline:3px solid var(--focus); outline-offset:2px; }
    .btn:hover{ transform: translateY(-1px); box-shadow: var(--shadow2); }
    .btnLarge{ padding:12px 16px; border-radius:16px; }
    .btnPrimary{
      background: linear-gradient(135deg, var(--primary), var(--primary2));
      border-color: rgba(91,75,255,.45);
      color:#fff;
    }
    .btnPrimary:hover{ box-shadow: 0 18px 44px rgba(91,75,255,.28); }
    .btnSecondary{
      background: #fff;
      border-color: rgba(17,166,166,.22);
      color:#0f172a;
    }
    .btnGhost{
      background: rgba(255,255,255,.7);
      border-color: rgba(20,25,35,.10);
      color:#111827;
    }
    .btnTertiary{
      background: rgba(91,75,255,.08);
      border-color: rgba(91,75,255,.22);
      color:#2b1f5f;
      padding:9px 12px;
      border-radius:12px;
      text-decoration:none;
      font-weight:750;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
      cursor:pointer;
    }
    .btnTertiary:hover{ transform: translateY(-1px); box-shadow: 0 14px 36px rgba(91,75,255,.18); background: rgba(91,75,255,.12); }
    .btnIcon{ opacity:.95; }

    .menuOpen{ display:block !important; }
    .navMenu.menuOpen{ display:flex; }

    .navOverlay{ display:none; }
    body.lockScroll{ overflow:hidden; }

    .sectionPad{ padding: 52px 0; }
    .hero{ padding-top: 32px; padding-bottom: 46px; }
    .heroInner{
      display:grid; grid-template-columns: 1.08fr .92fr;
      gap: 18px; align-items:start;
    }
    .pillRow{ display:flex; flex-wrap:wrap; gap:10px; }
    .pill{
      display:inline-flex; align-items:center; gap:10px;
      padding:8px 12px; border-radius:999px;
      background: rgba(255,255,255,.75);
      border: 1px solid rgba(20,25,35,.10);
      font-weight:750; color:#111827;
      box-shadow: 0 10px 24px rgba(20,25,35,.05);
    }
    .pillDot{ width:10px; height:10px; border-radius:50%;
      background: radial-gradient(circle at 35% 35%, #fff, rgba(255,255,255,.2) 28%), linear-gradient(135deg, var(--primary), var(--accent));
      box-shadow: 0 0 0 6px rgba(91,75,255,.12);
    }
    .pill.subtle{ color:#374151; font-weight:720; background: rgba(17,166,166,.07); border-color: rgba(17,166,166,.18); }

    .heroTitle{
      margin:14px 0 10px;
      font-size: 44px; line-height:1.08;
      letter-spacing:-.02em;
    }
    .heroLead{
      margin:0;
      max-width: 52ch;
      font-size: 16px; line-height:1.85;
      color: var(--muted);
    }

    .heroCtas{ display:flex; gap:12px; flex-wrap:wrap; margin-top: 18px; }
    .heroMeta{
      margin-top: 18px;
      display:grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 10px;
    }
    .metaItem{
      display:flex; gap:12px; align-items:flex-start;
      padding:12px 12px;
      border-radius:16px;
      background: rgba(255,255,255,.66);
      border:1px solid rgba(20,25,35,.08);
    }
    .metaIcon{ width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:12px; background: rgba(91,75,255,.10); border:1px solid rgba(91,75,255,.18); }
    .metaLabel{ font-weight:850; font-size:13px; }
    .metaValue{ margin-top:3px; color: var(--muted); font-size:12.5px; line-height:1.5; font-weight:650; }

    .heroPanel{
      position:relative;
      border-radius: var(--radius2);
      background: rgba(255,255,255,.70);
      border: 1px solid rgba(20,25,35,.08);
      box-shadow: 0 28px 70px rgba(20,25,35,.10);
      overflow:hidden;
    }
    .heroPanel::before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(circle at 20% 15%, rgba(91,75,255,.28), transparent 38%),
        radial-gradient(circle at 78% 0%, rgba(17,166,166,.22), transparent 42%),
        radial-gradient(circle at 30% 100%, rgba(47,155,255,.20), transparent 48%);
      opacity:.75;
      pointer-events:none;
    }
    .panelTop{ position:relative; padding:18px 18px 10px; }
    .panelTitle{ font-weight:920; font-size:16px; }
    .panelSub{ margin-top:6px; color: var(--muted); font-weight:650; font-size:13.5px; line-height:1.5; }

    .panelGrid{
      position:relative;
      padding: 6px 18px 14px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .miniCard{
      display:flex; gap:12px; align-items:flex-start;
      padding:12px 12px;
      border-radius:16px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(20,25,35,.08);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .miniCard:hover{ transform: translateY(-2px); box-shadow: 0 20px 50px rgba(20,25,35,.10); }
    .miniKpi{
      width:34px; height:34px; border-radius:14px;
      display:flex; align-items:center; justify-content:center;
      font-weight:950;
      background: linear-gradient(135deg, rgba(91,75,255,.16), rgba(17,166,166,.10));
      border:1px solid rgba(91,75,255,.20);
    }
    .miniHead{ font-weight:920; font-size:14px; margin-top:2px; }
    .miniBody{ margin-top:4px; color: var(--muted); font-size:13px; line-height:1.55; font-weight:650; }

    .panelBottom{
      position:relative;
      padding: 0 18px 18px;
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      flex-wrap:wrap;
    }
    .priceStrip{
      display:flex; flex-direction:column; gap:3px;
      padding:12px 12px;
      border-radius:16px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      min-width: 210px;
    }
    .stripLabel{ font-size:12.5px; color: var(--muted); font-weight:720; }
    .stripValue{ font-size:14px; font-weight:880; }

    .sectionHead{ display:flex; flex-direction:column; gap:10px; }
    .sectionHead h2{
      font-size: 28px; margin:0;
      letter-spacing:-.02em;
    }
    .sectionHead p{ margin:0; color:var(--muted); line-height:1.85; font-weight:650; max-width: 78ch; }

    .kpiGrid{
      margin-top: 18px;
      display:grid; grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    .kpiCard{
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      border-radius: var(--radius);
      padding:16px 14px;
      box-shadow: 0 14px 36px rgba(20,25,35,.06);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .kpiCard:hover{ transform: translateY(-3px); box-shadow: 0 26px 70px rgba(20,25,35,.12); }
    .kpiIcon{ font-size: 22px; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:16px; background: rgba(91,75,255,.10); border:1px solid rgba(91,75,255,.16); }
    .kpiNumber{ margin-top:10px; font-weight:950; font-size:16px; }
    .kpiText{ margin-top:8px; color:var(--muted); font-weight:650; line-height:1.6; font-size:13.5px; }

    .split{ display:grid; grid-template-columns: 1.05fr .95fr; gap: 16px; align-items:start; }
    .split h2{ font-size: 30px; margin:0 0 10px; letter-spacing:-.02em; }
    .lead{ margin:0; color:var(--muted); line-height:1.9; font-weight:680; }
    .aboutList{ margin-top:16px; display:flex; flex-direction:column; gap:12px; }
    .aboutItem{
      display:flex; gap:12px; align-items:flex-start;
      background: rgba(255,255,255,.66);
      border:1px solid rgba(20,25,35,.08);
      border-radius: var(--radius);
      padding: 14px 14px;
    }
    .check{
      width:26px; height:26px; border-radius:12px;
      background: rgba(31,191,122,.10);
      border:1px solid rgba(31,191,122,.20);
      display:flex; align-items:center; justify-content:center;
      font-weight:950;
      color:#0f5132;
      margin-top:2px;
      flex:0 0 auto;
    }
    .aboutTitle{ font-weight:950; font-size:14.5px; }
    .aboutBody{ margin-top:5px; color:var(--muted); font-weight:660; line-height:1.65; font-size:13.5px; }

    .aboutCtas{ margin-top:16px; display:flex; gap:12px; flex-wrap:wrap; }

    .glassCard{
      background: rgba(255,255,255,.70);
      border:1px solid rgba(20,25,35,.08);
      border-radius: var(--radius2);
      box-shadow: 0 26px 70px rgba(20,25,35,.10);
      overflow:hidden;
      position:relative;
    }
    .glassCard::after{
      content:"";
      position:absolute; inset:-2px;
      background:
        linear-gradient(135deg, rgba(91,75,255,.18), transparent 45%),
        linear-gradient(45deg, rgba(17,166,166,.14), transparent 52%);
      pointer-events:none;
    }
    .glassTop{ position:relative; padding:18px 18px 10px; }
    .glassBadge{
      display:inline-flex; padding:7px 10px; border-radius:999px;
      background: rgba(91,75,255,.10);
      border:1px solid rgba(91,75,255,.18);
      font-weight:900; font-size:12.5px; color:#2b1f5f;
    }
    .glassTitle{ margin-top:10px; font-weight:980; font-size:18px; }
    .glassGrid{
      position:relative;
      padding: 8px 18px 16px;
      display:grid; grid-template-columns: 1fr 1fr; gap:12px;
    }
    .glassCell{
      padding:12px 12px;
      border-radius:16px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
    }
    .cellK{ font-weight:950; font-size:13px; }
    .cellV{ margin-top:6px; color:var(--muted); line-height:1.6; font-weight:650; font-size:12.8px; }
    .glassFoot{ position:relative; padding: 0 18px 18px; display:flex; justify-content:flex-start; }

    .tagCloud{ margin-top:14px; background: rgba(255,255,255,.62); border:1px solid rgba(20,25,35,.08); border-radius: var(--radius2); padding:16px 16px; }
    .subHead{ margin:0 0 10px; font-size:15px; font-weight:950; }
    .tagRow{ display:flex; flex-wrap:wrap; gap:10px; }
    .tag{
      display:inline-flex; align-items:center;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(20,25,35,.10);
      background: rgba(255,255,255,.72);
      color:#1f2937;
      font-weight:760;
      font-size:12.5px;
    }
    .tag.soft{ background: rgba(91,75,255,.08); border-color: rgba(91,75,255,.18); color:#2f1d63; }

    .serviceGrid{
      margin-top:16px;
      display:grid; grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    .featureCard{
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      border-radius: var(--radius2);
      padding:16px 14px;
      box-shadow: 0 14px 36px rgba(20,25,35,.06);
      transition: transform .18s ease, box-shadow .18s ease;
      min-height: 255px;
    }
    .featureCard:hover{ transform: translateY(-3px); box-shadow: 0 26px 70px rgba(20,25,35,.12); }
    .featureCard.alt{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,242,255,.55)); }
    .featureCard.alt2{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(241,251,255,.55)); }

    .featureTop{ display:flex; align-items:flex-start; gap:12px; }
    .featureIcon{
      width:42px; height:42px; border-radius:18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(91,75,255,.10);
      border:1px solid rgba(91,75,255,.18);
      flex:0 0 auto;
      font-size:20px;
    }
    .featureCard.alt .featureIcon{ background: rgba(17,166,166,.10); border-color: rgba(17,166,166,.20); }
    .featureCard.alt2 .featureIcon{ background: rgba(47,155,255,.10); border-color: rgba(47,155,255,.20); }
    .featureTop h3{ margin:0; font-size:16px; font-weight:980; line-height:1.25; }
    .featureCard p{ margin:10px 0 0; color:var(--muted); line-height:1.75; font-weight:660; font-size:13.5px; }
    .bullets{ margin:12px 0 0; padding-left:18px; color:#334155; font-weight:700; }
    .bullets li{ margin:7px 0; font-size:13px; }

    .stepsWrap{
      margin-top:16px;
      background: rgba(255,255,255,.70);
      border:1px solid rgba(20,25,35,.08);
      border-radius: var(--radius2);
      box-shadow: 0 26px 70px rgba(20,25,35,.10);
      padding: 18px 18px 16px;
    }
    .timelineHeader{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
    .timelineTitle{ font-weight:980; font-size:18px; }
    .timelineHint{ color:var(--muted); font-weight:650; }
    .timeline{
      margin-top:14px;
      display:grid; grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .tItem{
      display:flex; gap:12px; align-items:flex-start;
      padding:14px 14px;
      border-radius: 18px;
      background: rgba(255,255,255,.74);
      border:1px solid rgba(20,25,35,.08);
      transition: transform .18s ease;
    }
    .tItem:hover{ transform: translateY(-2px); }
    .tDot{
      width:34px; height:34px; border-radius:14px;
      background: linear-gradient(135deg, rgba(91,75,255,.16), rgba(17,166,166,.10));
      border:1px solid rgba(91,75,255,.20);
      display:flex; align-items:center; justify-content:center;
      font-weight:980;
      flex:0 0 auto;
    }
    .tTitle{ font-weight:980; }
    .tText{ margin-top:6px; color:var(--muted); font-weight:660; line-height:1.65; font-size:13.5px; }

    .mediaTiles{
      margin-top:14px;
      display:grid; grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .tile{
      border-radius: var(--radius2);
      padding:16px 16px;
      border:1px solid rgba(20,25,35,.08);
      background: rgba(255,255,255,.68);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .tile:hover{ transform: translateY(-3px); box-shadow: 0 26px 70px rgba(20,25,35,.12); }
    .tileA{ background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(246,242,255,.58)); }
    .tileB{ background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(241,251,255,.58)); }
    .tileK{ font-weight:980; color:#2b1f5f; }
    .tileV{ margin-top:8px; font-weight:900; line-height:1.5; color:#111827; }
    .tileFoot{ margin-top:12px; display:flex; gap:10px; align-items:center; flex-wrap:wrap; color:var(--muted); font-weight:700; }
    .sep{ opacity:.6; }
    .textLink{ color: var(--primary); font-weight:900; text-decoration:none; border-bottom: 1px dashed rgba(91,75,255,.35); }
    .textLink:hover{ color: var(--primary2); }

    .solutionGrid{
      margin-top:16px;
      display:grid; grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    .solutionCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 14px 36px rgba(20,25,35,.06);
      transition: transform .18s ease, box-shadow .18s ease;
      min-height: 230px;
    }
    .solutionCard:hover{ transform: translateY(-3px); box-shadow: 0 26px 70px rgba(20,25,35,.12); }
    .solutionCard.alt{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(241,251,255,.50)); }
    .solutionCard.alt2{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,242,255,.50)); }
    .solutionTop{ display:flex; align-items:flex-start; gap:12px; }
    .solutionIcon{
      width:42px; height:42px; border-radius:18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(91,75,255,.10);
      border:1px solid rgba(91,75,255,.18);
      font-size:20px; flex:0 0 auto;
    }
    .solutionCard.alt .solutionIcon{ background: rgba(47,155,255,.10); border-color: rgba(47,155,255,.20); }
    .solutionCard.alt2 .solutionIcon{ background: rgba(17,166,166,.10); border-color: rgba(17,166,166,.20); }
    .solutionTop h3{ margin:0; font-size:16px; font-weight:980; }
    .solutionCard p{ margin:10px 0 0; color:var(--muted); line-height:1.8; font-weight:660; font-size:13.5px; }
    .solutionTags{ margin-top:12px; display:flex; flex-wrap:wrap; gap:10px; }

    .networkGrid{ margin-top:16px; display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .netCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .netCard:hover{ transform: translateY(-3px); box-shadow: 0 26px 70px rgba(20,25,35,.12); }
    .altNet{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,242,255,.52)); }
    .netTop{ display:flex; gap:12px; align-items:flex-start; }
    .netIcon{
      width:42px; height:42px; border-radius:18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(91,75,255,.10);
      border:1px solid rgba(91,75,255,.18);
      font-size:20px; flex:0 0 auto;
    }
    .altNet .netIcon{ background: rgba(17,166,166,.10); border-color: rgba(17,166,166,.20); }
    .netTitle{ font-weight:980; }
    .netText{ margin-top:6px; color:var(--muted); font-weight:660; line-height:1.7; font-size:13.5px; }
    .netList{ margin-top:14px; display:flex; flex-direction:column; gap:10px; }
    .netRow{ color:#334155; font-weight:740; font-size:13.5px; display:flex; gap:10px; align-items:center; }
    .dot{ width:9px; height:9px; border-radius:50%; background: linear-gradient(135deg, var(--primary), var(--accent)); box-shadow: 0 0 0 6px rgba(91,75,255,.10); }
    .netBadges{ margin-top:14px; display:flex; flex-wrap:wrap; gap:10px; }
    .badge{
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(20,25,35,.10);
      background: rgba(255,255,255,.72);
      font-weight:820; font-size:12.5px; color:#1f2937;
    }
    .netCtas{ margin-top:14px; display:flex; gap:12px; flex-wrap:wrap; }

    .compareCard{
      margin-top:16px;
      border-radius: var(--radius2);
      background: rgba(255,255,255,.70);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 26px 70px rgba(20,25,35,.10);
      padding: 18px 18px 16px;
    }
    .compareRow{
      display:grid; grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-bottom: 14px;
    }
    .compareCol{
      padding:14px 14px;
      border-radius:18px;
      background: rgba(255,255,255,.74);
      border:1px solid rgba(20,25,35,.08);
    }
    .compareK{ color:var(--muted); font-weight:800; font-size:13px; }
    .compareV{ margin-top:8px; font-weight:950; line-height:1.55; }
    .processTableWrap{ margin-top: 4px; }
    .tableHeader{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom: 10px;}
    .tableTitle{ font-weight:980; }
    .tableHint{ color:var(--muted); font-weight:650; }
    .tableScroll{ overflow:auto; border-radius:16px; border:1px solid rgba(20,25,35,.08); background: rgba(255,255,255,.74); }
    .processTable{
      width:100%; border-collapse:collapse;
      min-width: 760px;
    }
    .processTable th, .processTable td{
      padding:12px 12px;
      border-bottom:1px solid rgba(20,25,35,.08);
      text-align:left;
      vertical-align:top;
    }
    .processTable th{
      font-weight:980;
      font-size:13.5px;
      background: rgba(91,75,255,.06);
      color:#2b1f5f;
      position:sticky; top:0;
      z-index:1;
    }
    .processTable td{
      color:#334155;
      font-weight:700;
      font-size:13px;
      line-height:1.55;
    }

    .processCtas{ margin-top: 14px; display:flex; gap:12px; flex-wrap:wrap; }
    .ratingRow{ margin-top:16px; display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .ratingCard{
      border-radius: var(--radius2);
      padding:18px 16px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .ratingCard:hover{ transform: translateY(-3px); box-shadow: 0 26px 70px rgba(20,25,35,.12); }
    .altRating{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(241,251,255,.56)); }
    .ratingTitle{ color:var(--muted); font-weight:850; font-size:14px; }
    .stars{ margin-top:12px; font-size:20px; color:#ffb020; letter-spacing:2px; }
    .ratingNote{ margin-top:10px; color:var(--muted); font-weight:700; }
    .ratingScore{ margin-top:10px; display:flex; align-items:baseline; gap:10px; }
    .scoreNum{ font-size:46px; font-weight:1000; letter-spacing:-.03em; color:#111827; }
    .scoreUnit{ color:var(--muted); font-weight:850; }

    .compareTableWrap{ margin-top:12px; border-radius: var(--radius2); background: rgba(255,255,255,.70); border:1px solid rgba(20,25,35,.08); box-shadow: 0 26px 70px rgba(20,25,35,.10); padding: 18px 18px 16px; }
    .evalTable{ width:100%; border-collapse:collapse; min-width: 820px; }
    .evalTable th, .evalTable td{ padding:12px 12px; border-bottom:1px solid rgba(20,25,35,.08); vertical-align:top; text-align:left; }
    .evalTable th{
      background: rgba(17,166,166,.06);
      color:#0f3a3a;
      font-weight:980;
      position:sticky; top:0; z-index:1;
    }
    .tdStrong{ font-weight:980; }
    .tdSub{ margin-top:6px; color:var(--muted); font-weight:660; line-height:1.6; font-size:13px; }
    .tdMuted{ color: var(--muted); font-weight:680; line-height:1.6; }
    .compareFootCtas{ margin-top: 14px; display:flex; gap:12px; flex-wrap:wrap; }

    .caseGrid{ margin-top:16px; display:grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .caseCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 14px 36px rgba(20,25,35,.06);
      transition: transform .18s ease, box-shadow .18s ease;
      min-height: 260px;
      display:flex; flex-direction:column;
    }
    .caseCard:hover{ transform: translateY(-3px); box-shadow: 0 26px 70px rgba(20,25,35,.12); }
    .altCase{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,242,255,.55)); }
    .caseTop{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .caseBadge{
      padding:7px 10px; border-radius:999px;
      background: rgba(91,75,255,.10);
      border:1px solid rgba(91,75,255,.18);
      font-weight:900; font-size:12.5px; color:#2b1f5f;
    }
    .caseScore{ color:var(--muted); font-weight:850; font-size:13px; }
    .caseTitle{ margin:12px 0 0; font-weight:1000; font-size:18px; letter-spacing:-.02em; }
    .caseText{ margin:10px 0 0; color:var(--muted); font-weight:660; line-height:1.85; font-size:13.5px; }
    .caseFacts{ margin-top:12px; display:flex; flex-wrap:wrap; gap:10px; }
    .fact{
      padding:8px 10px; border-radius:999px;
      border:1px solid rgba(20,25,35,.10);
      background: rgba(255,255,255,.72);
      font-weight:820; font-size:12.5px; color:#1f2937;
    }
    .caseActions{ margin-top:auto; padding-top:14px; }

    .tokenGrid{ margin-top:16px; display:grid; grid-template-columns: 1.2fr .8fr; gap: 12px; }
    .tokenCard{
      border-radius: var(--radius2);
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
      padding:16px 14px;
    }
    .tokenTitle{ font-weight:1000; font-size:18px; }
    .tokenSub{ margin-top:8px; color:var(--muted); font-weight:660; line-height:1.8; }
    .tokenMetrics{ margin-top:14px; display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .tMetric{
      padding:14px 12px;
      border-radius:18px;
      background: rgba(255,255,255,.74);
      border:1px solid rgba(20,25,35,.08);
    }
    .tMKey{ font-weight:980; font-size:13.5px; }
    .tMVal{ margin-top:6px; color:var(--muted); font-weight:660; line-height:1.6; font-size:13px; }
    .tokenCtas{ margin-top:14px; display:flex; gap:12px; flex-wrap:wrap; }

    .tokenSide{ }
    .priceCard{
      border-radius: var(--radius2);
      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(241,251,255,.58));
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
      padding:16px 14px;
      height:100%;
      display:flex; flex-direction:column;
    }
    .priceTop{ display:flex; flex-direction:column; gap:8px; }
    .priceBadge{
      align-self:flex-start;
      padding:7px 10px; border-radius:999px;
      border:1px solid rgba(17,166,166,.24);
      background: rgba(17,166,166,.10);
      color:#0f3a3a;
      font-weight:950; font-size:12.5px;
    }
    .priceTitle{ font-weight:1000; font-size:18px; }
    .priceList{ margin:12px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
    .priceList li{ display:flex; gap:10px; align-items:flex-start; color:#334155; font-weight:760; line-height:1.6; }
    .priceDot{ width:10px; height:10px; border-radius:50%; margin-top:5px; background: linear-gradient(135deg, var(--accent), var(--primary)); box-shadow: 0 0 0 6px rgba(47,155,255,.10); }
    .priceHint{ margin-top:auto; color:var(--muted); font-weight:750; padding-top:12px; line-height:1.7; }

    .trainingGrid{ margin-top:16px; display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .trainCard{
      border-radius: var(--radius2);
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
      padding:16px 14px;
    }
    .trainTop{ display:flex; gap:12px; align-items:flex-start; }
    .trainIcon{
      width:42px; height:42px; border-radius:18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(91,75,255,.10);
      border:1px solid rgba(91,75,255,.18);
      font-size:20px; flex:0 0 auto;
    }
    .trainTitle{ font-weight:1000; font-size:18px; }
    .trainSub{ margin-top:6px; color:var(--muted); font-weight:660; line-height:1.7; }
    .trainList{ margin-top:14px; display:flex; flex-direction:column; gap:10px; }
    .trainRow{
      padding:12px 12px;
      border-radius:16px;
      background: rgba(255,255,255,.74);
      border:1px solid rgba(20,25,35,.08);
      font-weight:900; color:#111827;
    }
    .trainCtas{ margin-top:14px; display:flex; gap:12px; flex-wrap:wrap; }

    .trainRight{ display:flex; flex-direction:column; gap: 12px; }
    .trainBenefit, .trainQuote{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
    }
    .trainBenefit{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,242,255,.55)); }
    .benefitK{ color:var(--muted); font-weight:850; }
    .benefitTitle{ margin-top:8px; font-weight:1000; font-size:18px; letter-spacing:-.02em; }
    .benefitBullets{ margin-top:12px; display:flex; flex-direction:column; gap:10px; }
    .benefitItem{ display:flex; gap:10px; align-items:flex-start; color:#334155; font-weight:780; line-height:1.6; }
    .benefitMark{ width:20px; height:20px; border-radius:10px; background: rgba(31,191,122,.10); border:1px solid rgba(31,191,122,.22); display:flex; align-items:center; justify-content:center; color:#0f5132; flex:0 0 auto; margin-top:2px; font-weight:950; }

    .trainQuote{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(241,251,255,.58)); }
    .quoteMark{ font-size:34px; line-height:1; color: rgba(91,75,255,.55); }
    .quoteText{ margin:10px 0 0; color:var(--muted); font-weight:680; line-height:1.9; }
    .quoteBy{ margin-top:12px; font-weight:900; color:#111827; }

    .helpGrid{ margin-top:16px; display:grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .helpCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 14px 36px rgba(20,25,35,.06);
      transition: transform .18s ease, box-shadow .18s ease;
      min-height: 210px;
      display:flex; flex-direction:column;
    }
    .helpCard:hover{ transform: translateY(-3px); box-shadow: 0 26px 70px rgba(20,25,35,.12); }
    .altHelp{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(241,251,255,.55)); }
    .alt2Help{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,242,255,.55)); }
    .helpK{ color:var(--muted); font-weight:900; }
    .helpTitle{ margin-top:8px; font-weight:1000; font-size:18px; letter-spacing:-.02em; }
    .helpText{ margin-top:10px; color:var(--muted); font-weight:660; line-height:1.85; }
    .helpCard .btn, .helpCard .textLink{ margin-top:auto; }

    .faqWrap{ margin-top:16px; display:grid; grid-template-columns: .9fr 1.1fr; gap: 12px; }
    .faqIntroCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
    }
    .faqIntroK{ color:var(--muted); font-weight:900; }
    .faqIntroTitle{ margin-top:8px; font-weight:1000; font-size:20px; letter-spacing:-.02em; }
    .faqIntroText{ margin-top:10px; color:var(--muted); font-weight:660; line-height:1.85; }
    .faqLeft .btn{ margin-top:14px; }

    .faqRight{ display:flex; flex-direction:column; gap:10px; }
    .faqItem{
      border-radius: var(--radius2);
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      overflow:hidden;
      box-shadow: 0 14px 36px rgba(20,25,35,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .faqItem.open{ border-color: rgba(91,75,255,.26); box-shadow: 0 26px 70px rgba(91,75,255,.10); }
    .faqQ{
      width:100%;
      text-align:left;
      border:0;
      background: transparent;
      padding:14px 14px;
      cursor:pointer;
      font-weight:980;
      color:#111827;
      display:flex; align-items:center; justify-content:space-between; gap:12px;
    }
    .faqIcon{
      width:34px; height:34px; border-radius:16px;
      border:1px solid rgba(20,25,35,.10);
      background: rgba(255,255,255,.74);
      position:relative; flex:0 0 auto;
    }
    .faqIcon::before,.faqIcon::after{
      content:"";
      position:absolute; left:50%; top:50%;
      width:14px; height:2px; background: rgba(17,24,39,.72);
      transform: translate(-50%,-50%);
      border-radius:2px;
      transition: transform .18s ease;
    }
    .faqIcon::after{
      width:2px; height:14px;
      background: rgba(17,24,39,.72);
      transition: transform .18s ease, opacity .18s ease;
    }
    .faqItem.open .faqIcon::after{ transform: translate(-50%,-50%) scaleY(0); opacity:0; }
    .faqA{
      padding: 0 14px 14px;
      color: var(--muted);
      font-weight:680;
      line-height:1.9;
      font-size:13.5px;
      display:none;
    }

    .wikiGrid{ margin-top:16px; display:grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
    .wikiCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 14px 36px rgba(20,25,35,.06);
      transition: transform .18s ease, box-shadow .18s ease;
      min-height: 200px;
    }
    .wikiCard:hover{ transform: translateY(-3px); box-shadow: 0 26px 70px rgba(20,25,35,.12); }
    .altWiki{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(241,251,255,.55)); }
    .alt2Wiki{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,242,255,.55)); }
    .wikiK{ color:var(--muted); font-weight:900; }
    .wikiTitle{ margin-top:8px; font-weight:1000; font-size:18px; letter-spacing:-.02em; }
    .wikiText{ margin-top:10px; color:var(--muted); font-weight:660; line-height:1.85; }

    .articleGrid{ margin-top:16px; display:grid; grid-template-columns: 1.2fr .8fr; gap: 12px; }
    .articleListCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
    }
    .articleHead{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
    .articleTitle{ font-weight:1000; font-size:18px; }
    .articleItems{ margin-top:12px; display:flex; flex-direction:column; gap:10px; }
    .articleItem{
      text-decoration:none;
      color:#111827;
      font-weight:900;
      padding:12px 12px;
      border-radius:16px;
      border:1px solid rgba(20,25,35,.08);
      background: rgba(255,255,255,.74);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .articleItem:hover{
      transform: translateY(-2px);
      box-shadow: 0 20px 50px rgba(20,25,35,.10);
      border-color: rgba(91,75,255,.22);
    }
    .articleSide{ display:flex; flex-direction:column; gap:12px; }
    .sideCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
    }
    .altSide{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,242,255,.55)); }
    .sideK{ color:var(--muted); font-weight:900; }
    .sideTitle{ margin-top:8px; font-weight:1000; font-size:18px; letter-spacing:-.02em; }
    .sideText{ margin-top:10px; color:var(--muted); font-weight:660; line-height:1.85; }
    .sideBtns{ margin-top:14px; display:flex; gap:12px; flex-wrap:wrap; }
    .miniLinks{ margin-top:12px; display:flex; flex-direction:column; gap:10px; }
    .miniLinks a{ text-decoration:none; font-weight:900; color:#111827; padding:10px 12px; border-radius:16px; border:1px solid rgba(20,25,35,.08); background: rgba(255,255,255,.74); }
    .miniLinks a:hover{ border-color: rgba(91,75,255,.22); }
    .sideHint{ margin-top:12px; color:var(--muted); font-weight:720; line-height:1.7; }

    .formGrid{ margin-top:16px; display:grid; grid-template-columns: .95fr 1.05fr; gap: 12px; align-items:start; }
    .formIntro{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
    }
    .formIntroK{ color:var(--muted); font-weight:900; }
    .formIntroTitle{ margin-top:8px; font-weight:1000; font-size:20px; letter-spacing:-.02em; }
    .formIntroList{ margin:12px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
    .formIntroList li{ display:flex; gap:10px; align-items:flex-start; color:#334155; font-weight:780; line-height:1.7; }
    .formIntroFoot{ margin-top:14px; display:flex; flex-direction:column; gap:10px; }
    .trustedLine{ display:flex; gap:10px; align-items:center; color:var(--muted); font-weight:700; line-height:1.6; }

    .formCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
    }
    .formTop{ display:flex; flex-direction:column; gap:8px; }
    .formTitle{ font-weight:1000; font-size:20px; }
    .formSub{ color:var(--muted); font-weight:660; line-height:1.7; }
    .form{ margin-top:14px; display:flex; flex-direction:column; gap:12px; }
    .field{ display:flex; flex-direction:column; gap:8px; }
    .label{ font-weight:900; color:#111827; font-size:13.5px; }
    input, select, textarea{
      width:100%;
      padding:12px 12px;
      border-radius:16px;
      border:1px solid rgba(20,25,35,.12);
      background: rgba(255,255,255,.82);
      font-weight:720;
      color:#111827;
      outline:none;
      transition: box-shadow .18s ease, border-color .18s ease;
    }
    input:focus, select:focus, textarea:focus{
      border-color: rgba(91,75,255,.35);
      box-shadow: 0 0 0 4px rgba(91,75,255,.18);
    }
    textarea{ resize: vertical; min-height: 120px; }
    .fieldRow{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
    .formFoot{ margin-top:2px; display:flex; flex-direction:column; gap:10px; }
    .formFineprint{ color:var(--muted); font-weight:720; font-size:12.8px; line-height:1.6; }
    .formStatus{
      border-radius:16px; padding:10px 12px;
      border:1px solid rgba(31,191,122,.25);
      background: rgba(31,191,122,.08);
      color:#0f5132;
      font-weight:900;
      line-height:1.6;
    }

    .reviewGrid{ margin-top:16px; display:grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .reviewCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 14px 36px rgba(20,25,35,.06);
      transition: transform .18s ease, box-shadow .18s ease;
      min-height: 195px;
      display:flex; flex-direction:column;
    }
    .reviewCard:hover{ transform: translateY(-3px); box-shadow: 0 26px 70px rgba(20,25,35,.12); }
    .altReview{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(241,251,255,.55)); }
    .alt2Review{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,242,255,.55)); }
    .reviewTop{ display:flex; gap:12px; align-items:flex-start; }
    .avatar{
      width:42px; height:42px; border-radius:18px;
      border:1px solid rgba(20,25,35,.10);
      background: rgba(91,75,255,.10);
      display:flex; align-items:center; justify-content:center;
      font-weight:1000; color:#2b1f5f;
      flex:0 0 auto;
    }
    .reviewName{ font-weight:1000; }
    .reviewRole{ margin-top:4px; color:var(--muted); font-weight:660; font-size:13px; }
    .reviewText{ margin-top:12px; color:var(--muted); font-weight:680; line-height:1.9; }

    .contactGrid{ margin-top:16px; display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .contactCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
    }
    .contactTop{ display:flex; gap:12px; align-items:flex-start; }
    .contactIcon{
      width:42px; height:42px; border-radius:18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(91,75,255,.10);
      border:1px solid rgba(91,75,255,.18);
      font-size:20px; flex:0 0 auto;
    }
    .contactTitle{ font-weight:1000; font-size:18px; }
    .contactSub{ margin-top:6px; color:var(--muted); font-weight:660; line-height:1.7; }
    .contactRows{ margin-top:14px; display:flex; flex-direction:column; gap:10px; }
    .contactRow{ display:flex; justify-content:space-between; gap:12px; padding:12px 12px; border-radius:16px; background: rgba(255,255,255,.74); border:1px solid rgba(20,25,35,.08); }
    .contactKey{ color:var(--muted); font-weight:900; }
    .contactVal{ font-weight:900; color:#111827; }
    .contactLink{ color: var(--primary); font-weight:950; text-decoration:none; border-bottom: 1px dashed rgba(91,75,255,.35); }
    .contactLink:hover{ color: var(--primary2); }
    .contactActions{ margin-top:14px; display:flex; gap:12px; flex-wrap:wrap; }

    .contactAside{ display:flex; flex-direction:column; gap:12px; }
    .qrcodeCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(241,251,255,.58));
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
    }
    .qrcodeTop{ display:flex; flex-direction:column; gap:8px; }
    .qrcodeTitle{ font-weight:1000; font-size:18px; }
    .qrcodeSub{ color:var(--muted); font-weight:660; line-height:1.7; }
    .qrcodeWrap{ margin-top:12px; display:flex; justify-content:flex-start; }
    .qrcodeImg{ width: 146px; height:auto; border-radius:18px; border:1px solid rgba(20,25,35,.10); background:#fff; }
    .qrcodeFoot{ margin-top:12px; }

    .linkCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
    }
    .linkCardTitle{ font-weight:1000; font-size:18px; }
    .friendLinks{ margin-top:12px; display:flex; flex-direction:column; gap:10px; }
    .friendLinks a{
      text-decoration:none;
      padding:11px 12px;
      border-radius:16px;
      border:1px solid rgba(20,25,35,.08);
      background: rgba(255,255,255,.74);
      font-weight:900;
      color:#111827;
      transition: transform .18s ease, border-color .18s ease;
    }
    .friendLinks a:hover{ transform: translateY(-2px); border-color: rgba(91,75,255,.22); }
    .linkHint{ margin-top:12px; color:var(--muted); font-weight:720; line-height:1.7; }

    .joinGrid{ margin-top:16px; display:grid; grid-template-columns: 1.05fr .95fr; gap: 12px; }
    .joinCard{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
    }
    .joinTop{ display:flex; gap:12px; align-items:flex-start; }
    .joinIcon{
      width:42px; height:42px; border-radius:18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(17,166,166,.10);
      border:1px solid rgba(17,166,166,.20);
      font-size:20px; flex:0 0 auto;
    }
    .joinTitle{ font-weight:1000; font-size:18px; }
    .joinSub{ margin-top:6px; color:var(--muted); font-weight:660; line-height:1.7; }
    .joinList{ margin-top:14px; display:flex; flex-direction:column; gap:12px; }
    .joinItem{
      display:flex; gap:12px; align-items:flex-start;
      padding:14px 12px;
      border-radius:18px;
      background: rgba(255,255,255,.74);
      border:1px solid rgba(20,25,35,.08);
    }
    .joinMark{
      width:26px; height:26px; border-radius:12px;
      background: rgba(31,191,122,.10);
      border:1px solid rgba(31,191,122,.22);
      display:flex; align-items:center; justify-content:center;
      font-weight:950; color:#0f5132;
      flex:0 0 auto; margin-top:2px;
    }
    .joinItemTitle{ font-weight:980; }
    .joinItemText{ margin-top:6px; color:var(--muted); font-weight:660; line-height:1.7; font-size:13.5px; }
    .joinCtas{ margin-top:14px; display:flex; gap:12px; flex-wrap:wrap; }
    .joinSide{ display:flex; flex-direction:column; gap:12px; }
    .joinStats{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,242,255,.55));
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
      display:flex; flex-direction:column; gap:10px;
    }
    .statRow{
      padding:12px 12px;
      border-radius:16px;
      background: rgba(255,255,255,.74);
      border:1px solid rgba(20,25,35,.08);
      display:flex; justify-content:space-between; gap:12px; align-items:baseline;
    }
    .statK{ color:var(--muted); font-weight:900; }
    .statV{ font-weight:1000; color:#111827; }
    .joinMiniForm{
      border-radius: var(--radius2);
      padding:16px 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(20,25,35,.08);
      box-shadow: 0 18px 46px rgba(20,25,35,.08);
    }
    .miniTitle{ font-weight:1000; font-size:18px; }
    .miniForm{ margin-top:12px; display:flex; flex-direction:column; gap:12px; }
    .miniRow{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
    .miniFine{ color:var(--muted); font-weight:720; font-size:12.8px; line-height:1.6; }

    .siteFooter{
      background: rgba(15,23,42,.96);
      color:#e5e7eb;
      border-top:1px solid rgba(255,255,255,.08);
      margin-top: 8px;
    }
    .footerInner{ padding: 28px 0 22px; }
    .footerTop{
      display:grid; grid-template-columns: 1fr 1.4fr; gap: 14px;
      align-items:start;
    }
    .footerBrand{ display:flex; gap:12px; align-items:flex-start; }
    .footerLogo{ width: 140px; border-radius:20px; }
    .footerName{ font-weight:1000; font-size:16px; }
    .footerSub{ margin-top:6px; color: rgba(229,231,235,.78); font-weight:660; line-height:1.7; font-size:13px; }
    .footerCols{ display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; }
    .footerColTitle{ font-weight:980; margin-bottom:10px; color:#f9fafb; }
    .footerLink{
      display:block; color: rgba(229,231,235,.85);
      text-decoration:none; font-weight:700;
      padding:8px 0;
      border-bottom: 1px dashed rgba(255,255,255,.12);
    }
    .footerLink:hover{ color:#fff; }
    .footerBottom{
      margin-top:18px;
      display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
      border-top:1px solid rgba(255,255,255,.10);
      padding-top:14px;
    }
    .footLeft{ display:flex; gap:10px; align-items:center; color: rgba(229,231,235,.80); font-weight:700; }
    .footDot{ width:8px; height:8px; border-radius:50%; background: linear-gradient(135deg, var(--primary), var(--accent)); }
    .footRight{ display:flex; gap:10px; flex-wrap:wrap; }
    .footBtn{
      text-decoration:none;
      padding:10px 12px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.08);
      color:#fff;
      font-weight:900;
      transition: transform .18s ease, background .18s ease;
    }
    .footBtn:hover{ transform: translateY(-2px); background: rgba(255,255,255,.12); }
    .footBtnGhost{
      background: transparent;
      border-color: rgba(255,255,255,.18);
      color: rgba(229,231,235,.95);
    }

    .toTop{
      position:fixed; right:16px; bottom:92px;
      width:44px; height:44px; border-radius:18px;
      border:1px solid rgba(20,25,35,.12);
      background: rgba(255,255,255,.86);
      color:#111827;
      font-weight:1000;
      box-shadow: 0 18px 44px rgba(20,25,35,.14);
      cursor:pointer;
      opacity:0; transform: translateY(10px);
      pointer-events:none;
      transition: opacity .18s ease, transform .18s ease;
      z-index:80;
    }
    .toTop.show{ opacity:1; transform: translateY(0); pointer-events:auto; }
    .toTop:hover{ transform: translateY(-2px); }

    .floatKefu{
      position:fixed; right:14px; bottom:18px;
      z-index:90;
    }
    .floatBtn{
      display:flex; gap:10px; align-items:center;
      padding:12px 14px;
      border-radius:18px;
      border:1px solid rgba(91,75,255,.25);
      background: linear-gradient(135deg, rgba(91,75,255,.14), rgba(17,166,166,.10));
      color:#0f172a;
      text-decoration:none;
      box-shadow: 0 18px 44px rgba(91,75,255,.18);
      font-weight:1000;
      transition: transform .18s ease;
    }
    .floatBtn:hover{ transform: translateY(-2px); }
    .floatIcon{ width:30px; height:30px; border-radius:14px; display:flex; align-items:center; justify-content:center; background: rgba(91,75,255,.10); border:1px solid rgba(91,75,255,.18); }
    .floatText{ font-size:14px; }

    [data-anim="up"]{
      opacity:0;
      transform: translateY(14px);
      transition: opacity .6s ease, transform .6s ease;
    }
    .inView{
      opacity:1 !important;
      transform: translateY(0) !important;
    }

    body.heroPulse #heroCta{
      box-shadow: 0 22px 66px rgba(91,75,255,.30);
    }

    @media (max-width: 980px){
      .heroInner{ grid-template-columns: 1fr; }
      .heroMeta{ grid-template-columns: 1fr; }
      .kpiGrid{ grid-template-columns: repeat(2, 1fr); }
      .serviceGrid{ grid-template-columns: repeat(2, 1fr); }
      .solutionGrid{ grid-template-columns: repeat(2, 1fr); }
      .timeline{ grid-template-columns: 1fr; }
      .mediaTiles{ grid-template-columns: 1fr; }
      .compareRow{ grid-template-columns: 1fr; }
      .caseGrid{ grid-template-columns: 1fr; }
      .tokenGrid{ grid-template-columns: 1fr; }
      .trainingGrid{ grid-template-columns: 1fr; }
      .helpGrid{ grid-template-columns: 1fr; }
      .faqWrap{ grid-template-columns: 1fr; }
      .wikiGrid{ grid-template-columns: 1fr 1fr; }
      .articleGrid{ grid-template-columns: 1fr; }
      .formGrid{ grid-template-columns: 1fr; }
      .reviewGrid{ grid-template-columns: 1fr; }
      .contactGrid{ grid-template-columns: 1fr; }
      .joinGrid{ grid-template-columns: 1fr; }
      .footerTop{ grid-template-columns: 1fr; }
      .footerCols{ grid-template-columns: 1fr; }
      .ai-page-logo{ width: 150px; }
    }

    @media (max-width: 720px){
      .navToggle{ display:inline-flex; }
      .navMenu{
        display:none;
        position:absolute;
        right:18px; left:18px;
        top:64px;
        background: rgba(255,255,255,.92);
        border:1px solid rgba(20,25,35,.10);
        border-radius: 18px;
        padding:12px 12px;
        box-shadow: 0 26px 70px rgba(20,25,35,.14);
      }
      .navMenu{ flex-direction:column; align-items:stretch; gap:6px; }
      .navLink{ padding:12px 10px; }
      .navRight{ display:none; }
      .heroTitle{ font-size: 34px; }
      .sectionPad{ padding: 42px 0; }
      .kpiGrid{ grid-template-columns: 1fr; }
      .serviceGrid{ grid-template-columns: 1fr; }
      .solutionGrid{ grid-template-columns: 1fr; }
      .wikiGrid{ grid-template-columns: 1fr; }
      .miniRow{ grid-template-columns: 1fr; }
      .fieldRow{ grid-template-columns: 1fr; }
      .heroPanel{ border-radius: 22px; }
      .toTop{ bottom: 90px; }
      .floatText{ display:none; }
      .floatBtn{ padding:12px 12px; }
      .floatIcon{ width:34px; height:34px; }
    }

    .navOverlay{
      position:fixed; inset:0; background: rgba(0,0,0,.26);
      z-index:70;
      opacity:0; transition: opacity .18s ease;
    }
    .navOverlay.show{ display:block; opacity:1; }