:root{
      --bg: #fff7f8;
      --paper: #ffffff;
      --text: #1f1f26;
      --muted: #5a5a6b;
      --line: rgba(20, 20, 30, .10);
      --shadow: 0 18px 50px rgba(25, 10, 20, .10);
      --shadow-soft: 0 10px 30px rgba(25, 10, 20, .08);
      --red: #e11d48;
      --red2:#ff2e55;
      --dark: #14141b;
      --blue:#1f3bff;
      --radius: 16px;
      --radius2: 22px;
      --container: 1160px;
    }

    *{ box-sizing: border-box; }
    html, body { height: 100%; }
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans", sans-serif;
      background: radial-gradient(1200px 600px at 18% -10%, rgba(225, 29, 72, .14), transparent 60%),
                  radial-gradient(1000px 500px at 80% 10%, rgba(255, 46, 85, .10), transparent 55%),
                  linear-gradient(#fff, var(--bg));
      color: var(--text);
      overflow-x: hidden;
    }

    .skip-link{
      position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden;
      background:#fff; color:#000; z-index:9999;
    }
    .skip-link:focus{
      left:16px; top:16px; width:auto; height:auto; padding:10px 12px; border-radius:10px;
      box-shadow: var(--shadow-soft); border:1px solid var(--line);
    }

    .container{
      width: min(var(--container), calc(100% - 32px));
      margin: 0 auto;
    }

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

    .brand{
      display:flex; align-items:center; gap: 12px;
      min-width: 260px;
    }
    .brand-link{ display:flex; align-items:center; gap: 10px; text-decoration:none; }
    .ai-page-logo{ width: 42px; height:auto; border-radius: 10px; box-shadow: 0 10px 26px rgba(225, 29, 72, .18); }
    .brand-meta{ display:flex; flex-direction:column; line-height:1.1; }
    .brand-name{ font-weight: 860; letter-spacing: .2px; }
    .brand-sub{ font-size: 12.5px; color: var(--muted); margin-top: 4px; }

    .nav-desktop{
      display:flex;
      gap: 18px;
      align-items:center;
      flex-wrap: wrap;
      justify-content: center;
      padding: 6px 0;
    }
    .nav-link{
      color: rgba(20,20,30,.78);
      text-decoration:none;
      font-weight: 650;
      font-size: 14px;
      padding: 8px 10px;
      border-radius: 12px;
      transition: background .2s ease, color .2s ease, transform .2s ease;
    }
    .nav-link:hover{
      background: rgba(225, 29, 72, .08);
      color: var(--dark);
      transform: translateY(-1px);
    }

    .header-actions{ display:flex; align-items:center; gap: 10px; min-width: 260px; justify-content: flex-end; }
    .btn{
      display:inline-flex; align-items:center; justify-content:center;
      gap: 10px;
      padding: 10px 14px;
      border-radius: 14px;
      border: 1px solid transparent;
      text-decoration:none;
      color: var(--dark);
      font-weight: 760;
      font-size: 14px;
      line-height: 1;
      background: #fff;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
      user-select: none;
      white-space: nowrap;
    }
    .btn:hover{ transform: translateY(-1px); box-shadow: 0 16px 40px rgba(225, 29, 72, .14); }
    .btn:active{ transform: translateY(0px); box-shadow: none; }

    .btn-primary{
      background: linear-gradient(135deg, var(--red), var(--red2));
      color: #fff;
      border-color: rgba(255,255,255,.25);
      box-shadow: 0 14px 36px rgba(225, 29, 72, .26);
    }
    .btn-primary:hover{ box-shadow: 0 18px 50px rgba(225, 29, 72, .32); }
    .btn-ghost{
      background: rgba(255,255,255,.75);
      border-color: rgba(20,20,30,.12);
      color: rgba(20,20,30,.86);
    }
    .btn-ghost:hover{
      border-color: rgba(225, 29, 72, .25);
      background: rgba(255,255,255,.96);
      box-shadow: 0 16px 40px rgba(20,20,30,.08);
    }
    .btn-lg{ padding: 12px 18px; font-size: 15px; border-radius: 16px; }
    .btn-full{ width: 100%; }

    .btn-arrow{ display:inline-block; transform: translateY(-.5px); }

    .menu-btn{
      display:none;
      align-items:center;
      gap: 10px;
      padding: 10px 12px;
      border-radius: 14px;
      border: 1px solid rgba(20,20,30,.12);
      background: rgba(255,255,255,.85);
      cursor:pointer;
      font-weight: 780;
      color: rgba(20,20,30,.9);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .menu-btn:hover{ transform: translateY(-1px); box-shadow: 0 16px 40px rgba(20,20,30,.08); border-color: rgba(225,29,72,.25); }
    .menu-icon{
      width: 18px; height: 12px; position: relative; display:inline-block;
    }
    .menu-icon::before, .menu-icon::after{
      content:""; position:absolute; left:0; right:0; height:2px; background: rgba(20,20,30,.85);
      border-radius:2px;
    }
    .menu-icon::before{ top:0; }
    .menu-icon::after{ bottom:0; }
    .menu-icon{ background: linear-gradient(rgba(20,20,30,.85), rgba(20,20,30,.85)) center/100% 2px no-repeat; }

    .mobile-nav{
      display:none;
      position: fixed;
      inset: 64px 0 auto 0;
      z-index: 70;
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(20,20,30,.08);
      box-shadow: var(--shadow-soft);
    }
    .mobile-nav-inner{ padding: 18px 0 22px; }
    .mobile-nav-top{ display:flex; align-items:center; justify-content: space-between; padding-bottom: 10px; }
    .mobile-title{ font-weight: 900; letter-spacing: .2px; }
    .menu-close{
      border:none; background: rgba(20,20,30,.06);
      width: 34px; height: 34px; border-radius: 12px; cursor:pointer;
      font-size: 18px; font-weight: 900; color: rgba(20,20,30,.8);
    }
    .mobile-links{ display:flex; flex-wrap: wrap; gap: 10px; padding-top: 6px; }
    .mobile-link{
      flex: 1 1 calc(50% - 10px);
      text-decoration:none;
      padding: 10px 12px;
      border-radius: 14px;
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.80);
      font-weight: 780;
      color: rgba(20,20,30,.86);
      text-align:center;
    }
    .mobile-cta{ display:flex; gap: 10px; margin-top: 16px; }
    .btn-full{ width: 100%; }

    .hero{
      padding: 44px 0 26px;
    }
    .hero-inner{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 22px;
      align-items: start;
    }
    .hero-copy{ padding: 14px 0; }
    .hero-badge{
      display:inline-flex; align-items:center; gap: 10px;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(225, 29, 72, .22);
      background: rgba(255,255,255,.70);
      color: rgba(20,20,30,.86);
      font-weight: 800;
      font-size: 13px;
      box-shadow: 0 16px 40px rgba(225,29,72,.10);
    }
    .hero-badge .dot{
      width: 10px; height: 10px; border-radius: 50%;
      background: linear-gradient(135deg, var(--red), var(--red2));
      box-shadow: 0 10px 22px rgba(225,29,72,.30);
    }
    .hero-title{
      margin: 16px 0 10px;
      font-size: clamp(28px, 3.2vw, 44px);
      letter-spacing: -0.6px;
      line-height: 1.08;
      font-weight: 950;
      color: var(--dark);
      text-wrap: balance;
    }
    .hero-desc{
      margin: 0;
      font-size: 15.5px;
      color: rgba(20,20,30,.78);
      line-height: 1.8;
      max-width: 56ch;
    }
    .hero-actions{
      display:flex;
      gap: 12px;
      margin-top: 18px;
      flex-wrap: wrap;
    }

    .hero-metrics{
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 18px;
    }
    .metric-card{
      border-radius: var(--radius);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.72);
      padding: 14px 14px;
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      position: relative;
      overflow: hidden;
    }
    .metric-card::after{
      content:""; position:absolute; inset:-2px -2px auto -2px; height: 56px;
      background: linear-gradient(90deg, rgba(225,29,72,.22), rgba(255,46,85,.06), transparent);
      transform: translateX(-40%);
      opacity: .9;
      transition: transform .25s ease;
      pointer-events:none;
    }
    .metric-card:hover{
      transform: translateY(-2px);
      box-shadow: 0 22px 60px rgba(225,29,72,.14);
      border-color: rgba(225,29,72,.22);
    }
    .metric-card:hover::after{ transform: translateX(0%); }
    .metric-top{ display:flex; align-items:center; gap: 10px; }
    .metric-icon{
      width: 28px; height: 28px; border-radius: 12px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(225,29,72,.10);
      border: 1px solid rgba(225,29,72,.18);
      color: rgba(160, 10, 40, .92);
      font-size: 14px;
    }
    .metric-label{ font-weight: 860; color: rgba(20,20,30,.86); font-size: 13.5px; }
    .metric-value{
      margin-top: 10px;
      font-size: 16.5px;
      font-weight: 950;
      letter-spacing: -.2px;
    }
    .metric-sub{ margin-top: 6px; color: rgba(20,20,30,.62); font-size: 13.5px; }

    .hero-side{ display:flex; flex-direction: column; gap: 14px; }
    .side-card{
      border-radius: var(--radius2);
      background: rgba(255,255,255,.80);
      border: 1px solid rgba(20,20,30,.10);
      box-shadow: var(--shadow-soft);
      padding: 16px;
      overflow:hidden;
      position: relative;
    }
    .side-card::before{
      content:""; position:absolute;
      inset:-40px -40px auto auto;
      width: 200px; height: 200px;
      background: radial-gradient(circle at 30% 30%, rgba(225,29,72,.22), transparent 58%);
      pointer-events:none;
    }
    .side-head{ display:flex; align-items:flex-start; justify-content: space-between; gap: 12px; }
    .side-title{ font-weight: 950; letter-spacing: -.2px; font-size: 16px; line-height:1.2; }
    .side-tag{
      font-size: 12.5px;
      font-weight: 820;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(225,29,72,.10);
      color: rgba(160, 10, 40, .92);
      border: 1px solid rgba(225,29,72,.18);
      white-space: nowrap;
    }

    .side-list{ margin-top: 14px; display:flex; flex-direction: column; gap: 12px; }
    .side-item{ display:flex; align-items:flex-start; gap: 12px; }
    .side-num{
      width: 34px; height: 34px; border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(225,29,72,.12);
      color: rgba(160,10,40,.95);
      border: 1px solid rgba(225,29,72,.18);
      font-weight: 980;
    }
    .side-item-title{ font-weight: 920; letter-spacing: -.1px; }
    .side-item-desc{ margin-top: 4px; color: rgba(20,20,30,.66); font-size: 13.5px; line-height:1.5; }

    .side-actions{ display:flex; flex-direction: column; gap: 10px; margin-top: 16px; }

    .side-strip{
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.70);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      padding: 14px 16px;
    }
    .strip-title{ font-weight: 920; margin-bottom: 10px; }
    .tag-cloud{ display:flex; flex-wrap: wrap; gap: 8px; }
    .tag{
      font-size: 13px;
      font-weight: 830;
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(20,20,30,.04);
      border: 1px solid rgba(20,20,30,.08);
      color: rgba(20,20,30,.82);
    }

    .section{
      padding: 52px 0;
    }
    .section.alt{
      background: linear-gradient(180deg, rgba(225,29,72,.04), rgba(255,255,255,.0));
    }
    .section-head{
      display:flex;
      align-items:flex-end;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 18px;
    }
    .h2{
      margin:0;
      font-size: clamp(22px, 2.4vw, 32px);
      letter-spacing: -0.4px;
      font-weight: 950;
      line-height: 1.18;
    }
    .lead{
      margin: 0;
      color: rgba(20,20,30,.72);
      line-height: 1.8;
      font-size: 15.5px;
      max-width: 70ch;
    }

    .grid-3{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 14px;
      margin-top: 18px;
    }
    .grid-4{
      display:grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 14px;
      margin-top: 18px;
    }

    .feature-card, .service-card, .solution-card, .help-card, .train-card, .case-card, .ency-card, .faq-item, .step-card, .mini-panel, .token-panel, .contact-card, .join-right-card, .compare-table-card{
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.80);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      padding: 16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .feature-card:hover,
    .service-card:hover,
    .solution-card:hover,
    .help-card:hover,
    .train-card:hover,
    .case-card:hover,
    .ency-card:hover,
    .mini-panel:hover,
    .token-panel:hover,
    .contact-card:hover,
    .join-right-card:hover,
    .compare-table-card:hover,
    .step-card:hover{
      transform: translateY(-2px);
      border-color: rgba(225,29,72,.22);
      box-shadow: 0 22px 60px rgba(225,29,72,.12);
    }

    .feature-icon{
      width: 44px; height: 44px; border-radius: 18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(225,29,72,.10);
      border: 1px solid rgba(225,29,72,.18);
      margin-bottom: 12px;
      font-size: 18px;
    }
    .h3{
      margin: 0;
      font-size: 16.5px;
      font-weight: 950;
      letter-spacing: -.2px;
      line-height: 1.25;
    }
    .p{
      margin: 10px 0 0;
      color: rgba(20,20,30,.70);
      line-height: 1.8;
      font-size: 14.5px;
    }

    .service-card{ padding: 18px; }
    .service-top{ display:flex; align-items:center; justify-content: space-between; gap: 10px; }
    .service-icon{
      width: 44px; height: 44px; border-radius: 18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(225,29,72,.10);
      border: 1px solid rgba(225,29,72,.18);
      font-size: 18px;
    }
    .service-tags{ margin-top: 12px; display:flex; flex-wrap: wrap; gap: 8px; }
    .mini-tag{
      font-size: 12.5px;
      font-weight: 830;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(20,20,30,.04);
      border: 1px solid rgba(20,20,30,.08);
      color: rgba(20,20,30,.78);
    }

    .two-col{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-top: 18px;
    }
    .mini-panel{ padding: 18px; }
    .alt-reveal{ background: rgba(255,255,255,.70); }
    .check-list{ margin: 12px 0 0; padding: 0; list-style: none; display:flex; flex-direction: column; gap: 10px; }
    .check-list li{
      display:flex; gap: 10px;
      color: rgba(20,20,30,.72);
      line-height: 1.7;
      font-size: 14.5px;
      padding-left: 2px;
    }
    .check-list li::before{
      content:"✓";
      font-weight: 980;
      color: rgba(160, 10, 40, .95);
      width: 20px;
      flex: 0 0 20px;
    }

    .panel-kv{ margin-top: 12px; display:flex; flex-direction: column; gap: 10px; }
    .kv-item{ display:flex; gap: 10px; align-items:flex-start; }
    .kv-item .kv-k{
      width: 86px;
      color: rgba(20,20,30,.62);
      font-weight: 850;
      font-size: 13px;
      flex: 0 0 86px;
    }
    .kv-item .kv-v{ color: rgba(20,20,30,.86); font-weight: 800; font-size: 14px; line-height:1.6; }
    .panel-actions{ display:flex; gap: 12px; margin-top: 14px; flex-wrap: wrap; }

    .callout{
      margin-top: 18px;
      border-radius: var(--radius2);
      border: 1px solid rgba(225,29,72,.18);
      background: linear-gradient(135deg, rgba(225,29,72,.08), rgba(255,255,255,.60));
      box-shadow: 0 22px 70px rgba(225,29,72,.10);
      padding: 16px;
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 14px;
    }
    .callout-title{ font-weight: 980; letter-spacing: -.2px; font-size: 16px; }
    .callout-desc{ margin-top: 8px; color: rgba(20,20,30,.72); line-height:1.8; font-weight: 740; }
    .callout-right{ display:flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }

    .timeline{ margin-top: 16px; display:flex; flex-direction: column; gap: 12px; }
    .time-item{
      display:flex; gap: 12px;
      padding: 14px 16px;
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.80);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .time-item:hover{ transform: translateY(-2px); border-color: rgba(225,29,72,.22); box-shadow: 0 22px 60px rgba(225,29,72,.12); }
    .time-dot{ width: 12px; height: 12px; border-radius: 50%;
      background: linear-gradient(135deg, var(--red), var(--red2));
      box-shadow: 0 12px 28px rgba(225,29,72,.35);
      margin-top: 6px;
      flex: 0 0 12px;
    }
    .time-title{ font-weight: 980; letter-spacing: -.2px; }
    .time-desc{ margin-top: 6px; color: rgba(20,20,30,.70); line-height:1.7; font-size: 14.5px; }

    .logos-row{
      margin-top: 18px;
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.70);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      padding: 16px;
      display:flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }
    .logos-title{ font-weight: 980; letter-spacing: -.2px; }
    .logos-sub{ margin-top: 6px; color: rgba(20,20,30,.65); font-weight: 740; font-size: 13.5px; }
    .logo-strip{ display:flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
    .pill{
      font-size: 13px;
      font-weight: 860;
      padding: 9px 12px;
      border-radius: 999px;
      border: 1px solid rgba(225,29,72,.18);
      background: rgba(225,29,72,.06);
      color: rgba(160, 10, 40, .95);
    }

    .solution-card{ padding: 18px; }
    .solution-meta{ margin-top: 12px; display:flex; gap: 8px; flex-wrap: wrap; }

    .compare-table-wrap{ margin-top: 18px; }
    .compare-table-head{ display:flex; align-items:flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
    .table-title{ font-weight: 980; letter-spacing: -.2px; }
    .table-sub{ margin-top: 6px; color: rgba(20,20,30,.66); font-weight: 740; font-size: 13.5px; }

    .table-scroll{ overflow-x:auto; border-radius: var(--radius2); border: 1px solid rgba(20,20,30,.10); background: rgba(255,255,255,.78); }
    .compare-table{
      width: 100%;
      border-collapse: collapse;
      min-width: 760px;
    }
    .compare-table th, .compare-table td{
      padding: 12px 14px;
      border-bottom: 1px solid rgba(20,20,30,.08);
      text-align: left;
      vertical-align: top;
      color: rgba(20,20,30,.82);
      font-size: 14.5px;
      line-height:1.6;
    }
    .compare-table th{
      font-weight: 950;
      background: rgba(225,29,72,.06);
      color: rgba(20,20,30,.92);
    }
    .compare-table tr:last-child td{ border-bottom: none; }

    .service-network{ margin-top: 18px; display:grid; grid-template-columns: 1.1fr .9fr; gap: 14px; align-items:start; }
    .map-card{ padding: 18px; }
    .map-head{ display:flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
    .map-title{ font-weight: 980; letter-spacing: -.2px; }
    .map-sub{ margin-top: 6px; color: rgba(20,20,30,.66); font-weight: 760; font-size: 13.5px; }

    .map-body{ position: relative; margin-top: 14px; display:grid; grid-template-columns: 1fr; gap: 12px; }
    .map-grid{
      position:absolute; inset: 0 0 auto 0; height: 180px;
      display:grid; grid-template-columns: repeat(5, 1fr); gap: 8px;
      padding: 14px;
      pointer-events:none;
      opacity:.6;
    }
    .map-grid span{
      border-radius: 14px;
      border: 1px solid rgba(225,29,72,.18);
      background: rgba(225,29,72,.05);
    }
    .map-nodes{
      position:absolute; inset: 0 0 auto 0; height: 180px;
      pointer-events:none;
    }
    .node{
      position:absolute;
      width: 10px; height: 10px; border-radius: 50%;
      background: linear-gradient(135deg, var(--red), var(--red2));
      box-shadow: 0 18px 40px rgba(225,29,72,.35);
    }
    .n1{ left: 10%; top: 38%; }
    .n2{ left: 34%; top: 22%; }
    .n3{ left: 58%; top: 46%; }
    .n4{ left: 74%; top: 30%; }
    .n5{ left: 46%; top: 64%; }

    .node-list{
      margin: 0;
      padding: 0;
      list-style: none;
      position: relative;
      z-index: 1;
      display:flex; flex-direction: column; gap: 10px;
      padding-top: 130px;
    }
    .node-list li{
      color: rgba(20,20,30,.72);
      line-height:1.7;
      font-size: 14.5px;
      border-left: 3px solid rgba(225,29,72,.35);
      padding-left: 10px;
    }

    .network-right{ display:flex; flex-direction: column; gap: 14px; }
    .network-card{ padding: 18px; }
    .network-title{ font-weight: 980; letter-spacing: -.2px; }
    .network-bullets{ margin-top: 12px; display:flex; flex-direction: column; gap: 10px; }
    .bullet{ display:flex; align-items:flex-start; gap: 10px; color: rgba(20,20,30,.72); line-height:1.7; font-size: 14.5px; }
    .bicon{ width: 22px; flex: 0 0 22px; text-align: center; }
    .network-cta{ display:flex; gap: 12px; flex-wrap: wrap; margin-top: 14px; }

    .network-tiles{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
    .tile{
      padding: 14px;
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
    }
    .tile-k{ color: rgba(20,20,30,.62); font-weight: 820; font-size: 13.5px; }
    .tile-v{ margin-top: 8px; font-weight: 980; letter-spacing: -.2px; }

    .steps{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
    .step-card{ padding: 18px; }
    .step-num{
      display:inline-flex; align-items:center; justify-content:center;
      width: 52px; height: 40px;
      border-radius: 16px;
      border: 1px solid rgba(225,29,72,.18);
      background: rgba(225,29,72,.06);
      color: rgba(160,10,40,.95);
      font-weight: 980;
      letter-spacing: .3px;
    }
    .quick-actions{ margin-top: 16px; display:flex; gap: 12px; flex-wrap: wrap; }

    .cards-grid-3{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 18px; }
    .case-card{ padding: 18px; }
    .case-top{ display:flex; align-items:center; justify-content: space-between; gap: 10px; }
    .case-badge{
      font-size: 12.5px; font-weight: 900;
      padding: 8px 10px; border-radius: 999px;
      background: rgba(225,29,72,.07);
      border: 1px solid rgba(225,29,72,.18);
      color: rgba(160,10,40,.95);
      white-space: nowrap;
    }
    .case-score{
      font-size: 12.5px; font-weight: 900;
      color: rgba(20,20,30,.80);
      padding: 8px 10px; border-radius: 999px;
      background: rgba(20,20,30,.04);
      border: 1px solid rgba(20,20,30,.08);
      white-space: nowrap;
    }
    .case-points{ margin-top: 12px; display:flex; flex-wrap: wrap; gap: 8px; }
    .case-footer{
      margin-top: 16px;
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      padding: 16px;
      display:flex; align-items:center; justify-content: space-between; gap: 14px;
      flex-wrap: wrap;
    }
    .case-footer-title{ font-weight: 980; letter-spacing: -.2px; }
    .case-footer-sub{ margin-top: 6px; color: rgba(20,20,30,.66); font-weight: 740; }
    .case-footer-right{ display:flex; gap: 12px; flex-wrap: wrap; }

    .compare-top{ display:flex; gap: 14px; align-items: stretch; margin-top: 14px; }
    .rating-card, .score-card{
      flex: 1 1 0;
      padding: 18px;
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.80);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .rating-card:hover, .score-card:hover{ transform: translateY(-2px); border-color: rgba(225,29,72,.22); box-shadow: 0 22px 60px rgba(225,29,72,.12); }
    .rating-k{ color: rgba(20,20,30,.66); font-weight: 860; }
    .stars{ margin-top: 10px; letter-spacing: 2px; color: rgba(225,29,72,.95); font-size: 22px; font-weight: 980; }
    .rating-note{ margin-top: 8px; font-weight: 980; letter-spacing: -.2px; }
    .score-k{ color: rgba(20,20,30,.66); font-weight: 860; }
    .score-v{ margin-top: 10px; font-size: 42px; font-weight: 1000; letter-spacing: -1px; color: var(--dark); line-height:1; }
    .score-sub{ margin-top: 8px; color: rgba(20,20,30,.66); font-weight: 820; }
    .score-bar{ margin-top: 12px; height: 10px; border-radius: 999px; background: rgba(20,20,30,.06); overflow:hidden; }
    .score-bar span{ display:block; height: 100%; background: linear-gradient(90deg, var(--red), var(--red2)); border-radius: 999px; }

    .compare-grid{ margin-top: 14px; display:grid; grid-template-columns: 1.25fr .75fr; gap: 14px; }
    .side-compare{ padding: 18px; border-radius: var(--radius2); border: 1px solid rgba(20,20,30,.10); background: rgba(255,255,255,.80); box-shadow: 0 16px 40px rgba(20,20,30,.06); }
    .side-compare-title{ font-weight: 980; letter-spacing: -.2px; }
    .side-compare-list{ margin-top: 12px; display:flex; flex-direction: column; gap: 10px; }
    .check-row{ display:flex; align-items:center; gap: 10px; color: rgba(20,20,30,.72); font-weight: 760; }
    .tick{
      width: 22px; height: 22px; border-radius: 10px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(225,29,72,.10);
      border: 1px solid rgba(225,29,72,.18);
      color: rgba(160,10,40,.95);
      font-weight: 980;
      flex: 0 0 22px;
    }
    .side-compare-actions{ margin-top: 14px; display:flex; flex-direction: column; gap: 10px; }

    .token-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; }
    .token-title{ font-weight: 980; letter-spacing: -.2px; font-size: 16.5px; }
    .token-left{ padding: 18px; border-radius: var(--radius2); border: 1px solid rgba(20,20,30,.10); background: rgba(255,255,255,.80); box-shadow: 0 16px 40px rgba(20,20,30,.06); }
    .how-steps{ margin: 14px 0 0; padding: 0; list-style: none; display:flex; flex-direction: column; gap: 12px; }
    .how-steps li{ display:flex; gap: 12px; align-items:flex-start; }
    .how-num{
      width: 34px; height: 34px;
      border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(225,29,72,.12);
      border: 1px solid rgba(225,29,72,.18);
      color: rgba(160,10,40,.95);
      font-weight: 980;
      flex: 0 0 34px;
    }
    .how-text{ color: rgba(20,20,30,.72); line-height:1.7; font-size: 14.5px; }
    .how-text b{ color: rgba(20,20,30,.92); }
    .token-cta{ margin-top: 16px; display:flex; gap: 12px; flex-wrap: wrap; }

    .token-right{ padding: 18px; border-radius: var(--radius2); border: 1px solid rgba(20,20,30,.10); background: rgba(255,255,255,.80); box-shadow: 0 16px 40px rgba(20,20,30,.06); }
    .token-panel-head{ display:flex; align-items:flex-start; justify-content: space-between; gap: 12px; }
    .token-panel-title{ font-weight: 980; letter-spacing: -.2px; }
    .token-panel-sub{ margin-top: 6px; color: rgba(20,20,30,.66); font-weight: 760; font-size: 13.5px; }
    .token-chip{
      font-size: 12.5px;
      font-weight: 950;
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(20,20,30,.04);
      border: 1px solid rgba(20,20,30,.08);
      color: rgba(20,20,30,.78);
      white-space: nowrap;
    }
    .token-table-wrap{ margin-top: 14px; display:flex; flex-direction: column; gap: 12px; }
    .token-row{ padding: 12px 12px; border-radius: 16px; border: 1px solid rgba(20,20,30,.08); background: rgba(255,255,255,.68); }
    .token-k{ color: rgba(20,20,30,.62); font-weight: 880; font-size: 13.5px; }
    .token-v{ margin-top: 6px; font-weight: 800; color: rgba(20,20,30,.86); line-height:1.6; }
    .token-mini{
      margin-top: 14px;
      padding: 12px 12px;
      border-radius: 16px;
      border: 1px solid rgba(225,29,72,.18);
      background: rgba(225,29,72,.06);
    }
    .token-mini-k{ color: rgba(160,10,40,.95); font-weight: 980; }
    .token-mini-v{ margin-top: 6px; font-weight: 860; color: rgba(20,20,30,.86); }

    .grid-3 .train-card{ padding: 18px; }
    .train-icon{
      width: 44px; height: 44px; border-radius: 18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(225,29,72,.10);
      border: 1px solid rgba(225,29,72,.18);
      font-size: 18px;
      margin-bottom: 12px;
    }
    .training-bottom{
      margin-top: 16px;
      border-radius: var(--radius2);
      border: 1px solid rgba(225,29,72,.18);
      background: linear-gradient(135deg, rgba(225,29,72,.08), rgba(255,255,255,.65));
      box-shadow: 0 22px 70px rgba(225,29,72,.10);
      padding: 16px;
      display:flex; align-items:center; justify-content: space-between; gap: 14px;
      flex-wrap: wrap;
    }
    .training-title{ font-weight: 980; letter-spacing: -.2px; }
    .training-sub{ margin-top: 6px; color: rgba(20,20,30,.66); font-weight: 760; max-width: 62ch; }
    .training-right{ display:flex; gap: 12px; flex-wrap: wrap; }

    .grid-4 .help-card{ padding: 18px; }
    .help-icon{
      width: 44px; height: 44px; border-radius: 18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(225,29,72,.10);
      border: 1px solid rgba(225,29,72,.18);
      font-size: 18px;
      margin-bottom: 12px;
    }
    .help-banner{
      margin-top: 18px;
      border-radius: var(--radius2);
      border: 1px solid rgba(225,29,72,.18);
      background: rgba(255,255,255,.78);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      padding: 16px;
      display:flex; align-items:center; justify-content: space-between; gap: 14px;
      flex-wrap: wrap;
    }
    .help-banner-title{ font-weight: 980; letter-spacing: -.2px; }
    .help-banner-sub{ margin-top: 6px; color: rgba(20,20,30,.66); font-weight: 760; }

    .faq-grid{ margin-top: 18px; display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .faq-item{
      padding: 0;
      overflow: hidden;
    }
    .faq-q{
      width: 100%;
      border: none;
      background: transparent;
      cursor: pointer;
      display:flex; align-items:center; justify-content: space-between; gap: 12px;
      padding: 16px 16px;
      font-weight: 980;
      letter-spacing: -.2px;
      font-size: 15px;
      color: rgba(20,20,30,.92);
    }
    .faq-icon{
      width: 34px; height: 34px; border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(225,29,72,.10);
      border: 1px solid rgba(225,29,72,.18);
      color: rgba(160,10,40,.95);
      font-weight: 980;
      flex: 0 0 34px;
      transition: transform .2s ease;
    }
    .faq-a{
      padding: 0 16px 16px;
      color: rgba(20,20,30,.72);
      line-height: 1.8;
      font-size: 14.5px;
    }
    .faq-more{
      margin-top: 16px;
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.80);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      padding: 16px;
      display:flex; align-items:center; justify-content: space-between; gap: 14px;
      flex-wrap: wrap;
    }
    .faq-more-title{ font-weight: 980; letter-spacing: -.2px; }
    .faq-more-sub{ margin-top: 6px; color: rgba(20,20,30,.66); font-weight: 760; }

    .ency-grid{ margin-top: 18px; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
    .ency-card{ padding: 18px; }

    .two-col .article-list{ padding: 0; border: none; background: transparent; box-shadow: none; }
    .article-list, .news-side{ border-radius: var(--radius2); border: 1px solid rgba(20,20,30,.10); background: rgba(255,255,255,.80); box-shadow: 0 16px 40px rgba(20,20,30,.06); padding: 16px; }
    .list-head{ display:flex; align-items:flex-start; justify-content: space-between; gap: 12px; }
    .list-title{ font-weight: 980; letter-spacing: -.2px; }
    .list-sub{ margin-top: 6px; color: rgba(20,20,30,.66); font-weight: 760; font-size: 13.5px; }
    .article-ul{ list-style:none; padding: 0; margin: 12px 0 0; display:flex; flex-direction: column; gap: 10px; }
    .article-link{
      display:flex; align-items:center; justify-content: space-between; gap: 12px;
      text-decoration:none;
      padding: 12px 12px;
      border-radius: 16px;
      border: 1px solid rgba(20,20,30,.08);
      background: rgba(255,255,255,.68);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
      color: rgba(20,20,30,.90);
    }
    .article-link:hover{ transform: translateY(-2px); box-shadow: 0 22px 60px rgba(225,29,72,.12); border-color: rgba(225,29,72,.22); background: rgba(255,255,255,.92); }
    .article-dot{
      width: 10px; height: 10px; border-radius: 50%;
      background: linear-gradient(135deg, var(--red), var(--red2));
      box-shadow: 0 14px 30px rgba(225,29,72,.35);
      flex: 0 0 10px;
    }
    .article-text{ font-weight: 880; line-height:1.4; flex: 1; }
    .article-arrow{ color: rgba(160,10,40,.95); font-weight: 980; }
    .article-foot{ margin-top: 12px; display:flex; align-items:center; justify-content: space-between; gap: 12px; flex-wrap: wrap; border-top: 1px solid rgba(20,20,30,.08); padding-top: 12px; }
    .article-foot-left{ color: rgba(20,20,30,.72); font-weight: 820; }

    .news-side .side-block{
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.72);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      padding: 16px;
    }
    .side-block + .side-block{ margin-top: 14px; }
    .alt-block{ background: rgba(225,29,72,.06); border-color: rgba(225,29,72,.18); }
    .side-block-title{ font-weight: 980; letter-spacing: -.2px; }
    .side-block-kv{ margin-top: 12px; display:flex; flex-direction: column; gap: 10px; }
    .kv-row{ display:flex; justify-content: space-between; gap: 10px; border: 1px solid rgba(20,20,30,.08); background: rgba(255,255,255,.62); padding: 10px 12px; border-radius: 16px; }
    .kv-label{ color: rgba(20,20,30,.62); font-weight: 860; font-size: 13.5px; }
    .kv-val{ color: rgba(20,20,30,.86); font-weight: 860; font-size: 13.5px; }

    .quick-links{ margin-top: 12px; display:flex; flex-wrap: wrap; gap: 10px; }
    .quick-link{
      text-decoration:none;
      padding: 10px 12px;
      border-radius: 999px;
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.70);
      font-weight: 880;
      color: rgba(20,20,30,.86);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    }
    .quick-link:hover{ transform: translateY(-2px); border-color: rgba(225,29,72,.22); box-shadow: 0 22px 60px rgba(225,29,72,.12); background: rgba(255,255,255,.92); }

    .form-wrap{
      margin-top: 18px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }
    .form-left{
      padding: 18px;
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.80);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
    }
    .form-title{ font-weight: 980; letter-spacing: -.2px; font-size: 16.5px; }
    .form-desc{ margin-top: 10px; color: rgba(20,20,30,.72); line-height: 1.8; font-weight: 760; }
    .form-bullets{ margin-top: 14px; display:flex; flex-direction: column; gap: 10px; }
    .bullet-row{ display:flex; gap: 12px; align-items:flex-start; color: rgba(20,20,30,.72); line-height:1.7; font-size: 14.5px; }
    .form-mini-cards{ margin-top: 16px; display:grid; grid-template-columns: 1fr; gap: 10px; }
    .mini-card{
      padding: 12px 12px;
      border-radius: 16px;
      border: 1px solid rgba(20,20,30,.08);
      background: rgba(255,255,255,.68);
    }
    .mini-card-title{ font-weight: 980; letter-spacing: -.2px; }
    .mini-card-sub{ margin-top: 6px; color: rgba(20,20,30,.66); font-weight: 760; font-size: 13.5px; }

    .form-right{
      padding: 18px;
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.82);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
    }
    .form{ display:flex; flex-direction: column; gap: 12px; }
    .form-row{ display:flex; gap: 12px; flex-wrap: wrap; }
    .field{ flex: 1 1 240px; display:flex; flex-direction: column; gap: 8px; }
    .label-text{ font-weight: 900; color: rgba(20,20,30,.86); font-size: 13.5px; }
    input, select, textarea{
      width: 100%;
      padding: 12px 12px;
      border-radius: 16px;
      border: 1px solid rgba(20,20,30,.12);
      background: rgba(255,255,255,.92);
      color: rgba(20,20,30,.90);
      outline: none;
      transition: border-color .18s ease, box-shadow .18s ease;
      font-weight: 760;
      font-size: 14.5px;
    }
    textarea{ resize: vertical; min-height: 120px; }
    input:focus, select:focus, textarea:focus{
      border-color: rgba(225,29,72,.35);
      box-shadow: 0 0 0 4px rgba(225,29,72,.12);
    }
    .form-actions{ margin-top: 2px; }
    .form-hint{ color: rgba(20,20,30,.62); font-weight: 740; font-size: 13.5px; margin-top: 8px; }

    .contact-grid{ margin-top: 18px; display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .contact-card{ padding: 18px; border-radius: var(--radius2); border: 1px solid rgba(20,20,30,.10); background: rgba(255,255,255,.82); box-shadow: 0 16px 40px rgba(20,20,30,.06); }
    .alt-card{ background: rgba(255,255,255,.78); }
    .contact-title{ font-weight: 980; letter-spacing: -.2px; font-size: 16.5px; }
    .contact-items{ margin-top: 12px; display:flex; flex-direction: column; gap: 12px; }
    .contact-item{
      display:flex; gap: 12px; align-items:flex-start; justify-content: space-between;
      border: 1px solid rgba(20,20,30,.08);
      border-radius: 16px;
      padding: 12px 12px;
      background: rgba(255,255,255,.66);
    }
    .c-k{ color: rgba(20,20,30,.62); font-weight: 880; font-size: 13.5px; }
    .c-v{ font-weight: 880; color: rgba(20,20,30,.86); }
    .text-link{ color: rgba(160,10,40,.96); font-weight: 900; text-decoration: none; }
    .text-link:hover{ text-decoration: underline; }

    .contact-qrcode{ margin-top: 16px; padding: 14px 14px; border-radius: 18px; border: 1px solid rgba(225,29,72,.18); background: rgba(225,29,72,.06); }
    .q-title{ font-weight: 980; letter-spacing: -.2px; }
    .q-img{ width: 150px; max-width: 100%; height:auto; border-radius: 18px; margin: 12px 0 0; display:block; box-shadow: 0 16px 40px rgba(225,29,72,.18); }
    .q-sub{ margin-top: 10px; color: rgba(20,20,30,.66); font-weight: 760; line-height:1.7; }

    .contact-prep{ margin-top: 12px; display:flex; flex-direction: column; gap: 10px; }
    .prep-row{ display:flex; gap: 10px; align-items:flex-start; color: rgba(20,20,30,.72); line-height:1.7; font-size: 14.5px; }
    .prep-dot{ width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(135deg, var(--red), var(--red2)); margin-top: 4px; box-shadow: 0 14px 30px rgba(225,29,72,.30); flex: 0 0 12px; }
    .contact-actions{ margin-top: 16px; display:flex; gap: 12px; flex-wrap: wrap; }
    .contact-network{ margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(20,20,30,.08); }

    .join-grid{ margin-top: 18px; display:grid; grid-template-columns: 1.1fr .9fr; gap: 14px; }
    .join-left{
      padding: 18px;
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.82);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
    }
    .join-title{ font-weight: 980; letter-spacing: -.2px; font-size: 16.5px; }
    .join-bullets{ margin-top: 12px; display:flex; flex-direction: column; gap: 10px; }
    .jrow{ display:flex; gap: 10px; align-items:flex-start; color: rgba(20,20,30,.72); line-height:1.7; font-size: 14.5px; font-weight: 760; }
    .join-cta{ margin-top: 16px; display:flex; gap: 12px; flex-wrap: wrap; }

    .join-right{ }
    .join-right-card{
      padding: 18px;
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.80);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      height: 100%;
    }
    .join-right-top{ display:flex; align-items:flex-start; justify-content: space-between; gap: 12px; }
    .join-right-title{ font-weight: 980; letter-spacing: -.2px; }
    .join-right-sub{ margin-top: 6px; color: rgba(20,20,30,.66); font-weight: 760; font-size: 13.5px; }
    .join-right-grid{ margin-top: 14px; display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .mini-stat{
      border-radius: 18px;
      border: 1px solid rgba(20,20,30,.08);
      background: rgba(255,255,255,.66);
      padding: 12px 12px;
    }
    .mini-stat-k{ color: rgba(20,20,30,.62); font-weight: 880; font-size: 13.5px; }
    .mini-stat-v{ margin-top: 8px; font-weight: 980; letter-spacing: -.2px; color: rgba(20,20,30,.86); }
    .join-note{ margin-top: 14px; color: rgba(20,20,30,.70); font-weight: 760; line-height:1.7; border-top: 1px solid rgba(20,20,30,.08); padding-top: 14px; }

    .friend-links{
      margin-top: 16px;
      border-radius: var(--radius2);
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.80);
      box-shadow: 0 16px 40px rgba(20,20,30,.06);
      padding: 16px;
    }
    .friend-head{ display:flex; align-items:flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
    .friend-title{ font-weight: 980; letter-spacing: -.2px; }
    .friend-sub{ margin-top: 6px; color: rgba(20,20,30,.66); font-weight: 760; font-size: 13.5px; }
    .friend-list{ margin-top: 12px; display:flex; flex-wrap: wrap; gap: 10px; }
    .friend-list a{
      text-decoration:none;
      color: rgba(20,20,30,.82);
      font-weight: 860;
      font-size: 13.5px;
      padding: 10px 12px;
      border-radius: 999px;
      border: 1px solid rgba(20,20,30,.10);
      background: rgba(255,255,255,.70);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    }
    .friend-list a:hover{
      transform: translateY(-2px);
      border-color: rgba(225,29,72,.22);
      box-shadow: 0 22px 60px rgba(225,29,72,.12);
      background: rgba(255,255,255,.92);
    }

    .site-footer{
      padding: 34px 0 28px;
      background: #0f0f16;
      color: rgba(255,255,255,.92);
      border-top: 1px solid rgba(255,255,255,.10);
      margin-top: 6px;
    }
    .footer-inner{ }
    .footer-top{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      align-items:start;
    }
    .footer-brand{ display:flex; gap: 12px; align-items:flex-start; }
    .footer-logo{ width: 46px; height:auto; border-radius: 14px; box-shadow: 0 18px 40px rgba(225,29,72,.25); }
    .footer-name{ font-weight: 980; letter-spacing: -.2px; }
    .footer-sub{ margin-top: 6px; color: rgba(255,255,255,.72); font-weight: 760; }
    .footer-cols{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
    .footer-col{ padding: 12px 12px; border-radius: 18px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04); }
    .footer-col-title{ font-weight: 980; letter-spacing: -.2px; }
    .footer-link{
      display:block;
      margin-top: 10px;
      color: rgba(255,255,255,.78);
      text-decoration:none;
      font-weight: 760;
      font-size: 14px;
    }
    .footer-link:hover{ color: #fff; text-decoration: underline; }
    .footer-primary-link{
      display:block;
      margin-top: 10px;
      padding: 10px 12px;
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(225,29,72,.95), rgba(255,46,85,.95));
      color: #fff;
      text-decoration:none;
      font-weight: 950;
      border: 1px solid rgba(255,255,255,.18);
    }
    .footer-primary-link:hover{ filter: brightness(1.03); }

    .footer-bottom{
      margin-top: 18px;
      padding-top: 14px;
      border-top: 1px solid rgba(255,255,255,.10);
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      color: rgba(255,255,255,.72);
      font-weight: 740;
      font-size: 13.5px;
    }
    .footer-mini-link{
      color: rgba(255,255,255,.86);
      text-decoration:none;
      font-weight: 880;
    }
    .footer-mini-link:hover{ text-decoration: underline; }
    .sep{ opacity: .6; margin: 0 8px; }

    .float-customer{
      position: fixed;
      right: 16px;
      bottom: 16px;
      z-index: 80;
      display:flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 10px;
    }
    .float-btn{
      border:none;
      cursor:pointer;
      padding: 12px 14px;
      border-radius: 18px;
      background: linear-gradient(135deg, rgba(225,29,72,.95), rgba(255,46,85,.95));
      color: #fff;
      font-weight: 980;
      box-shadow: 0 18px 50px rgba(225,29,72,.30);
      display:flex;
      align-items:center;
      gap: 10px;
      transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    }
    .float-btn:hover{ transform: translateY(-2px); box-shadow: 0 24px 70px rgba(225,29,72,.36); filter: brightness(1.02); }
    .float-icon{ width: 30px; height: 30px; border-radius: 14px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; }
    .float-panel{
      width: min(340px, calc(100vw - 32px));
      border-radius: 22px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(20,20,30,.92);
      color: rgba(255,255,255,.92);
      box-shadow: 0 28px 90px rgba(0,0,0,.35);
      overflow:hidden;
    }
    .float-panel .panel-head{
      display:flex; align-items:center; justify-content: space-between;
      padding: 14px 14px;
      border-bottom: 1px solid rgba(255,255,255,.10);
    }
    .panel-title{ font-weight: 980; letter-spacing: -.2px; }
    .panel-close{
      border:none; background: rgba(255,255,255,.10);
      width: 34px; height: 34px;
      border-radius: 14px;
      cursor:pointer;
      color: rgba(255,255,255,.92);
      font-size: 18px;
      font-weight: 980;
    }
    .float-panel .panel-body{ padding: 14px 14px 12px; }
    .panel-row{ display:flex; flex-direction: column; gap: 8px; padding: 10px 0; }
    .panel-k{ color: rgba(255,255,255,.70); font-weight: 860; font-size: 13.5px; }
    .panel-v{ color: rgba(255,255,255,.90); font-weight: 820; line-height:1.7; }
    .panel-qimg{ width: 140px; height:auto; border-radius: 18px; box-shadow: 0 18px 40px rgba(225,29,72,.25); }
    .panel-actions{ padding: 0 14px 14px; display:flex; flex-direction: column; gap: 10px; }

    .reveal{
      opacity: 0;
      transform: translateY(12px);
      transition: opacity .6s ease, transform .6s ease;
    }
    .reveal.is-visible{
      opacity: 1;
      transform: translateY(0px);
    }

    @media (max-width: 980px){
      .nav-desktop{ display:none; }
      .menu-btn{ display:flex; }
      .mobile-nav{ display:block; transform: translateY(-12px); opacity: 0; pointer-events:none; }
      .mobile-nav.is-open{ transform: translateY(0px); opacity: 1; pointer-events:auto; }

      .hero-inner{ grid-template-columns: 1fr; }
      .hero-metrics{ grid-template-columns: 1fr; }
      .grid-3{ grid-template-columns: 1fr; }
      .grid-4{ grid-template-columns: 1fr 1fr; }
      .two-col{ grid-template-columns: 1fr; }
      .service-network{ grid-template-columns: 1fr; }
      .steps{ grid-template-columns: 1fr; }
      .cards-grid-3{ grid-template-columns: 1fr; }
      .compare-top{ flex-direction: column; }
      .compare-grid{ grid-template-columns: 1fr; }
      .token-grid{ grid-template-columns: 1fr; }
      .faq-grid{ grid-template-columns: 1fr; }
      .ency-grid{ grid-template-columns: 1fr 1fr; }
      .form-wrap{ grid-template-columns: 1fr; }
      .contact-grid{ grid-template-columns: 1fr; }
      .join-grid{ grid-template-columns: 1fr; }
      .footer-top{ grid-template-columns: 1fr; }
      .footer-cols{ grid-template-columns: 1fr; }
    }

    @media (prefers-reduced-motion: reduce){
      .reveal{ transition: none; transform: none; opacity: 1; }
      .metric-card, .btn, .nav-link, .article-link, .feature-card, .service-card, .solution-card, .help-card, .train-card, .case-card, .ency-card, .step-card, .contact-card, .join-right-card, .compare-table-card, .rating-card, .score-card, .time-item{ transition:none !important; }
      html:focus-within{ scroll-behavior: auto; }
    }

    html{ scroll-behavior: smooth; }