:root{
      --bg: #0b0f14;
      --text: #1b1b1f;
      --muted:#5b616b;
      --muted2:#7b828f;
      --card:#ffffff;
      --card2:#fbfbfc;
      --line: rgba(15, 23, 42, .10);
      --shadow: 0 14px 40px rgba(12, 18, 28, .10);
      --shadow2: 0 10px 26px rgba(12, 18, 28, .10);
      --radius: 18px;
      --radius2: 14px;
      --orange:#ff6a2b;
      --orange2:#ff8a3d;
      --deep:#111827;
      --accent:#ff4d1c;
      --accent2:#ff7a30;
      --focus: rgba(255, 106, 43, .28);
      --container: 1140px;
      --pad: 18px;
      --max: min(var(--container), calc(100vw - 32px));
      --grad1: radial-gradient(800px 420px at 20% 20%, rgba(255, 106, 43, .22), rgba(255, 106, 43, 0) 55%),
               radial-gradient(700px 380px at 80% 10%, rgba(255, 138, 61, .18), rgba(255, 138, 61, 0) 60%),
               linear-gradient(180deg, #fff7f4 0%, #ffffff 60%);
      --grad2: radial-gradient(900px 420px at 30% 10%, rgba(255, 106, 43, .18), rgba(255, 106, 43, 0) 55%),
               linear-gradient(180deg, #fff 0%, #fff7f2 100%);
      --accent-grad: linear-gradient(135deg, #ff4d1c 0%, #ff8a3d 55%, #ffb36b 100%);
    }

    *{ 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", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
      color: var(--text);
      background: linear-gradient(180deg, #fff7f4 0%, #ffffff 40%, #ffffff 100%);
      overflow-x:hidden;
    }

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

    .skip-link{
      position:absolute; left:12px; top:-40px;
      background:#111827; color:#fff; padding:10px 12px; border-radius:10px;
      z-index:9999; transition: top .2s ease;
      text-decoration:none;
    }
    .skip-link:focus{ top:12px; outline: 3px solid var(--focus); }

    .site-header{
      position: sticky; top:0;
      z-index: 50;
      background: rgba(255,255,255,.78);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(15, 23, 42, .06);
      transition: box-shadow .25s ease, background .25s ease;
    }
    .site-header.scrolled{
      background: rgba(255,255,255,.92);
      box-shadow: 0 10px 30px rgba(12,18,28,.08);
    }
    .nav-container{
      height: 72px;
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 16px;
    }
    .brand-link{
      display:flex;
      align-items:center;
      gap: 10px;
      text-decoration:none;
      color: inherit;
      min-width: 160px;
    }
    .ai-page-logo{ width: 112px; max-width: 112px; }
    .desktop-nav{
      display:flex;
      align-items:center;
      gap: 18px;
      flex-wrap: nowrap;
    }
    .nav-link{
      text-decoration:none;
      color: #1f2937;
      font-weight: 650;
      font-size: 14px;
      padding: 10px 10px;
      border-radius: 12px;
      transition: background .15s ease, transform .15s ease;
      white-space: nowrap;
    }
    .nav-link:hover{ background: rgba(255,106,43,.10); transform: translateY(-1px); }

    .nav-actions{
      display:flex;
      align-items:center;
      gap: 12px;
    }

    .primary-btn, .secondary-btn, .ghost-btn, .link-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius: 14px;
      padding: 12px 16px;
      font-weight: 750;
      font-size: 14px;
      text-decoration:none;
      border: 1px solid transparent;
      cursor:pointer;
      transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
      user-select:none;
      -webkit-tap-highlight-color: transparent;
    }

    .primary-btn{
      background: var(--accent-grad);
      color: #111827;
      box-shadow: 0 14px 34px rgba(255, 106, 43, .22);
    }
    .primary-btn:hover{ transform: translateY(-1px); box-shadow: 0 18px 46px rgba(255, 106, 43, .28); }
    .primary-btn:active{ transform: translateY(0px); }

    .secondary-btn{
      background: #ffffff;
      color: #111827;
      border-color: rgba(255, 106, 43, .25);
    }
    .secondary-btn:hover{ border-color: rgba(255, 106, 43, .55); box-shadow: 0 12px 30px rgba(255, 106, 43, .12); transform: translateY(-1px); }
    .secondary-btn:active{ transform: translateY(0px); }

    .ghost-btn{
      background: rgba(255,255,255,.8);
      color: #111827;
      border-color: rgba(15, 23, 42, .10);
      box-shadow: 0 10px 26px rgba(12,18,28,.06);
      padding: 10px 14px;
    }
    .ghost-btn:hover{ transform: translateY(-1px); border-color: rgba(255, 106, 43, .35); }

    .link-btn{
      background: transparent;
      border: 1px solid rgba(255, 106, 43, .35);
      color: #111827;
      padding: 10px 14px;
    }
    .link-btn:hover{ background: rgba(255, 106, 43, .08); transform: translateY(-1px); border-color: rgba(255, 106, 43, .60); }

    .menu-btn{
      display:none;
      border:1px solid rgba(15, 23, 42, .12);
      background: rgba(255,255,255,.9);
      padding: 10px 12px;
      border-radius: 14px;
      align-items:center;
      gap:10px;
      font-weight: 800;
      color:#111827;
      cursor:pointer;
    }
    .menu-icon{
      width: 18px; height: 12px;
      display:inline-block;
      background:
        linear-gradient(#111827,#111827) 0 0/100% 2px no-repeat,
        linear-gradient(#111827,#111827) 0 5px/100% 2px no-repeat,
        linear-gradient(#111827,#111827) 0 10px/100% 2px no-repeat;
      border-radius: 2px;
      opacity:.9;
    }

    .mobile-menu{
      position: fixed;
      inset: 0;
      background: rgba(10, 10, 12, .35);
      backdrop-filter: blur(8px);
      display:none;
      z-index: 120;
    }
    .mobile-menu.open{ display:block; }
    .mobile-menu-inner{
      position:absolute;
      right: 12px; left: 12px;
      top: 10px;
      background: #ffffff;
      border-radius: 20px;
      border: 1px solid rgba(15, 23, 42, .10);
      box-shadow: 0 30px 80px rgba(12,18,28,.25);
      padding: 14px;
      transform: translateY(-10px);
      animation: menuIn .18s ease forwards;
    }
    @keyframes menuIn{
      to { transform: translateY(0); }
    }
    .mobile-menu-head{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 12px;
      padding: 2px 2px 10px;
    }
    .mobile-menu-title{
      font-weight: 900;
      letter-spacing: .2px;
    }
    .close-btn{
      width: 38px; height: 38px;
      border-radius: 14px;
      border:1px solid rgba(15,23,42,.12);
      background: #fff;
      cursor:pointer;
      font-size: 22px;
      line-height: 1;
      display:flex; align-items:center; justify-content:center;
    }
    .mobile-menu-links{
      display:flex; flex-direction: column;
      gap: 8px;
      padding: 10px 2px;
      max-height: 52vh;
      overflow:auto;
    }
    .mobile-link{
      text-decoration:none;
      color:#111827;
      font-weight: 760;
      padding: 12px 12px;
      border-radius: 14px;
      border:1px solid rgba(15,23,42,.10);
      background: rgba(255,106,43,.04);
    }
    .mobile-link:hover{ border-color: rgba(255,106,43,.55); background: rgba(255,106,43,.10); }
    .mobile-menu-cta{
      display:flex;
      gap: 10px;
      padding: 10px 2px 2px;
      border-top: 1px solid rgba(15,23,42,.08);
    }
    .mobile-primary{ flex: 1; }
    .mobile-secondary{ flex: 1; }

    .hero{
      background: var(--grad1);
      padding: 30px 0 22px;
      position:relative;
      overflow:hidden;
    }
    .hero-grid{
      display:grid;
      grid-template-columns: 1.12fr .88fr;
      gap: 22px;
      align-items: start;
    }
    .hero-left{
      padding: 18px 0 10px;
    }
    .kicker{
      display:inline-flex;
      align-items:center;
      gap: 10px;
      font-weight: 900;
      color:#8a3b20;
      background: rgba(255, 106, 43, .10);
      border: 1px solid rgba(255, 106, 43, .20);
      padding: 8px 12px;
      border-radius: 999px;
      letter-spacing:.2px;
      margin-bottom: 14px;
    }
    .hero-title{
      margin: 0 0 12px;
      font-size: 42px;
      line-height: 1.12;
      letter-spacing:-.6px;
      color:#0f172a;
      font-weight: 980;
    }
    .hero-subtitle{
      margin: 0 0 18px;
      font-size: 16px;
      line-height: 1.7;
      color: #3b4352;
      max-width: 560px;
      font-weight: 640;
    }
    .hero-actions{
      display:flex; gap: 12px; flex-wrap: wrap;
      margin-bottom: 16px;
    }
    .hero-badges{
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
      margin: 10px 0 18px;
    }
    .badge{
      display:flex; align-items:center; gap: 10px;
      padding: 10px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.75);
      border: 1px solid rgba(15,23,42,.10);
      box-shadow: 0 12px 30px rgba(12,18,28,.06);
      font-weight: 800;
      color:#151a22;
      font-size: 13px;
    }
    .badge-dot{
      width: 10px; height: 10px;
      border-radius: 50%;
      background: var(--accent-grad);
      box-shadow: 0 0 0 6px rgba(255,106,43,.12);
    }
    .hero-mini{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 4px;
    }
    .mini-item{
      background: rgba(255,255,255,.75);
      border: 1px solid rgba(15,23,42,.10);
      border-radius: 16px;
      padding: 14px 14px;
      box-shadow: 0 12px 28px rgba(12,18,28,.06);
      display:flex;
      gap: 12px;
      align-items:flex-start;
      min-width: 0;
    }
    .mini-icon{
      width: 34px; height: 34px;
      border-radius: 12px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.12);
      border: 1px solid rgba(255,106,43,.25);
      flex: 0 0 auto;
    }
    .mini-title{ font-weight: 950; color:#0f172a; margin-bottom: 4px; font-size: 14px; }
    .mini-desc{ color:#4b5563; font-weight: 650; font-size: 13px; line-height: 1.5; }

    .hero-right{
      position:relative;
      padding-top: 10px;
      min-height: 460px;
    }
    .glass-panel{
      background: rgba(255,255,255,.76);
      border: 1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      box-shadow: 0 30px 90px rgba(255,106,43,.16);
      padding: 18px;
      position:relative;
      overflow:hidden;
      transform: translateZ(0);
    }
    .glass-panel:before{
      content:"";
      position:absolute;
      inset:-2px;
      background: radial-gradient(400px 240px at 10% 20%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%),
                  radial-gradient(420px 260px at 90% 0%, rgba(255,138,61,.16), rgba(255,138,61,0) 60%);
      pointer-events:none;
      z-index:0;
    }
    .glass-panel > *{ position:relative; z-index:1; }

    .panel-head{
      display:flex;
      align-items:flex-start;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 12px;
    }
    .panel-title{
      font-weight: 980;
      color:#0f172a;
      letter-spacing:-.2px;
      font-size: 16px;
    }
    .panel-pill{
      font-weight: 900;
      font-size: 12px;
      color:#8a3b20;
      background: rgba(255,106,43,.10);
      border: 1px solid rgba(255,106,43,.20);
      padding: 7px 10px;
      border-radius: 999px;
      white-space: nowrap;
    }
    .metrics-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-bottom: 14px;
    }
    .metric-card{
      background: #ffffffcc;
      border: 1px solid rgba(15,23,42,.10);
      border-radius: 16px;
      padding: 12px 12px;
      transition: transform .15s ease, box-shadow .15s ease;
      box-shadow: 0 12px 30px rgba(12,18,28,.06);
    }
    .metric-card:hover{ transform: translateY(-2px); box-shadow: 0 18px 45px rgba(12,18,28,.10); }
    .metric-value{
      font-weight: 980;
      color:#0f172a;
      font-size: 15px;
      margin-bottom: 5px;
    }
    .metric-label{
      color:#4b5563;
      font-weight: 650;
      font-size: 12.5px;
      line-height: 1.45;
    }
    .panel-row{
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 12px;
    }
    .panel-foot{
      display:flex;
      gap: 10px;
      align-items:flex-start;
      padding-top: 10px;
      border-top: 1px solid rgba(15,23,42,.08);
    }
    .signal{
      width: 10px; height: 10px;
      border-radius: 50%;
      background: var(--accent-grad);
      box-shadow: 0 0 0 7px rgba(255,106,43,.12);
      margin-top: 6px;
    }
    .panel-foot-text{
      color:#4b5563;
      font-weight: 650;
      font-size: 13px;
      line-height: 1.6;
    }
    .pulse-track{
      position:absolute;
      left:-30px; right:-30px; bottom:-120px;
      height: 280px;
      background: radial-gradient(closest-side, rgba(255,106,43,.18), rgba(255,106,43,0) 70%);
      filter: blur(2px);
      opacity: .9;
      pointer-events:none;
      animation: floatGlow 6s ease-in-out infinite;
    }
    @keyframes floatGlow{
      0%,100%{ transform: translateY(0); opacity:.85; }
      50%{ transform: translateY(-10px); opacity:1; }
    }

    .section{
      padding: 64px 0;
    }
    .section-accent{ background: var(--grad2); }
    .section-soft{ background: #ffffff; }
    .section-soft2{ background: #fff7f3; }
    .section-accent2{ background: linear-gradient(180deg, #ffffff 0%, #fff7f3 100%); }
    .section-aiwiki{ background: #ffffff; }
    .section-compare{ background: radial-gradient(800px 440px at 15% 0%, rgba(255,106,43,.16), rgba(255,106,43,0) 55%),
                               linear-gradient(180deg, #ffffff 0%, #fff7f3 100%); }
    .section-token{ background: radial-gradient(900px 460px at 70% 10%, rgba(255,106,43,.16), rgba(255,106,43,0) 58%),
                             linear-gradient(180deg, #fff7f3 0%, #ffffff 100%); }
    .section-reviews{ background: #ffffff; }
    .section-contact{ background: linear-gradient(180deg, #ffffff 0%, #fff7f3 100%); }
    .section-join{ background: radial-gradient(900px 460px at 10% 20%, rgba(255,106,43,.14), rgba(255,106,43,0) 55%), #ffffff; }

    .section-head{
      display:flex;
      flex-direction: column;
      gap: 10px;
      margin-bottom: 22px;
    }
    .section-title{
      margin:0;
      font-size: 28px;
      letter-spacing:-.4px;
      font-weight: 980;
      color:#0f172a;
    }
    .section-desc{
      margin:0;
      color:#4b5563;
      line-height: 1.7;
      font-weight: 650;
      max-width: 820px;
    }

    .about-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .about-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: var(--radius);
      padding: 18px;
      box-shadow: 0 16px 40px rgba(12,18,28,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      position:relative;
      overflow:hidden;
    }
    .about-card:before{
      content:"";
      position:absolute;
      inset:-2px;
      background: radial-gradient(380px 220px at 0% 0%, rgba(255,106,43,.14), rgba(255,106,43,0) 55%);
      opacity:.7;
      pointer-events:none;
    }
    .about-card > *{ position:relative; z-index:1; }
    .about-card:hover{
      transform: translateY(-4px);
      box-shadow: 0 22px 60px rgba(12,18,28,.10);
      border-color: rgba(255,106,43,.35);
    }
    .card-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.22);
      font-size: 20px;
      margin-bottom: 12px;
    }
    .card-title{ margin:0 0 8px; font-weight: 980; letter-spacing:-.2px; color:#0f172a; font-size: 16px; }
    .card-text{ margin:0 0 14px; color:#4b5563; font-weight: 650; line-height: 1.7; }
    .card-tags{ display:flex; flex-wrap: wrap; gap: 8px; }
    .tag{
      background: rgba(255,106,43,.08);
      border:1px solid rgba(255,106,43,.18);
      color:#7a2f1a;
      padding: 7px 10px;
      border-radius: 999px;
      font-weight: 850;
      font-size: 12.5px;
      white-space: nowrap;
    }

    .services-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    .service-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 18px;
      padding: 16px;
      box-shadow: 0 16px 44px rgba(12,18,28,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      overflow:hidden;
      position:relative;
      min-width: 0;
    }
    .service-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(420px 220px at 10% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.8;
    }
    .service-card > *{ position:relative; z-index:1; }
    .service-card:hover{
      transform: translateY(-4px);
      box-shadow: 0 24px 70px rgba(12,18,28,.11);
      border-color: rgba(255,106,43,.35);
    }
    .service-top{ display:flex; align-items:center; gap: 12px; margin-bottom: 8px; }
    .service-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.22);
      font-size: 20px;
      flex:0 0 auto;
    }
    .service-title{ margin:0; font-size: 16px; font-weight: 980; color:#0f172a; letter-spacing:-.2px; }
    .service-text{ margin:0 0 12px; color:#4b5563; font-weight: 650; line-height: 1.7; }
    .service-list{ display:flex; flex-direction: column; gap: 8px; }
    .service-li{
      color:#374151;
      font-weight: 680;
      font-size: 13px;
      display:flex; gap: 10px; align-items:flex-start;
    }
    .service-li span{ color:#1f2937; }

    .timeline-wrap{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      box-shadow: 0 18px 56px rgba(12,18,28,.08);
      padding: 18px;
      overflow:hidden;
      position:relative;
    }
    .timeline-wrap:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(650px 260px at 20% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%),
                  radial-gradient(520px 240px at 90% 20%, rgba(255,138,61,.12), rgba(255,138,61,0) 58%);
      pointer-events:none;
      opacity:.9;
    }
    .timeline-wrap > *{ position:relative; z-index:1; }

    .timeline-row{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    .titem{
      background: rgba(255,255,255,.75);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 18px;
      padding: 14px;
      transition: transform .18s ease, border-color .18s ease;
      min-width:0;
    }
    .titem:hover{ transform: translateY(-3px); border-color: rgba(255,106,43,.35); }
    .tno{
      font-weight: 980;
      color:#8a3b20;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      width: 44px; height: 30px;
      display:flex; align-items:center; justify-content:center;
      border-radius: 999px;
      margin-bottom: 10px;
      font-size: 13px;
      letter-spacing:.3px;
    }
    .t-title{ margin:0 0 6px; font-weight: 980; color:#0f172a; font-size: 15px; letter-spacing:-.2px; }
    .t-desc{ margin:0; color:#4b5563; font-weight: 650; line-height: 1.7; font-size: 13.2px; }

    .timeline-cta{
      display:flex; justify-content:flex-end;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 14px;
      border-top: 1px solid rgba(15,23,42,.08);
      padding-top: 14px;
    }

    .solutions-grid{
      display:grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
    }
    .sol-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 20px;
      padding: 18px;
      box-shadow: 0 18px 50px rgba(12,18,28,.06);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      position:relative;
      overflow:hidden;
    }
    .sol-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(520px 220px at 0% 0%, rgba(255,106,43,.16), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.9;
    }
    .sol-card > *{ position:relative; z-index:1; }
    .sol-card:hover{
      transform: translateY(-4px);
      box-shadow: 0 26px 74px rgba(12,18,28,.10);
      border-color: rgba(255,106,43,.35);
    }
    .sol-title-row{
      display:flex; align-items:center; justify-content:space-between; gap: 10px;
      margin-bottom: 10px;
    }
    .sol-title{ margin:0; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .sol-chip{
      font-weight: 950;
      font-size: 12px;
      color:#7a2f1a;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      padding: 7px 10px;
      border-radius: 999px;
      white-space: nowrap;
    }
    .sol-text{ margin:0 0 14px; color:#4b5563; font-weight: 650; line-height: 1.7; }
    .sol-foot{ display:flex; justify-content:flex-start; }

    .network-grid{
      display:grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 14px;
      align-items:stretch;
    }
    .network-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .network-top{
      display:flex; align-items:center; gap: 12px;
      margin-bottom: 10px;
    }
    .network-icon{
      width: 44px; height: 44px; border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.22);
      font-size: 20px;
      flex:0 0 auto;
    }
    .network-title{ margin:0; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .network-text{ margin:0 0 14px; color:#4b5563; font-weight: 650; line-height: 1.7; }
    .network-stats{ display:grid; grid-template-columns: 1fr; gap: 10px; }
    .netstat{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 16px;
      padding: 12px 12px;
    }
    .netn{ font-weight: 950; color:#0f172a; margin-bottom: 4px; }
    .nett{ color:#4b5563; font-weight: 650; font-size: 13px; line-height: 1.6; }

    .map-like{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      position:relative;
      overflow:hidden;
    }
    .map-like:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(700px 320px at 10% 10%, rgba(255,106,43,.18), rgba(255,106,43,0) 58%);
      pointer-events:none;
      opacity:.9;
    }
    .map-like > *{ position:relative; z-index:1; }

    .map-head{ display:flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
    .map-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .map-sub{ color:#4b5563; font-weight: 650; }
    .map-body{
      background: rgba(255,255,255,.76);
      border:1px solid rgba(15,23,42,.08);
      border-radius: 20px;
      padding: 14px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      align-items:center;
    }
    .map-nodes{
      height: 210px;
      border-radius: 18px;
      border:1px dashed rgba(15,23,42,.14);
      background: linear-gradient(180deg, rgba(255,106,43,.06), rgba(255,255,255,.0));
      position:relative;
      overflow:hidden;
    }
    .node{
      position:absolute;
      width: 10px; height: 10px;
      border-radius: 50%;
      background: var(--accent-grad);
      box-shadow: 0 0 0 8px rgba(255,106,43,.12);
      opacity:.95;
      animation: nodePulse 2.8s ease-in-out infinite;
    }
    .n1{ left: 12%; top: 18%; }
    .n2{ left: 28%; top: 45%; animation-delay: .2s; }
    .n3{ left: 54%; top: 26%; animation-delay: .4s; }
    .n4{ left: 68%; top: 58%; animation-delay: .6s; }
    .n5{ left: 40%; top: 70%; animation-delay: .8s; }
    .n6{ left: 82%; top: 22%; animation-delay: 1s; }
    @keyframes nodePulse{
      0%,100%{ transform: scale(1); opacity:.92; }
      50%{ transform: scale(1.22); opacity:1; }
    }
    .map-steps{
      display:flex;
      flex-direction: column;
      gap: 10px;
      padding: 2px 0;
    }
    .map-step{
      display:flex; gap: 10px; align-items:flex-start;
      padding: 10px 10px;
      border-radius: 16px;
      border:1px solid rgba(15,23,42,.08);
      background: rgba(255,255,255,.75);
    }
    .ms-no{
      width: 28px; height: 28px;
      border-radius: 12px;
      display:flex; align-items:center; justify-content:center;
      font-weight: 980;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      color:#8a3b20;
      flex:0 0 auto;
    }
    .ms-text{ font-weight: 750; color:#111827; line-height: 1.5; font-size: 13.5px; }

    .map-foot{
      display:flex; justify-content: flex-start; gap: 10px; flex-wrap: wrap;
      margin-top: 12px;
    }

    .process-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items:start;
    }
    .proc-left{ display:flex; flex-direction: column; gap: 12px; }
    .proc-right{ display:flex; flex-direction: column; gap: 12px; }

    .proc-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      position:relative;
      overflow:hidden;
    }
    .proc-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(700px 280px at 0% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.9;
    }
    .proc-card > *{ position:relative; z-index:1; }
    .proc-card2:before{
      background: radial-gradient(700px 280px at 80% 0%, rgba(255,138,61,.14), rgba(255,138,61,0) 55%);
    }
    .proc-title{ margin:0 0 8px; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .proc-text{ margin:0 0 14px; color:#4b5563; font-weight: 650; line-height: 1.7; }
    .proc-bullets{ display:flex; flex-direction: column; gap: 10px; }
    .pbul{
      display:flex; gap: 10px; align-items:flex-start;
      font-weight: 720;
      color:#374151;
      font-size: 13.5px;
    }

    .proc-pillrow{ display:flex; flex-wrap: wrap; gap: 8px; }
    .pill{
      background: rgba(255,106,43,.08);
      border:1px solid rgba(255,106,43,.18);
      color:#7a2f1a;
      padding: 8px 10px;
      border-radius: 999px;
      font-weight: 900;
      font-size: 12.5px;
    }

    .proc-steps{
      display:flex; flex-direction: column; gap: 10px;
    }
    .step-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 20px;
      padding: 14px;
      box-shadow: 0 16px 44px rgba(12,18,28,.06);
      transition: transform .18s ease, border-color .18s ease;
    }
    .step-card:hover{ transform: translateY(-3px); border-color: rgba(255,106,43,.35); }
    .step-top{ display:flex; align-items:center; gap: 12px; margin-bottom: 6px; }
    .step-num{
      width: 40px; height: 30px;
      border-radius: 999px;
      display:flex; align-items:center; justify-content:center;
      font-weight: 980;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      color:#8a3b20;
      flex:0 0 auto;
      font-size: 13px;
    }
    .step-title{ margin:0; font-size: 15.5px; font-weight: 980; color:#0f172a; letter-spacing:-.2px; }
    .step-text{ margin:0; color:#4b5563; font-weight: 650; line-height: 1.7; font-size: 13.5px; }
    .proc-right-cta{
      display:flex; gap: 12px; flex-wrap: wrap;
      justify-content:flex-start;
      margin-top: 2px;
    }

    .cases-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items:stretch;
    }
    .case-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      overflow:hidden;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      display:flex;
      flex-direction: column;
    }
    .case-card:hover{
      transform: translateY(-4px);
      border-color: rgba(255,106,43,.35);
      box-shadow: 0 26px 80px rgba(12,18,28,.12);
    }
    .case-card-wide{ grid-column: 1 / -1; }
    .case-imgwrap{
      padding: 14px;
      background: linear-gradient(180deg, rgba(255,106,43,.10), rgba(255,255,255,0));
    }
    .case-img{
      width: 100%;
      max-width: 100%;
      height: auto;
      display:block;
      border-radius: 16px;
      border:1px solid rgba(15,23,42,.08);
      background: #fff;
    }
    .case-body{
      padding: 16px 16px 18px;
      display:flex; flex-direction: column; gap: 10px;
    }
    .case-title{
      margin:0;
      font-weight: 980;
      letter-spacing:-.2px;
      color:#0f172a;
      font-size: 16px;
    }
    .case-desc{
      margin:0;
      color:#4b5563;
      font-weight: 650;
      line-height: 1.7;
      font-size: 13.6px;
    }
    .case-meta{ display:flex; flex-wrap: wrap; gap: 8px; }
    .meta-item{
      font-weight: 850;
      font-size: 12.5px;
      color:#7a2f1a;
      background: rgba(255,106,43,.08);
      border:1px solid rgba(255,106,43,.18);
      padding: 7px 10px;
      border-radius: 999px;
      white-space: nowrap;
    }
    .case-cta{ margin-top: 2px; display:flex; align-items:center; justify-content:flex-start; }
    .case-primary{ width: fit-content; }

    .compare-top{
      display:grid;
      grid-template-columns: 0.95fr 1.05fr;
      gap: 14px;
      align-items: start;
      margin-bottom: 14px;
    }
    .rating-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      padding: 18px;
      position:relative;
      overflow:hidden;
    }
    .rating-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(700px 280px at 10% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.95;
    }
    .rating-card > *{ position:relative; z-index:1; }
    .rating-title{ font-weight: 980; color:#0f172a; font-size: 16px; margin-bottom: 12px; }
    .rating-score{ display:flex; align-items: center; gap: 12px; margin-bottom: 10px; }
    .stars{ font-size: 20px; letter-spacing:2px; color:#ff6a2b; }
    .score-text{ font-weight: 980; color:#0f172a; }
    .rating-bottom{
      display:flex; gap: 12px; align-items:center; flex-wrap: wrap;
      border-top: 1px solid rgba(15,23,42,.08);
      padding-top: 12px;
    }
    .score-badge{
      font-weight: 980;
      padding: 10px 14px;
      border-radius: 16px;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.20);
      color:#8a3b20;
      letter-spacing:.2px;
    }
    .rating-desc{ color:#4b5563; font-weight: 650; line-height: 1.6; }

    .compare-note{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .note-title{ font-weight: 980; color:#0f172a; font-size: 16px; margin-bottom: 10px; letter-spacing:-.2px; }
    .note-list{ display:flex; flex-direction: column; gap: 10px; }
    .note-li{
      display:flex; gap: 10px; align-items:flex-start;
      color:#374151;
      font-weight: 700;
      line-height: 1.6;
      font-size: 13.6px;
    }
    .note-li span{ color: #10b981; font-weight: 900; }

    .compare-table-wrap{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      padding: 18px;
    }
    .table-title{
      font-weight: 980;
      color:#0f172a;
      font-size: 16px;
      margin-bottom: 10px;
      letter-spacing:-.2px;
    }
    .table-scroll{ overflow:auto; border-radius: 18px; border:1px solid rgba(15,23,42,.08); }
    .compare-table{
      width: 100%;
      min-width: 740px;
      border-collapse: collapse;
      background: rgba(255,255,255,.78);
    }
    .compare-table th, .compare-table td{
      padding: 12px 12px;
      border-bottom: 1px solid rgba(15,23,42,.08);
      vertical-align: top;
      text-align:left;
      color:#374151;
      font-weight: 680;
      font-size: 13.5px;
      line-height: 1.6;
    }
    .compare-table thead th{
      position:sticky; top:0;
      background: rgba(255,247,244,.95);
      color:#0f172a;
      font-weight: 980;
      border-bottom: 1px solid rgba(15,23,42,.10);
      z-index:1;
    }
    .compare-table tbody tr:last-child td{ border-bottom:none; }
    .table-actions{
      display:flex;
      gap: 12px;
      flex-wrap: wrap;
      justify-content:flex-end;
      margin-top: 14px;
      padding-top: 14px;
      border-top: 1px solid rgba(15,23,42,.08);
    }

    .match-grid{
      display:grid;
      grid-template-columns: 1.02fr .98fr;
      gap: 14px;
      align-items:start;
    }
    .match-info .info-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      overflow:hidden;
      position:relative;
    }
    .match-info .info-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(720px 300px at 10% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.95;
    }
    .match-info .info-card > *{ position:relative; z-index:1; }
    .info-title{ margin:0 0 12px; font-weight: 980; color:#0f172a; font-size: 16px; letter-spacing:-.2px; }
    .info-steps{ display:flex; flex-direction: column; gap: 12px; }
    .info-step{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px;
      background: rgba(255,255,255,.78);
      border:1px solid rgba(15,23,42,.08);
      border-radius: 18px;
    }
    .i-bullet{
      width: 30px; height: 30px;
      border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      color:#8a3b20;
      font-weight: 980;
      flex:0 0 auto;
    }
    .i-title{ font-weight: 980; color:#0f172a; margin-bottom: 4px; }
    .i-desc{ color:#4b5563; font-weight: 650; line-height: 1.6; font-size: 13.3px; }

    .model-cloud{ margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(15,23,42,.08); }
    .cloud-title{ font-weight: 980; color:#0f172a; margin-bottom: 10px; font-size: 14.5px; }
    .cloud-tags{ display:flex; flex-wrap: wrap; gap: 8px; }
    .chip{
      font-weight: 900;
      font-size: 12.5px;
      color:#7a2f1a;
      background: rgba(255,106,43,.08);
      border:1px solid rgba(255,106,43,.18);
      padding: 7px 10px;
      border-radius: 999px;
      white-space: nowrap;
    }

    .match-form .form-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .form-head{ margin-bottom: 14px; }
    .form-title{ margin:0 0 6px; font-weight: 980; color:#0f172a; letter-spacing:-.2px; }
    .form-sub{ margin:0; color:#4b5563; font-weight: 650; line-height: 1.6; }
    .form-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .field{ display:flex; flex-direction: column; gap: 7px; }
    .field-full{ grid-column: 1 / -1; }
    .label{
      font-weight: 850;
      font-size: 13px;
      color:#374151;
    }
    input, select, textarea{
      width: 100%;
      border-radius: 14px;
      border:1px solid rgba(15,23,42,.12);
      padding: 12px 12px;
      font-size: 14px;
      font-weight: 650;
      color:#0f172a;
      background: rgba(255,255,255,.92);
      outline: none;
      transition: box-shadow .15s ease, border-color .15s ease, transform .15s ease;
    }
    textarea{ resize: vertical; min-height: 110px; }
    input:focus, select:focus, textarea:focus{
      border-color: rgba(255,106,43,.55);
      box-shadow: 0 0 0 4px rgba(255,106,43,.18);
    }
    .form-actions{
      grid-column: 1 / -1;
      display:flex; gap: 12px; flex-wrap: wrap;
      justify-content:flex-start;
      margin-top: 2px;
    }
    .form-foot{
      grid-column: 1 / -1;
      padding-top: 4px;
    }
    .fine{
      color:#6b7280;
      font-weight: 650;
      font-size: 12.5px;
      line-height: 1.5;
    }

    .match-form{ display:flex; flex-direction: column; gap: 12px; }
    .match-side-cards{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .side-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .side-title{ font-weight: 980; color:#0f172a; font-size: 15px; margin-bottom: 8px; letter-spacing:-.2px; }
    .side-text{ color:#4b5563; font-weight: 650; line-height: 1.6; margin-bottom: 12px; font-size: 13.4px; }

    .token-grid{
      display:grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 14px;
      align-items:start;
    }
    .token-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      position:relative;
      overflow:hidden;
    }
    .token-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(720px 280px at 10% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.95;
    }
    .token-card > *{ position:relative; z-index:1; }
    .token-title-row{ display:flex; align-items:center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
    .token-title{ margin:0; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .token-pill{
      font-weight: 950;
      font-size: 12px;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      color:#8a3b20;
      padding: 7px 10px;
      border-radius: 999px;
      white-space: nowrap;
    }
    .token-text{ margin:0 0 14px; color:#4b5563; font-weight: 650; line-height: 1.7; }
    .token-points{ display:flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
    .tpoint{ display:flex; gap: 10px; align-items:flex-start; font-weight: 720; color:#374151; line-height: 1.6; font-size: 13.5px; }
    .tpoint span{ color:#10b981; font-weight: 900; }
    .token-cta{ display:flex; gap: 12px; flex-wrap: wrap; }

    .token-cards-right{
      display:flex;
      flex-direction: column;
      gap: 12px;
    }
    .card-shadow{
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .price-table{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .price-head{
      display:flex; justify-content: space-between; align-items:flex-start; gap: 12px;
      margin-bottom: 10px;
    }
    .price-title{ font-weight: 980; color:#0f172a; font-size: 16px; letter-spacing:-.2px; margin-bottom: 4px; }
    .price-sub{ color:#4b5563; font-weight: 650; }
    .price-badge{
      font-weight: 980;
      color:#8a3b20;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      padding: 8px 10px;
      border-radius: 999px;
      white-space: nowrap;
      font-size: 12px;
    }
    .price-scroll{ overflow:auto; border-radius: 18px; border:1px solid rgba(15,23,42,.08); background: rgba(255,255,255,.78); }
    .price-table-inner{
      width:100%;
      min-width: 640px;
      border-collapse: collapse;
    }
    .price-table-inner th, .price-table-inner td{
      padding: 12px 12px;
      border-bottom: 1px solid rgba(15,23,42,.08);
      vertical-align: top;
      text-align:left;
      color:#374151;
      font-weight: 680;
      font-size: 13.5px;
      line-height: 1.6;
    }
    .price-table-inner thead th{
      background: rgba(255,247,244,.95);
      color:#0f172a;
      font-weight: 980;
    }
    .price-table-inner tbody tr:last-child td{ border-bottom:none; }
    .price-foot{ margin-top: 10px; }

    .token-fastcard{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      position:relative;
      overflow:hidden;
    }
    .token-fastcard:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(720px 280px at 80% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.95;
    }
    .token-fastcard > *{ position:relative; z-index:1; }
    .fast-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; margin-bottom: 8px; }
    .fast-text{ margin:0 0 14px; color:#4b5563; font-weight: 650; line-height: 1.7; }
    .fast-actions{ display:flex; gap: 12px; flex-wrap: wrap; }

    .train-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items:start;
    }
    .train-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      position:relative;
      overflow:hidden;
    }
    .train-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(780px 320px at 10% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.95;
    }
    .train-card > *{ position:relative; z-index:1; }
    .train-title{ margin:0 0 12px; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .train-list{ display:flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
    .train-li{
      display:flex; gap: 10px; align-items:flex-start;
      background: rgba(255,255,255,.78);
      border:1px solid rgba(15,23,42,.08);
      padding: 12px;
      border-radius: 18px;
      font-weight: 760;
      color:#374151;
      line-height: 1.6;
      font-size: 13.6px;
    }
    .train-foot{ display:flex; gap: 12px; flex-wrap: wrap; }

    .train-steps-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .train-steps-title{ margin:0 0 12px; font-weight: 980; color:#0f172a; font-size: 16px; letter-spacing:-.2px; }
    .train-steps{ display:flex; flex-direction: column; gap: 12px; }
    .trstep{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px;
      background: rgba(255,255,255,.78);
      border:1px solid rgba(15,23,42,.08);
      border-radius: 18px;
    }
    .trno{
      width: 34px; height: 34px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      color:#8a3b20;
      font-weight: 980;
      flex:0 0 auto;
    }
    .trtitle{ font-weight: 980; color:#0f172a; margin-bottom: 4px; }
    .trdesc{ color:#4b5563; font-weight: 650; line-height: 1.6; font-size: 13.4px; }

    .platform-intro{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      position:relative;
      overflow:hidden;
    }
    .platform-intro:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(820px 340px at 10% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.95;
    }
    .platform-intro > *{ position:relative; z-index:1; }

    .platform-head{ margin-bottom: 14px; }
    .platform-title{ margin:0 0 6px; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .platform-sub{ margin:0; color:#4b5563; font-weight: 650; line-height: 1.6; }
    .platform-grid{
      display:grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 12px;
      margin-bottom: 14px;
    }
    .cap-card{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(15,23,42,.08);
      border-radius: 20px;
      padding: 14px;
      transition: transform .18s ease, border-color .18s ease;
      min-width:0;
    }
    .cap-card:hover{ transform: translateY(-3px); border-color: rgba(255,106,43,.35); }
    .cap-ico{
      width: 40px; height: 40px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      font-size: 18px;
      margin-bottom: 10px;
    }
    .cap-title{ margin:0 0 6px; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 14.5px; }
    .cap-text{ margin:0; color:#4b5563; font-weight: 650; line-height: 1.6; font-size: 13.2px; }

    .platform-actions{ display:flex; gap: 12px; flex-wrap: wrap; justify-content:flex-start; }

    .train-testimonial{
      margin-top: 12px;
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .tq-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; margin-bottom: 8px; }
    .tq-desc{ color:#4b5563; font-weight: 650; line-height: 1.7; margin-bottom: 12px; }
    .tq-tags{ display:flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }

    .section-aiwiki .wiki-grid,
    .help-grid,
    .wiki-cta,
    .help-cta,
    .news-grid,
    .reviews-grid,
    .contact-grid,
    .join-grid,
    .faq-grid,
    .token-grid,
    .compare-top { }

    .help-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items:start;
    }
    .help-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .help-title{ margin:0 0 12px; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .help-links{ display:flex; flex-direction: column; gap: 10px; }
    .help-link{
      text-decoration:none;
      color:#0f172a;
      font-weight: 820;
      padding: 12px 12px;
      border-radius: 16px;
      border:1px solid rgba(15,23,42,.10);
      background: rgba(255,106,43,.04);
      transition: transform .15s ease, border-color .15s ease, background .15s ease;
    }
    .help-link:hover{ transform: translateY(-2px); border-color: rgba(255,106,43,.45); background: rgba(255,106,43,.10); }
    .help-steps{ display:flex; flex-direction: column; gap: 12px; }
    .hstep{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px;
      background: rgba(255,255,255,.78);
      border:1px solid rgba(15,23,42,.08);
      border-radius: 18px;
    }
    .hno{
      width: 30px; height: 30px;
      border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      color:#8a3b20;
      font-weight: 980;
      flex:0 0 auto;
    }
    .htitle{ font-weight: 980; color:#0f172a; margin-bottom: 4px; }
    .hdesc{ color:#4b5563; font-weight: 650; line-height: 1.6; font-size: 13.4px; }
    .help-cta{ display:flex; gap: 12px; flex-wrap: wrap; margin-top: 14px; }

    .faq-grid{
      display:grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 14px;
      align-items:start;
    }
    .faq-left{ display:flex; flex-direction: column; gap: 12px; }
    .faq-highlight{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      position:relative;
      overflow:hidden;
    }
    .faq-highlight:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(780px 320px at 10% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.95;
    }
    .faq-highlight > *{ position:relative; z-index:1; }
    .faq-h-title{ font-weight: 980; color:#0f172a; font-size: 16px; letter-spacing:-.2px; margin-bottom: 8px; }
    .faq-h-desc{ color:#4b5563; font-weight: 650; line-height: 1.7; margin-bottom: 12px; }
    .faq-contact{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 16px 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .contact-row{ display:flex; gap: 12px; align-items:flex-start; padding: 10px 0; border-bottom: 1px solid rgba(15,23,42,.08); }
    .contact-row:last-child{ border-bottom:none; }
    .contact-ico{
      width: 38px; height: 38px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      flex: 0 0 auto;
    }
    .contact-title{ font-weight: 980; color:#0f172a; font-size: 14px; margin-bottom: 4px; }
    .contact-link{
      color:#111827;
      font-weight: 900;
      text-decoration:none;
      border-bottom: 1px dashed rgba(255,106,43,.35);
    }
    .contact-link:hover{ border-bottom-style: solid; }
    .contact-sub{ color:#4b5563; font-weight: 650; line-height: 1.6; }

    .faq-list{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 8px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .faq-item{
      width:100%;
      text-align:left;
      background: transparent;
      border:1px solid rgba(15,23,42,.08);
      border-radius: 18px;
      padding: 12px 12px;
      margin: 8px 0;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 10px;
      transition: border-color .15s ease, transform .15s ease, background .15s ease;
    }
    .faq-item:hover{ border-color: rgba(255,106,43,.45); transform: translateY(-2px); background: rgba(255,106,43,.05); }
    .faq-q{
      font-weight: 950;
      color:#0f172a;
      font-size: 14.2px;
      letter-spacing:-.1px;
      line-height: 1.5;
    }
    .faq-icon{
      width: 34px; height: 34px;
      border-radius: 14px;
      border:1px solid rgba(15,23,42,.10);
      background: rgba(255,255,255,.8);
      position:relative;
      flex:0 0 auto;
    }
    .faq-icon:before, .faq-icon:after{
      content:"";
      position:absolute;
      left: 50%; top: 50%;
      width: 14px; height: 2px;
      background: rgba(15,23,42,.70);
      border-radius: 2px;
      transform: translate(-50%, -50%);
      transition: transform .18s ease;
    }
    .faq-icon:after{
      transform: translate(-50%, -50%) rotate(90deg);
      transform-origin: center;
    }
    .faq-item[aria-expanded="true"] .faq-icon:after{
      transform: translate(-50%, -50%) rotate(0deg);
    }
    .faq-a{
      max-height: 0px;
      overflow:hidden;
      opacity: 0;
      transition: max-height .24s ease, opacity .22s ease;
      padding: 0 12px;
    }
    .faq-a p{
      margin: 0 0 12px;
      color:#4b5563;
      font-weight: 650;
      line-height: 1.7;
      font-size: 13.6px;
    }
    .faq-a .fine{ margin-top: 8px; }

    .aiwiki .wiki-grid{ }

    .wiki-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    .wiki-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      transition: transform .18s ease, border-color .18s ease;
      min-width:0;
      position:relative;
      overflow:hidden;
    }
    .wiki-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(700px 280px at 0% 0%, rgba(255,106,43,.16), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.9;
    }
    .wiki-card > *{ position:relative; z-index:1; }
    .wiki-card:hover{ transform: translateY(-4px); border-color: rgba(255,106,43,.35); }
    .wiki-title{ margin:0 0 8px; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 15.5px; }
    .wiki-text{ margin:0 0 12px; color:#4b5563; font-weight: 650; line-height: 1.7; font-size: 13.4px; }
    .wiki-marks{ display:flex; flex-wrap: wrap; gap: 8px; }
    .mark{
      font-weight: 900;
      font-size: 12.5px;
      color:#7a2f1a;
      background: rgba(255,106,43,.08);
      border:1px solid rgba(255,106,43,.18);
      padding: 7px 10px;
      border-radius: 999px;
      white-space: nowrap;
    }
    .wiki-cta{
      margin-top: 14px;
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 14px;
    }
    .wiki-cta-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; margin-bottom: 6px; }
    .wiki-cta-desc{ color:#4b5563; font-weight: 650; line-height: 1.7; }

    .news-grid{
      display:grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 14px;
      align-items:start;
    }
    .news-card, .aside-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .news-head-row{
      display:flex; align-items:center; justify-content: space-between; gap: 12px;
      margin-bottom: 10px;
    }
    .news-title{ margin:0; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .news-list{
      list-style:none;
      padding:0; margin:0;
      display:flex; flex-direction: column; gap: 10px;
    }
    .news-list li a{
      text-decoration:none;
      color:#0f172a;
      font-weight: 780;
      border-bottom: 1px dashed rgba(255,106,43,.35);
      padding-bottom: 2px;
      display:inline-block;
      line-height: 1.5;
    }
    .news-list li a:hover{
      border-bottom-style: solid;
      color:#111827;
      transform: translateY(-1px);
    }

    .aside-card{ padding: 16px 18px; }
    .aside-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; margin-bottom: 10px; }
    .aside-links{
      display:flex; flex-direction: column; gap: 10px;
    }
    .aside-links a{
      text-decoration:none;
      color:#111827;
      font-weight: 820;
      padding: 10px 12px;
      border-radius: 16px;
      border:1px solid rgba(15,23,42,.10);
      background: rgba(255,106,43,.04);
      transition: transform .15s ease, border-color .15s ease, background .15s ease;
    }
    .aside-links a:hover{ transform: translateY(-2px); border-color: rgba(255,106,43,.45); background: rgba(255,106,43,.10); }
    .aside-foot{ margin-top: 14px; display:flex; justify-content:flex-start; }
    .aside-quote .quote-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; margin-bottom: 10px; }
    .aside-quote .quote-text{ color:#4b5563; font-weight: 650; line-height: 1.7; margin-bottom: 12px; }

    .reviews-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .review-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 16px 16px 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      transition: transform .18s ease, border-color .18s ease;
      position:relative;
      overflow:hidden;
      min-width:0;
    }
    .review-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(650px 260px at 0% 0%, rgba(255,106,43,.16), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.9;
    }
    .review-card > *{ position:relative; z-index:1; }
    .review-card:hover{ transform: translateY(-4px); border-color: rgba(255,106,43,.35); }
    .review-top{ display:flex; align-items:flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
    .avatar{
      width: 44px; height: 44px;
      border-radius: 18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.20);
      font-weight: 980;
      color:#8a3b20;
      flex:0 0 auto;
      font-size: 16px;
    }
    .review-person{ flex:1; min-width:0; }
    .review-name{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 14.5px; margin-bottom: 4px; }
    .review-role{ color:#4b5563; font-weight: 650; font-size: 13px; line-height: 1.4; }
    .review-stars{ color:#ff6a2b; font-size: 16px; letter-spacing:1px; }
    .review-text{ color:#4b5563; font-weight: 650; line-height: 1.7; }

    .contact-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items:start;
    }
    .contact-left, .contact-right{ display:flex; flex-direction: column; gap: 12px; }
    .contact-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      overflow:hidden;
      position:relative;
    }
    .contact-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(820px 340px at 10% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.95;
    }
    .contact-card > *{ position:relative; z-index:1; }

    .contact-title-row{ display:flex; align-items:center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
    .contact-title{ margin:0; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .contact-pill{
      font-weight: 980;
      font-size: 12px;
      color:#8a3b20;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      padding: 8px 10px;
      border-radius: 999px;
      white-space: nowrap;
    }

    .contact-lines{ display:flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
    .cl{ display:flex; gap: 12px; align-items:flex-start; padding: 10px 0; border-bottom: 1px solid rgba(15,23,42,.08); }
    .cl:last-child{ border-bottom:none; }
    .cl-ico{
      width: 40px; height: 40px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      flex:0 0 auto;
    }
    .cl-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 14px; margin-bottom: 4px; }
    .cl-link{
      color:#111827;
      text-decoration:none;
      font-weight: 900;
      border-bottom: 1px dashed rgba(255,106,43,.35);
      display:inline-block;
    }
    .cl-link:hover{ border-bottom-style: solid; }
    .cl-value{ color:#4b5563; font-weight: 750; }
    .qr-row{
      display:grid;
      grid-template-columns: 110px 1fr;
      gap: 14px;
      align-items:center;
      padding-top: 14px;
      border-top: 1px solid rgba(15,23,42,.08);
    }
    .qr-wrap{
      width: 110px; height: 110px;
      border-radius: 22px;
      border:1px solid rgba(15,23,42,.10);
      background: rgba(255,255,255,.9);
      display:flex; align-items:center; justify-content:center;
      overflow:hidden;
    }
    .qr-img{ width: 100%; height: auto; display:block; }
    .qr-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 15px; margin-bottom: 6px; }
    .qr-desc{ color:#4b5563; font-weight: 650; line-height: 1.6; margin-bottom: 12px; }
    .qr-actions{ display:flex; gap: 10px; flex-wrap: wrap; }

    .contact-mini-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .mini-tip{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .mini-tip-ico{
      width: 42px; height: 42px;
      border-radius: 18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      margin-bottom: 10px;
      font-size: 18px;
    }
    .mini-tip-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; margin-bottom: 6px; }
    .mini-tip-desc{ color:#4b5563; font-weight: 650; line-height: 1.7; font-size: 13.5px; }

    .contact-form-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }

    .banner-strip{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      padding: 14px;
      overflow:hidden;
    }
    .banner-strip-inner{
      background: linear-gradient(135deg, rgba(255,106,43,.10), rgba(255,255,255,.0));
      border-radius: 18px;
      padding: 14px;
      border: 1px solid rgba(255,106,43,.18);
    }
    .strip-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; margin-bottom: 12px; }
    .strip-images{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      align-items:stretch;
    }
    .strip-img{
      width:100%;
      height:auto;
      display:block;
      border-radius: 16px;
      border:1px solid rgba(15,23,42,.08);
      background:#fff;
    }

    .join-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items:start;
    }
    .join-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      position:relative;
      overflow:hidden;
    }
    .join-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(860px 360px at 10% 0%, rgba(255,106,43,.18), rgba(255,106,43,0) 55%);
      pointer-events:none;
      opacity:.95;
    }
    .join-card > *{ position:relative; z-index:1; }
    .join-title{ margin:0 0 12px; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .join-bullets{ display:flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
    .jli{
      display:flex; gap: 10px; align-items:flex-start;
      padding: 12px;
      border-radius: 18px;
      border:1px solid rgba(15,23,42,.08);
      background: rgba(255,255,255,.78);
      font-weight: 750;
      color:#374151;
      line-height: 1.6;
      font-size: 13.6px;
    }
    .join-actions{ display:flex; gap: 12px; flex-wrap: wrap; }

    .join-right{ display:flex; flex-direction: column; gap: 12px; }
    .join-steps-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .join-steps-title{ margin:0 0 12px; font-weight: 980; color:#0f172a; letter-spacing:-.2px; font-size: 16px; }
    .join-steps{ display:flex; flex-direction: column; gap: 12px; }
    .jstep{
      display:flex; gap: 12px; align-items:flex-start;
      background: rgba(255,255,255,.78);
      border:1px solid rgba(15,23,42,.08);
      border-radius: 18px;
      padding: 12px;
    }
    .jno{
      width: 44px; height: 34px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.10);
      border:1px solid rgba(255,106,43,.18);
      color:#8a3b20;
      font-weight: 980;
      flex:0 0 auto;
      font-size: 13px;
    }
    .jtitle{ font-weight: 980; color:#0f172a; margin-bottom: 4px; }
    .jdesc{ color:#4b5563; font-weight: 650; line-height: 1.6; font-size: 13.4px; }

    .join-cta-mini{
      margin-top: 14px;
      padding-top: 14px;
      border-top: 1px solid rgba(15,23,42,.08);
      display:flex; flex-direction: column; gap: 10px;
    }
    .mini-line{ color:#4b5563; font-weight: 650; line-height: 1.6; }
    .mini-line-actions{ display:flex; gap: 10px; flex-wrap: wrap; }

    .join-network-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .join-network-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; margin-bottom: 10px; font-size: 16px; }
    .join-network-links{ display:flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
    .join-network-links a{
      text-decoration:none;
      color:#111827;
      font-weight: 820;
      padding: 10px 12px;
      border-radius: 16px;
      border:1px solid rgba(15,23,42,.10);
      background: rgba(255,106,43,.04);
      transition: transform .15s ease, border-color .15s ease, background .15s ease;
    }
    .join-network-links a:hover{ transform: translateY(-2px); border-color: rgba(255,106,43,.45); background: rgba(255,106,43,.10); }
    .join-network-foot{ display:flex; justify-content:flex-start; }

    .footer-links{
      padding: 50px 0 0;
    }
    .footer-quick{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
      display:flex;
      align-items:flex-start;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 14px;
    }
    .quick-title{
      margin:0 0 8px;
      font-weight: 980;
      color:#0f172a;
      letter-spacing:-.2px;
      font-size: 18px;
      line-height: 1.35;
    }
    .quick-desc{ margin:0; color:#4b5563; font-weight: 650; line-height: 1.7; max-width: 760px; }
    .quick-right{ display:flex; gap: 12px; flex-wrap: wrap; justify-content:flex-end; }

    .friend-grid{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(15,23,42,.10);
      border-radius: 22px;
      padding: 18px;
      box-shadow: 0 18px 56px rgba(12,18,28,.07);
    }
    .friend-title{ font-weight: 980; color:#0f172a; letter-spacing:-.2px; margin-bottom: 12px; font-size: 16px; }
    .friend-links{
      display:flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .friend-links a{
      text-decoration:none;
      color:#111827;
      font-weight: 850;
      border:1px solid rgba(15,23,42,.10);
      background: rgba(255,106,43,.04);
      padding: 10px 12px;
      border-radius: 16px;
      transition: transform .15s ease, border-color .15s ease, background .15s ease;
    }
    .friend-links a:hover{ transform: translateY(-2px); border-color: rgba(255,106,43,.45); background: rgba(255,106,43,.10); }

    .site-footer{
      margin-top: 18px;
      background: #0b1220;
      color: #e5e7eb;
      border-top: 1px solid rgba(255,255,255,.08);
    }
    .footer-container{ padding: 36px 0 22px; }
    .footer-top{
      display:grid;
      grid-template-columns: 1.05fr .75fr .75fr;
      gap: 14px;
      align-items:start;
      padding-bottom: 18px;
      border-bottom: 1px solid rgba(255,255,255,.10);
    }
    .footer-brand{
      display:flex;
      align-items:flex-start;
      gap: 12px;
      margin-bottom: 10px;
    }
    .footer-logo{ width: 54px; height:auto; border-radius: 14px; border:1px solid rgba(255,255,255,.14); background:#fff; padding: 6px; }
    .footer-name{ font-weight: 980; letter-spacing:-.2px; color:#ffffff; font-size: 16px; margin-bottom: 4px; }
    .footer-company{ color:#cbd5e1; font-weight: 700; font-size: 13.5px; line-height: 1.4; }
    .footer-desc{
      margin: 0 0 14px;
      color:#cbd5e1;
      font-weight: 650;
      line-height: 1.7;
      font-size: 13.6px;
      max-width: 520px;
    }
    .footer-actions{ display:flex; gap: 12px; flex-wrap: wrap; }
    .footer-home{
      text-decoration:none;
      color:#ffffff;
      font-weight: 900;
      border:1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.06);
      padding: 10px 14px;
      border-radius: 16px;
    }
    .footer-cta{
      text-decoration:none;
      color:#0b1220;
      font-weight: 980;
      border:1px solid rgba(255,255,255,.0);
      background: var(--accent-grad);
      padding: 10px 14px;
      border-radius: 16px;
    }
    .footer-col-title{
      font-weight: 980;
      color:#ffffff;
      letter-spacing:-.2px;
      margin-bottom: 10px;
      font-size: 14.5px;
    }
    .footer-nav .footer-links-col{
      display:flex;
      flex-direction: column;
      gap: 10px;
    }
    .footer-nav .footer-links-col a,
    .footer-mini-links a{
      color:#cbd5e1;
      text-decoration:none;
      font-weight: 700;
      border-bottom: 1px dashed rgba(255,255,255,.16);
      width: fit-content;
      padding-bottom: 2px;
    }
    .footer-nav .footer-links-col a:hover,
    .footer-mini-links a:hover{ border-bottom-style: solid; color:#ffffff; }

    .footer-col-contacts{}
    .footer-contact-line{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 10px 0;
      border-bottom: 1px solid rgba(255,255,255,.10);
    }
    .footer-contact-line:last-child{ border-bottom:none; }
    .fc-ico{
      width: 42px; height: 42px;
      border-radius: 18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,106,43,.16);
      border: 1px solid rgba(255,106,43,.24);
      flex:0 0 auto;
    }
    .fc-title{ color:#ffffff; font-weight: 980; margin-bottom: 4px; font-size: 14px; }
    .fc-text{ flex:1; }
    .fc-link{
      color:#ffffff;
      text-decoration:none;
      font-weight: 900;
      border-bottom: 1px dashed rgba(255,255,255,.22);
      padding-bottom: 2px;
      display:inline-block;
    }
    .fc-link:hover{ border-bottom-style: solid; }
    .fc-value{ color:#cbd5e1; font-weight: 750; }
    .footer-mini-links{
      display:flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 14px;
    }
    .footer-mini-links a{
      color:#ffffff;
      border-bottom-color: rgba(255,255,255,.22);
    }

    .footer-bottom{
      display:flex; justify-content: space-between; align-items:center; gap: 12px;
      padding-top: 16px;
      color:#cbd5e1;
      font-weight: 650;
      font-size: 13px;
    }
    .copy-right{ display:flex; align-items:center; gap: 10px; flex-wrap: wrap; justify-content:flex-end; }
    .foot-link{
      color:#cbd5e1;
      text-decoration:none;
      border-bottom: 1px dashed rgba(255,255,255,.16);
      padding-bottom: 2px;
      font-weight: 750;
    }
    .foot-link:hover{ border-bottom-style: solid; color:#ffffff; }
    .dot{ opacity:.7; }

    .to-top{
      position:fixed;
      right: 18px;
      bottom: 88px;
      width: 44px; height: 44px;
      border-radius: 18px;
      border:1px solid rgba(15,23,42,.12);
      background: rgba(255,255,255,.92);
      box-shadow: 0 18px 50px rgba(12,18,28,.14);
      cursor:pointer;
      display:flex; align-items:center; justify-content:center;
      opacity:0; transform: translateY(10px);
      pointer-events:none;
      transition: opacity .2s ease, transform .2s ease;
      z-index: 200;
    }
    .to-top.show{ opacity:1; transform: translateY(0); pointer-events:auto; }
    .to-top span{ font-weight: 980; color:#0f172a; font-size: 18px; }

    .float-help{
      position:fixed;
      right: 18px;
      bottom: 22px;
      z-index: 210;
      border-radius: 18px;
      border:1px solid rgba(255,106,43,.30);
      background: rgba(255,255,255,.92);
      box-shadow: 0 22px 60px rgba(12,18,28,.14);
      padding: 12px 14px;
      display:flex; align-items:center; gap: 10px;
      cursor:pointer;
      transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
      max-width: calc(100vw - 36px);
    }
    .float-help:hover{
      transform: translateY(-3px);
      border-color: rgba(255,106,43,.55);
      box-shadow: 0 26px 70px rgba(12,18,28,.18);
    }
    .float-ico{ width: 30px; height: 30px; border-radius: 14px; display:flex; align-items:center; justify-content:center; background: rgba(255,106,43,.10); border:1px solid rgba(255,106,43,.18); }
    .float-text{ font-weight: 980; color:#0f172a; font-size: 13.5px; white-space: nowrap; }

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

    @media (max-width: 980px){
      .desktop-nav{ display:none; }
      .menu-btn{ display:flex; }
      .hero-grid{ grid-template-columns: 1fr; }
      .hero-right{ min-height: 0; }
      .hero-title{ font-size: 34px; }
      .hero-mini{ grid-template-columns: 1fr; }
      .about-grid{ grid-template-columns: 1fr; }
      .services-grid{ grid-template-columns: 1fr 1fr; }
      .timeline-row{ grid-template-columns: 1fr 1fr; }
      .network-grid{ grid-template-columns: 1fr; }
      .process-grid{ grid-template-columns: 1fr; }
      .cases-grid{ grid-template-columns: 1fr; }
      .compare-top{ grid-template-columns: 1fr; }
      .match-grid{ grid-template-columns: 1fr; }
      .match-side-cards{ grid-template-columns: 1fr; }
      .token-grid{ grid-template-columns: 1fr; }
      .train-grid{ grid-template-columns: 1fr; }
      .platform-grid{ grid-template-columns: 1fr 1fr; }
      .help-grid{ grid-template-columns: 1fr; }
      .faq-grid{ grid-template-columns: 1fr; }
      .wiki-grid{ grid-template-columns: 1fr 1fr; }
      .reviews-grid{ grid-template-columns: 1fr; }
      .news-grid{ grid-template-columns: 1fr; }
      .contact-grid{ grid-template-columns: 1fr; }
      .join-grid{ grid-template-columns: 1fr; }
      .footer-top{ grid-template-columns: 1fr; }
      .footer-bottom{ flex-direction: column; align-items:flex-start; }
      .footer-quick{ flex-direction: column; align-items:flex-start; }
      .quick-right{ justify-content:flex-start; }
      .friend-grid{ }
      .strip-images{ grid-template-columns: 1fr; }
    }

    @media (prefers-reduced-motion: reduce){
      *{ scroll-behavior: auto !important; }
      .pulse-track, .node{ animation: none !important; }
      .reveal{ transition: none; }
      .metric-card, .case-card, .service-card, .sol-card, .step-card, .wiki-card, .review-card { transition: none; }
      .to-top, .float-help, .mobile-menu-inner{ transition: none; }
    }