:root{
      --bg:#fbfbff;
      --panel:#ffffff;
      --text:#1f2430;
      --muted:#5a647a;
      --line:rgba(21,26,39,.10);
      --shadow: 0 12px 32px rgba(14,22,40,.08);
      --shadow2: 0 18px 54px rgba(16,24,40,.14);
      --brand:#6d28d9;
      --brand2:#22c55e;
      --cyan:#22d3ee;
      --pink:#fb7185;
      --indigo:#4f46e5;
      --warn:#f59e0b;

      --radius:16px;
      --radius2:22px;

      --container: 1120px;
      --pad: 20px;

      --focus: 0 0 0 3px rgba(34,211,238,.25), 0 0 0 1px rgba(34,211,238,.25) inset;
    }

    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
                   "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Arial, "Apple Color Emoji","Segoe UI Emoji";
      background: radial-gradient(1200px 800px at 20% -10%, rgba(79,70,229,.12), transparent 55%),
                  radial-gradient(900px 600px at 90% 0%, rgba(34,211,238,.10), transparent 50%),
                  linear-gradient(#fbfbff, #f7f7ff);
      color:var(--text);
      overflow-x:hidden;
    }
    a{color:inherit; text-decoration:none}
    img{max-width:100%; height:auto; display:block}
    .skip-link{
      position:absolute; left:12px; top:12px;
      padding:10px 12px; background:#0f172a; color:#fff; border-radius:10px;
      transform: translateY(-140%); transition: transform .2s ease;
      z-index:10000;
      outline:none;
    }
    .skip-link:focus{transform: translateY(0); box-shadow: var(--focus)}
    .container{
      width: min(var(--container), calc(100% - var(--pad)*2));
      margin:0 auto;
    }

    .site-header{
      position:sticky; top:0; z-index:999;
      background: rgba(251,251,255,.66);
      backdrop-filter: blur(10px);
      border-bottom:1px solid rgba(21,26,39,.08);
    }
    .nav-wrap{
      display:flex; align-items:center; justify-content:space-between;
      padding: 12px 0;
      gap:14px;
    }
    .brand{
      display:flex; align-items:center; gap:12px; min-width: 240px;
    }
    .brand-link{display:flex; align-items:center; gap:12px}
    .ai-page-logo{
      width:42px; height:42px;
      border-radius: 12px;
      box-shadow: 0 10px 26px rgba(109,40,217,.22);
      background: #fff;
      border:1px solid rgba(21,26,39,.08);
      object-fit:cover;
    }
    .brand-meta{display:flex; flex-direction:column; line-height:1.1}
    .brand-name{font-weight:800; letter-spacing:.2px}
    .brand-sub{font-size:12px; color:var(--muted); margin-top:3px}

    .nav{display:flex; align-items:center; gap:12px}
    .nav-toggle{
      display:none;
      border:1px solid rgba(21,26,39,.12);
      background: rgba(255,255,255,.65);
      border-radius: 12px;
      padding:10px 12px;
      color:var(--text);
      cursor:pointer;
      transition: transform .12s ease, box-shadow .2s ease, background .2s ease;
      align-items:center;
      gap:10px;
    }
    .nav-toggle:focus{outline:none; box-shadow: var(--focus)}
    .nav-toggle:hover{transform: translateY(-1px); box-shadow: 0 12px 30px rgba(16,24,40,.10)}
    .nav-toggle-icon{
      width:18px; height:12px; position:relative; display:inline-block;
      background: linear-gradient(var(--text), var(--text)) left 0 top 0/100% 2px no-repeat,
                  linear-gradient(var(--text), var(--text)) left 0 center/100% 2px no-repeat,
                  linear-gradient(var(--text), var(--text)) left 0 bottom 0/100% 2px no-repeat;
      border-radius:2px;
      opacity:.9;
    }
    .nav-toggle-text{font-size:13px; font-weight:700}
    .nav-menu{
      display:flex; align-items:center; gap:16px;
      flex-wrap:nowrap;
    }
    .nav-link{
      font-size:13px; color: rgba(31,36,48,.92);
      padding:10px 10px;
      border-radius: 12px;
      border:1px solid transparent;
      transition: background .2s ease, border-color .2s ease, transform .12s ease;
      white-space:nowrap;
    }
    .nav-link:hover{
      background: rgba(109,40,217,.06);
      border-color: rgba(109,40,217,.18);
      transform: translateY(-1px);
    }

    .nav-cta{
      display:flex; align-items:center; gap:10px;
      min-width: 140px; justify-content:flex-end;
    }
    .ai-page-home-link{
      display:inline-flex; align-items:center; justify-content:center;
      padding: 10px 14px;
      border-radius: 14px;
      font-weight:800;
      color:#0b1220;
      border:1px solid rgba(21,26,39,.12);
      background: rgba(255,255,255,.70);
      box-shadow: 0 10px 26px rgba(16,24,40,.06);
      transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease;
      white-space:nowrap;
    }
    .ai-page-home-link:hover{
      transform: translateY(-1px);
      box-shadow: 0 18px 44px rgba(16,24,40,.10);
      border-color: rgba(34,211,238,.25);
    }
    .ai-page-home-link:focus{outline:none; box-shadow: var(--focus)}

    .header-aurora{
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(34,211,238,.45), rgba(109,40,217,.45), transparent);
      opacity:.8;
    }

    .hero{
      position:relative;
      padding: 34px 0 10px;
    }
    .hero-edge{
      position:absolute; left:0; right:0; bottom:-8px; height: 120px;
      background: radial-gradient(600px 80px at 50% 0%, rgba(79,70,229,.22), transparent 60%),
                  radial-gradient(600px 80px at 10% 40%, rgba(34,211,238,.16), transparent 60%),
                  radial-gradient(600px 80px at 90% 40%, rgba(251,113,133,.12), transparent 60%);
      pointer-events:none;
      filter: blur(0.2px);
      opacity:.9;
    }
    .hero-grid{
      display:grid;
      grid-template-columns: 1.18fr .82fr;
      gap: 22px;
      align-items:start;
    }
    .badge-row{
      display:flex; flex-wrap:wrap; gap:10px;
      margin-bottom: 14px;
    }
    .badge{
      font-size:12px; font-weight:800;
      padding: 8px 10px;
      border-radius: 999px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.70);
      color: rgba(31,36,48,.95);
    }
    .badge.neon{
      border-color: rgba(34,211,238,.28);
      background: linear-gradient(180deg, rgba(34,211,238,.16), rgba(255,255,255,.72));
      box-shadow: 0 14px 40px rgba(34,211,238,.12);
      position:relative;
    }
    .badge.neon::after{
      content:"";
      position:absolute; inset:-1px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(34,211,238,.25), rgba(109,40,217,.22), rgba(251,113,133,.18));
      filter: blur(8px);
      opacity:.55;
      z-index:-1;
    }
    .badge.ghost{
      color: rgba(31,36,48,.86);
      background: rgba(255,255,255,.55);
    }

    .hero-title{
      font-size: clamp(28px, 4vw, 46px);
      line-height:1.06;
      letter-spacing:-.7px;
      margin: 6px 0 12px;
      font-weight: 900;
    }
    .hero-desc{
      color: var(--muted);
      font-size: 15.5px;
      line-height:1.7;
      margin:0 0 18px;
      max-width: 680px;
    }
    .hero-actions{
      display:flex; gap:12px; flex-wrap:wrap;
      margin-bottom: 18px;
    }
    .btn{
      display:inline-flex; align-items:center; justify-content:center;
      padding: 12px 16px;
      border-radius: 14px;
      font-weight: 800;
      border:1px solid rgba(21,26,39,.12);
      background: rgba(255,255,255,.65);
      color: rgba(31,36,48,.95);
      cursor:pointer;
      transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
      box-shadow: 0 10px 26px rgba(16,24,40,.06);
      white-space:nowrap;
      user-select:none;
    }
    .btn:hover{transform: translateY(-1px); box-shadow: 0 18px 44px rgba(16,24,40,.12); border-color: rgba(34,211,238,.25)}
    .btn:focus{outline:none; box-shadow: var(--focus)}
    .btn.primary{
      background: linear-gradient(135deg, rgba(109,40,217,.96), rgba(34,211,238,.75));
      border-color: rgba(109,40,217,.35);
      color: #fff;
      box-shadow: 0 18px 60px rgba(109,40,217,.22);
      position:relative;
      overflow:hidden;
    }
    .btn.primary::after{
      content:"";
      position:absolute; inset: -40%;
      background: radial-gradient(circle at 20% 20%, rgba(255,255,255,.55), transparent 45%);
      transform: translateX(-20%);
      opacity:.55;
      transition: transform .5s ease, opacity .5s ease;
    }
    .btn.primary:hover::after{transform: translateX(10%); opacity:.75}
    .btn.small{padding:10px 14px; border-radius: 12px; font-size:13px}
    .btn.ghost-btn{
      background: rgba(255,255,255,.55);
      color: rgba(31,36,48,.95);
      box-shadow: none;
      border-color: rgba(21,26,39,.12);
    }

    .hero-inline{
      display:flex; gap:14px;
      flex-wrap:wrap;
      margin-bottom: 16px;
    }
    .inline-item{
      flex: 1 1 220px;
      min-width: 200px;
      display:flex; gap:12px; align-items:flex-start;
      padding: 12px 12px;
      border-radius: 16px;
      border:1px solid rgba(21,26,39,.08);
      background: rgba(255,255,255,.58);
      box-shadow: 0 12px 34px rgba(16,24,40,.06);
    }
    .inline-icon{
      width:34px; height:34px; border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      border:1px solid rgba(21,26,39,.10);
      color: rgba(31,36,48,.92);
      background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.40));
    }
    .inline-title{font-weight:900; letter-spacing:.2px}
    .inline-sub{color: var(--muted); font-size:12.5px; margin-top:3px; line-height:1.35}

    .hero-mini{
      display:grid; grid-template-columns: 1fr 1fr; gap:12px;
      margin-top: 10px;
    }
    .mini-card{
      padding: 14px 14px;
      border-radius: var(--radius);
      border:1px solid rgba(21,26,39,.08);
      background: rgba(255,255,255,.55);
      box-shadow: 0 12px 34px rgba(16,24,40,.06);
    }
    .mini-label{font-size:12px; color: var(--muted); font-weight:800; margin-bottom:10px}
    .mini-tags{
      display:flex; flex-wrap:wrap; gap:8px;
    }
    .mini-tags span{
      font-size:12px;
      font-weight:800;
      padding: 7px 9px;
      border-radius: 999px;
      background: rgba(109,40,217,.08);
      border:1px solid rgba(109,40,217,.18);
      color: rgba(31,36,48,.92);
    }

    .hero-right{position:relative}
    .glass-panel{
      border-radius: var(--radius2);
      padding: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.52));
      box-shadow: var(--shadow2);
      position:relative;
      overflow:hidden;
    }
    .glass-panel::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(700px 200px at 20% 0%, rgba(34,211,238,.22), transparent 55%),
                  radial-gradient(520px 180px at 90% 20%, rgba(109,40,217,.22), transparent 50%),
                  radial-gradient(520px 180px at 50% 95%, rgba(251,113,133,.16), transparent 60%);
      opacity:.9;
      pointer-events:none;
    }
    .glass-panel > *{position:relative; z-index:1}
    .panel-top{
      display:flex; align-items:flex-start; justify-content:space-between; gap:14px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(21,26,39,.08);
      margin-bottom: 14px;
    }
    .panel-kicker{font-weight:900; color: rgba(31,36,48,.78); font-size:12px; letter-spacing:.2px}
    .panel-title{font-weight:1000; font-size:18px; margin-top:6px; letter-spacing:-.2px}
    .panel-metrics{display:flex; gap:12px}
    .metric{
      padding: 10px 12px;
      border-radius: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
    }
    .metric-num{font-weight:1000; font-size:18px}
    .metric-sub{color: var(--muted); font-size:12px; margin-top:2px; font-weight:800}

    .metrics-grid{
      display:grid; gap:10px;
      grid-template-columns: 1fr;
    }
    .metric-card{
      padding: 12px 12px;
      border-radius: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      display:flex; gap:10px; align-items:flex-start;
      transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .metric-card:hover{
      transform: translateY(-2px);
      box-shadow: 0 18px 52px rgba(16,24,40,.12);
      border-color: rgba(34,211,238,.22);
    }
    .metric-icon{
      width:34px; height:34px; border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      border:1px solid rgba(21,26,39,.10);
      background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.40));
      color: rgba(31,36,48,.92);
      flex: 0 0 auto;
    }
    .metric-card-title{font-weight:1000}
    .metric-card-desc{color:var(--muted); font-size:13px; margin-top:3px; line-height:1.45}

    .panel-bottom{
      display:flex; gap:10px; flex-wrap:wrap;
      margin-top: 14px;
      padding-top: 12px;
    }

    .side-strip{
      position:absolute; right:-18px; top: 24px;
      width: 56px; height: 220px;
      border-radius: 28px;
      border:1px dashed rgba(21,26,39,.12);
      background: rgba(255,255,255,.25);
      display:flex; flex-direction:column; align-items:center; justify-content:center;
      gap:14px;
      opacity:.75;
    }
    .strip-dot{
      width:12px; height:12px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(34,211,238,.65));
      box-shadow: 0 16px 40px rgba(34,211,238,.25);
      border:1px solid rgba(34,211,238,.25);
    }

    .section{
      padding: 56px 0;
    }
    .section.tight{padding: 24px 0 40px}
    .section.glow-section{
      background: radial-gradient(900px 420px at 20% 0%, rgba(109,40,217,.10), transparent 55%),
                  radial-gradient(900px 420px at 90% 20%, rgba(34,211,238,.10), transparent 55%);
      border-top:1px solid rgba(21,26,39,.04);
      border-bottom:1px solid rgba(21,26,39,.04);
    }

    .section-head{
      margin-bottom: 22px;
      display:flex; flex-direction:column; gap:10px;
      align-items:flex-start;
    }
    .section-head h2{
      margin:0;
      font-size: 28px;
      letter-spacing:-.4px;
      font-weight: 1000;
    }
    .section-sub{
      margin:0;
      color: var(--muted);
      font-size: 14.8px;
      line-height:1.7;
      max-width: 760px;
    }

    .about-grid{
      display:grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 14px;
      align-items:stretch;
    }
    .about-card{
      border-radius: var(--radius2);
      padding: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
      position:relative;
      overflow:hidden;
      min-height: 220px;
    }
    .about-card.alt{
      background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.50));
    }
    .about-card::after{
      content:"";
      position:absolute; inset:-1px;
      background: radial-gradient(520px 220px at 0% 0%, rgba(34,211,238,.12), transparent 55%),
                  radial-gradient(520px 220px at 100% 30%, rgba(109,40,217,.10), transparent 55%);
      opacity:.9;
      pointer-events:none;
    }
    .about-card > *{position:relative; z-index:1}
    .about-card:hover{transform: translateY(-3px); box-shadow: 0 22px 70px rgba(16,24,40,.14); border-color: rgba(34,211,238,.22)}
    .about-title{font-weight:1000; font-size:16px; margin-bottom:8px}
    .about-desc{color: var(--muted); line-height:1.65; font-size: 14px; margin-bottom: 12px}
    .chips{display:flex; flex-wrap:wrap; gap:8px}
    .chips span{
      font-size:12px; font-weight:900;
      padding: 7px 9px;
      border-radius: 999px;
      background: rgba(34,211,238,.08);
      border:1px solid rgba(34,211,238,.18);
    }
    .about-list{list-style:none; padding:0; margin: 12px 0 0; display:flex; flex-direction:column; gap:10px}
    .about-list li{display:flex; gap:10px; align-items:flex-start; color: rgba(31,36,48,.92); font-weight:800; font-size: 13.5px; line-height:1.5}
    .li-bullet{
      width:10px; height:10px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(109,40,217,.55));
      border:1px solid rgba(109,40,217,.25);
      margin-top: 5px;
      flex:0 0 auto;
    }
    .compare-mini{margin-top: 6px; display:flex; flex-direction:column; gap:10px}
    .compare-mini-row{display:flex; gap:10px; align-items:flex-start}
    .compare-mini-k{
      font-weight:1000; font-size:12px; color: rgba(31,36,48,.75);
      min-width: 84px;
      padding:6px 10px;
      border-radius: 999px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
    }
    .compare-mini-v{color: var(--muted); font-weight:800; font-size: 13px; line-height:1.4}

    .service-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }
    .service-card{
      border-radius: var(--radius2);
      padding: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
      position:relative;
      overflow:hidden;
      min-height: 204px;
    }
    .service-card.alt{
      background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.50));
    }
    .service-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(520px 220px at 10% 0%, rgba(34,211,238,.12), transparent 55%),
                  radial-gradient(520px 220px at 90% 20%, rgba(109,40,217,.12), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .service-card > *{position:relative; z-index:1}
    .service-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 24px 72px rgba(16,24,40,.14);
      border-color: rgba(34,211,238,.25);
    }
    .service-top{display:flex; gap:12px; align-items:flex-start; margin-bottom: 10px}
    .service-icon{
      width:40px; height:40px; border-radius: 16px;
      border:1px solid rgba(21,26,39,.12);
      background: rgba(255,255,255,.62);
      display:flex; align-items:center; justify-content:center;
      color: rgba(31,36,48,.92);
      flex: 0 0 auto;
    }
    .service-title{font-weight:1000; font-size:16px; letter-spacing:-.2px}
    .service-sub{color: var(--muted); font-weight:800; font-size: 13px; margin-top:4px}
    .service-body{color: var(--muted); line-height:1.7; font-size: 14.2px; margin-bottom: 12px}
    .service-tags{display:flex; flex-wrap:wrap; gap:8px}
    .tag{
      font-size:12px; font-weight:900;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(109,40,217,.08);
      border:1px solid rgba(109,40,217,.16);
      color: rgba(31,36,48,.92);
    }

    .divider-row{
      display:flex; align-items:center; gap:14px;
      margin: 22px 0 10px;
    }
    .divider-line{height:1px; background: rgba(21,26,39,.08); flex:1}
    .divider-glow{
      width: 240px; height: 12px;
      background: linear-gradient(90deg, rgba(34,211,238,.0), rgba(34,211,238,.34), rgba(109,40,217,.26), rgba(251,113,133,.0));
      border-radius: 999px;
      filter: blur(.2px);
      opacity:.85;
    }

    .platform-strip{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.50));
      box-shadow: var(--shadow);
      padding: 16px;
      display:flex; align-items:center; justify-content:space-between; gap:14px;
    }
    .platform-strip-left{display:flex; flex-direction:column; gap:6px}
    .platform-kicker{color: var(--muted); font-weight:900; font-size:12.5px}
    .platform-title{font-weight:1000; letter-spacing:-.2px; font-size:16px}
    .platform-strip-right{display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end}
    .mini-stat{
      padding: 12px 12px;
      border-radius: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      min-width: 150px;
    }
    .mini-stat-num{font-weight:1100; font-size:16px}
    .mini-stat-sub{color: var(--muted); font-size:12.5px; font-weight:900; margin-top:4px}

    .steps-grid{
      display:grid; grid-template-columns: repeat(5, 1fr);
      gap: 12px;
    }
    .step{
      border-radius: var(--radius2);
      padding: 14px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 10px 30px rgba(16,24,40,.06);
      min-height: 170px;
      transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
      position:relative;
      overflow:hidden;
    }
    .step::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(420px 170px at 20% 0%, rgba(34,211,238,.10), transparent 55%),
                  radial-gradient(420px 170px at 90% 20%, rgba(109,40,217,.10), transparent 55%);
      opacity:.85; pointer-events:none;
    }
    .step > *{position:relative; z-index:1}
    .step:hover{transform: translateY(-3px); box-shadow: 0 22px 66px rgba(16,24,40,.12); border-color: rgba(34,211,238,.22)}
    .step-num{
      font-weight:1000;
      font-size: 13px;
      letter-spacing:.3px;
      padding: 7px 10px;
      border-radius: 999px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      display:inline-block;
    }
    .step-title{font-weight:1100; margin-top: 10px; letter-spacing:-.2px}
    .step-desc{color: var(--muted); line-height:1.65; font-size: 13.6px; margin-top: 6px}

    .two-col{
      display:grid; grid-template-columns: 1.1fr .9fr; gap: 14px; align-items:stretch;
      margin-top: 14px;
    }
    .callout{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      overflow:hidden;
      position:relative;
    }
    .callout::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(620px 240px at 0% 0%, rgba(109,40,217,.10), transparent 55%),
                  radial-gradient(620px 240px at 100% 30%, rgba(34,211,238,.10), transparent 55%);
      opacity:.95; pointer-events:none;
    }
    .callout > *{position:relative; z-index:1}
    .callout-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom: 10px}
    .callout-title{font-weight:1100; font-size:16px}
    .callout-badge{
      font-weight:1000; font-size:12px;
      padding: 7px 10px;
      border-radius: 999px;
      border:1px solid rgba(109,40,217,.18);
      background: rgba(109,40,217,.08);
      color: rgba(31,36,48,.92);
      white-space:nowrap;
    }
    .callout-list{list-style:none; padding:0; margin: 0; display:flex; flex-direction:column; gap:10px}
    .check{
      width:18px; height:18px; border-radius: 6px;
      border:1px solid rgba(34,211,238,.22);
      background: linear-gradient(180deg, rgba(34,211,238,.18), rgba(255,255,255,.72));
      display:inline-block; vertical-align:middle;
      position:relative;
      flex:0 0 auto;
      margin-top: 2px;
    }
    .check::after{
      content:"";
      position:absolute; left:4px; top:4px;
      width:8px; height:5px;
      border-left:2px solid rgba(34,211,238,.95);
      border-bottom:2px solid rgba(34,211,238,.95);
      transform: rotate(-45deg);
      opacity:.9;
    }
    .callout-list li{
      display:flex; gap:10px; align-items:flex-start;
      color: rgba(31,36,48,.92);
      font-weight:900; line-height:1.5; font-size: 13.8px;
    }

    .capsule{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.50));
      box-shadow: var(--shadow);
      padding: 16px;
    }
    .capsule-title{font-weight:1100; font-size:16px}
    .capsule-desc{color: var(--muted); line-height:1.7; font-size: 14.2px; margin-top: 8px}
    .capsule-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top: 14px}
    .capsule-foot{display:flex; flex-direction:column; gap:10px; margin-top: 14px}
    .capsule-foot-item{display:flex; gap:10px; align-items:center; color: rgba(31,36,48,.9); font-weight:900; font-size: 13.2px}
    .dot{
      width:10px; height:10px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(109,40,217,.55));
      border:1px solid rgba(109,40,217,.25);
    }

    .solution-grid{
      display:grid; grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      align-items:stretch;
    }
    .solution-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
      position:relative;
      overflow:hidden;
      min-height: 220px;
    }
    .solution-card.alt{
      background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.50));
    }
    .solution-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(520px 220px at 10% 0%, rgba(34,211,238,.10), transparent 55%),
                  radial-gradient(520px 220px at 90% 20%, rgba(109,40,217,.10), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .solution-card > *{position:relative; z-index:1}
    .solution-card:hover{transform: translateY(-3px); box-shadow: 0 22px 70px rgba(16,24,40,.14); border-color: rgba(34,211,238,.22)}
    .solution-top{display:flex; align-items:center; justify-content:flex-start; gap:12px; margin-bottom: 10px}
    .solution-icon{
      width:42px; height:42px; border-radius: 16px;
      border:1px solid rgba(21,26,39,.12);
      background: rgba(255,255,255,.62);
      display:flex; align-items:center; justify-content:center;
      flex:0 0 auto;
      color: rgba(31,36,48,.92);
    }
    .solution-title{font-weight:1100; font-size:16px}
    .solution-desc{color: var(--muted); line-height:1.7; font-size: 14.2px}
    .solution-list{margin-top: 12px; display:flex; flex-direction:column; gap:10px}
    .sl-item{display:flex; gap:10px; align-items:center; color: rgba(31,36,48,.92); font-weight:900; font-size: 13.5px}
    .sl-dot{
      width:10px; height:10px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(34,211,238,.65));
      border:1px solid rgba(34,211,238,.25);
      box-shadow: 0 16px 40px rgba(34,211,238,.10);
    }

    .network-grid{
      display:grid; grid-template-columns: 1.05fr .95fr; gap: 14px; align-items:stretch;
    }
    .network-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative; overflow:hidden;
    }
    .network-card.alt{
      background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.50));
    }
    .network-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(620px 240px at 0% 0%, rgba(34,211,238,.10), transparent 55%),
                  radial-gradient(620px 240px at 100% 30%, rgba(109,40,217,.10), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .network-card > *{position:relative; z-index:1}
    .network-title{font-weight:1100; font-size:16px; margin-bottom: 12px}
    .timeline{display:flex; flex-direction:column; gap:14px}
    .t-item{display:flex; gap:12px; align-items:flex-start}
    .t-dot{
      width:16px; height:16px; border-radius: 6px;
      border:1px solid rgba(34,211,238,.22);
      background: linear-gradient(180deg, rgba(34,211,238,.18), rgba(255,255,255,.72));
      margin-top: 3px;
      position:relative;
      flex:0 0 auto;
    }
    .t-dot::after{
      content:"";
      position:absolute; left:5px; top:5px;
      width:6px; height:6px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(109,40,217,.65));
      opacity:.9;
    }
    .t-time{font-weight:1100}
    .t-desc{color: var(--muted); line-height:1.6; margin-top: 4px; font-weight:800; font-size: 13.5px}

    .cap-grid{
      display:grid; grid-template-columns: 1fr 1fr; gap: 12px;
    }
    .cap{
      border-radius: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      padding: 12px;
      transition: transform .18s ease, border-color .2s ease;
    }
    .cap:hover{transform: translateY(-2px); border-color: rgba(34,211,238,.22)}
    .cap-icon{
      width:36px; height:36px; border-radius: 14px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      display:flex; align-items:center; justify-content:center;
      margin-bottom: 10px;
      color: rgba(31,36,48,.92);
    }
    .cap-title{font-weight:1100}
    .cap-desc{color: var(--muted); font-size:13.5px; line-height:1.6; margin-top:4px; font-weight:800}

    .network-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top: 14px}

    .process-table-wrap{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
    }
    .table-toolbar{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom: 12px}
    .table-title{font-weight:1100}
    .table-hint{color: var(--muted); font-weight:900; font-size:12.5px}
    .table-scroll{overflow:auto; border-radius: 14px; border:1px solid rgba(21,26,39,.08)}
    table{border-collapse:collapse; width:100%; min-width: 820px; background: rgba(255,255,255,.35)}
    th,td{
      padding: 12px 12px;
      border-bottom:1px solid rgba(21,26,39,.08);
      text-align:left;
      vertical-align:top;
      font-size: 13.8px;
    }
    th{
      background: linear-gradient(180deg, rgba(109,40,217,.12), rgba(255,255,255,.55));
      font-weight:1100;
      color: rgba(31,36,48,.95);
    }
    td{color: rgba(31,36,48,.90); font-weight:800}
    .note-row{margin-top: 14px}
    .note-pill{
      display:flex; align-items:center; gap:10px;
      border-radius: 999px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 12px 34px rgba(16,24,40,.06);
      padding: 12px 14px;
      color: rgba(31,36,48,.92);
      font-weight:900;
      font-size: 13.5px;
    }
    .note-icon{
      width:14px; height:14px; border-radius: 6px;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(34,211,238,.65));
      border:1px solid rgba(34,211,238,.22);
      box-shadow: 0 18px 52px rgba(34,211,238,.10);
      flex:0 0 auto;
    }

    .cases-grid{
      display:grid; grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      align-items:stretch;
    }
    .case-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
      position:relative; overflow:hidden;
      min-height: 220px;
      cursor: pointer;
    }
    .case-card:focus{outline:none; box-shadow: var(--focus)}
    .case-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(520px 220px at 10% 0%, rgba(109,40,217,.12), transparent 55%),
                  radial-gradient(520px 220px at 90% 20%, rgba(34,211,238,.10), transparent 55%);
      opacity:.85; pointer-events:none;
    }
    .case-card > *{position:relative; z-index:1}
    .case-card:hover{transform: translateY(-3px); box-shadow: 0 24px 70px rgba(16,24,40,.14); border-color: rgba(34,211,238,.22)}
    .case-top{display:flex; flex-direction:column; gap:8px; margin-bottom: 10px}
    .case-badge{
      align-self:flex-start;
      font-size:12px; font-weight:1000;
      padding: 7px 10px;
      border-radius: 999px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      color: rgba(31,36,48,.92);
    }
    .case-title{font-weight:1100; letter-spacing:-.2px}
    .case-desc{color: var(--muted); line-height:1.7; font-size: 14.2px; margin-bottom: 12px}
    .case-meta{display:flex; flex-wrap:wrap; gap:8px; margin-bottom: 14px}
    .meta-chip{
      font-size:12px; font-weight:900;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(34,211,238,.08);
      border:1px solid rgba(34,211,238,.18);
    }
    .link-btn{
      display:inline-flex; align-items:center; gap:8px;
      font-weight:1100;
      padding: 10px 12px;
      border-radius: 14px;
      border:1px solid rgba(21,26,39,.12);
      background: rgba(255,255,255,.55);
      box-shadow: 0 12px 34px rgba(16,24,40,.06);
      transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .link-btn:hover{transform: translateY(-1px); border-color: rgba(34,211,238,.22); box-shadow: 0 18px 52px rgba(16,24,40,.12)}
    .link-btn::after{
      content:"";
      width:8px; height:8px;
      border-right:2px solid rgba(31,36,48,.86);
      border-bottom:2px solid rgba(31,36,48,.86);
      transform: rotate(-45deg);
      margin-left: 2px;
    }

    .review-grid{
      display:grid; grid-template-columns: .92fr 1.08fr; gap: 14px; align-items:stretch;
    }
    .rating-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative; overflow:hidden;
      min-height: 320px;
    }
    .rating-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(720px 280px at 0% 0%, rgba(34,211,238,.14), transparent 60%),
                  radial-gradient(620px 260px at 100% 20%, rgba(109,40,217,.14), transparent 55%),
                  radial-gradient(620px 260px at 50% 100%, rgba(251,113,133,.10), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .rating-card > *{position:relative; z-index:1}
    .rating-top{display:flex; align-items:flex-start; justify-content:space-between; gap:12px}
    .rating-stars{display:flex; gap:6px; margin-top: 2px}
    .star{
      width: 18px; height: 18px; display:inline-block;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(245,158,11,.75));
      border: 1px solid rgba(245,158,11,.35);
      clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
      box-shadow: 0 18px 54px rgba(245,158,11,.18);
    }
    .rating-score{
      text-align:right;
      padding: 10px 12px;
      border-radius: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
    }
    .score-num{font-weight:1200; font-size: 28px; letter-spacing:-.5px}
    .score-sub{color: var(--muted); font-weight:900; margin-top:2px; font-size: 13px}
    .rating-desc{margin-top: 12px; color: var(--muted); line-height:1.75; font-weight:800}
    .rating-actions{margin-top: 18px; display:flex; gap:12px; flex-wrap:wrap}

    .table-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative; overflow:hidden;
    }
    .table-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(720px 280px at 0% 0%, rgba(109,40,217,.10), transparent 60%),
                  radial-gradient(620px 260px at 100% 20%, rgba(34,211,238,.10), transparent 55%);
      opacity:.85; pointer-events:none;
    }
    .table-card > *{position:relative; z-index:1}
    .table-card-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom: 12px}
    .table-card-title{font-weight:1200; font-size: 16px}
    .table-card-note{color: var(--muted); font-weight:900; font-size: 12.5px}
    .compare-table th, .compare-table td{min-width: 160px}
    .compare-table{min-width: 920px}
    .good{font-weight:1200; color: rgba(16,185,129,.95)}
    .mid{font-weight:1200; color: rgba(245,158,11,.95)}
    .table-card-foot{
      display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
      margin-top: 14px;
      padding-top: 12px;
      border-top:1px solid rgba(21,26,39,.08);
    }
    .table-card-foot-left{
      display:flex; align-items:center; gap:10px;
      color: var(--muted); font-weight:900; line-height:1.5; font-size: 13.5px;
    }
    .foot-dot{
      width:10px; height:10px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(34,211,238,.65));
      border:1px solid rgba(34,211,238,.22);
      box-shadow: 0 18px 52px rgba(34,211,238,.10);
    }

    .match-grid{
      display:grid; grid-template-columns: 1.1fr .9fr; gap: 14px; align-items:start;
    }
    .match-form-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative;
      overflow:hidden;
    }
    .match-form-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(820px 320px at 0% 0%, rgba(34,211,238,.12), transparent 60%),
                  radial-gradient(620px 260px at 100% 20%, rgba(109,40,217,.12), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .match-form-card > *{position:relative; z-index:1}
    .form-head{margin-bottom: 12px}
    .form-title{font-weight:1200; font-size: 16px}
    .form-desc{color: var(--muted); font-weight:900; line-height:1.7; margin-top: 6px; font-size: 13.8px}
    .form{display:flex; flex-direction:column; gap:12px}
    .form-row{display:grid; grid-template-columns: 1fr 1fr; gap: 12px}
    .field{display:flex; flex-direction:column; gap:8px}
    .field-label{
      font-size: 12.5px; color: rgba(31,36,48,.78); font-weight: 1000;
      letter-spacing:.2px;
    }
    input, select, textarea{
      width:100%;
      padding: 12px 12px;
      border-radius: 14px;
      border:1px solid rgba(21,26,39,.12);
      background: rgba(255,255,255,.70);
      color: var(--text);
      font-weight: 800;
      outline:none;
      transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
      font-size: 14px;
    }
    textarea{resize: vertical; min-height: 120px}
    input:focus, select:focus, textarea:focus{
      box-shadow: var(--focus);
      border-color: rgba(34,211,238,.35);
      background: rgba(255,255,255,.85);
    }
    .form-foot{
      display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
      margin-top: 6px;
      padding-top: 12px;
      border-top:1px solid rgba(21,26,39,.08);
    }
    .form-privacy{color: var(--muted); font-weight:900; font-size: 12.5px}
    .form-status{margin-top: 8px; color: rgba(31,36,48,.92); font-weight: 950}
    .form-status.error{color: #b45309}

    .match-side{
      display:flex; flex-direction:column; gap: 14px;
    }
    .side-block{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative; overflow:hidden;
    }
    .side-block.neon-block{
      background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.50));
    }
    .side-block::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(720px 280px at 0% 0%, rgba(109,40,217,.10), transparent 60%),
                  radial-gradient(620px 260px at 100% 20%, rgba(34,211,238,.10), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .side-block > *{position:relative; z-index:1}
    .side-title{font-weight:1200; font-size: 16px; margin-bottom: 10px}
    .side-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px}
    .side-list li{display:flex; gap:10px; align-items:flex-start; color: rgba(31,36,48,.92); font-weight:900; font-size: 13.6px; line-height:1.5}

    .tag-cloud{display:flex; flex-wrap:wrap; gap:10px; margin-bottom: 12px}
    .cloud-tag{
      font-size:12px; font-weight:1000;
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(34,211,238,.08);
      border:1px solid rgba(34,211,238,.20);
      color: rgba(31,36,48,.92);
      box-shadow: 0 18px 52px rgba(34,211,238,.06);
    }

    .token-grid{
      display:grid; grid-template-columns: 1.05fr .95fr; gap: 14px; align-items:stretch;
    }
    .token-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative; overflow:hidden;
      min-height: 360px;
    }
    .token-card.alt{
      background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.50));
      min-height: 360px;
    }
    .token-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(820px 320px at 0% 0%, rgba(34,211,238,.12), transparent 60%),
                  radial-gradient(620px 260px at 100% 20%, rgba(109,40,217,.12), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .token-card > *{position:relative; z-index:1}
    .token-title{font-weight:1200; font-size:16px}
    .token-desc{color: var(--muted); font-weight:900; line-height:1.7; margin-top: 8px; font-size: 13.8px; margin-bottom: 12px}
    .token-segments{
      display:flex; flex-wrap:wrap; gap:10px;
      margin-bottom: 14px;
    }
    .seg{
      border-radius: 999px;
      border:1px solid rgba(21,26,39,.12);
      background: rgba(255,255,255,.60);
      padding: 10px 12px;
      cursor:pointer;
      font-weight: 1000;
      font-size: 13px;
      transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
      user-select:none;
    }
    .seg:hover{transform: translateY(-1px); border-color: rgba(34,211,238,.25); box-shadow: 0 16px 44px rgba(16,24,40,.10)}
    .seg:focus{outline:none; box-shadow: var(--focus)}
    .seg.active{
      background: linear-gradient(135deg, rgba(109,40,217,.92), rgba(34,211,238,.72));
      border-color: rgba(109,40,217,.35);
      color:#fff;
      box-shadow: 0 20px 70px rgba(109,40,217,.18);
    }
    .token-mini-metrics{
      display:flex; flex-direction:column; gap:12px;
      margin-bottom: 16px;
    }
    .mini-metric{
      border-radius: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      padding: 12px 12px;
    }
    .mini-metric-k{color: rgba(31,36,48,.78); font-weight:1100; font-size: 12.5px}
    .mini-metric-v{margin-top: 6px; font-weight:1000; color: rgba(31,36,48,.92); line-height:1.5; font-size: 13.6px}
    .token-actions{display:flex; gap:12px; flex-wrap:wrap}
    .ref-table{min-width: 860px}
    .token-card-foot{margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(21,26,39,.08)}
    .foot-note{display:flex; align-items:center; gap:10px; color: var(--muted); font-weight:900; line-height:1.5; font-size: 13.3px}

    .training-grid{
      display:grid; grid-template-columns: 1.05fr .95fr; gap: 14px; align-items:stretch;
    }
    .training-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative; overflow:hidden;
      min-height: 360px;
    }
    .training-card.alt{
      background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.50));
    }
    .training-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(820px 320px at 0% 0%, rgba(109,40,217,.12), transparent 60%),
                  radial-gradient(620px 260px at 100% 20%, rgba(34,211,238,.12), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .training-card > *{position:relative; z-index:1}
    .training-title{font-weight:1200; font-size:16px}
    .training-desc{color: var(--muted); font-weight:900; line-height:1.7; margin-top: 8px; font-size: 13.8px; margin-bottom: 14px}
    .course-list{display:flex; flex-direction:column; gap:10px; margin-bottom: 14px}
    .course{display:flex; align-items:center; gap:10px; padding: 10px 12px; border-radius: 16px; border:1px solid rgba(21,26,39,.10); background: rgba(255,255,255,.55)}
    .course-dot{
      width:12px; height:12px; border-radius: 6px;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(109,40,217,.60));
      border:1px solid rgba(109,40,217,.25);
      box-shadow: 0 18px 52px rgba(109,40,217,.10);
    }
    .course span{font-weight:1000}
    .training-actions{display:flex; gap:12px; flex-wrap:wrap}
    .segmented{display:flex; flex-direction:column; gap:12px}
    .segmented-item{
      padding: 12px;
      border-radius: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      display:flex; align-items:flex-start; gap:12px;
    }
    .segmented-num{
      font-weight:1200;
      padding: 8px 10px;
      border-radius: 999px;
      border:1px solid rgba(21,26,39,.12);
      background: rgba(255,255,255,.65);
      flex:0 0 auto;
    }
    .segmented-desc{color: var(--muted); font-weight:900; line-height:1.6; font-size: 13.8px}
    .training-quote{
      margin-top: 14px;
      padding: 14px;
      border-radius: 18px;
      border:1px solid rgba(34,211,238,.20);
      background: linear-gradient(180deg, rgba(34,211,238,.10), rgba(255,255,255,.50));
      display:flex; gap:12px; align-items:flex-start;
    }
    .quote-mark{
      width:34px; height:34px; border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      font-weight:1200; color: rgba(34,211,238,.95);
      background: rgba(34,211,238,.12);
      border:1px solid rgba(34,211,238,.22);
      flex:0 0 auto;
    }
    .quote-text{color: rgba(31,36,48,.92); font-weight:950; line-height:1.65}

    .faq-wrap{
      display:grid; grid-template-columns: 1fr 1fr; gap: 14px;
    }
    .faq-col{display:flex; flex-direction:column; gap: 12px}
    .faq-item{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 12px 34px rgba(16,24,40,.06);
      overflow:hidden;
      transition: transform .18s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .faq-q{
      width:100%;
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      padding: 14px 14px;
      border:none;
      background: transparent;
      cursor:pointer;
      font-weight:1200;
      color: rgba(31,36,48,.95);
      text-align:left;
    }
    .faq-q:focus{outline:none; box-shadow: var(--focus)}
    .faq-a{
      max-height: 0;
      overflow:hidden;
      transition: max-height .28s ease;
      background: rgba(255,255,255,.55);
      border-top:1px solid rgba(21,26,39,.08);
    }
    .faq-a-inner{
      padding: 12px 14px 14px;
      color: var(--muted);
      line-height:1.7;
      font-weight:900;
      font-size: 13.8px;
    }
    .faq-item.open{
      border-color: rgba(34,211,238,.22);
      box-shadow: 0 22px 70px rgba(16,24,40,.12);
      transform: translateY(-2px);
    }
    .faq-item.open .faq-a{max-height: 320px}
    .faq-q-icon{
      width:36px; height:36px; border-radius: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      position:relative; flex:0 0 auto;
    }
    .faq-q-icon::before, .faq-q-icon::after{
      content:"";
      position:absolute; left:50%; top:50%;
      width: 12px; height:2px;
      background: rgba(31,36,48,.85);
      transform: translate(-50%,-50%);
      border-radius: 2px;
      transition: transform .2s ease;
    }
    .faq-q-icon::after{
      width:2px; height: 12px;
    }
    .faq-item.open .faq-q-icon::after{
      transform: translate(-50%,-50%) rotate(90deg);
      opacity:.0;
    }

    .faq-bottom{
      margin-top: 14px;
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
    }
    .faq-bottom-title{font-weight:1200; font-size:16px}
    .faq-bottom-desc{color: var(--muted); font-weight:900; line-height:1.7; margin-top: 6px; font-size: 13.8px}
    .faq-bottom-actions{display:flex; gap:12px; flex-wrap:wrap}

    .wiki-grid{
      display:grid; grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .wiki-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative; overflow:hidden;
      min-height: 240px;
    }
    .wiki-card.alt{background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.50))}
    .wiki-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(720px 280px at 0% 0%, rgba(34,211,238,.10), transparent 60%),
                  radial-gradient(620px 260px at 100% 20%, rgba(109,40,217,.10), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .wiki-card > *{position:relative; z-index:1}
    .wiki-title{font-weight:1200; font-size:16px}
    .wiki-desc{color: var(--muted); font-weight:900; line-height:1.7; margin-top: 8px; font-size: 13.8px}
    .wiki-list{margin-top: 14px; display:flex; flex-direction:column; gap:10px}
    .w-item{display:flex; gap:10px; align-items:center; font-weight:1000; color: rgba(31,36,48,.92); font-size: 13.8px}
    .w-dot{
      width:10px; height:10px; border-radius: 6px;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(34,211,238,.65));
      border:1px solid rgba(34,211,238,.22);
      box-shadow: 0 18px 52px rgba(34,211,238,.10);
    }
    .wiki-steps{margin-top: 14px; display:flex; flex-direction:column; gap:12px}
    .w-step{display:flex; gap:12px; align-items:flex-start; font-weight:1000; color: rgba(31,36,48,.92)}
    .w-num{
      width:26px; height:26px; border-radius: 12px;
      background: rgba(109,40,217,.10);
      border:1px solid rgba(109,40,217,.20);
      display:flex; align-items:center; justify-content:center;
      font-weight:1200; color: rgba(109,40,217,.95);
      flex:0 0 auto;
    }
    .wiki-bullets{margin-top: 14px; display:flex; flex-direction:column; gap:10px}
    .wb{display:flex; gap:10px; align-items:center; font-weight:1000; color: rgba(31,36,48,.92)}

    .news-grid{
      display:grid; grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      align-items:stretch;
    }
    .articles-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative; overflow:hidden;
    }
    .articles-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(820px 320px at 0% 0%, rgba(109,40,217,.10), transparent 60%),
                  radial-gradient(620px 260px at 100% 20%, rgba(34,211,238,.10), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .articles-card > *{position:relative; z-index:1}
    .articles-head{display:flex; flex-direction:column; gap:6px; margin-bottom: 12px}
    .articles-title{font-weight:1200; font-size:16px}
    .articles-sub{color: var(--muted); font-weight:900; font-size: 13.8px}
    .article-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px}
    .article-link{
      display:flex; align-items:flex-start; gap:10px;
      padding: 12px 12px;
      border-radius: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      transition: transform .12s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .article-link:hover{
      transform: translateY(-2px);
      border-color: rgba(34,211,238,.22);
      box-shadow: 0 18px 52px rgba(16,24,40,.12);
    }
    .article-link:focus{outline:none; box-shadow: var(--focus)}
    .article-dot{
      width:10px; height:10px; border-radius: 6px;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(251,113,133,.70));
      border:1px solid rgba(251,113,133,.25);
      margin-top: 5px;
      flex:0 0 auto;
    }
    .article-text{font-weight:1100; color: rgba(31,36,48,.92); line-height:1.5; font-size: 13.8px}
    .articles-foot{display:flex; gap:12px; flex-wrap:wrap; margin-top: 14px; padding-top: 12px; border-top:1px solid rgba(21,26,39,.08)}

    .help-center-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.50));
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative; overflow:hidden;
    }
    .help-center-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(820px 320px at 0% 0%, rgba(34,211,238,.10), transparent 60%),
                  radial-gradient(620px 260px at 100% 20%, rgba(109,40,217,.10), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .help-center-card > *{position:relative; z-index:1}
    .help-head{margin-bottom: 12px}
    .help-title{font-weight:1200; font-size:16px}
    .help-desc{color: var(--muted); font-weight:900; line-height:1.7; margin-top: 8px; font-size: 13.8px}
    .help-links{display:flex; flex-direction:column; gap:10px; margin-top: 10px}
    .help-link{
      display:block;
      padding: 12px 12px;
      border-radius: 16px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      font-weight:1100;
      color: rgba(31,36,48,.92);
      transition: transform .12s ease, border-color .2s ease, box-shadow .2s ease;
      font-size: 13.8px;
      line-height:1.5;
    }
    .help-link:hover{transform: translateY(-2px); border-color: rgba(34,211,238,.22); box-shadow: 0 18px 52px rgba(16,24,40,.12)}
    .help-advice{
      margin-top: 14px;
      padding-top: 12px;
      border-top:1px solid rgba(21,26,39,.08);
    }
    .help-advice-title{font-weight:1200}
    .help-advice-desc{color: var(--muted); font-weight:900; line-height:1.7; margin-top: 8px; font-size: 13.8px}
    .help-advice-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top: 12px}

    .contact-grid{
      display:grid; grid-template-columns: 1.05fr .95fr;
      gap: 14px; align-items:stretch;
    }
    .contact-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative; overflow:hidden;
      min-height: 320px;
    }
    .contact-card.alt{
      background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.50));
    }
    .contact-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(820px 320px at 0% 0%, rgba(109,40,217,.10), transparent 60%),
                  radial-gradient(620px 260px at 100% 20%, rgba(34,211,238,.10), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .contact-card > *{position:relative; z-index:1}
    .contact-title{font-weight:1200; font-size:16px; margin-bottom: 10px}
    .contact-desc{color: var(--muted); font-weight:900; line-height:1.7; margin-top: 8px; font-size: 13.8px}
    .contact-items{display:flex; flex-direction:column; gap:12px; margin-top: 12px}
    .contact-item{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding: 10px 12px; border-radius: 16px; border:1px solid rgba(21,26,39,.10); background: rgba(255,255,255,.55)}
    .ci-k{color: rgba(31,36,48,.75); font-weight:1000; font-size: 13px}
    .ci-v{font-weight:1100; color: rgba(31,36,48,.92); text-align:right}
    .text-link{
      color: rgba(31,36,48,.92);
      font-weight:1100;
      text-decoration: underline;
      text-decoration-color: rgba(34,211,238,.35);
      text-underline-offset: 3px;
    }
    .contact-cta{display:flex; gap:12px; flex-wrap:wrap; margin-top: 14px}
    .qrcode-wrap{
      display:flex; gap:14px; align-items:center;
      margin-top: 14px;
    }
    .qrcode-img{
      width: 110px; height:110px; border-radius: 18px;
      border:1px solid rgba(21,26,39,.10);
      box-shadow: 0 22px 66px rgba(16,24,40,.12);
      background: rgba(255,255,255,.65);
      object-fit: cover;
    }
    .qrcode-meta{display:flex; flex-direction:column; gap:6px}
    .qrcode-title{font-weight:1200}
    .qrcode-sub{color: var(--muted); font-weight:900; line-height:1.6; font-size: 13.5px}
    .contact-sources{display:flex; flex-wrap:wrap; gap:10px; margin-top: 14px}
    .source-pill{
      display:flex; align-items:center; gap:10px;
      padding: 9px 12px;
      border-radius: 999px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      font-weight:1100;
      font-size: 13px;
      color: rgba(31,36,48,.92);
    }
    .source-dot{
      width:10px; height:10px; border-radius: 6px;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(34,211,238,.65));
      border:1px solid rgba(34,211,238,.22);
      box-shadow: 0 18px 52px rgba(34,211,238,.10);
    }

    .agent-grid{
      display:grid; grid-template-columns: 1.05fr .95fr; gap: 14px; align-items:stretch;
    }
    .agent-card{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: var(--shadow);
      padding: 16px;
      position:relative; overflow:hidden;
      min-height: 340px;
    }
    .agent-card.alt{
      background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.50));
    }
    .agent-card::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(820px 320px at 0% 0%, rgba(34,211,238,.10), transparent 60%),
                  radial-gradient(620px 260px at 100% 20%, rgba(109,40,217,.10), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .agent-card > *{position:relative; z-index:1}
    .agent-title{font-weight:1200; font-size:16px; margin-bottom: 10px}
    .agent-desc{color: var(--muted); font-weight:900; line-height:1.7; margin-top: 8px; font-size: 13.8px}
    .agent-list{margin-top: 14px; display:flex; flex-direction:column; gap:12px}
    .agent-li{display:flex; gap:10px; align-items:flex-start; font-weight:1100; color: rgba(31,36,48,.92); line-height:1.55}
    .agent-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top: 14px}
    .agent-benefits{display:flex; flex-direction:column; gap:12px; margin-top: 14px}
    .benefit{
      display:flex; gap:12px; align-items:flex-start;
      padding: 12px;
      border-radius: 18px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
    }
    .benefit-num{
      width:34px; height:34px; border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      font-weight:1200;
      color: rgba(109,40,217,.98);
      background: rgba(109,40,217,.10);
      border:1px solid rgba(109,40,217,.20);
      flex:0 0 auto;
    }
    .benefit-title{font-weight:1200}
    .benefit-desc{color: var(--muted); font-weight:900; line-height:1.6; margin-top: 6px; font-size: 13.5px}
    .agent-note{
      margin-top: 14px;
      padding: 12px 14px;
      border-radius: 18px;
      border:1px solid rgba(245,158,11,.25);
      background: rgba(245,158,11,.08);
      display:flex; gap:10px; align-items:center;
      color: rgba(120,74,0,.96);
      font-weight:950;
      line-height:1.55;
    }
    .agent-note-icon{
      width:14px; height:14px; border-radius: 6px;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(245,158,11,.72));
      border:1px solid rgba(245,158,11,.30);
      box-shadow: 0 18px 52px rgba(245,158,11,.12);
      flex:0 0 auto;
    }

    .friendly-row{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 12px 34px rgba(16,24,40,.06);
      padding: 14px 16px;
      display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
    }
    .friendly-title{font-weight:1200}
    .friendly-links{display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end}
    .friendly-links a{
      font-size:13.5px; font-weight:1100; color: rgba(31,36,48,.92);
      padding: 9px 12px;
      border-radius: 999px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      transition: transform .12s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .friendly-links a:hover{
      transform: translateY(-2px);
      border-color: rgba(34,211,238,.22);
      box-shadow: 0 18px 52px rgba(16,24,40,.12);
    }

    .site-footer{
      background: linear-gradient(180deg, rgba(255,255,255,.25), rgba(255,255,255,.12));
      border-top: 1px solid rgba(21,26,39,.08);
      color: rgba(31,36,48,.95);
      padding: 26px 0 0;
    }
    .footer-grid{
      display:grid; grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      padding-bottom: 18px;
    }
    .footer-brand{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.58);
      box-shadow: 0 12px 34px rgba(16,24,40,.06);
      padding: 16px;
      position:relative; overflow:hidden;
    }
    .footer-brand::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(900px 320px at 0% 0%, rgba(109,40,217,.10), transparent 60%),
                  radial-gradient(700px 260px at 100% 20%, rgba(34,211,238,.10), transparent 55%);
      opacity:.9; pointer-events:none;
    }
    .footer-brand > *{position:relative; z-index:1}
    .footer-mark{
      width:44px; height:44px; border-radius: 18px;
      background: linear-gradient(135deg, rgba(109,40,217,.95), rgba(34,211,238,.75));
      border:1px solid rgba(109,40,217,.30);
      box-shadow: 0 22px 66px rgba(109,40,217,.18);
      margin-bottom: 10px;
    }
    .footer-name{font-weight:1200; font-size:16px; margin-bottom: 8px}
    .footer-desc{color: var(--muted); font-weight:900; line-height:1.7; font-size: 13.8px}
    .footer-contact{
      display:flex; align-items:center; gap:10px; flex-wrap:wrap;
      margin-top: 12px;
      padding-top: 12px;
      border-top:1px solid rgba(21,26,39,.08);
      color: rgba(31,36,48,.92);
      font-weight:1000;
      font-size: 13.2px;
    }
    .foot-k{color: rgba(31,36,48,.75)}
    .foot-sep{color: rgba(31,36,48,.35)}
    .foot-v{font-weight:1100}
    .footer-cols{
      display:grid; grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .footer-col{
      border-radius: var(--radius2);
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      box-shadow: 0 12px 34px rgba(16,24,40,.06);
      padding: 16px;
    }
    .footer-col-title{font-weight:1200; margin-bottom: 10px}
    .footer-link{
      display:block;
      padding: 9px 0;
      color: rgba(31,36,48,.92);
      font-weight:1000;
      font-size: 13.5px;
      text-decoration: underline;
      text-decoration-color: rgba(34,211,238,.26);
      text-underline-offset: 3px;
    }
    .footer-copy{
      color: var(--muted);
      font-weight:900;
      line-height:1.7;
      font-size: 13px;
      margin-top: 10px;
    }

    .footer-bottom{
      margin-top: 14px;
      border-top: 1px solid rgba(21,26,39,.08);
      background: rgba(255,255,255,.30);
      padding: 14px 0;
    }
    .footer-bottom-inner{
      display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
    }
    .copyright{color: rgba(31,36,48,.85); font-weight:900; font-size: 13px}
    .footer-mini-links{display:flex; gap:12px}
    .footer-mini-link{
      padding: 10px 12px;
      border-radius: 14px;
      border:1px solid rgba(21,26,39,.10);
      background: rgba(255,255,255,.55);
      font-weight:1100;
      color: rgba(31,36,48,.92);
    }

    .to-top{
      position: fixed;
      right: 16px;
      bottom: 16px;
      width: 46px; height: 46px;
      border-radius: 18px;
      border:1px solid rgba(21,26,39,.12);
      background: rgba(255,255,255,.72);
      box-shadow: 0 20px 60px rgba(16,24,40,.14);
      cursor:pointer;
      opacity:0; transform: translateY(10px);
      pointer-events:none;
      transition: opacity .2s ease, transform .2s ease;
      z-index:1000;
    }
    .to-top.show{opacity:1; transform: translateY(0); pointer-events:auto}
    .to-top::before{
      content:"";
      width: 10px; height: 10px;
      border-right:2px solid rgba(31,36,48,.90);
      border-top:2px solid rgba(31,36,48,.90);
      transform: rotate(-45deg);
      position:absolute;
      left:50%; top: 50%;
      margin-left: -6px; margin-top: -4px;
    }

    .float-customer{
      position: fixed;
      left: 16px;
      bottom: 16px;
      z-index: 1000;
      display:flex; align-items:center; gap:10px;
      padding: 12px 14px;
      border-radius: 18px;
      border:1px solid rgba(21,26,39,.12);
      background: rgba(255,255,255,.78);
      box-shadow: 0 22px 66px rgba(16,24,40,.14);
      transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease;
      font-weight:1200;
      color: rgba(31,36,48,.95);
    }
    .float-customer:hover{
      transform: translateY(-2px);
      border-color: rgba(34,211,238,.22);
      box-shadow: 0 30px 96px rgba(16,24,40,.16);
    }
    .float-ic{
      width: 30px; height: 30px;
      border-radius: 14px;
      border:1px solid rgba(21,26,39,.10);
      background: linear-gradient(135deg, rgba(109,40,217,.95), rgba(34,211,238,.75));
      box-shadow: 0 18px 52px rgba(109,40,217,.18);
      position:relative;
      flex:0 0 auto;
    }
    .float-ic::after{
      content:"";
      position:absolute; left:10px; top: 9px;
      width: 10px; height: 10px;
      border-radius: 50%;
      border:2px solid rgba(255,255,255,.95);
      opacity:.9;
    }
    .float-text{font-size: 13.5px}

    @media (max-width: 980px){
      .nav-menu{gap:10px}
      .hero-grid{grid-template-columns: 1fr}
      .hero-mini{grid-template-columns: 1fr}
      .about-grid{grid-template-columns: 1fr}
      .service-grid{grid-template-columns: 1fr}
      .steps-grid{grid-template-columns: 1fr 1fr}
      .two-col{grid-template-columns: 1fr}
      .solution-grid{grid-template-columns: 1fr}
      .network-grid{grid-template-columns: 1fr}
      .review-grid{grid-template-columns: 1fr}
      .match-grid{grid-template-columns: 1fr}
      .token-grid{grid-template-columns: 1fr}
      .training-grid{grid-template-columns: 1fr}
      .faq-wrap{grid-template-columns: 1fr}
      .wiki-grid{grid-template-columns: 1fr}
      .news-grid{grid-template-columns: 1fr}
      .contact-grid{grid-template-columns: 1fr}
      .agent-grid{grid-template-columns: 1fr}
      .footer-grid{grid-template-columns: 1fr}
      .footer-cols{grid-template-columns: 1fr}
      .side-strip{display:none}
      table{min-width: 720px}
      .float-customer{left:12px}
    }

    @media (max-width: 760px){
      .nav-toggle{display:inline-flex}
      .nav-menu{
        position:absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 64px;
        width: min(640px, calc(100% - 24px));
        display:none;
        flex-direction:column;
        gap: 8px;
        padding: 12px;
        border-radius: 18px;
        border:1px solid rgba(21,26,39,.12);
        background: rgba(255,255,255,.86);
        box-shadow: 0 30px 96px rgba(16,24,40,.18);
        backdrop-filter: blur(10px);
      }
      .nav-menu.open{display:flex}
      .nav-link{width:100%}
      .nav{position:relative}
      .nav-cta{min-width:auto}
      .steps-grid{grid-template-columns: 1fr}
      .form-row{grid-template-columns: 1fr}
      .hero-actions .btn{width: 100%}
      .hero-actions{gap:10px}
    }

    .pre{opacity:0; transform: translateY(12px)}
    .in-view{opacity:1; transform: translateY(0); transition: opacity .5s ease, transform .5s ease}
    @media (prefers-reduced-motion: reduce){
      .pre{opacity:1; transform:none}
      .in-view{transition:none}
      .btn, .service-card, .about-card, .step, .solution-card, .case-card, .faq-item, .seg{transition:none}
    }