:root{
      --bg0:#ffffff;
      --bg1:#f7f7fb;
      --bg2:#f3f4ff;
      --card:#ffffff;
      --text:#1f2937;
      --muted:#5b667a;
      --border:rgba(17,24,39,.12);
      --shadow: 0 16px 40px rgba(15,23,42,.08);
      --shadow2: 0 10px 30px rgba(15,23,42,.10);
      --primary:#2563eb;
      --primary2:#7c3aed;
      --primary3:#06b6d4;
      --accent:#10b981;
      --warning:#f59e0b;
      --radius:18px;
      --radius2:22px;
      --container: 1120px;
      --gutter: 18px;
      --focus: 0 0 0 4px rgba(37,99,235,.18);
    }

    html,body{height:100%;}
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
      color:var(--text);
      background:
        radial-gradient(1200px 520px at 70% -120px, rgba(124,58,237,.16), transparent 60%),
        radial-gradient(900px 460px at 20% 0px, rgba(6,182,212,.14), transparent 60%),
        linear-gradient(180deg, #ffffff 0%, #f7f7fb 36%, #ffffff 100%);
      overflow-x:hidden;
    }

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

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

    .topbar{
      position: sticky;
      top:0;
      z-index:50;
      background: rgba(255,255,255,.82);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(17,24,39,.08);
    }
    .topbar-inner{
      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; text-decoration:none; color:inherit;}
    .ai-page-logo{width:40px; height:auto; border-radius:12px; box-shadow: 0 10px 25px rgba(37,99,235,.18);}
    .brand-text{display:flex; flex-direction:column; line-height:1.1;}
    .brand-name{font-weight:900; letter-spacing:.2px; font-size:16px;}
    .brand-sub{font-size:12px; color:var(--muted); margin-top:3px;}

    .nav{flex: 1 1 auto; display:flex; justify-content:center;}
    .nav-toggle{
      display:none;
      width:44px; height:44px; border-radius:14px;
      border:1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.7);
      color:var(--text);
      align-items:center; justify-content:center;
      cursor:pointer;
    }
    .nav-toggle:focus{outline:none; box-shadow:var(--focus);}
    .nav-toggle-bar{
      display:block; width:18px; height:2px; background: currentColor; border-radius:2px;
    }
    .nav-toggle-bar + .nav-toggle-bar{margin-top:4px;}

    .nav-panel{
      display:flex;
      align-items:center;
      gap:16px;
      flex-wrap:nowrap;
      overflow:hidden;
    }
    .nav-item{
      text-decoration:none;
      color: var(--muted);
      font-weight:650;
      font-size:13px;
      padding: 10px 10px;
      border-radius: 12px;
      border: 1px solid transparent;
      transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
      white-space:nowrap;
    }
    .nav-item:hover{
      background: rgba(37,99,235,.06);
      border-color: rgba(37,99,235,.14);
      color: var(--text);
      transform: translateY(-1px);
    }

    .topbar-cta{display:flex; align-items:center; gap:10px; justify-content:flex-end; min-width: 250px;}
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      text-decoration:none;
      border-radius: 14px;
      padding: 10px 14px;
      border: 1px solid rgba(17,24,39,.12);
      background: #fff;
      color: var(--text);
      font-weight:750;
      cursor:pointer;
      transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
      user-select:none;
      line-height:1;
      white-space:nowrap;
    }
    .btn:focus{outline:none; box-shadow:var(--focus);}
    .btn:hover{transform: translateY(-1px); box-shadow: 0 14px 28px rgba(15,23,42,.10);}

    .btn-lg{padding: 13px 16px;}
    .btn-wide{width:100%; padding: 12px 14px;}
    .btn-mini{padding: 9px 12px; border-radius:12px;}

    .btn-primary{
      border-color: rgba(37,99,235,.20);
      background: linear-gradient(135deg, rgba(37,99,235,.98), rgba(124,58,237,.92));
      color:#fff;
      box-shadow: 0 18px 40px rgba(37,99,235,.22);
    }
    .btn-primary:hover{
      box-shadow: 0 22px 60px rgba(37,99,235,.28);
    }
    .btn-ghost{
      background: rgba(255,255,255,.72);
      border-color: rgba(17,24,39,.14);
      color: var(--text);
    }
    .btn-soft{
      background: linear-gradient(180deg, rgba(37,99,235,.10), rgba(124,58,237,.06));
      border-color: rgba(37,99,235,.18);
      color: #1d4ed8;
    }

    .btn-contrast{
      background: linear-gradient(180deg, rgba(16,185,129,.16), rgba(6,182,212,.10));
      border-color: rgba(16,185,129,.22);
      color:#0f766e;
    }

    .hero{
      position:relative;
      padding: 34px 0 24px;
    }
    .hero-bg{
      position:absolute; inset: 0 0 auto 0;
      height: 560px;
      pointer-events:none;
      background:
        radial-gradient(900px 480px at 20% 0%, rgba(37,99,235,.20), transparent 58%),
        radial-gradient(700px 420px at 80% 10%, rgba(124,58,237,.18), transparent 60%),
        radial-gradient(560px 360px at 50% 40%, rgba(6,182,212,.16), transparent 62%),
        linear-gradient(180deg, rgba(255,255,255,.00), rgba(247,247,251,1));
      filter: saturate(1.08);
    }

    .hero-inner{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 24px;
      align-items: start;
      position:relative;
    }
    .hero-left{padding-top: 10px;}
    .eyebrow{
      display:flex; align-items:center; gap:10px;
      color: var(--muted);
      font-weight:700;
      font-size: 13px;
      letter-spacing:.2px;
    }
    .dot{
      width:10px; height:10px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, #fff, rgba(255,255,255,.2) 35%, rgba(255,255,255,0) 60%), linear-gradient(135deg, #22c55e, #06b6d4, #7c3aed, #2563eb);
      box-shadow: 0 10px 24px rgba(37,99,235,.22);
    }

    .hero-title{
      font-size: clamp(26px, 3.4vw, 44px);
      line-height: 1.1;
      margin: 12px 0 12px;
      letter-spacing: -.6px;
      font-weight: 950;
    }
    .hero-lead{
      color: var(--muted);
      font-size: 15.5px;
      line-height: 1.7;
      margin: 0 0 18px;
      max-width: 620px;
    }

    .hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin: 18px 0 18px;}
    .hero-trust{
      display:flex;
      gap: 12px;
      flex-wrap:wrap;
      margin-top: 10px;
    }
    .trust-item{
      flex: 1 1 170px;
      background: rgba(255,255,255,.68);
      border:1px solid rgba(17,24,39,.10);
      border-radius: 16px;
      padding: 12px 14px;
      box-shadow: 0 12px 30px rgba(15,23,42,.06);
    }
    .trust-num{font-weight:950; letter-spacing:.2px; color:#111827;}
    .trust-label{margin-top:4px; color:var(--muted); font-size:13px; font-weight:650;}

    .hero-right{position:relative;}
    .data-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      align-items: stretch;
    }
    .data-card{
      background: rgba(255,255,255,.72);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius);
      padding: 14px 14px;
      box-shadow: 0 18px 42px rgba(15,23,42,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 120px;
      display:flex; flex-direction:column;
      gap: 10px;
      position:relative;
      overflow:hidden;
    }
    .data-card:before{
      content:"";
      position:absolute; inset:-2px -2px auto -2px;
      height: 60px;
      background: linear-gradient(90deg, rgba(37,99,235,.18), rgba(124,58,237,.14), rgba(6,182,212,.12));
      transform: translateY(-30px);
      transition: transform .4s ease;
      pointer-events:none;
    }
    .data-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 26px 65px rgba(37,99,235,.14);
      border-color: rgba(37,99,235,.18);
    }
    .data-card:hover:before{transform: translateY(0px);}
    .data-card.tall{grid-column: 1 / -1;}
    .data-icon{
      width: 40px; height: 40px;
      display:flex; align-items:center; justify-content:center;
      border-radius: 14px;
      background: linear-gradient(180deg, rgba(37,99,235,.10), rgba(124,58,237,.06));
      border:1px solid rgba(37,99,235,.16);
      color:#1d4ed8;
    }
    .data-main{font-weight:900; letter-spacing:.2px;}
    .data-sub{color:var(--muted); font-size: 13.5px; line-height:1.6; margin-top:auto;}
    .data-badge{
      display:inline-flex; align-items:center; gap:10px;
      color:#0f766e;
      font-weight:800;
      font-size: 13px;
      background: rgba(16,185,129,.10);
      border:1px solid rgba(16,185,129,.18);
      padding: 8px 10px;
      border-radius: 999px;
      width: fit-content;
    }
    .badge-dot{
      width:10px; height:10px; border-radius:50%;
      background: linear-gradient(135deg, #10b981, #06b6d4);
      box-shadow: 0 12px 30px rgba(16,185,129,.20);
    }

    .hero-mini{margin-top: 12px;}
    .mini-step{
      background: rgba(255,255,255,.72);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 14px 14px;
      box-shadow: 0 18px 42px rgba(15,23,42,.06);
      display:flex;
      flex-direction:column;
      gap: 12px;
    }
    .mini-step-item{display:flex; gap: 12px; align-items:flex-start;}
    .mini-dot{
      width: 12px; height: 12px; margin-top: 5px;
      border-radius:50%;
      background: linear-gradient(135deg, #2563eb, #7c3aed, #06b6d4);
      box-shadow: 0 14px 34px rgba(124,58,237,.18);
      flex: 0 0 auto;
    }
    .mini-title{font-weight:900; letter-spacing:.2px;}
    .mini-desc{color:var(--muted); font-size: 13.2px; margin-top: 4px; line-height:1.55;}

    .section{
      padding: 52px 0;
    }
    .section-soft{
      background: linear-gradient(180deg, rgba(255,255,255,.0), rgba(247,247,251,1));
    }
    .section-soft2{
      background: linear-gradient(180deg, rgba(243,244,255,1), rgba(255,255,255,1));
      border-top: 1px solid rgba(17,24,39,.06);
      border-bottom: 1px solid rgba(17,24,39,.06);
    }

    .section-head{margin-bottom: 20px;}
    .kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:#0f766e;
      font-weight:900;
      letter-spacing:.2px;
      font-size: 13px;
      margin-bottom: 10px;
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(16,185,129,.10);
      border:1px solid rgba(16,185,129,.18);
    }
    .h2{
      font-size: clamp(22px, 2.6vw, 32px);
      margin: 0 0 10px;
      line-height: 1.25;
      letter-spacing: -.4px;
      font-weight: 950;
    }
    .h3{
      margin: 0;
      font-size: 16.5px;
      font-weight: 900;
      letter-spacing: -.2px;
    }
    .lead{
      margin: 0;
      color:var(--muted);
      line-height: 1.7;
      font-size: 15px;
      max-width: 780px;
    }

    .about-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 18px;
    }
    .feature-card{
      background: rgba(255,255,255,.76);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 180px;
      display:flex; flex-direction:column;
      gap: 10px;
    }
    .feature-card:hover{
      transform: translateY(-3px);
      border-color: rgba(37,99,235,.18);
      box-shadow: 0 26px 70px rgba(37,99,235,.12);
    }
    .feature-top{display:flex; align-items:center; gap: 12px;}
    .feature-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(37,99,235,.10), rgba(124,58,237,.06));
      border:1px solid rgba(37,99,235,.16);
      color:#1d4ed8;
      display:flex; align-items:center; justify-content:center;
      flex: 0 0 auto;
    }
    .feature-title{font-weight:950; letter-spacing:.2px;}
    .feature-text{color:var(--muted); line-height:1.7; font-size: 14px; margin-top: 6px;}
    .pill-row{display:flex; gap: 8px; flex-wrap:wrap; margin-top:auto;}
    .pill{
      font-size: 12.5px;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(37,99,235,.08);
      border: 1px solid rgba(37,99,235,.14);
      color:#1d4ed8;
      font-weight:800;
    }
    .split-quote{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-top: 16px;
      align-items: stretch;
    }
    .quote-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      min-height: 230px;
      display:flex; flex-direction:column;
      gap: 12px;
    }
    .quote-title{font-weight:950; font-size:16px;}
    .checklist{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap: 12px;}
    .checklist li{display:flex; gap:10px; align-items:flex-start; color:var(--muted); line-height:1.65; font-weight:650;}
    .check{width:18px; height:18px; border-radius:6px; background: rgba(16,185,129,.12); border:1px solid rgba(16,185,129,.22); display:inline-flex; align-items:center; justify-content:center; margin-top:2px; flex:0 0 auto; position:relative;}
    .check:before{
      content:"";
      width:8px; height:4px;
      border-left:2px solid #0f766e;
      border-bottom:2px solid #0f766e;
      transform: rotate(-45deg);
      margin-top:-1px;
    }

    .rainbow{background:
      radial-gradient(900px 260px at 10% 0%, rgba(37,99,235,.20), transparent 55%),
      radial-gradient(700px 240px at 90% 30%, rgba(124,58,237,.18), transparent 55%),
      linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.64));
      position:relative;
      overflow:hidden;
    }
    .rainbow-top{display:flex; flex-direction:column; gap:8px;}
    .rainbow-tag{
      width: fit-content;
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(37,99,235,.10);
      border: 1px solid rgba(37,99,235,.18);
      color:#1d4ed8;
      font-weight:900;
      font-size: 13px;
    }
    .rainbow-value{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .rainbow-body{display:flex; flex-direction:column; gap: 12px;}
    .rainbow-line{
      height: 10px;
      border-radius: 999px;
      background: linear-gradient(90deg, #2563eb, #7c3aed, #06b6d4, #10b981, #f59e0b, #ef4444);
      filter: saturate(1.05);
      box-shadow: 0 16px 40px rgba(124,58,237,.18);
    }
    .rainbow-marks{display:flex; gap: 8px; margin-top:-2px;}
    .rainbow-marks span{
      width: 16px; height: 16px; border-radius: 6px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.75);
      position:relative;
      overflow:hidden;
    }
    .rainbow-marks span:nth-child(1){background: linear-gradient(180deg, rgba(37,99,235,.22), rgba(37,99,235,.06));}
    .rainbow-marks span:nth-child(2){background: linear-gradient(180deg, rgba(124,58,237,.20), rgba(124,58,237,.06));}
    .rainbow-marks span:nth-child(3){background: linear-gradient(180deg, rgba(6,182,212,.20), rgba(6,182,212,.06));}
    .rainbow-marks span:nth-child(4){background: linear-gradient(180deg, rgba(16,185,129,.20), rgba(16,185,129,.06));}
    .rainbow-text{color:var(--muted); line-height:1.7; font-weight:650;}
    .btn-arrow{display:inline-block; transition: transform .18s ease;}
    .btn:hover .btn-arrow{transform: translateX(2px);}

    .service-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      margin-top: 14px;
    }
    .service-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      display:flex; flex-direction:column; gap: 10px;
      min-height: 210px;
      cursor: default;
    }
    .service-card:hover{
      transform: translateY(-3px);
      border-color: rgba(37,99,235,.18);
      box-shadow: 0 26px 70px rgba(37,99,235,.12);
    }
    .service-header{display:flex; align-items:center; gap: 12px;}
    .service-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(37,99,235,.10), rgba(124,58,237,.06));
      border:1px solid rgba(37,99,235,.16);
      color:#1d4ed8;
      display:flex; align-items:center; justify-content:center;
      flex: 0 0 auto;
    }
    .service-text{color:var(--muted); line-height:1.7; font-size: 14px; margin-top: 4px;}
    .service-metas{display:flex; gap: 8px; flex-wrap:wrap; margin-top:auto;}
    .meta-chip{
      font-size: 12.5px;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(15,23,42,.04);
      border:1px solid rgba(17,24,39,.10);
      color: var(--muted);
      font-weight:800;
    }

    .ability-row{
      display:flex; gap: 18px; align-items:flex-start;
      margin-top: 18px;
    }
    .ability-left{flex: 0 0 330px;}
    .ability-desc{margin-top: 8px; color:var(--muted); line-height:1.7; font-weight:650;}
    .tag-cloud{display:flex; flex-wrap:wrap; gap: 10px; align-items:center; justify-content:flex-start;}
    .tag{
      padding: 9px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.76);
      border: 1px solid rgba(17,24,39,.10);
      box-shadow: 0 16px 40px rgba(15,23,42,.06);
      font-weight:850;
      font-size: 13px;
      color: #0f172a;
    }
    .tag-soft{
      background: rgba(37,99,235,.08);
      border-color: rgba(37,99,235,.16);
      color:#1d4ed8;
      box-shadow:none;
      font-weight:850;
    }

    .client-logos{margin-top: 16px; padding-top: 10px;}
    .logo-row{
      display:flex; flex-wrap:wrap; gap: 10px;
      padding: 12px;
      border-radius: var(--radius2);
      background: rgba(255,255,255,.60);
      border:1px solid rgba(17,24,39,.10);
      box-shadow: 0 18px 42px rgba(15,23,42,.05);
    }
    .logo-chip{
      padding: 8px 12px;
      border-radius: 999px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.78);
      font-weight:900;
      font-size: 12.8px;
      color: #0f172a;
    }
    .client-note{color:var(--muted); font-size: 13px; margin-top: 10px; line-height:1.6; font-weight:650;}

    .steps-grid{
      display:grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px;
      margin-top: 16px;
    }
    .step-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 18px 42px rgba(15,23,42,.06);
      display:flex; flex-direction:column; gap: 10px;
      min-height: 175px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .step-card:hover{
      transform: translateY(-3px);
      border-color: rgba(124,58,237,.18);
      box-shadow: 0 26px 70px rgba(124,58,237,.10);
    }
    .step-num{
      width: 44px; height: 44px;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(124,58,237,.14), rgba(37,99,235,.08));
      border:1px solid rgba(124,58,237,.18);
      display:flex; align-items:center; justify-content:center;
      font-weight:950; color:#5b21b6;
    }
    .step-title{font-weight:950; letter-spacing:-.2px;}
    .step-text{color:var(--muted); line-height:1.7; font-weight:650; font-size: 14px; margin-top:auto;}

    .two-col{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-top: 14px;
      align-items: start;
    }
    .note-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      display:flex; flex-direction:column; gap: 12px;
    }
    .note-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap: 12px;}
    .note-list li{display:flex; gap: 10px; align-items:flex-start; color:var(--muted); line-height:1.7; font-weight:650;}
    .note-bullet{
      width: 12px; height: 12px; border-radius: 6px;
      background: linear-gradient(135deg, rgba(37,99,235,.30), rgba(124,58,237,.22));
      border:1px solid rgba(37,99,235,.18);
      margin-top: 6px;
      flex: 0 0 auto;
    }

    .comparison-mini{
      background: rgba(255,255,255,.70);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      display:flex; flex-direction:column; gap: 12px;
    }
    .mini-head{display:flex; flex-direction:column; gap: 6px;}
    .mini-title{font-weight:950; letter-spacing:-.2px;}
    .mini-sub{color:var(--muted); font-weight:650; line-height:1.6;}
    .mini-matrix{
      border-radius: 18px;
      overflow:hidden;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.78);
    }
    .matrix-row{
      display:grid;
      grid-template-columns: 1fr 1fr 1.05fr;
      gap: 0;
      border-top:1px solid rgba(17,24,39,.08);
    }
    .matrix-row:first-child{border-top:none;}
    .matrix-head{background: rgba(37,99,235,.06);}
    .cell{
      padding: 10px 12px;
      color:var(--muted);
      font-weight:650;
      font-size: 13px;
      line-height:1.5;
    }
    .matrix-head .cell{
      color:#0f172a;
      font-weight:900;
      font-size: 12.8px;
    }
    .mini-actions{display:flex; gap: 10px; flex-wrap:wrap; margin-top:auto;}
    .mini-actions .btn{flex: 1 1 auto;}

    .network-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 14px;
    }
    .network-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      display:flex; flex-direction:column; gap: 12px;
      min-height: 220px;
    }
    .network-top{display:flex; align-items:center; gap: 12px;}
    .network-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(37,99,235,.10), rgba(124,58,237,.06));
      border:1px solid rgba(37,99,235,.16);
      color:#1d4ed8;
      display:flex; align-items:center; justify-content:center;
      flex: 0 0 auto;
    }
    .network-title{font-weight:950; letter-spacing:-.2px;}
    .network-text{color:var(--muted); line-height:1.7; font-weight:650; font-size: 14px;}
    .network-tags{display:flex; flex-wrap:wrap; gap: 10px;}
    .tag-soft{box-shadow:none;}
    .network-list{display:flex; flex-direction:column; gap: 10px;}
    .network-line{display:flex; gap: 10px; align-items:center; color:var(--muted); font-weight:700; line-height:1.6;}
    .line-dot{width:10px; height:10px; border-radius:6px; background: linear-gradient(135deg,#06b6d4,#7c3aed); border:1px solid rgba(124,58,237,.18);}
    .network-card .btn{margin-top:auto;}

    .rating-row{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 14px;
      align-items:stretch;
      margin-top: 14px;
    }
    .rating-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      display:flex; flex-direction:column; gap: 12px;
      min-height: 210px;
    }
    .rating-top{display:flex; justify-content:space-between; align-items:flex-start; gap: 14px;}
    .stars{display:flex; gap: 4px; color: #f59e0b; font-size: 18px;}
    .rating-score{font-weight:950; display:flex; align-items:baseline; gap: 8px;}
    .score-num{font-size: 44px; letter-spacing:-1px; line-height:1;}
    .score-max{color:var(--muted); font-weight:900;}
    .rating-desc{color:var(--muted); font-weight:650; line-height:1.7;}
    .rating-side .side-card{
      height:100%;
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      display:flex; flex-direction:column; gap: 12px;
    }
    .side-title{font-weight:950; letter-spacing:-.2px;}
    .side-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap: 12px;}
    .side-list li{display:flex; gap: 10px; align-items:flex-start; color:var(--muted); font-weight:700; line-height:1.6;}

    .compare-wrap{margin-top: 14px;}
    .compare-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
    }
    .compare-col{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      padding: 16px;
      display:flex; flex-direction:column; gap: 12px;
      min-height: 280px;
    }
    .compare-col.alt{
      background:
        radial-gradient(700px 220px at 10% 0%, rgba(37,99,235,.14), transparent 55%),
        radial-gradient(700px 220px at 90% 30%, rgba(124,58,237,.12), transparent 55%),
        rgba(255,255,255,.76);
    }
    .compare-head{display:flex; flex-direction:column; gap: 8px;}
    .compare-brand{font-weight:950; letter-spacing:-.2px; font-size: 18px;}
    .compare-badge{
      width: fit-content;
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(245,158,11,.10);
      border: 1px solid rgba(245,158,11,.18);
      color:#b45309;
      font-weight:950;
      font-size: 13px;
    }
    .compare-metric{display:flex; flex-direction:column; gap: 10px; margin-top: 4px;}
    .metric-line{
      display:flex; justify-content:space-between; gap: 10px; align-items:flex-start;
      padding: 10px 12px;
      border-radius: 14px;
      background: rgba(15,23,42,.03);
      border:1px solid rgba(17,24,39,.08);
    }
    .metric-name{color:var(--muted); font-weight:800; font-size: 13.5px;}
    .metric-val{color:#0f172a; font-weight:900; font-size: 13.5px; text-align:right;}
    .compare-col.alt .compare-note{margin-top: 8px; display:flex; flex-direction:column; gap: 12px;}
    .note-item{
      padding: 12px;
      border-radius: 16px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.72);
    }
    .note-title{font-weight:950; letter-spacing:-.2px; margin-bottom: 6px;}
    .note-text{color:var(--muted); line-height:1.65; font-weight:650;}

    .compare-table-card{
      margin-top: 14px;
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      overflow:hidden;
    }
    .table-head{padding: 14px 16px; border-bottom:1px solid rgba(17,24,39,.08); background: rgba(37,99,235,.05);}
    .table-title{font-weight:950; letter-spacing:-.2px;}
    .table-sub{color:var(--muted); font-weight:650; margin-top: 4px; line-height:1.6;}
    .table-scroll{overflow:auto; -webkit-overflow-scrolling: touch;}
    .compare-table{
      width: 100%;
      border-collapse: collapse;
      min-width: 720px;
    }
    .compare-table th, .compare-table td{
      padding: 12px 12px;
      border-bottom: 1px solid rgba(17,24,39,.08);
      vertical-align: top;
      text-align:left;
      font-size: 13.5px;
      color: var(--muted);
      font-weight:650;
      line-height:1.6;
    }
    .compare-table th{
      color:#0f172a;
      font-weight:950;
      background: rgba(15,23,42,.02);
    }
    .compare-table tr:hover td{
      background: rgba(37,99,235,.04);
    }

    .case-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 14px;
    }
    .case-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      display:flex; flex-direction:column; gap: 12px;
      min-height: 280px;
    }
    .case-card:hover{
      transform: translateY(-3px);
      border-color: rgba(37,99,235,.18);
      box-shadow: 0 26px 70px rgba(37,99,235,.12);
    }
    .case-head{
      display:flex; flex-direction:column; gap: 8px;
    }
    .case-type{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .case-metric{
      color:var(--muted); font-weight:700; font-size: 13.5px;
      padding: 8px 10px;
      border-radius: 14px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(15,23,42,.03);
      width: fit-content;
    }
    .case-body{display:flex; flex-direction:column; gap: 10px; margin-top: 6px;}
    .case-line{
      display:flex; gap: 10px; justify-content:space-between; align-items:flex-start;
      padding: 10px 12px;
      border-radius: 14px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.72);
    }
    .case-label{color:var(--muted); font-weight:900; font-size: 13px;}
    .case-val{color:#0f172a; font-weight:750; font-size: 13.5px; text-align:right;}
    .case-actions{
      display:flex; gap: 14px; align-items:center; justify-content:space-between;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      margin-top: 14px;
    }
    .case-note-title{font-weight:950; letter-spacing:-.2px;}
    .case-note-desc{color:var(--muted); font-weight:650; margin-top:6px; line-height:1.7;}
    .case-buttons{display:flex; gap: 10px; flex-wrap:wrap; justify-content:flex-end;}

    .token-layout{
      display:grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 14px;
      margin-top: 14px;
      align-items:start;
    }
    .token-card, .token-side .price-panel, .token-side .token-cta{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      padding: 16px;
    }
    .token-card{min-height: 320px; display:flex; flex-direction:column; gap: 12px;}
    .token-title{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .token-sub{color:var(--muted); font-weight:650; margin-top: 6px; line-height:1.6;}
    .token-list{display:flex; flex-direction:column; gap: 10px; margin-top: 6px;}
    .token-item{
      display:flex; align-items:center; justify-content:space-between; gap: 12px;
      padding: 12px 12px;
      border-radius: 16px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(15,23,42,.03);
    }
    .token-name{font-weight:950; letter-spacing:-.2px;}
    .token-desc{color:var(--muted); font-weight:650; margin-top: 4px; font-size: 13.5px; line-height:1.6;}
    .token-pill{
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(37,99,235,.10);
      border:1px solid rgba(37,99,235,.18);
      color:#1d4ed8;
      font-weight:950;
      white-space:nowrap;
      font-size: 12.8px;
    }
    .token-pill2{background: rgba(124,58,237,.10); border-color: rgba(124,58,237,.18); color:#6d28d9;}
    .token-pill3{background: rgba(6,182,212,.10); border-color: rgba(6,182,212,.18); color:#0e7490;}
    .token-pill4{background: rgba(16,185,129,.10); border-color: rgba(16,185,129,.18); color:#0f766e;}
    .token-actions{display:flex; gap: 10px; flex-wrap:wrap; margin-top:auto;}
    .token-side{display:flex; flex-direction:column; gap: 14px;}
    .price-panel{min-height: 250px;}
    .price-head{display:flex; flex-direction:column; gap: 6px;}
    .price-title{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .price-sub{color:var(--muted); font-weight:650; line-height:1.6;}
    .price-steps{margin: 12px 0 0; padding-left: 18px; color:var(--muted); font-weight:700; line-height:1.7;}
    .price-steps li{margin: 10px 0; position:relative;}
    .price-steps .num{
      display:inline-flex; width: 26px; height: 26px;
      border-radius: 10px;
      background: linear-gradient(180deg, rgba(37,99,235,.14), rgba(124,58,237,.08));
      border:1px solid rgba(37,99,235,.18);
      color:#1d4ed8;
      align-items:center; justify-content:center;
      font-weight:950;
      margin-right: 10px;
      vertical-align:middle;
      font-size: 13px;
      transform: translateY(-1px);
    }

    .price-callout{
      margin-top: 14px;
      padding: 12px;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(37,99,235,.08), rgba(124,58,237,.05));
      border:1px solid rgba(37,99,235,.16);
    }
    .callout-title{font-weight:950; letter-spacing:-.2px;}
    .callout-text{color:var(--muted); font-weight:650; line-height:1.7; margin-top: 6px;}
    .price-links{display:flex; gap: 10px; flex-wrap:wrap; margin-top: 12px;}
    .link-chip{
      text-decoration:none;
      border-radius: 999px;
      padding: 9px 12px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      color:#0f172a;
      font-weight:850;
      font-size: 13px;
      box-shadow: 0 14px 34px rgba(15,23,42,.06);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .link-chip:hover{transform: translateY(-1px); box-shadow: 0 20px 48px rgba(15,23,42,.10);}
    .link-chip2{border-color: rgba(124,58,237,.18); color:#6d28d9;}

    .token-cta{display:flex; flex-direction:column; gap: 10px;}
    .token-cta-title{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .token-cta-desc{color:var(--muted); font-weight:650; line-height:1.7;}
    .token-cta-actions{display:flex; gap: 10px; flex-wrap:wrap;}
    .token-cta-actions .btn{flex:1 1 auto;}

    .match-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      margin-top: 14px;
    }
    .match-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
    }
    .match-title{font-weight:950; letter-spacing:-.2px; font-size: 16px; margin-bottom: 10px;}
    .form{display:flex; flex-direction:column; gap: 12px;}
    .form-row{display:grid; grid-template-columns: 1fr 1fr; gap: 12px;}
    .field{display:flex; flex-direction:column; gap: 8px;}
    .label{font-weight:900; color:#0f172a; font-size: 13.5px;}
    input, select, textarea{
      border: 1px solid rgba(17,24,39,.14);
      background: rgba(255,255,255,.86);
      border-radius: 14px;
      padding: 12px 12px;
      color: var(--text);
      font-weight:700;
      transition: box-shadow .16s ease, border-color .16s ease, transform .16s ease;
      font-size: 14px;
    }
    textarea{resize: vertical; min-height: 120px;}
    input:focus, select:focus, textarea:focus{
      outline:none; box-shadow: var(--focus);
      border-color: rgba(37,99,235,.35);
    }
    .form-actions{display:flex; gap: 12px; flex-wrap:wrap; align-items:center; justify-content:space-between;}
    .form-hint{color:var(--muted); font-weight:650; line-height:1.6; font-size: 13.2px; flex: 1 1 220px;}

    .match-side .side-stack{
      display:flex; flex-direction:column; gap: 14px;
    }
    .sideBlock{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
    }
    .sideBlock-title{font-weight:950; letter-spacing:-.2px; font-size: 16px; margin-bottom: 10px;}
    .grid-tags{display:flex; flex-wrap:wrap; gap: 10px;}
    .tiny-list{margin:0; padding-left: 18px; color:var(--muted); font-weight:700; line-height:1.8;}
    .side-links{display:flex; flex-direction:column; gap: 10px;}

    .train-grid{
      display:grid;
      grid-template-columns: 1fr 1.05fr;
      gap: 14px;
      margin-top: 14px;
      align-items:start;
    }
    .train-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      display:flex; flex-direction:column; gap: 12px;
    }
    .train-title{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .train-list{display:flex; flex-direction:column; gap: 10px;}
    .train-item{display:flex; gap: 10px; align-items:center; padding: 10px 12px; border-radius: 16px; border:1px solid rgba(17,24,39,.08); background: rgba(15,23,42,.03); color:#0f172a; font-weight:900;}
    .train-bullet{width: 12px; height:12px; border-radius: 6px; background: linear-gradient(135deg,#2563eb,#7c3aed); border:1px solid rgba(37,99,235,.18);}
    .train-actions{display:flex; gap: 10px; flex-wrap:wrap; margin-top: auto;}
    .train-actions .btn{flex:1 1 auto;}

    .train-right{display:flex; flex-direction:column; gap: 14px;}
    .platform-intro{
      background:
        radial-gradient(800px 250px at 10% 0%, rgba(37,99,235,.18), transparent 55%),
        radial-gradient(700px 240px at 90% 30%, rgba(124,58,237,.14), transparent 55%),
        rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
    }
    .platform-top{display:flex; flex-direction:column; gap: 8px; margin-bottom: 12px;}
    .platform-kicker{
      width: fit-content;
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(37,99,235,.10);
      border:1px solid rgba(37,99,235,.18);
      color:#1d4ed8;
      font-weight:950;
      font-size: 13px;
    }
    .platform-title{font-weight:950; letter-spacing:-.2px; font-size: 18px;}
    .platform-body{display:flex; flex-direction:column; gap: 12px;}
    .platform-chips{display:flex; flex-wrap:wrap; gap: 10px;}
    .platform-detail{display:flex; flex-direction:column; gap: 10px;}
    .detail-line{display:flex; gap: 10px; align-items:flex-start; color:var(--muted); font-weight:700; line-height:1.7;}
    .detail-icon{
      width: 12px; height: 12px; border-radius: 6px;
      background: linear-gradient(135deg,#06b6d4,#7c3aed);
      border:1px solid rgba(124,58,237,.18);
      margin-top: 6px;
      flex:0 0 auto;
    }

    .audit-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
    }
    .audit-title{font-weight:950; letter-spacing:-.2px; font-size: 16px; margin-bottom: 12px;}
    .audit-grid{display:grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}
    .audit-item{
      padding: 12px;
      border-radius: 18px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(15,23,42,.03);
      display:flex; flex-direction:column; gap: 10px;
      min-height: 140px;
    }
    .audit-top{display:flex; gap: 10px; align-items:center;}
    .audit-num{
      width: 28px; height: 28px;
      border-radius: 12px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(37,99,235,.12);
      border:1px solid rgba(37,99,235,.18);
      color:#1d4ed8;
      font-weight:950;
      flex:0 0 auto;
    }
    .audit-text{font-weight:950;}
    .audit-desc{color:var(--muted); font-weight:650; line-height:1.65; margin-top:auto;}
    .audit-card .btn{margin-top: 12px;}

    .help-grid{display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px;}
    .help-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      display:flex; flex-direction:column; gap: 12px;
      min-height: 220px;
    }
    .help-title{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .help-text{color:var(--muted); font-weight:650; line-height:1.7;}
    .help-actions{display:flex; gap: 10px; flex-wrap:wrap; margin-top:auto;}
    .help-actions .btn{flex:1 1 auto;}
    .help-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap: 12px;}
    .help-list li{display:flex; gap:10px; align-items:flex-start; color:var(--muted); font-weight:700; line-height:1.6;}

    .faq-grid{
      display:grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 14px;
      margin-top: 14px;
      align-items:start;
    }
    .faq-left{display:flex; flex-direction:column; gap: 14px;}
    .faq-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
    }
    .faq-title{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .faq-sub{color:var(--muted); font-weight:650; line-height:1.7; margin-top: 8px;}
    .faq-quick-actions{display:flex; flex-direction:column; gap: 10px; margin-top: 14px;}

    .review-slab{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
    }
    .review-title{font-weight:950; letter-spacing:-.2px; font-size: 16px; margin-bottom: 12px;}
    .review-list{display:flex; flex-direction:column; gap: 12px;}
    .review-card{
      border-radius: 18px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(15,23,42,.03);
      padding: 12px;
      transition: transform .18s ease, border-color .18s ease;
    }
    .review-card:hover{transform: translateY(-2px); border-color: rgba(37,99,235,.18);}
    .review-meta{display:flex; gap: 10px; align-items:flex-start;}
    .avatar{
      width: 36px; height: 36px;
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(37,99,235,.18), rgba(124,58,237,.14));
      border:1px solid rgba(37,99,235,.18);
      display:flex; align-items:center; justify-content:center;
      font-weight:950;
      color:#1d4ed8;
      flex:0 0 auto;
    }
    .review-name{font-weight:950; letter-spacing:-.2px;}
    .review-role{color:var(--muted); font-weight:650; margin-top: 4px; font-size: 13px;}
    .review-text{margin-top: 10px; color:var(--muted); font-weight:650; line-height:1.7;}

    .faq-right{
      background: rgba(255,255,255,.60);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.05);
    }
    .faq-accordion{display:flex; flex-direction:column; gap: 10px;}
    .faq-item{
      border-radius: 18px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.78);
      overflow:hidden;
    }
    .faq-q{
      width: 100%;
      border:0;
      background: transparent;
      padding: 14px 14px;
      text-align:left;
      font-weight:950;
      letter-spacing:-.2px;
      cursor:pointer;
      display:flex;
      justify-content:space-between;
      align-items:center;
      color:#0f172a;
      transition: background .16s ease;
    }
    .faq-q:focus{outline:none; box-shadow:var(--focus);}
    .faq-item .faq-q:hover{background: rgba(37,99,235,.05);}
    .faq-plus{
      width: 28px; height: 28px;
      border-radius: 12px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(15,23,42,.03);
      position:relative;
      flex: 0 0 auto;
    }
    .faq-plus:before,.faq-plus:after{
      content:"";
      position:absolute; left:50%; top:50%;
      width: 12px; height: 2px; background: rgba(15,23,42,.70);
      transform: translate(-50%,-50%);
      border-radius:2px;
      transition: transform .18s ease, opacity .18s ease;
    }
    .faq-plus:after{
      width: 2px; height: 12px;
      transform: translate(-50%,-50%) rotate(0deg);
    }
    .faq-item[aria-expanded="true"] .faq-plus:after{
      transform: translate(-50%,-50%) rotate(90deg);
      opacity: .65;
    }

    .faq-a{
      max-height: 0;
      overflow:hidden;
      transition: max-height .22s ease;
    }
    .faq-a-inner{
      padding: 0 14px 14px 14px;
      color:var(--muted);
      font-weight:650;
      line-height:1.75;
      font-size: 14px;
    }

    .faq-bottom-cta{margin-top: 14px;}
    .cta-box{
      border-radius: var(--radius2);
      border:1px solid rgba(17,24,39,.10);
      background:
        radial-gradient(900px 260px at 10% 0%, rgba(37,99,235,.16), transparent 55%),
        radial-gradient(700px 240px at 90% 30%, rgba(124,58,237,.14), transparent 55%),
        rgba(255,255,255,.78);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
    }
    .cta-title{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .cta-desc{color:var(--muted); font-weight:650; line-height:1.7; margin-top: 8px;}
    .cta-actions{display:flex; gap: 10px; flex-wrap:wrap; margin-top: 12px;}

    .wiki-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      margin-top: 14px;
    }
    .wiki-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 180px;
      display:flex; flex-direction:column; gap: 10px;
    }
    .wiki-card:hover{transform: translateY(-3px); border-color: rgba(6,182,212,.18); box-shadow: 0 26px 70px rgba(6,182,212,.10);}
    .wiki-title{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .wiki-text{color:var(--muted); font-weight:650; line-height:1.7; margin-top:auto;}
    .wiki-foot{display:flex; gap: 10px; flex-wrap:wrap; margin-top: 10px;}
    .wiki-chip{
      padding: 8px 10px;
      border-radius: 999px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(15,23,42,.03);
      color:var(--muted);
      font-weight:850;
      font-size: 12.8px;
    }
    .wiki-bottom{
      margin-top: 14px;
      display:flex; justify-content:space-between; gap: 14px; align-items:center; flex-wrap:wrap;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.05);
    }
    .wiki-cta-title{font-weight:950; letter-spacing:-.2px;}
    .wiki-cta-desc{color:var(--muted); font-weight:650; line-height:1.7; margin-top:6px;}
    .wiki-cta-actions{display:flex; gap: 10px; flex-wrap:wrap;}

    .news-grid{display:grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px;}
    .news-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      min-height: 300px;
    }
    .news-card.alt{
      background:
        radial-gradient(800px 250px at 10% 0%, rgba(37,99,235,.16), transparent 55%),
        radial-gradient(700px 240px at 90% 30%, rgba(124,58,237,.14), transparent 55%),
        rgba(255,255,255,.78);
    }
    .news-title{font-weight:950; letter-spacing:-.2px; font-size: 16px; margin-bottom: 12px;}
    .news-links{display:flex; flex-direction:column; gap: 10px;}
    .news-link{
      text-decoration:none;
      padding: 12px 12px;
      border-radius: 16px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(15,23,42,.03);
      color:#0f172a;
      font-weight:900;
      transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    }
    .news-link:hover{transform: translateY(-2px); border-color: rgba(37,99,235,.18); box-shadow: 0 18px 45px rgba(37,99,235,.12);}
    .topic-grid{display:grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .topic{
      padding: 12px 12px;
      border-radius: 16px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      color:#0f172a;
      font-weight:900;
      line-height:1.4;
      box-shadow: 0 16px 40px rgba(15,23,42,.05);
    }
    .news-cta{margin-top: 14px; display:flex; flex-direction:column; gap: 10px;}
    .news-cta-title{font-weight:950; letter-spacing:-.2px;}
    .news-cta-desc{color:var(--muted); font-weight:650; line-height:1.7;}

    .contact-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-top: 14px;
      align-items:start;
    }
    .contact-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      min-height: 320px;
      display:flex; flex-direction:column; gap: 12px;
    }
    .contact-card.alt{
      background:
        radial-gradient(900px 260px at 10% 0%, rgba(6,182,212,.16), transparent 55%),
        radial-gradient(700px 240px at 90% 30%, rgba(124,58,237,.14), transparent 55%),
        rgba(255,255,255,.78);
    }
    .contact-title{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .contact-row{display:flex; gap: 12px; flex-wrap:wrap;}
    .contact-item{
      flex: 1 1 220px;
      padding: 12px;
      border-radius: 18px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(15,23,42,.03);
    }
    .contact-label{color:var(--muted); font-weight:850; font-size: 12.8px;}
    .contact-value{font-weight:950; margin-top: 6px; color:#0f172a;}
    .contact-value a{color:#0f172a; text-decoration:none;}
    .contact-value a:hover{color: #1d4ed8; text-decoration:underline;}

    .qr-wrap{
      display:flex; gap: 14px; align-items:center;
      padding: 12px;
      border-radius: 18px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.72);
      margin-top: 4px;
    }
    .qr-img{
      width: 120px; height:auto;
      border-radius: 16px;
      border:1px solid rgba(17,24,39,.10);
      box-shadow: 0 18px 45px rgba(15,23,42,.10);
      flex:0 0 auto;
      background:#fff;
    }
    .qr-text{display:flex; flex-direction:column; gap: 6px;}
    .qr-title{font-weight:950; letter-spacing:-.2px;}
    .qr-desc{color:var(--muted); font-weight:650; line-height:1.7;}

    .contact-actions{display:flex; gap: 10px; flex-wrap:wrap; margin-top:auto;}
    .contact-actions .btn{flex:1 1 auto;}
    .contact-copy{color:var(--muted); font-weight:650; line-height:1.75;}

    .partner-box{
      padding: 12px;
      border-radius: 18px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(15,23,42,.03);
      display:flex; flex-direction:column; gap: 10px;
    }
    .partner-item{display:flex; gap: 10px; align-items:flex-start; color:var(--muted); font-weight:700; line-height:1.6;}
    .partner-dot{width:10px; height:10px; border-radius:6px; background: linear-gradient(135deg,#2563eb,#06b6d4); border:1px solid rgba(37,99,235,.18); margin-top: 6px; flex: 0 0 auto;}
    .partner-actions{display:flex; gap: 10px; flex-wrap:wrap;}
    .partner-actions .btn{flex:1 1 auto;}
    .partner-mini{
      margin-top:auto;
      padding-top: 10px;
      display:flex; flex-direction:column; gap: 10px;
    }
    .mini-kv{
      display:flex; justify-content:space-between; gap: 10px; align-items:center;
      padding: 12px;
      border-radius: 18px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.72);
    }
    .mini-kv-key{color:var(--muted); font-weight:850; font-size: 12.8px;}
    .mini-kv-val{font-weight:950; color:#0f172a;}
    .mini-home{color:#0f172a; font-weight:950; text-decoration:none;}
    .mini-home:hover{color:#1d4ed8; text-decoration:underline;}

    .contact-below{
      margin-top: 14px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.05);
    }
    .friend-head{display:flex; justify-content:space-between; gap: 12px; align-items:flex-end; flex-wrap:wrap; margin-bottom: 12px;}
    .friend-title{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .friend-sub{color:var(--muted); font-weight:650; line-height:1.6; max-width: 520px;}
    .friend-links{display:flex; flex-wrap:wrap; gap: 10px;}
    .friend-links a{
      text-decoration:none;
      padding: 9px 12px;
      border-radius: 999px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.78);
      color:#0f172a;
      font-weight:900;
      font-size: 13px;
      box-shadow: 0 14px 34px rgba(15,23,42,.05);
      transition: transform .18s ease, border-color .18s ease;
    }
    .friend-links a:hover{transform: translateY(-1px); border-color: rgba(37,99,235,.18);}

    .agent-grid{display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px;}
    .agent-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(17,24,39,.10);
      border-radius: var(--radius2);
      padding: 16px;
      box-shadow: 0 20px 55px rgba(15,23,42,.06);
      min-height: 260px;
      display:flex; flex-direction:column; gap: 12px;
    }
    .agent-card.alt{
      background:
        radial-gradient(900px 260px at 10% 0%, rgba(37,99,235,.14), transparent 55%),
        radial-gradient(700px 240px at 90% 30%, rgba(6,182,212,.12), transparent 55%),
        rgba(255,255,255,.78);
    }
    .agent-card.rainbow{
      background:
        radial-gradient(900px 260px at 10% 0%, rgba(124,58,237,.18), transparent 55%),
        radial-gradient(700px 240px at 90% 30%, rgba(37,99,235,.14), transparent 55%),
        linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.62));
      border-color: rgba(124,58,237,.18);
    }
    .agent-title{font-weight:950; letter-spacing:-.2px; font-size: 16px;}
    .agent-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap: 12px;}
    .agent-list li{display:flex; gap: 10px; align-items:flex-start; color:var(--muted); font-weight:700; line-height:1.6;}
    .agent-values{display:flex; flex-direction:column; gap: 12px;}
    .value-item{
      padding: 12px;
      border-radius: 18px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(15,23,42,.03);
      display:flex; flex-direction:column; gap: 8px;
    }
    .value-top{display:flex; gap: 10px; align-items:center;}
    .value-ico{width: 26px; height: 26px; border-radius: 12px; background: rgba(37,99,235,.12); border:1px solid rgba(37,99,235,.18); display:flex; align-items:center; justify-content:center;}
    .value-name{font-weight:950;}
    .value-desc{color:var(--muted); font-weight:650; line-height:1.7;}
    .agent-copy{color:var(--muted); font-weight:650; line-height:1.75;}
    .agent-actions{display:flex; flex-direction:column; gap: 10px; margin-top:auto;}

    .footer-extend{padding: 0 0 36px;}
    .footer{
      background: #0b1220;
      color: #e5e7eb;
      border-top: 1px solid rgba(255,255,255,.08);
      margin-top: 18px;
    }
    .footer-inner{padding: 26px 0 12px;}
    .footer-top{
      display:grid;
      grid-template-columns: 1.2fr .9fr .9fr;
      gap: 14px;
      align-items:start;
    }
    .footer-brand{display:flex; gap: 12px; align-items:flex-start;}
    .footer-logo-img{width:44px; border-radius: 16px;}
    .footer-name{font-weight:950; letter-spacing:-.2px; font-size: 16px; margin-bottom: 6px;}
    .footer-desc{color: rgba(229,231,235,.84); line-height:1.7; font-weight:650; font-size: 13.5px; max-width: 420px;}
    .footer-col-title{font-weight:950; letter-spacing:-.2px; margin-bottom: 10px;}
    .footer-links{display:flex; flex-direction:column; gap: 10px;}
    .footer-links a{
      color: rgba(229,231,235,.84);
      text-decoration:none;
      font-weight:700;
      font-size: 13.5px;
    }
    .footer-links a:hover{color:#fff; text-decoration:underline;}
    .footer-contact-lines{display:flex; flex-direction:column; gap: 10px;}
    .footer-line{display:flex; gap: 10px; align-items:baseline;}
    .footer-line-k{color: rgba(229,231,235,.62); font-weight:800; min-width: 44px; font-size: 13px;}
    .footer-line-v{color: rgba(229,231,235,.92); font-weight:850; text-decoration:none;}
    .footer-line-v a{color: rgba(229,231,235,.92); text-decoration:none;}
    .footer-line-v a:hover{text-decoration:underline; color:#fff;}
    .footer-cta{display:flex; gap: 10px; flex-wrap:wrap; margin-top: 12px;}
    .footer .btn{
      background: rgba(255,255,255,.06);
      border-color: rgba(255,255,255,.16);
      color: #e5e7eb;
      box-shadow:none;
    }
    .footer .btn:hover{box-shadow: 0 18px 45px rgba(0,0,0,.30);}
    .footer .btn-primary{
      background: linear-gradient(135deg, rgba(37,99,235,.98), rgba(124,58,237,.92));
      border-color: rgba(37,99,235,.22);
    }

    .footer-bottom{
      margin-top: 18px;
      padding-top: 14px;
      border-top: 1px solid rgba(255,255,255,.10);
      display:flex;
      justify-content:space-between;
      gap: 10px;
      flex-wrap:wrap;
      color: rgba(229,231,235,.72);
      font-weight:700;
      font-size: 13px;
    }
    .ai-page-home-link{color: #e5e7eb !important; text-decoration:none; padding: 8px 10px; border-radius: 999px; border:1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06);}
    .ai-page-home-link:hover{background: rgba(255,255,255,.12); color:#fff; text-decoration:none;}

    .to-top{
      position: fixed;
      right: 16px;
      bottom: 16px;
      width: 44px; height: 44px;
      border-radius: 16px;
      border:1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.85);
      color:#0f172a;
      cursor:pointer;
      box-shadow: 0 18px 45px rgba(15,23,42,.12);
      display:flex; align-items:center; justify-content:center;
      transition: transform .16s ease, opacity .16s ease;
      opacity: 0;
      pointer-events:none;
      z-index: 60;
      font-weight:950;
    }
    .to-top.show{opacity: 1; pointer-events:auto;}
    .to-top:hover{transform: translateY(-2px);}

    .float-wrap{
      position: fixed;
      right: 16px;
      bottom: 72px;
      z-index: 70;
    }
    .float-btn{
      width: 48px; height: 48px;
      border-radius: 18px;
      border:1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.86);
      color: #0f172a;
      cursor:pointer;
      box-shadow: 0 18px 45px rgba(15,23,42,.12);
      display:flex; flex-direction:column; align-items:center; justify-content:center; gap: 4px;
      transition: transform .16s ease;
      user-select:none;
    }
    .float-btn:hover{transform: translateY(-2px);}
    .float-btn:focus{outline:none; box-shadow:var(--focus);}
    .float-text{font-weight:950; font-size: 11px; color: #0f172a;}
    .float-panel{
      position:absolute;
      right: 0;
      bottom: 58px;
      width: min(320px, calc(100vw - 32px));
      border-radius: var(--radius2);
      border:1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.92);
      box-shadow: 0 26px 70px rgba(15,23,42,.18);
      overflow:hidden;
      opacity:0;
      transform: translateY(10px);
      pointer-events:none;
      transition: opacity .18s ease, transform .18s ease;
    }
    .float-panel.open{
      opacity:1;
      transform: translateY(0);
      pointer-events:auto;
    }
    .float-panel-head{
      display:flex; justify-content:space-between; align-items:center;
      padding: 12px 12px;
      background: linear-gradient(135deg, rgba(37,99,235,.10), rgba(124,58,237,.08));
      border-bottom: 1px solid rgba(17,24,39,.10);
    }
    .float-panel-title{font-weight:950; letter-spacing:-.2px;}
    .float-close{
      width: 34px; height: 34px;
      border-radius: 14px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.74);
      cursor:pointer;
      font-weight:950;
      color:#0f172a;
    }
    .float-close:focus{outline:none; box-shadow:var(--focus);}
    .float-panel-body{padding: 12px;}
    .float-qr{
      width: 140px; height:auto;
      border-radius: 18px;
      border:1px solid rgba(17,24,39,.10);
      box-shadow: 0 18px 45px rgba(15,23,42,.14);
      display:block;
      margin: 0 auto;
      background:#fff;
    }
    .float-panel-desc{color:var(--muted); font-weight:650; line-height:1.7; margin-top: 10px; text-align:center;}
    .float-panel-actions{display:flex; flex-direction:column; gap: 10px; margin-top: 12px;}

    .reveal{
      animation: none;
    }
    @keyframes fadeUp{
      from{opacity:0; transform: translateY(10px);}
      to{opacity:1; transform: translateY(0);}
    }
    .reveal.inview{
      animation: fadeUp .6s ease both;
    }

    @media (prefers-reduced-motion: reduce){
      *{scroll-behavior:auto !important; transition:none !important; animation:none !important;}
    }

    @media (max-width: 1020px){
      .hero-inner{grid-template-columns: 1fr; }
      .nav{justify-content:flex-start;}
      .nav-panel{gap: 10px;}
      .topbar-cta{min-width: auto;}
      .about-grid{grid-template-columns: 1fr; }
      .split-quote{grid-template-columns: 1fr;}
      .service-grid{grid-template-columns: repeat(2, 1fr);}
      .steps-grid{grid-template-columns: repeat(2, 1fr);}
      .two-col{grid-template-columns: 1fr;}
      .network-grid{grid-template-columns: 1fr;}
      .rating-row{grid-template-columns: 1fr;}
      .compare-grid{grid-template-columns: 1fr;}
      .case-grid{grid-template-columns: 1fr;}
      .token-layout{grid-template-columns: 1fr;}
      .match-grid{grid-template-columns: 1fr;}
      .faq-grid{grid-template-columns: 1fr;}
      .wiki-grid{grid-template-columns: repeat(2, 1fr);}
      .news-grid{grid-template-columns: 1fr;}
      .contact-grid{grid-template-columns: 1fr;}
      .agent-grid{grid-template-columns: 1fr;}
      .footer-top{grid-template-columns: 1fr; }
      .float-wrap{bottom: 78px;}
    }

    @media (max-width: 720px){
      .nav-toggle{display:flex;}
      .nav-panel{
        position:absolute;
        top: 64px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: min(var(--container), calc(100% - 2*var(--gutter)));
        background: rgba(255,255,255,.94);
        border:1px solid rgba(17,24,39,.10);
        border-radius: var(--radius2);
        box-shadow: 0 26px 70px rgba(15,23,42,.16);
        padding: 12px;
        display:none;
        flex-direction:column;
        gap: 8px;
        z-index: 80;
      }
      .nav-panel.open{display:flex;}
      .nav-item{padding: 10px 12px; width:100%; text-align:left;}
      .topbar-inner{align-items:flex-start;}
      .brand{min-width: 0;}
      .brand-text .brand-sub{display:none;}
      .topbar-cta{display:none;}
      .hero{padding-top: 26px;}
      .data-grid{grid-template-columns: 1fr;}
      .data-card.tall{grid-column: auto;}
      .service-grid{grid-template-columns: 1fr;}
      .hero-trust .trust-item{flex-basis: 100%;}
      .form-row{grid-template-columns: 1fr;}
      .audit-grid{grid-template-columns: 1fr;}
      .wiki-grid{grid-template-columns: 1fr;}
      .case-actions{flex-direction:column; align-items:flex-start;}
      .friend-head{align-items:flex-start;}
      .hero-actions .btn{flex:1 1 auto;}
    }