:root{
      --bg0:#fbfbfe;
      --bg1:#f7f7fb;
      --card:#ffffff;
      --text:#1e232b;
      --muted:#5b6677;
      --muted2:#7a879a;
      --line:#e7eaf0;
      --shadow: 0 10px 30px rgba(20,26,35,.08);
      --shadow2: 0 16px 44px rgba(20,26,35,.12);
      --primary:#275dff;
      --primary2:#2bb3ff;
      --accent:#7c3aed;
      --accent2:#06b6d4;
      --danger:#ef4444;
      --success:#22c55e;
      --radius:18px;
      --radius2:24px;
      --container: 1120px;
    }

    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "PingFang SC","Hiragino Sans GB","Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;
      color:var(--text);
      background: radial-gradient(1200px 800px at 10% -10%, rgba(39,93,255,.14), transparent 55%),
                  radial-gradient(1000px 700px at 90% 10%, rgba(43,179,255,.14), transparent 55%),
                  linear-gradient(180deg, var(--bg0), var(--bg1) 55%, #ffffff);
    }

    a{color:inherit}
    img{max-width:100%; height:auto; display:block}
    .sr-only{
      position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
    }

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

    .site-header{
      position:sticky; top:0; z-index:50;
      background: rgba(251,251,254,.72);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(231,234,240,.75);
    }
    .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: 260px}
    .brand-link{display:flex; align-items:center; gap:12px; text-decoration:none}
    .ai-page-logo{width:44px; height:44px; border-radius:14px; background: linear-gradient(135deg, rgba(39,93,255,.18), rgba(124,58,237,.16)); padding:6px; box-shadow: inset 0 0 0 1px rgba(39,93,255,.18)}
    .brand-meta{line-height:1.1}
    .brand-name{font-weight:800; letter-spacing:.2px}
    .brand-sub{font-size:12px; color:var(--muted); margin-top:4px}

    .desktop-nav{
      display:flex; align-items:center; gap:18px;
      padding:0 10px;
      flex:1;
      justify-content:center;
      flex-wrap:nowrap;
    }
    .nav-link{
      text-decoration:none;
      color:var(--muted);
      font-weight:600;
      font-size:14px;
      padding:10px 6px;
      border-radius:12px;
      transition: transform .18s ease, background .18s ease, color .18s ease;
      white-space:nowrap;
    }
    .nav-link:hover{
      background: rgba(39,93,255,.08);
      color: #16326e;
      transform: translateY(-1px);
    }
    .nav-cta{
      background: rgba(39,93,255,.10);
      color:#16326e;
      box-shadow: inset 0 0 0 1px rgba(39,93,255,.14);
    }

    .nav-actions{display:flex; align-items:center; gap:12px}
    .btn{
      display:inline-flex;
      align-items:center; justify-content:center;
      gap:10px;
      padding:12px 16px;
      border-radius:14px;
      text-decoration:none;
      border:1px solid transparent;
      cursor:pointer;
      font-weight:800;
      transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
      user-select:none;
      -webkit-tap-highlight-color: transparent;
    }
    .btn:active{transform: translateY(1px) scale(.99)}
    .btn-sm{padding:9px 12px; font-size:13px; border-radius:12px}
    .btn-lg{padding:14px 18px; font-size:15px; border-radius:16px}

    .btn-primary{
      background: linear-gradient(135deg, var(--primary), var(--primary2));
      color:#fff;
      box-shadow: 0 10px 24px rgba(39,93,255,.22);
      border-color: rgba(255,255,255,.08);
    }
    .btn-primary:hover{box-shadow: 0 16px 34px rgba(39,93,255,.28); transform: translateY(-1px)}
    .btn-outline{
      background: rgba(255,255,255,.65);
      border-color: rgba(39,93,255,.22);
      color:#14346f;
      box-shadow: inset 0 0 0 1px rgba(39,93,255,.06);
    }
    .btn-outline:hover{background: rgba(39,93,255,.08); transform: translateY(-1px)}
    .btn-ghost{
      background: rgba(255,255,255,.55);
      border-color: rgba(231,234,240,.85);
      color: #1e232b;
    }
    .btn-ghost:hover{background: rgba(255,255,255,.8); transform: translateY(-1px)}
    .btn-busy{filter:saturate(1.1); box-shadow: 0 18px 40px rgba(39,93,255,.16)}

    .menu-btn{
      display:none;
      align-items:center; gap:10px;
      background: rgba(255,255,255,.7);
      border:1px solid rgba(231,234,240,.95);
      border-radius:14px;
      padding:10px 12px;
      font-weight:800;
      cursor:pointer;
      color:#1f2630;
      -webkit-tap-highlight-color: transparent;
    }
    .menu-icon{
      width:18px; height:12px; position:relative; display:inline-block;
    }
    .menu-icon::before,.menu-icon::after{
      content:""; position:absolute; left:0; right:0;
      height:2px; background:#1f2630; border-radius:2px;
      transition: transform .2s ease, top .2s ease, opacity .2s ease;
    }
    .menu-icon::before{top:2px}
    .menu-icon::after{top:8px}
    .menu-text{font-size:13px}

    .mobile-menu-wrap{
      position:fixed; inset:0; z-index:60;
      background: rgba(10,14,22,.35);
      backdrop-filter: blur(6px);
      display:flex; align-items:flex-start; justify-content:center;
      padding:86px 16px 16px;
    }
    .mobile-menu{
      width:100%;
      max-width: 520px;
      background: rgba(255,255,255,.92);
      border:1px solid rgba(231,234,240,.95);
      border-radius:20px;
      box-shadow: var(--shadow2);
      padding:14px;
    }
    .mobile-links{
      display:flex; flex-direction:column; gap:8px;
    }
    .mobile-link{
      text-decoration:none;
      padding:12px 12px;
      border-radius:14px;
      background: rgba(39,93,255,.06);
      color:#16326e;
      font-weight:800;
      border:1px solid rgba(39,93,255,.14);
    }
    .mobile-link-join{
      background: linear-gradient(135deg, rgba(39,93,255,.12), rgba(124,58,237,.10));
      border-color: rgba(124,58,237,.20);
    }
    .mobile-actions{display:flex; flex-direction:column; gap:10px; margin-top:12px}

    .sr-top-divider{height:1px; background: var(--line)}

    .hero{
      position:relative;
      overflow:hidden;
      padding: 44px 0 18px;
    }
    .hero-bg{
      position:absolute; inset:-120px -60px auto -60px;
      height:520px;
      background:
        radial-gradient(460px 220px at 15% 45%, rgba(39,93,255,.28), transparent 60%),
        radial-gradient(520px 260px at 60% 25%, rgba(43,179,255,.24), transparent 62%),
        radial-gradient(520px 300px at 92% 72%, rgba(124,58,237,.18), transparent 60%),
        linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,0));
      filter: saturate(1.05);
      pointer-events:none;
    }
    .hero-inner{
      display:grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 24px;
      align-items:start;
      position:relative;
    }

    .hero-copy{padding: 6px 0}
    .pill-row{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px}
    .pill{
      display:inline-flex; align-items:center; gap:10px;
      padding:9px 12px;
      border-radius:999px;
      background: rgba(255,255,255,.68);
      border:1px solid rgba(231,234,240,.95);
      box-shadow: inset 0 0 0 1px rgba(39,93,255,.06);
      font-weight:900;
      color:#17336a;
      font-size:13px;
    }
    .pill-dot{width:10px; height:10px; border-radius:50%; background: linear-gradient(135deg, var(--primary), var(--primary2)); box-shadow: 0 0 0 4px rgba(39,93,255,.12)}
    .pill-soft{
      color:#1f2b3c;
      background: rgba(255,255,255,.55);
    }

    .hero-title{
      font-size: clamp(32px, 4.2vw, 50px);
      margin: 0;
      letter-spacing: -0.6px;
      line-height:1.05;
      font-weight: 950;
      color:#0f1a2a;
      text-wrap: balance;
      position:relative;
    }
    .hero-title::after{
      content:"";
      position:absolute; left:-8px; right:auto; top: calc(100% + 10px);
      width: 220px; height: 10px;
      background: linear-gradient(90deg, rgba(39,93,255,.32), rgba(124,58,237,.18), rgba(43,179,255,.12));
      border-radius:999px;
      filter: blur(.2px);
      opacity:.55;
    }
    .hero-desc{
      margin: 14px 0 18px;
      color: var(--muted);
      font-weight:650;
      line-height:1.75;
      max-width: 56ch;
    }
    .hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin: 14px 0 18px}

    .hero-metrics{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap:12px;
      margin-top: 10px;
    }
    .metric{
      padding:14px 14px;
      border-radius:18px;
      background: rgba(255,255,255,.64);
      border:1px solid rgba(231,234,240,.98);
      box-shadow: inset 0 0 0 1px rgba(39,93,255,.05);
      transform: translateZ(0);
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .metric:hover{transform: translateY(-2px); box-shadow: 0 18px 44px rgba(20,26,35,.10)}
    .metric-num{font-weight:950; letter-spacing:.1px}
    .metric-desc{margin-top:6px; color:var(--muted); font-weight:700; font-size:13px; line-height:1.4}

    .hero-panel{
      background: rgba(255,255,255,.68);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      box-shadow: var(--shadow);
      padding:16px;
      position:relative;
      overflow:hidden;
    }
    .hero-panel::before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(420px 180px at 10% 0%, rgba(39,93,255,.20), transparent 55%),
        radial-gradient(420px 220px at 90% 30%, rgba(124,58,237,.14), transparent 55%),
        radial-gradient(420px 220px at 80% 100%, rgba(43,179,255,.12), transparent 60%);
      pointer-events:none;
      opacity:.9;
    }
    .panel-top{position:relative; z-index:1}
    .panel-title{
      font-weight:950; display:flex; align-items:center; gap:10px;
      letter-spacing:.2px;
    }
    .panel-icon{
      width:12px; height:12px; border-radius:4px;
      background: linear-gradient(135deg, rgba(39,93,255,1), rgba(43,179,255,1));
      box-shadow: 0 0 0 6px rgba(39,93,255,.14);
    }
    .panel-sub{margin-top:8px; color:var(--muted); font-weight:700; line-height:1.6}

    .panel-grid{
      position:relative; z-index:1;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:12px;
      margin-top:14px;
    }
    .mini-card{
      background: rgba(255,255,255,.68);
      border:1px solid rgba(231,234,240,.95);
      border-radius:18px;
      padding:12px;
      box-shadow: inset 0 0 0 1px rgba(39,93,255,.05);
      transition: transform .18s ease, box-shadow .18s ease;
      min-height: 150px;
    }
    .mini-card:hover{transform: translateY(-2px); box-shadow: 0 18px 44px rgba(20,26,35,.10)}
    .mini-card-wide{grid-column: 1 / -1; min-height: 140px}
    .mini-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px}
    .mini-badge{
      font-size:12px; font-weight:950;
      color:#14346f;
      background: rgba(39,93,255,.10);
      border:1px solid rgba(39,93,255,.18);
      padding:6px 10px;
      border-radius:999px;
    }
    .mini-arrow{color: rgba(39,93,255,.9); font-weight:950}
    .mini-body{display:flex; flex-direction:column; gap:8px}
    .mini-item{font-weight:800; color:#202735; font-size:13px; line-height:1.4}

    .tag-cloud{display:flex; flex-wrap:wrap; gap:8px}
    .tag{
      display:inline-flex; align-items:center;
      padding:6px 10px;
      border-radius:999px;
      background: rgba(39,93,255,.08);
      border:1px solid rgba(39,93,255,.14);
      color:#183a7a;
      font-weight:900;
      font-size:12px;
      white-space:nowrap;
    }

    .panel-foot{
      position:relative; z-index:1;
      display:flex; align-items:center; justify-content:space-between;
      gap:12px;
      margin-top: 14px;
      padding-top: 12px;
      border-top: 1px solid rgba(231,234,240,.95);
    }
    .foot-kpi{font-weight:950; display:flex; align-items:center; gap:10px}
    .kpi-dot{width:10px; height:10px; border-radius:50%; background: linear-gradient(135deg, rgba(124,58,237,1), rgba(43,179,255,1)); box-shadow: 0 0 0 5px rgba(124,58,237,.14)}
    .foot-note{margin-top:6px; color:var(--muted); font-weight:750; font-size:13px}

    .hero-bottom{padding: 18px 0 10px}
    .trust-row{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap:12px;
    }
    .trust-item{
      display:flex; align-items:flex-start; gap:12px;
      padding:12px 12px;
      border-radius:18px;
      background: rgba(255,255,255,.62);
      border:1px solid rgba(231,234,240,.95);
      box-shadow: inset 0 0 0 1px rgba(39,93,255,.05);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .trust-item:hover{transform: translateY(-2px); box-shadow: 0 18px 44px rgba(20,26,35,.10)}
    .trust-icon{width:38px; height:38px; border-radius:14px; background: rgba(39,93,255,.10); border:1px solid rgba(39,93,255,.18); position:relative}
    .trust-icon::after{
      content:""; position:absolute; inset:10px;
      background: linear-gradient(135deg, rgba(39,93,255,1), rgba(43,179,255,1));
      border-radius:9px;
      transform: rotate(10deg);
    }
    .trust-icon-2{background: rgba(43,179,255,.10); border-color: rgba(43,179,255,.18)}
    .trust-icon-2::after{background: linear-gradient(135deg, rgba(43,179,255,1), rgba(124,58,237,1))}
    .trust-icon-3{background: rgba(124,58,237,.10); border-color: rgba(124,58,237,.18)}
    .trust-icon-3::after{background: linear-gradient(135deg, rgba(124,58,237,1), rgba(39,93,255,1))}
    .trust-title{font-weight:950}
    .trust-desc{margin-top:5px; color:var(--muted); font-weight:750; font-size:13px; line-height:1.45}

    .hero-links{
      margin-top:12px;
      display:flex; flex-wrap:wrap; gap:10px;
      justify-content:flex-start;
    }
    .link-chip{
      text-decoration:none;
      display:inline-flex; align-items:center; gap:10px;
      padding:10px 14px;
      border-radius:999px;
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.98);
      font-weight:900;
      color:#19355f;
      box-shadow: inset 0 0 0 1px rgba(39,93,255,.05);
      transition: transform .18s ease, background .18s ease;
    }
    .link-chip:hover{transform: translateY(-2px); background: rgba(39,93,255,.06)}
    .link-chip-alt{border-color: rgba(124,58,237,.22); background: rgba(124,58,237,.08); color:#3b1d73}
    .link-chip-alt2{border-color: rgba(43,179,255,.22); background: rgba(43,179,255,.08); color:#0a4a63}
    .chip-dot{width:10px; height:10px; border-radius:50%; background: linear-gradient(135deg, var(--primary), var(--primary2)); box-shadow: 0 0 0 5px rgba(39,93,255,.14)}

    .section{
      padding: 58px 0;
    }
    .section-alt{
      background: linear-gradient(180deg, rgba(39,93,255,.04), rgba(43,179,255,.02));
      border-top: 1px solid rgba(231,234,240,.9);
      border-bottom: 1px solid rgba(231,234,240,.9);
    }
    .section-alt2{
      background: linear-gradient(180deg, rgba(124,58,237,.04), rgba(39,93,255,.02));
    }

    .section-head{
      margin-bottom: 22px;
      text-align:left;
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .kicker{
      font-weight:950;
      font-size:12px;
      letter-spacing:.22em;
      text-transform:uppercase;
      color: rgba(39,93,255,.90);
    }
    .kicker-alt{color: rgba(124,58,237,.92)}
    .kicker-alt2{color: rgba(6,182,212,.92)}
    .kicker-alt3{color: rgba(39,93,255,.92)}
    .section-title{
      margin:0;
      font-size: clamp(22px, 2.6vw, 32px);
      line-height:1.25;
      font-weight: 950;
      letter-spacing: -0.3px;
    }
    .section-desc{
      margin:0;
      color: var(--muted);
      font-weight:700;
      line-height:1.75;
      max-width: 78ch;
    }

    .reveal{opacity:0; transform: translateY(10px); transition: opacity .45s ease, transform .45s ease}
    .in-view{opacity:1; transform: translateY(0)}

    .about-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap:18px;
      align-items:start;
    }
    .about-card{
      background: rgba(255,255,255,.68);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
    }
    .about-side{display:flex; flex-direction:column; gap:14px}
    .side-card{
      background: rgba(255,255,255,.68);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
    }
    .side-top{display:flex; align-items:center; justify-content:space-between; gap:12px}
    .side-eyebrow{font-weight:900; color:var(--muted)}
    .side-badge{
      font-weight:950;
      font-size:12px;
      padding:7px 11px;
      border-radius:999px;
      background: rgba(39,93,255,.10);
      border:1px solid rgba(39,93,255,.18);
      color:#15346f;
      white-space:nowrap;
    }

    .card-title{font-weight:950; margin:0 0 10px; letter-spacing:-.2px}
    .card-text{margin:0 0 14px; color:var(--muted); font-weight:700; line-height:1.7}

    .list-check{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px}
    .check{display:inline-block; width:18px; height:18px; border-radius:6px; background: rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.22); position:relative; top:4px; margin-right:10px}
    .check::after{content:""; position:absolute; left:4px; top:5px; width:8px; height:5px; border-left:2px solid rgba(34,197,94,1); border-bottom:2px solid rgba(34,197,94,1); transform: rotate(-45deg)}
    .list-check li{font-weight:800; color:#222a36}

    .list-check-compact li{font-size:14px}
    .muted{color:var(--muted); font-weight:750}

    .progress-list{display:flex; flex-direction:column; gap:14px; margin-top:14px}
    .progress-item{}
    .progress-top{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px}
    .progress-label{font-weight:950; color:#1d2532}
    .progress-val{font-weight:950; color:#15346f}
    .bar{
      height:12px;
      border-radius:999px;
      background: rgba(231,234,240,.9);
      overflow:hidden;
      position:relative;
      border:1px solid rgba(231,234,240,.95);
    }
    .bar-fill{
      display:block; height:100%;
      width: var(--w, 70%);
      background: linear-gradient(90deg, rgba(39,93,255,1), rgba(43,179,255,1));
      border-radius:999px;
      box-shadow: 0 10px 22px rgba(39,93,255,.18);
      transition: width .55s ease;
    }
    .side-foot{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}

    .quote-card{
      background: rgba(255,255,255,.68);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
      position:relative;
      overflow:hidden;
    }
    .quote-card::before{
      content:"";
      position:absolute; right:-60px; top:-60px;
      width:180px; height:180px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, rgba(39,93,255,.28), rgba(124,58,237,.10), transparent 60%);
      pointer-events:none;
    }
    .quote-mark{font-size:44px; font-weight:1000; line-height:1; color: rgba(39,93,255,.35); position:relative; z-index:1}
    .quote-text{margin-top:10px; font-weight:900; color:#17213a; line-height:1.7; position:relative; z-index:1}
    .quote-author{margin-top:10px; color:var(--muted); font-weight:800; position:relative; z-index:1}

    .cap-grid{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap:14px;
      margin-top: 10px;
    }
    .cap-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
      transition: transform .18s ease, box-shadow .18s ease;
      position:relative;
      overflow:hidden;
    }
    .cap-card::before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(420px 180px at 10% 0%, rgba(39,93,255,.18), transparent 55%),
        radial-gradient(420px 220px at 90% 40%, rgba(124,58,237,.12), transparent 58%);
      pointer-events:none; opacity:.8;
    }
    .cap-card > *{position:relative; z-index:1}
    .cap-card:hover{transform: translateY(-3px); box-shadow: 0 20px 52px rgba(20,26,35,.12)}
    .cap-icon{width:46px; height:46px; border-radius:18px; border:1px solid rgba(39,93,255,.18); background: rgba(39,93,255,.10); position:relative; overflow:hidden}
    .cap-icon::after{
      content:""; position:absolute; inset:-10px;
      background: linear-gradient(135deg, rgba(39,93,255,.35), rgba(43,179,255,.18), rgba(124,58,237,.14));
      transform: rotate(18deg);
    }
    .cap-icon-2{border-color: rgba(43,179,255,.20); background: rgba(43,179,255,.10)}
    .cap-icon-3{border-color: rgba(124,58,237,.20); background: rgba(124,58,237,.10)}
    .cap-title{margin:14px 0 8px; font-weight:1000}
    .cap-text{margin:0 0 12px; color:var(--muted); font-weight:750; line-height:1.7}
    .cap-tags{display:flex; flex-wrap:wrap; gap:8px}
    .cap-foot{display:flex; flex-direction:column; gap:10px; margin-top:6px}
    .cap-foot-note{color:var(--muted); font-weight:750; font-size:13px}

    .service-split{
      margin-top: 18px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:16px;
      align-items:start;
    }
    .split-left{
      background: rgba(255,255,255,.62);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
    }
    .sub-title{margin:0 0 12px; font-weight:1000; letter-spacing:-.2px}
    .scene-list{display:flex; flex-direction:column; gap:12px}
    .scene-item{display:flex; gap:12px; align-items:flex-start; padding:12px 12px; border-radius:18px; border:1px solid rgba(231,234,240,.95); background: rgba(255,255,255,.62)}
    .scene-dot{width:14px; height:14px; border-radius:6px; margin-top:4px; box-shadow: 0 0 0 5px rgba(39,93,255,.12)}
    .scene-dot-1{background: linear-gradient(135deg, rgba(39,93,255,1), rgba(43,179,255,1))}
    .scene-dot-2{background: linear-gradient(135deg, rgba(124,58,237,1), rgba(39,93,255,1))}
    .scene-dot-3{background: linear-gradient(135deg, rgba(43,179,255,1), rgba(6,182,212,1))}
    .scene-dot-4{background: linear-gradient(135deg, rgba(6,182,212,1), rgba(39,93,255,1))}
    .scene-dot-5{background: linear-gradient(135deg, rgba(124,58,237,1), rgba(43,179,255,1))}
    .scene-dot-6{background: linear-gradient(135deg, rgba(39,93,255,1), rgba(124,58,237,1))}
    .scene-title{font-weight:1000; margin-bottom:6px}
    .scene-desc{color:var(--muted); font-weight:750; line-height:1.6; font-size:13.5px}

    .split-right{display:flex; flex-direction:column; gap:14px}
    .side-callout{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
      position:relative;
      overflow:hidden;
    }
    .side-callout::after{
      content:"";
      position:absolute; left:-80px; bottom:-100px;
      width:240px; height:240px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, rgba(39,93,255,.22), transparent 62%);
      pointer-events:none;
    }
    .callout-top{position:relative; z-index:1}
    .callout-title{font-weight:1000; font-size:16px}
    .callout-sub{margin-top:8px; color:var(--muted); font-weight:760; line-height:1.7}
    .callout-steps{margin-top:14px; display:flex; flex-direction:column; gap:12px; position:relative; z-index:1}
    .step{display:flex; gap:12px; align-items:flex-start; padding:12px 12px; border-radius:18px; border:1px solid rgba(231,234,240,.95); background: rgba(255,255,255,.62)}
    .step-num{
      width:34px; height:34px; border-radius:14px;
      background: rgba(39,93,255,.10);
      border:1px solid rgba(39,93,255,.18);
      display:flex; align-items:center; justify-content:center;
      font-weight:1000; color:#15346f;
      flex:0 0 auto;
    }
    .step-title{font-weight:1000}
    .step-desc{margin-top:6px; color:var(--muted); font-weight:760; line-height:1.6; font-size:13.5px}
    .callout-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; position:relative; z-index:1}
    .callout-foot{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; position:relative; z-index:1}
    .small-badge{
      font-size:12px; font-weight:1000;
      padding:7px 10px;
      border-radius:999px;
      background: rgba(39,93,255,.10);
      border:1px solid rgba(39,93,255,.18);
      color:#15346f;
    }
    .small-badge-alt{background: rgba(124,58,237,.09); border-color: rgba(124,58,237,.20); color:#3b1d73}
    .small-badge-alt2{background: rgba(43,179,255,.09); border-color: rgba(43,179,255,.20); color:#0a4a63}

    .network-mini{
      background: rgba(255,255,255,.62);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
    }
    .network-head{display:flex; align-items:center; justify-content:space-between; gap:12px}
    .network-title{font-weight:1000}
    .network-link{color:#16326e; font-weight:900; text-decoration:none; border-bottom:1px solid rgba(39,93,255,.25)}
    .network-bars{margin-top:14px; display:flex; flex-direction:column; gap:12px}
    .network-row{display:flex; justify-content:space-between; align-items:center; font-weight:950; color:#1d2532; margin-bottom:8px}
    .network-tag{color:#15346f; font-size:12px; font-weight:1000; background: rgba(39,93,255,.08); border:1px solid rgba(39,93,255,.16); padding:5px 9px; border-radius:999px}

    .two-col{display:grid; grid-template-columns: 1fr 1fr; gap:14px; align-items:start}
    .two-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
    }
    .two-card.accent{
      background: linear-gradient(180deg, rgba(39,93,255,.08), rgba(255,255,255,.64));
      border-color: rgba(39,93,255,.18);
    }
    .list-soft{margin:0; padding-left:18px; color:var(--muted); font-weight:760; line-height:1.85}
    .result-grid{display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; margin-top:10px}
    .result{padding:12px 12px; border-radius:18px; border:1px solid rgba(231,234,240,.95); background: rgba(255,255,255,.62)}
    .result-num{font-weight:1000}
    .result-desc{margin-top:6px; color:var(--muted); font-weight:780; font-size:13.5px; line-height:1.5}
    .result-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}

    .timeline{
      display:grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap:12px;
      align-items:stretch;
      margin: 18px 0 14px;
    }
    .timeline-item{
      padding:16px 14px;
      border-radius: var(--radius2);
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.66);
      box-shadow: var(--shadow);
      position:relative;
      overflow:hidden;
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .timeline-item:hover{transform: translateY(-3px); box-shadow: 0 22px 56px rgba(20,26,35,.12)}
    .t-icon{
      width:44px; height:44px; border-radius:18px;
      border:1px solid rgba(39,93,255,.18);
      background: rgba(39,93,255,.10);
      position:relative; margin-bottom:12px;
    }
    .t-icon::after{
      content:""; position:absolute; inset:10px;
      background: linear-gradient(135deg, rgba(39,93,255,1), rgba(43,179,255,1));
      border-radius:12px;
      transform: rotate(18deg);
    }
    .t-icon-2{border-color: rgba(43,179,255,.20); background: rgba(43,179,255,.10)}
    .t-icon-2::after{background: linear-gradient(135deg, rgba(43,179,255,1), rgba(124,58,237,1))}
    .t-icon-3{border-color: rgba(124,58,237,.20); background: rgba(124,58,237,.10)}
    .t-icon-3::after{background: linear-gradient(135deg, rgba(124,58,237,1), rgba(39,93,255,1))}
    .t-icon-4{border-color: rgba(6,182,212,.22); background: rgba(6,182,212,.10)}
    .t-icon-4::after{background: linear-gradient(135deg, rgba(6,182,212,1), rgba(43,179,255,1))}
    .t-title{font-weight:1000; margin-bottom:8px}
    .t-desc{color:var(--muted); font-weight:760; line-height:1.7; font-size:13.5px}

    .cards-3{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px}
    .biz-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
      transition: transform .18s ease, box-shadow .18s ease;
      position:relative;
      overflow:hidden;
    }
    .biz-card:hover{transform: translateY(-3px); box-shadow: 0 24px 62px rgba(20,26,35,.12)}
    .biz-top{display:flex; align-items:center; gap:12px}
    .biz-icon{width:46px; height:46px; border-radius:18px; border:1px solid rgba(39,93,255,.18); background: rgba(39,93,255,.10)}
    .biz-icon-1{border-color: rgba(39,93,255,.20); background: rgba(39,93,255,.10)}
    .biz-icon-2{border-color: rgba(124,58,237,.20); background: rgba(124,58,237,.10)}
    .biz-icon-3{border-color: rgba(6,182,212,.22); background: rgba(6,182,212,.10)}
    .biz-icon::after{content:""; display:block; width:18px; height:18px; border-radius:8px; margin:12px auto 0; background: linear-gradient(135deg, rgba(39,93,255,1), rgba(43,179,255,1))}
    .biz-icon-2::after{background: linear-gradient(135deg, rgba(124,58,237,1), rgba(39,93,255,1))}
    .biz-icon-3::after{background: linear-gradient(135deg, rgba(6,182,212,1), rgba(43,179,255,1))}
    .biz-title{font-weight:1000; letter-spacing:-.2px}
    .biz-text{margin:12px 0 14px; color:var(--muted); font-weight:760; line-height:1.7}
    .biz-list{display:flex; flex-direction:column; gap:10px; margin-bottom:14px}
    .biz-li{padding:10px 12px; border-radius:16px; border:1px solid rgba(231,234,240,.95); background: rgba(255,255,255,.62); color:#1d2532; font-weight:900; font-size:13.5px}
    .brand-band{
      margin-top: 16px;
      background: rgba(255,255,255,.64);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: var(--shadow);
      display:flex; align-items:center; justify-content:space-between; gap:14px;
    }
    .band-title{font-weight:1000}
    .band-desc{margin-top:6px; color:var(--muted); font-weight:760}
    .band-right{display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end}
    .band-chip{
      padding:8px 12px;
      border-radius:999px;
      background: rgba(39,93,255,.08);
      border:1px solid rgba(39,93,255,.16);
      color:#15346f;
      font-weight:1000;
      font-size:13px;
      white-space:nowrap;
    }

    .network-grid{display:grid; grid-template-columns: 1fr 1fr; gap:14px; align-items:start}
    .net-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
    }
    .net-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}

    .net-map-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
      position:relative; overflow:hidden;
    }
    .net-map-card::before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(420px 180px at 10% 0%, rgba(39,93,255,.20), transparent 55%),
        radial-gradient(420px 220px at 90% 30%, rgba(43,179,255,.18), transparent 58%);
      pointer-events:none; opacity:.8;
    }
    .net-map-card > *{position:relative; z-index:1}
    .map-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px}
    .map-badge{
      padding:8px 12px;
      border-radius:999px;
      background: rgba(34,197,94,.10);
      border:1px solid rgba(34,197,94,.20);
      color:#155f33;
      font-weight:1000;
      white-space:nowrap;
      font-size:13px;
    }
    .map-grid{
      margin-top:14px;
      display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px;
    }
    .map-cell{
      padding:14px;
      border-radius:18px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.62);
    }
    .map-num{font-weight:1000; font-size:18px; letter-spacing:-.2px}
    .map-desc{margin-top:8px; color:var(--muted); font-weight:780; line-height:1.6; font-size:13.5px}
    .map-footer{
      display:flex; flex-wrap:wrap; gap:14px;
      margin-top:14px;
      padding-top:12px;
      border-top:1px solid rgba(231,234,240,.95);
    }
    .map-legend{display:flex; align-items:center; gap:10px; font-weight:900; color:#1d2532; font-size:13px}
    .legend-dot{width:10px; height:10px; border-radius:50%; background: linear-gradient(135deg, rgba(39,93,255,1), rgba(43,179,255,1)); box-shadow: 0 0 0 5px rgba(39,93,255,.14)}
    .legend-dot-2{background: linear-gradient(135deg, rgba(124,58,237,1), rgba(39,93,255,1)); box-shadow: 0 0 0 5px rgba(124,58,237,.14)}

    .process-wrap{
      display:flex; flex-direction:column; gap:12px;
      margin-top: 10px;
    }
    .process-step{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: var(--shadow);
      display:flex; gap:14px; align-items:flex-start;
      transition: transform .18s ease, box-shadow .18s ease;
      position:relative;
      overflow:hidden;
    }
    .process-step:hover{transform: translateY(-3px); box-shadow: 0 26px 68px rgba(20,26,35,.12)}
    .process-step::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(520px 220px at 10% 0%, rgba(39,93,255,.18), transparent 58%),
                  radial-gradient(520px 240px at 85% 40%, rgba(124,58,237,.12), transparent 58%);
      pointer-events:none;
      opacity:.7;
    }
    .process-step > *{position:relative; z-index:1}
    .pnum{
      width:52px; height:52px; border-radius:20px;
      background: rgba(39,93,255,.10);
      border:1px solid rgba(39,93,255,.18);
      display:flex; align-items:center; justify-content:center;
      font-weight:1000; color:#15346f; flex:0 0 auto;
      box-shadow: inset 0 0 0 1px rgba(39,93,255,.05);
    }
    .ptitle{font-weight:1000; margin-top:2px}
    .pdesc{margin-top:8px; color:var(--muted); font-weight:780; line-height:1.7}
    .p-tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px}

    .process-cta{
      margin-top: 14px;
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: var(--shadow);
      display:flex; align-items:center; justify-content:space-between; gap:14px;
      flex-wrap:wrap;
    }
    .cta-left{max-width: 720px}
    .cta-title{font-weight:1100; font-size:18px}
    .cta-desc{margin-top:8px; color:var(--muted); font-weight:780; line-height:1.7}
    .cta-right{display:flex; gap:10px; flex-wrap:wrap}

    .eval-top{
      display:grid;
      grid-template-columns: .95fr 1.05fr;
      gap:14px;
      align-items:start;
      margin-bottom: 14px;
    }
    .rating-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
      position:relative; overflow:hidden;
    }
    .rating-card::before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(520px 220px at 20% 0%, rgba(39,93,255,.22), transparent 58%),
        radial-gradient(420px 240px at 90% 60%, rgba(124,58,237,.14), transparent 58%);
      pointer-events:none; opacity:.9;
    }
    .rating-card > *{position:relative; z-index:1}
    .rating-badge{
      display:inline-flex; align-items:center; gap:10px;
      padding:9px 12px;
      border-radius:999px;
      font-weight:1100;
      color:#16326e;
      background: rgba(39,93,255,.10);
      border:1px solid rgba(39,93,255,.18);
    }
    .rating-num{
      margin-top:14px;
      font-weight:1100;
      font-size:46px;
      letter-spacing:-.6px;
      color:#0f1a2a;
      display:flex; align-items:flex-end; gap:8px;
    }
    .rating-unit{font-size:14px; color:var(--muted); font-weight:1000; padding-bottom:10px}
    .rating-desc{margin-top:6px; color:var(--muted); font-weight:800; line-height:1.6}
    .score-callout{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
    }

    .table-wrap{margin-top:10px}
    .table-scroll{
      overflow:auto;
      border-radius: var(--radius2);
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.66);
      box-shadow: var(--shadow);
    }
    .compare-table{
      width:100%;
      min-width: 680px;
      border-collapse: collapse;
      font-weight:800;
    }
    .compare-table thead th{
      text-align:left;
      padding:14px 14px;
      background: linear-gradient(180deg, rgba(39,93,255,.10), rgba(255,255,255,.64));
      color:#132b57;
      border-bottom:1px solid rgba(231,234,240,.95);
      position:sticky; top:0;
    }
    .compare-table tbody td{
      padding:14px 14px;
      border-bottom:1px solid rgba(231,234,240,.95);
      vertical-align:top;
    }
    .td-strong{font-weight:1100; color:#0f2a5e}
    .td-weak{font-weight:1100; color:#5a6474}
    .td-sub{margin-top:7px; color:var(--muted); font-weight:780; line-height:1.55; font-size:13.5px}

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

    .match-grid{display:grid; grid-template-columns: .85fr 1.15fr; gap:14px; align-items:stretch}
    .match-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
    }
    .seg-list{display:flex; flex-direction:column; gap:10px}
    .seg{
      text-align:left;
      background: rgba(255,255,255,.62);
      border:1px solid rgba(231,234,240,.95);
      border-radius:16px;
      padding:12px 12px;
      font-weight:1000;
      color:#1d2532;
      cursor:pointer;
      transition: transform .16s ease, background .16s ease, border-color .16s ease;
    }
    .seg:hover{transform: translateY(-2px); background: rgba(39,93,255,.06); border-color: rgba(39,93,255,.18)}
    .seg-active{
      background: rgba(39,93,255,.10);
      border-color: rgba(39,93,255,.24);
      color:#15346f;
      box-shadow: inset 0 0 0 1px rgba(39,93,255,.08);
    }

    .match-preview{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
      display:flex; flex-direction:column; gap:12px;
    }
    .preview-top{display:flex; align-items:flex-start; justify-content:space-between; gap:12px}
    .preview-badge{
      font-weight:1100;
      padding:8px 12px; border-radius:999px;
      background: rgba(124,58,237,.10);
      border:1px solid rgba(124,58,237,.18);
      color:#3b1d73;
      white-space:nowrap;
    }
    .preview-note{color:var(--muted); font-weight:780; line-height:1.6}
    .preview-body{
      flex:1;
      padding:14px 14px;
      border-radius:18px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.62);
    }
    .preview-title{font-weight:1100; font-size:18px}
    .preview-list{margin:10px 0 0; padding-left:18px; color:var(--muted); font-weight:780; line-height:1.8}
    .preview-actions{display:flex; gap:10px; flex-wrap:wrap}

    .token-grid{display:grid; grid-template-columns: 1fr 1fr; gap:14px}
    .token-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
      position:relative; overflow:hidden;
    }
    .token-card-alt{background: linear-gradient(180deg, rgba(43,179,255,.08), rgba(255,255,255,.64))}
    .ol-soft{margin:0; padding-left:18px; color:var(--muted); font-weight:780; line-height:1.85}
    .token-note{
      margin-top:14px;
      display:flex; gap:12px; align-items:flex-start;
      color: #1d2532;
      font-weight:900;
      line-height:1.65;
    }
    .note-dot{width:10px; height:10px; border-radius:50%; margin-top:6px; background: linear-gradient(135deg, rgba(39,93,255,1), rgba(124,58,237,1)); box-shadow: 0 0 0 5px rgba(39,93,255,.14)}
    .token-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .price-table{margin-top:10px; display:flex; flex-direction:column; gap:12px}
    .price-row{
      padding:12px 12px;
      border-radius:18px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.62);
      display:flex; justify-content:space-between; gap:14px; align-items:flex-start;
    }
    .price-name{font-weight:1100}
    .price-sub{margin-top:6px; color:var(--muted); font-weight:780; line-height:1.6; font-size:13.5px}
    .price-chip{
      font-weight:1000;
      padding:7px 10px;
      border-radius:999px;
      background: rgba(39,93,255,.10);
      border:1px solid rgba(39,93,255,.18);
      color:#15346f;
      font-size:13px;
      white-space:nowrap;
    }
    .price-val{margin-top:8px; font-weight:1100; color:#0f1a2a}
    .token-mini-foot{margin-top:14px; display:flex; gap:10px; flex-wrap:wrap}

    .train-grid{display:grid; grid-template-columns: 1fr 1fr; gap:14px}
    .dir-list{margin-top:10px; display:flex; flex-direction:column; gap:12px}
    .dir-item{padding:12px 12px; border-radius:18px; border:1px solid rgba(231,234,240,.95); background: rgba(255,255,255,.62); font-weight:950; color:#1d2532; display:flex; align-items:center; gap:10px}
    .dir-dot{width:10px; height:10px; border-radius:6px; background: linear-gradient(135deg, rgba(39,93,255,1), rgba(43,179,255,1)); box-shadow: 0 0 0 5px rgba(39,93,255,.12)}
    .train-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}

    .who-grid{display:grid; grid-template-columns: repeat(1, minmax(0,1fr)); gap:12px; margin-top:12px}
    .who-grid-2{grid-template-columns: 1fr; }
    .who{
      padding:14px 12px;
      border-radius:18px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.62);
    }
    .who-icon{width:40px; height:40px; border-radius:16px; border:1px solid rgba(39,93,255,.18); background: rgba(39,93,255,.10); margin-bottom:10px; position:relative; overflow:hidden}
    .who-icon::after{content:""; position:absolute; inset:10px; border-radius:12px; background: linear-gradient(135deg, rgba(39,93,255,1), rgba(43,179,255,1))}
    .who-icon-2{border-color: rgba(124,58,237,.20); background: rgba(124,58,237,.10)}
    .who-icon-2::after{background: linear-gradient(135deg, rgba(124,58,237,1), rgba(39,93,255,1))}
    .who-icon-3{border-color: rgba(6,182,212,.22); background: rgba(6,182,212,.10)}
    .who-icon-3::after{background: linear-gradient(135deg, rgba(6,182,212,1), rgba(43,179,255,1))}
    .who-title{font-weight:1100}
    .who-desc{margin-top:7px; color:var(--muted); font-weight:780; line-height:1.6; font-size:13.5px}

    .train-note{
      margin-top:14px;
      display:flex; gap:12px; align-items:flex-start;
      color:#1d2532;
      font-weight:900; line-height:1.7
    }

    .cases-grid{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px}
    .case-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: var(--shadow);
      transition: transform .18s ease, box-shadow .18s ease;
      display:flex; flex-direction:column;
      min-height: 200px;
    }
    .case-card:hover{transform: translateY(-3px); box-shadow: 0 26px 68px rgba(20,26,35,.12)}
    .case-top{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px}
    .case-pill{
      font-weight:1000;
      padding:7px 10px;
      border-radius:999px;
      background: rgba(39,93,255,.10);
      border:1px solid rgba(39,93,255,.18);
      color:#15346f;
      font-size:13px;
      white-space:nowrap;
    }
    .case-status{
      font-weight:950;
      color: var(--muted);
      font-size:12.5px;
      background: rgba(231,234,240,.75);
      border:1px solid rgba(231,234,240,.95);
      padding:6px 10px;
      border-radius:999px;
      white-space:nowrap;
    }
    .case-title{font-weight:1100; line-height:1.25; margin: 6px 0 10px}
    .case-desc{color:var(--muted); font-weight:780; line-height:1.7; margin:0}
    .case-tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:12px}

    .cases-cta{
      margin-top: 16px;
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: var(--shadow);
      display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
    }

    .articles-grid{display:grid; grid-template-columns: 1.15fr .85fr; gap:14px; align-items:start}
    .article-list{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: var(--shadow);
    }
    .list-head{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px}
    .list-title{font-weight:1100; font-size:16px}
    .list-link{color:#16326e; font-weight:950; text-decoration:none; border-bottom:1px solid rgba(39,93,255,.25)}
    .article-items{display:flex; flex-direction:column; gap:10px}
    .article-item{
      border-radius:18px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.62);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .article-item:hover{transform: translateY(-2px); box-shadow: 0 18px 44px rgba(20,26,35,.10); border-color: rgba(39,93,255,.18)}
    .article-link{
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      padding:12px 12px;
      text-decoration:none;
      color:inherit;
    }
    .article-main{min-width:0}
    .article-title{font-weight:1100; line-height:1.3}
    .article-meta{margin-top:6px; color:var(--muted); font-weight:780; line-height:1.55; font-size:13.5px}
    .article-arrow{color: rgba(39,93,255,.95); font-weight:1100}

    .articles-right{display:flex; flex-direction:column; gap:14px}
    .side-feature{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: var(--shadow);
    }
    .side-feature-top{display:flex; flex-direction:column; gap:8px}
    .side-feature-title{font-weight:1100; font-size:16px}
    .side-feature-sub{color:var(--muted); font-weight:780; line-height:1.7}
    .segmented{display:flex; gap:10px; margin-top:12px; flex-wrap:wrap}
    .seg2{
      padding:10px 12px;
      border-radius:14px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.62);
      font-weight:1000;
      cursor:pointer;
      transition: transform .16s ease, background .16s ease, border-color .16s ease;
      color:#1d2532;
      -webkit-tap-highlight-color: transparent;
    }
    .seg2:hover{transform: translateY(-2px); border-color: rgba(39,93,255,.18); background: rgba(39,93,255,.06)}
    .seg2-active{
      background: rgba(39,93,255,.10);
      border-color: rgba(39,93,255,.24);
      color:#15346f;
    }
    .topic-panel{margin-top:12px}
    .topic-block{
      padding:14px 14px;
      border-radius:18px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.62);
    }
    .topic-head{font-weight:1100}
    .topic-desc{margin-top:8px; color:var(--muted); font-weight:780; line-height:1.7}
    .topic-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px}
    .mini-divider{height:1px; background: rgba(231,234,240,.95); margin:14px 0}
    .mini-callout{display:flex; align-items:center; justify-content:space-between; gap:12px}
    .mini-callout-title{font-weight:1100}
    .mini-callout-desc{margin-top:6px; color:var(--muted); font-weight:780; line-height:1.7}

    .help-grid{display:grid; grid-template-columns: 1fr 1fr; gap:14px}
    .help-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
    }
    .help-card-alt{background: linear-gradient(180deg, rgba(124,58,237,.06), rgba(255,255,255,.64))}
    .help-note{margin-top:14px; display:flex; gap:12px; align-items:flex-start; color:#1d2532; font-weight:900; line-height:1.7}

    .faq-grid{display:grid; grid-template-columns: 1fr 1fr; gap:14px}
    .faq-col{display:flex; flex-direction:column; gap:10px}
    .faq-item{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:12px;
      box-shadow: var(--shadow);
    }
    .faq-q{
      width:100%;
      border:0;
      background: transparent;
      padding:10px 10px;
      cursor:pointer;
      font-weight:1100;
      text-align:left;
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      color:#162033;
    }
    .faq-icon{
      width:32px; height:32px; border-radius:14px;
      background: rgba(39,93,255,.10);
      border:1px solid rgba(39,93,255,.18);
      position:relative;
      flex:0 0 auto;
      transition: transform .18s ease;
    }
    .faq-icon::after, .faq-icon::before{
      content:"";
      position:absolute; left:50%; top:50%;
      transform: translate(-50%,-50%);
      background: rgba(21,52,111,.95);
      border-radius:2px;
    }
    .faq-icon::before{width:14px; height:2px}
    .faq-icon::after{width:2px; height:14px; opacity:1}
    .faq-q[aria-expanded="true"] .faq-icon::after{opacity:0}
    .faq-a{
      padding: 0 10px 12px;
      color:var(--muted);
      font-weight:780;
      line-height:1.8;
      margin-top:6px;
    }

    .faq-bottom{
      margin-top:14px;
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: var(--shadow);
      display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
    }

    .ai-tiles{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap:14px;
    }
    .ai-tile{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
      transition: transform .18s ease, box-shadow .18s ease;
      min-height: 120px;
    }
    .ai-tile:hover{transform: translateY(-3px); box-shadow: 0 26px 68px rgba(20,26,35,.12)}
    .ai-title{font-weight:1100; font-size:16px}
    .ai-desc{margin-top:8px; color:var(--muted); font-weight:780; line-height:1.7}

    .contact-grid{display:grid; grid-template-columns: 1.05fr .95fr; gap:14px; align-items:start}
    .form-card{
      background: rgba(255,255,255,.70);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      box-shadow: var(--shadow);
      padding:16px;
      position:relative; overflow:hidden;
    }
    .form-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(520px 220px at 15% 0%, rgba(39,93,255,.20), transparent 58%),
                  radial-gradient(420px 240px at 90% 50%, rgba(124,58,237,.12), transparent 58%);
      pointer-events:none; opacity:.85;
    }
    .form-card > *{position:relative; z-index:1}
    .form-head{margin-bottom:12px}
    .form-title{font-weight:1100; font-size:18px}
    .form-sub{margin-top:8px; color:var(--muted); font-weight:780; line-height:1.7}
    .form{margin-top:10px}
    .form-row{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:12px}
    .field{flex:1; min-width: 200px}
    .field-label{display:block; font-weight:950; color:#1d2532; margin-bottom:8px; font-size:13.5px}
    .field-input{
      width:100%;
      padding:12px 12px;
      border-radius:16px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.72);
      font-weight:800;
      color:#172032;
      outline:none;
      transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .field-input:focus{
      border-color: rgba(39,93,255,.35);
      box-shadow: 0 0 0 4px rgba(39,93,255,.14);
      background: rgba(255,255,255,.92);
    }
    .field-textarea{resize: vertical; min-height: 110px}

    .form-foot{align-items:center; justify-content:flex-start}
    .form-hint{
      display:flex; gap:10px; align-items:flex-start;
      color:var(--muted);
      font-weight:780;
      line-height:1.7;
      font-size:13.5px;
      padding-top:4px;
    }
    .hint-dot{width:10px; height:10px; border-radius:50%; margin-top:6px; background: linear-gradient(135deg, rgba(39,93,255,1), rgba(43,179,255,1)); box-shadow: 0 0 0 5px rgba(39,93,255,.14)}

    .contact-right{display:flex; flex-direction:column; gap:14px}
    .contact-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: var(--shadow);
    }
    .contact-card-head{margin-bottom:14px}
    .contact-title{font-weight:1100; font-size:18px}
    .contact-sub{margin-top:8px; color:var(--muted); font-weight:780; line-height:1.7}

    .contact-methods{display:flex; flex-direction:column; gap:12px}
    .method{display:flex; align-items:flex-start; gap:12px}
    .method-icon{width:42px; height:42px; border-radius:16px; border:1px solid rgba(39,93,255,.18); background: rgba(39,93,255,.10)}
    .method-icon-1{border-color: rgba(124,58,237,.20); background: rgba(124,58,237,.10)}
    .method-icon-1::after{content:""; display:block; width:18px; height:18px; border-radius:8px; margin:12px auto 0; background: linear-gradient(135deg, rgba(124,58,237,1), rgba(39,93,255,1))}
    .method-body{}
    .method-title{font-weight:1100}
    .method-desc{margin-top:6px; color:var(--muted); font-weight:780; line-height:1.6; font-size:13.5px}
    .qr-wrap{
      display:flex; flex-direction:column; gap:10px; align-items:flex-start;
      padding:12px;
      border-radius:18px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.62);
    }
    .qr-img{width:140px; border-radius:14px; box-shadow: 0 18px 44px rgba(20,26,35,.12); border:1px solid rgba(231,234,240,.95)}
    .qr-caption{color:var(--muted); font-weight:780; line-height:1.6; font-size:13.5px}

    .contact-divider{height:1px; background: rgba(231,234,240,.95); margin:14px 0}

    .contact-links{display:flex; flex-direction:column; gap:10px}
    .contact-link{
      text-decoration:none;
      display:flex; align-items:center; gap:12px;
      padding:10px 12px;
      border-radius:16px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.62);
      color:#1d2532;
      font-weight:950;
      transition: transform .16s ease, border-color .16s ease, background .16s ease;
    }
    .contact-link:hover{transform: translateY(-2px); border-color: rgba(39,93,255,.18); background: rgba(39,93,255,.06)}
    .contact-link-static{cursor:default}
    .contact-link-icon{
      width:34px; height:34px; border-radius:14px;
      background: rgba(39,93,255,.10);
      border:1px solid rgba(39,93,255,.18);
      display:flex; align-items:center; justify-content:center;
      font-weight:1100; color:#15346f;
    }

    .contact-quick{margin-top:14px}
    .quick-title{font-weight:1100; margin-bottom:10px}
    .quick-actions{display:flex; gap:10px; flex-wrap:wrap}

    .contact-mini-cards{display:grid; grid-template-columns: 1fr; gap:12px}
    .mini-card-2{
      padding:14px 14px;
      border-radius: var(--radius2);
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.66);
      box-shadow: var(--shadow);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .mini-card-2:hover{transform: translateY(-3px); box-shadow: 0 26px 68px rgba(20,26,35,.12)}
    .mini-card-2-alt{background: linear-gradient(180deg, rgba(124,58,237,.06), rgba(255,255,255,.66))}
    .mini2-head{display:flex; align-items:center; gap:12px; margin-bottom:10px}
    .mini2-dot{width:12px; height:12px; border-radius:6px; box-shadow: 0 0 0 5px rgba(39,93,255,.12)}
    .mini2-dot-1{background: linear-gradient(135deg, rgba(39,93,255,1), rgba(43,179,255,1))}
    .mini2-dot-2{background: linear-gradient(135deg, rgba(124,58,237,1), rgba(39,93,255,1))}
    .mini2-title{font-weight:1100}
    .mini2-desc{color:var(--muted); font-weight:780; line-height:1.7}
    .mini2-link{display:inline-block; margin-top:10px; color:#16326e; font-weight:1000; text-decoration:none; border-bottom:1px solid rgba(39,93,255,.25); padding-bottom:2px}

    .partners-band{
      margin-top: 14px;
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: var(--shadow);
    }
    .partners-head{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap}
    .partners-title{font-weight:1100; font-size:16px}
    .partners-sub{color:var(--muted); font-weight:780; margin-top:8px; line-height:1.7}
    .partners-links{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px}
    .partner-link{
      text-decoration:none;
      padding:10px 12px;
      border-radius:999px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.62);
      color:#1d2532;
      font-weight:950;
      transition: transform .16s ease, border-color .16s ease, background .16s ease;
    }
    .partner-link:hover{transform: translateY(-2px); border-color: rgba(39,93,255,.18); background: rgba(39,93,255,.06)}

    .join-grid{display:grid; grid-template-columns: 1fr 1fr; gap:14px; align-items:start}
    .join-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:18px;
      box-shadow: var(--shadow);
    }
    .join-list{margin-top:12px; display:flex; flex-direction:column; gap:12px}
    .join-item{display:flex; gap:12px; align-items:flex-start; font-weight:900; color:#1d2532; line-height:1.7}
    .join-check{width:18px; height:18px; border-radius:8px; background: rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.22); position:relative; margin-top:6px; flex:0 0 auto}
    .join-check::after{content:""; position:absolute; left:4px; top:5px; width:8px; height:5px; border-left:2px solid rgba(34,197,94,1); border-bottom:2px solid rgba(34,197,94,1); transform: rotate(-45deg)}
    .join-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}

    .join-media .media-card{
      background: rgba(255,255,255,.66);
      border:1px solid rgba(231,234,240,.95);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: var(--shadow);
    }
    .media-top{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap}
    .media-title{font-weight:1100}
    .media-sub{margin-top:8px; color:var(--muted); font-weight:780; line-height:1.7}
    .media-grid{display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; margin-top:14px}
    .media-box{
      border-radius:18px;
      overflow:hidden;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.62);
      box-shadow: inset 0 0 0 1px rgba(39,93,255,.05);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .media-box:hover{transform: translateY(-3px); box-shadow: 0 26px 68px rgba(20,26,35,.12)}
    .media-box-square{grid-column: 1 / -1}
    .media-img{width:100%; height:auto; object-fit:contain}
    .media-cap{padding:10px 12px; color:#1d2532; font-weight:950; font-size:13.5px; line-height:1.4}

    .media-foot{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; flex-wrap:wrap}
    .media-foot-note{color:var(--muted); font-weight:780; line-height:1.7}

    .site-footer{
      background: #0f172a;
      color: #e5e7eb;
      border-top: 1px solid rgba(255,255,255,.08);
      padding: 34px 0 26px;
    }
    .footer-inner{display:flex; flex-direction:column; gap:16px}
    .footer-top{
      display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap;
    }
    .footer-brand{display:flex; gap:14px; align-items:flex-start; min-width: 280px}
    .footer-logo-wrap{width:56px}
    .footer-logo{
      width:56px; height:56px; border-radius:18px;
      background: rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.12);
      padding:10px;
    }
    .footer-brand-meta{max-width: 520px}
    .footer-brand-name{font-weight:1100; letter-spacing:-.2px}
    .footer-brand-desc{margin-top:8px; color: rgba(229,231,235,.78); font-weight:800; line-height:1.7}

    .footer-links{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:18px}
    .foot-col{min-width: 180px}
    .foot-title{font-weight:1100; color:#fff; margin-bottom:10px}
    .foot-link{
      display:block;
      color: rgba(229,231,235,.84);
      text-decoration:none;
      font-weight:850;
      margin:10px 0;
      transition: color .15s ease;
    }
    .foot-link:hover{color:#fff}

    .footer-bottom{
      display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
      padding-top: 14px;
      border-top: 1px solid rgba(255,255,255,.10);
    }
    .copyright{font-weight:900; color: rgba(229,231,235,.88)}
    .footer-signal{margin-top:8px; color: rgba(229,231,235,.70); font-weight:780; line-height:1.7; font-size:13.5px}
    .backtop{
      text-decoration:none;
      display:inline-flex; align-items:center; gap:10px;
      padding:11px 14px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
      color:#fff;
      font-weight:1000;
      transition: transform .16s ease, background .16s ease, border-color .16s ease;
    }
    .backtop:hover{transform: translateY(-2px); background: rgba(255,255,255,.10); border-color: rgba(43,179,255,.22)}
    .backtop-icon{font-weight:1100}

    .float-tools{
      position:fixed; right:14px; bottom:14px;
      z-index:80;
      display:flex; flex-direction:column; gap:10px;
      transform: translateY(0);
      transition: transform .2s ease, opacity .2s ease;
    }
    .float-hidden{opacity:.98}
    .float-item{
      text-decoration:none;
      display:flex; align-items:center; gap:10px;
      padding:11px 12px;
      border-radius:18px;
      border:1px solid rgba(231,234,240,.95);
      background: rgba(255,255,255,.78);
      box-shadow: 0 18px 44px rgba(20,26,35,.14);
      color:#0f1a2a;
      font-weight:1000;
      transition: transform .16s ease, background .16s ease, border-color .16s ease;
      -webkit-tap-highlight-color: transparent;
    }
    .float-item:hover{transform: translateY(-3px); background: rgba(39,93,255,.08); border-color: rgba(39,93,255,.18)}
    .float-item-2:hover{background: rgba(43,179,255,.08); border-color: rgba(43,179,255,.20)}
    .float-item-3:hover{background: rgba(124,58,237,.08); border-color: rgba(124,58,237,.20)}
    .float-icon{
      width:34px; height:34px; border-radius:14px;
      background: rgba(39,93,255,.10);
      border:1px solid rgba(39,93,255,.18);
      display:flex; align-items:center; justify-content:center;
      font-weight:1100;
      color:#15346f;
      flex:0 0 auto;
    }
    .float-item-2 .float-icon{background: rgba(43,179,255,.10); border-color: rgba(43,179,255,.20); color:#0a4a63}
    .float-item-3 .float-icon{background: rgba(124,58,237,.10); border-color: rgba(124,58,237,.20); color:#3b1d73}
    .float-text{font-size:13.5px}

    @media (max-width: 980px){
      .desktop-nav{display:none}
      .menu-btn{display:flex}
      .hero-inner{grid-template-columns: 1fr; gap:16px}
      .hero-metrics{grid-template-columns: 1fr; gap:10px}
      .panel-grid{grid-template-columns: 1fr; }
      .mini-card-wide{grid-column:auto}
      .trust-row{grid-template-columns: 1fr; }
      .about-grid{grid-template-columns: 1fr}
      .cap-grid{grid-template-columns: 1fr}
      .service-split{grid-template-columns: 1fr}
      .timeline{grid-template-columns: 1fr; }
      .two-col{grid-template-columns: 1fr}
      .cards-3{grid-template-columns: 1fr}
      .network-grid{grid-template-columns: 1fr}
      .eval-top{grid-template-columns: 1fr}
      .match-grid{grid-template-columns: 1fr}
      .token-grid{grid-template-columns: 1fr}
      .train-grid{grid-template-columns: 1fr}
      .cases-grid{grid-template-columns: 1fr; }
      .articles-grid{grid-template-columns: 1fr}
      .faq-grid{grid-template-columns: 1fr}
      .ai-tiles{grid-template-columns: 1fr}
      .help-grid{grid-template-columns: 1fr}
      .contact-grid{grid-template-columns: 1fr}
      .join-grid{grid-template-columns: 1fr}
      .footer-links{grid-template-columns: 1fr; gap:10px}
      .float-text{display:none}
      .float-tools{right:12px; bottom:12px}
    }