:root{
      --bg: #f7f6ff;
      --bg2:#fffdf7;
      --card:#ffffff;
      --text:#1f2937;
      --muted:#6b7280;
      --muted2:#7c8598;
      --border: rgba(17,24,39,.10);
      --shadow: 0 10px 30px rgba(15,23,42,.08);
      --shadow2: 0 8px 18px rgba(15,23,42,.10);
      --ring: rgba(99,102,241,.22);
      --primary:#6d28d9;
      --primary2:#7c3aed;
      --accent:#ec4899;
      --accent2:#f97316;
      --good:#16a34a;
      --soft:#eef2ff;
      --soft2:#fff7ed;
      --radius: 18px;
      --radius2: 24px;
      --container: 1120px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "PingFang SC","Hiragino Sans GB","Microsoft YaHei", "Noto Sans SC", sans-serif;
      color:var(--text);
      background:
        radial-gradient(900px 500px at 15% -10%, rgba(236,72,153,.20), transparent 55%),
        radial-gradient(900px 500px at 90% 0%, rgba(249,115,22,.20), transparent 55%),
        radial-gradient(700px 420px at 50% 20%, rgba(124,58,237,.18), transparent 55%),
        linear-gradient(180deg, var(--bg) 0%, #ffffff 35%, var(--bg2) 100%);
    }

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

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

    .site-header{
      position:sticky; top:0; z-index:50;
      backdrop-filter: blur(10px);
      background: rgba(255,255,255,.72);
      border-bottom:1px solid rgba(17,24,39,.08);
    }
    .nav-container{
      display:flex; align-items:center; justify-content:space-between;
      gap:16px; padding:12px 0;
    }
    .brand{display:flex; align-items:center; gap:10px; min-width:180px;}
    .brand-link{display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit}
    .ai-page-logo{max-height:34px; width:auto}

    .desktop-nav{
      display:flex; align-items:center; gap:14px;
      flex-wrap:nowrap;
      overflow:hidden;
      white-space:nowrap;
    }
    .nav-link{
      text-decoration:none;
      color:#334155;
      font-weight:600;
      font-size:13.5px;
      padding:10px 10px;
      border-radius:12px;
      transition: background .2s ease, transform .2s ease, color .2s ease;
    }
    .nav-link:hover{
      background: rgba(124,58,237,.10);
      color:#111827;
      transform: translateY(-1px);
    }

    .nav-actions{display:flex; align-items:center; gap:10px; min-width:220px; justify-content:flex-end;}
    .icon-button{
      width:44px; height:44px; border-radius:14px;
      border:1px solid rgba(17,24,39,.12);
      background:#fff;
      display:none;
      align-items:center; justify-content:center;
      cursor:pointer;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .icon-button:hover{
      transform: translateY(-1px);
      box-shadow: 0 10px 22px rgba(109,40,217,.12);
      border-color: rgba(109,40,217,.25);
    }
    .icon-line{
      width:18px; height:2px; background:#111827; display:block; border-radius:999px;
      margin:2px 0;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      text-decoration:none;
      border-radius:14px;
      padding:12px 16px;
      font-weight:800;
      letter-spacing: .2px;
      border:1px solid rgba(17,24,39,.12);
      cursor:pointer;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
      white-space:nowrap;
      user-select:none;
    }
    .btn-wide{width:100%}
    .btn-ghost{
      background: transparent;
      color:#111827;
      border-color: rgba(17,24,39,.12);
    }
    .btn-ghost:hover{
      background: rgba(109,40,217,.08);
      border-color: rgba(109,40,217,.25);
      transform: translateY(-1px);
    }
    .btn-primary{
      background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 40%, var(--accent2) 100%);
      color:#fff;
      border-color: rgba(109,40,217,.18);
      box-shadow: 0 18px 40px rgba(109,40,217,.18);
    }
    .btn-primary:hover{
      transform: translateY(-1px);
      box-shadow: 0 24px 55px rgba(109,40,217,.26);
    }
    .btn-outline{
      background:#fff;
      color:#111827;
      border-color: rgba(109,40,217,.22);
    }
    .btn-outline:hover{
      transform: translateY(-1px);
      border-color: rgba(109,40,217,.32);
      box-shadow: 0 16px 34px rgba(109,40,217,.14);
    }
    .btn-soft{
      background: linear-gradient(180deg, rgba(124,58,237,.10), rgba(249,115,22,.08));
      color:#111827;
      border-color: rgba(124,58,237,.22);
    }
    .btn-soft:hover{
      transform: translateY(-1px);
      box-shadow: 0 16px 34px rgba(124,58,237,.14);
    }
    .btn-lg{padding:14px 18px; border-radius:16px; font-size:15px}
    .float-bar{position:fixed; right:14px; bottom:16px; z-index:70; display:flex; flex-direction:column; gap:10px;}
    .float-item{
      text-decoration:none; color:#111827;
      background:#fff;
      border:1px solid rgba(17,24,39,.12);
      box-shadow: 0 16px 34px rgba(15,23,42,.10);
      border-radius:16px;
      padding:10px 12px;
      display:flex; align-items:center; gap:10px;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      max-width:220px;
    }
    .float-item:hover{
      transform: translateY(-2px);
      box-shadow: 0 22px 50px rgba(109,40,217,.16);
      border-color: rgba(109,40,217,.28);
    }
    .float-primary{
      background: linear-gradient(135deg, rgba(109,40,217,.14), rgba(236,72,153,.12), rgba(249,115,22,.12));
      border-color: rgba(109,40,217,.22);
    }
    .float-text{font-weight:900; font-size:13px}
    .to-top{
      position:fixed; left:14px; bottom:16px; z-index:70;
      width:46px; height:46px; border-radius:16px;
      border:1px solid rgba(17,24,39,.12);
      background:#fff;
      box-shadow: 0 18px 40px rgba(15,23,42,.10);
      cursor:pointer;
      display:flex; align-items:center; justify-content:center;
      transition: transform .2s ease, opacity .2s ease;
      opacity:0; pointer-events:none;
    }
    .to-top.show{opacity:1; pointer-events:auto}
    .to-top:hover{transform: translateY(-2px)}

    .hero{
      position:relative;
      padding:52px 0 26px;
      overflow:hidden;
    }
    .hero-bg{
      position:absolute; inset:-40px -40px auto -40px; height:420px;
      background:
        radial-gradient(600px 320px at 20% 20%, rgba(109,40,217,.25), transparent 58%),
        radial-gradient(520px 260px at 85% 35%, rgba(236,72,153,.22), transparent 60%),
        radial-gradient(420px 240px at 60% -10%, rgba(249,115,22,.18), transparent 55%),
        linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.25));
      filter: blur(0px);
      pointer-events:none;
    }
    .hero-grid{
      position:relative;
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap:22px;
      align-items:start;
    }
    .hero-copy{padding:18px 0}
    .hero-badge{
      display:inline-flex; align-items:center; gap:10px;
      padding:10px 12px;
      border:1px solid rgba(124,58,237,.20);
      background: rgba(255,255,255,.65);
      border-radius:999px;
      box-shadow: 0 10px 22px rgba(109,40,217,.10);
      font-weight:900;
      color:#2b1b57;
      font-size:13px;
    }
    .dot{
      width:10px; height:10px; border-radius:50%;
      background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 55%, var(--accent2) 100%);
      box-shadow: 0 0 0 6px rgba(124,58,237,.12);
    }
    .hero-title{
      margin:16px 0 10px;
      font-size:40px;
      line-height:1.15;
      letter-spacing:-.6px;
    }
    .hero-subtitle{
      margin:0;
      color:var(--muted);
      font-size:16.5px;
      line-height:1.8;
      max-width:620px;
    }
    .hero-cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:22px}
    .hero-mini{
      margin-top:22px;
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap:12px;
    }
    .mini-item{
      background: rgba(255,255,255,.72);
      border:1px solid rgba(17,24,39,.08);
      border-radius:16px;
      padding:12px 12px;
      display:flex;
      align-items:flex-start;
      gap:12px;
      box-shadow: 0 10px 22px rgba(15,23,42,.06);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .mini-item:hover{
      transform: translateY(-2px);
      box-shadow: 0 22px 55px rgba(109,40,217,.14);
      border-color: rgba(109,40,217,.22);
    }
    .mini-icon{
      width:38px; height:38px;
      border-radius:14px;
      display:flex; align-items:center; justify-content:center;
      background: linear-gradient(180deg, rgba(124,58,237,.14), rgba(249,115,22,.10));
      color:#4c1d95;
      flex:0 0 auto;
    }
    .mini-title{font-weight:950; font-size:13.5px; margin-bottom:4px}
    .mini-desc{color:var(--muted2); font-weight:700; font-size:12.5px}

    .hero-panel{
      background: rgba(255,255,255,.72);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: var(--shadow);
      padding:18px;
      position:relative;
      overflow:hidden;
    }
    .hero-panel::after{
      content:"";
      position:absolute; inset:-1px;
      background:
        radial-gradient(420px 220px at 20% 0%, rgba(109,40,217,.18), transparent 60%),
        radial-gradient(420px 220px at 100% 20%, rgba(236,72,153,.14), transparent 58%);
      pointer-events:none;
      opacity:.85;
    }
    .panel-top{position:relative; z-index:1}
    .panel-title{
      display:flex; align-items:center; gap:10px;
      font-weight:1000; letter-spacing:.2px;
    }
    .panel-title-dot{
      width:12px; height:12px; border-radius:50%;
      background: linear-gradient(135deg, rgba(109,40,217,1), rgba(236,72,153,1));
      box-shadow: 0 0 0 8px rgba(109,40,217,.12);
    }
    .panel-sub{margin-top:6px; color:var(--muted); font-weight:700; font-size:13.5px; line-height:1.6}
    .kpi-grid{
      position:relative; z-index:1;
      margin-top:14px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:12px;
    }
    .kpi-card{
      background:#fff;
      border:1px solid rgba(17,24,39,.08);
      border-radius:16px;
      padding:14px 12px;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .kpi-card:hover{
      transform: translateY(-2px);
      box-shadow: 0 20px 45px rgba(109,40,217,.12);
      border-color: rgba(109,40,217,.22);
    }
    .kpi-value{font-weight:1000; font-size:14.5px; margin-bottom:6px}
    .kpi-label{color:var(--muted2); font-weight:720; font-size:12.6px; line-height:1.5}
    .panel-bottom{
      position:relative; z-index:1;
      margin-top:14px;
      display:flex; gap:10px;
    }
    .panel-bottom .btn{flex:1}

    .hero-strips{position:absolute; inset:auto -80px -120px -80px; height:260px; pointer-events:none; z-index:0;}
    .strip{
      position:absolute;
      border-radius:999px;
      filter: blur(.3px);
      opacity:.75;
      animation: floaty 9s ease-in-out infinite;
    }
    .strip-1{width:540px; height:100px; left:4%; top:44px; background: rgba(109,40,217,.18)}
    .strip-2{width:420px; height:80px; left:45%; top:0px; background: rgba(236,72,153,.16); animation-duration:10.5s}
    .strip-3{width:520px; height:90px; left:64%; top:90px; background: rgba(249,115,22,.14); animation-duration:12s}

    @keyframes floaty{
      0%,100%{transform: translateY(0px) rotate(-2deg)}
      50%{transform: translateY(-10px) rotate(2deg)}
    }

    .section{padding:62px 0}
    .section-alt{
      background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.18));
      border-top:1px solid rgba(17,24,39,.06);
      border-bottom:1px solid rgba(17,24,39,.06);
    }
    .section-alt2{
      background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.08));
      border-top:1px solid rgba(17,24,39,.05);
    }

    .section-head{max-width:860px}
    .eyebrow{
      font-weight:1000;
      display:inline-flex; align-items:center; gap:10px;
      color:#4c1d95;
      padding:8px 12px;
      border-radius:999px;
      background: rgba(124,58,237,.10);
      border:1px solid rgba(124,58,237,.18);
    }
    .section-title{
      margin:14px 0 10px;
      font-size:28px;
      line-height:1.25;
      letter-spacing:-.4px;
    }
    .section-desc{
      margin:0;
      color:var(--muted);
      font-size:15.5px;
      line-height:1.85;
    }

    .two-col{
      display:grid; grid-template-columns: 1.05fr .95fr;
      gap:18px; align-items:start;
      margin-top:22px;
    }

    .about-card{
      background: rgba(255,255,255,.75);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: var(--shadow);
      padding:18px;
    }
    .about-card-title{
      font-weight:1100; font-size:16px; margin-bottom:12px;
      display:flex; align-items:center; gap:10px;
    }
    .about-list{display:flex; flex-direction:column; gap:12px; margin-top:8px}
    .about-item{display:flex; gap:12px; align-items:flex-start}
    .tag-dot{
      width:12px; height:12px; border-radius:50%;
      background: linear-gradient(135deg, rgba(124,58,237,1), rgba(236,72,153,1));
      margin-top:5px;
      box-shadow: 0 0 0 7px rgba(124,58,237,.10);
      flex:0 0 auto;
    }
    .about-item-title{font-weight:1000; margin-bottom:4px}
    .about-item-desc{color:var(--muted); font-weight:720; line-height:1.6; font-size:13.5px}

    .about-side{display:flex; flex-direction:column; gap:14px}
    .side-card{
      background: rgba(255,255,255,.85);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.08);
      padding:18px;
    }
    .side-card-title{font-weight:1100; font-size:16px; margin-bottom:10px}
    .check-list{margin:0; padding-left:18px; color:#334155; font-weight:750; line-height:1.75}
    .check-list li{margin:6px 0; }
    .side-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .side-actions .btn{flex:1; min-width:180px}

    .side-card-soft{
      background: linear-gradient(180deg, rgba(124,58,237,.08), rgba(249,115,22,.06));
      border-color: rgba(124,58,237,.18);
    }
    .chip-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:4px}
    .chip{
      display:inline-flex; align-items:center; justify-content:center;
      padding:8px 10px;
      border-radius:999px;
      background: #fff;
      border:1px solid rgba(17,24,39,.10);
      font-weight:900;
      font-size:12.8px;
      color:#111827;
    }
    .chip-soft{background: rgba(255,255,255,.66); border-color: rgba(124,58,237,.18); color:#3b2a73}

    .side-note{
      margin-top:12px;
      color:var(--muted);
      font-weight:720;
      line-height:1.7;
      font-size:13.5px;
    }

    .cards-3{
      margin-top:22px;
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap:14px;
    }
    .service-card{
      background: rgba(255,255,255,.82);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.08);
      padding:18px;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .service-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 24px 60px rgba(109,40,217,.14);
      border-color: rgba(109,40,217,.22);
    }
    .service-top{display:flex; align-items:center; gap:12px}
    .service-ico{
      width:42px; height:42px; border-radius:16px;
      background: linear-gradient(180deg, rgba(124,58,237,.16), rgba(236,72,153,.10));
      display:flex; align-items:center; justify-content:center; color:#4c1d95;
      border:1px solid rgba(124,58,237,.18);
      flex:0 0 auto;
    }
    .service-title{margin:0; font-size:16px; font-weight:1100}
    .service-desc{margin:12px 0 0; color:var(--muted); line-height:1.8; font-weight:720; font-size:13.8px}
    .service-tags{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
    .pill{
      padding:8px 10px; border-radius:999px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.65);
      font-weight:900; color:#1f2937; font-size:12.5px;
    }

    .platform-row{
      margin-top:18px;
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap:14px;
      align-items:stretch;
    }
    .platform-chipboard{
      background: rgba(255,255,255,.85);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.08);
      padding:18px;
    }
    .platform-label{font-weight:1100; margin-bottom:12px}
    .platform-chips{display:flex; flex-wrap:wrap; gap:10px}
    .platform-action{
      background: linear-gradient(180deg, rgba(124,58,237,.08), rgba(249,115,22,.05));
      border:1px solid rgba(124,58,237,.18);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
      display:flex; flex-direction:column;
      justify-content:center;
    }
    .platform-action-title{font-weight:1100; font-size:16px}
    .platform-action-desc{color:var(--muted); line-height:1.8; font-weight:720; margin:10px 0 14px}
    .platform-action .btn{margin-top:10px}

    .grid-2{margin-top:18px; display:grid; grid-template-columns: 1fr 1fr; gap:14px;}
    .soft-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.08);
      padding:18px;
    }
    .soft-card-accent{
      background: linear-gradient(135deg, rgba(124,58,237,.12), rgba(236,72,153,.08), rgba(249,115,22,.06));
      border-color: rgba(124,58,237,.18);
    }
    .soft-card-title{font-weight:1100; font-size:16px; margin-bottom:12px}
    .soft-card-grid{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
    .soft-mini{
      border-radius:16px;
      border:1px solid rgba(17,24,39,.08);
      padding:12px;
      background: rgba(255,255,255,.70);
    }
    .soft-mini-title{font-weight:1000; margin-bottom:6px}
    .soft-mini-desc{color:var(--muted); font-weight:720; line-height:1.65; font-size:13.2px}
    .bullets{margin:0; padding-left:18px; color:#374151; font-weight:760; line-height:1.8}
    .bullets-tight{line-height:1.7}
    .soft-card-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .soft-card-actions .btn{flex:1; min-width:190px}

    .timeline{
      display:grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap:12px;
      margin-top:22px;
    }
    .timeline-item{
      background: rgba(255,255,255,.82);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      padding:16px 14px;
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      position:relative;
      overflow:hidden;
      min-height:132px;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .timeline-item:hover{
      transform: translateY(-3px);
      box-shadow: 0 26px 65px rgba(109,40,217,.14);
      border-color: rgba(109,40,217,.22);
    }
    .timeline-item::after{
      content:"";
      position:absolute; inset:auto -40px -60px -40px; height:140px;
      background: radial-gradient(220px 90px at 50% 40%, rgba(124,58,237,.18), transparent 62%);
      pointer-events:none;
      opacity:.9;
    }
    .t-step{font-weight:1100; color:#4c1d95; font-size:12px; position:relative; z-index:1}
    .t-title{font-weight:1100; font-size:14.5px; margin-top:8px; position:relative; z-index:1}
    .t-desc{color:var(--muted); font-weight:720; line-height:1.7; margin-top:8px; font-size:13.2px; position:relative; z-index:1}

    .cards-2{
      margin-top:22px;
      display:grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap:14px;
    }
    .solution-card{
      background: rgba(255,255,255,.82);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      min-height:220px;
    }
    .solution-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 26px 65px rgba(109,40,217,.12);
      border-color: rgba(109,40,217,.22);
    }
    .solution-title-row{display:flex; align-items:center; gap:12px}
    .solution-ico{
      width:42px; height:42px; border-radius:16px;
      background: linear-gradient(180deg, rgba(236,72,153,.14), rgba(249,115,22,.08));
      border:1px solid rgba(236,72,153,.18);
      display:flex; align-items:center; justify-content:center; color:#9d174d;
      flex:0 0 auto;
    }
    .solution-title{margin:0; font-weight:1100; font-size:16px}
    .solution-list{
      margin:14px 0 0; padding-left:18px;
      color:#374151; font-weight:760; line-height:1.9;
    }
    .solution-actions{margin-top:14px; display:flex; gap:10px; flex-wrap:wrap}
    .solution-actions .btn{min-width:180px}

    .steps-grid{
      margin-top:22px;
      display:grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap:12px;
    }
    .step-card{
      background: rgba(255,255,255,.85);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      padding:16px 14px;
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      min-height:182px;
      position:relative;
      overflow:hidden;
    }
    .step-card::after{
      content:"";
      position:absolute; inset:-1px;
      background:
        radial-gradient(240px 120px at 20% 10%, rgba(124,58,237,.18), transparent 60%),
        radial-gradient(240px 120px at 90% 30%, rgba(236,72,153,.12), transparent 62%);
      opacity:.9;
      pointer-events:none;
    }
    .step-card > *{position:relative; z-index:1}
    .step-num{
      font-weight:1100; color:#4c1d95; font-size:12px; letter-spacing:.4px;
    }
    .step-title{margin-top:10px; font-weight:1100; font-size:15px}
    .step-desc{margin-top:8px; color:var(--muted); font-weight:720; line-height:1.75; font-size:13.2px}
    .step-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 28px 70px rgba(109,40,217,.14);
      border-color: rgba(109,40,217,.22);
    }

    .cta-row{
      margin-top:18px;
      background: rgba(255,255,255,.80);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      padding:18px;
      display:flex; align-items:center; justify-content:space-between;
      gap:14px;
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
    }
    .cta-row-title{font-weight:1100; font-size:16px}
    .cta-row-desc{color:var(--muted); font-weight:720; line-height:1.7; margin-top:6px}
    .cta-row-right{display:flex; gap:10px; flex-wrap:wrap}
    .cta-row-right .btn{min-width:180px}

    .network-grid{margin-top:22px; display:grid; grid-template-columns: 1fr 1fr; gap:14px;}
    .network-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
      overflow:hidden;
      position:relative;
    }
    .network-card-soft{
      background: linear-gradient(180deg, rgba(124,58,237,.08), rgba(249,115,22,.05));
      border-color: rgba(124,58,237,.18);
    }
    .network-title{font-weight:1100; font-size:16px}
    .network-desc{margin-top:10px; color:var(--muted); font-weight:720; line-height:1.8; font-size:13.8px}
    .network-metrics{margin-top:14px; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:10px}
    .metric{
      border:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.70);
      border-radius:16px;
      padding:12px;
    }
    .metric-value{font-weight:1000; font-size:13.8px}
    .metric-label{color:var(--muted2); font-weight:720; line-height:1.6; margin-top:6px; font-size:12.4px}

    .map-like{position:absolute; inset:auto -40px -70px -40px; height:220px; pointer-events:none; opacity:.9}
    .map-dot{
      position:absolute; width:12px; height:12px; border-radius:50%;
      background: linear-gradient(135deg, rgba(124,58,237,1), rgba(236,72,153,1));
      box-shadow: 0 0 0 10px rgba(124,58,237,.10);
    }
    .d1{left:22%; top:46%}
    .d2{left:58%; top:30%}
    .d3{left:72%; top:58%}
    .d4{left:40%; top:70%}
    .map-line{
      position:absolute; height:2px; background: rgba(109,40,217,.28);
      border-radius:999px;
      transform-origin:left center;
    }
    .l1{left:22%; top:50%; width:38%; transform: rotate(-10deg)}
    .l2{left:35%; top:66%; width:42%; transform: rotate(14deg)}
    .l3{left:52%; top:38%; width:30%; transform: rotate(22deg)}

    .network-links{position:relative; z-index:1; margin-top:14px; display:flex; flex-wrap:wrap; gap:10px}
    .link-chip{
      text-decoration:none; color:#2b1b57; font-weight:950;
      padding:10px 12px;
      border-radius:999px;
      border:1px solid rgba(124,58,237,.18);
      background: rgba(255,255,255,.60);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .link-chip:hover{
      transform: translateY(-2px);
      box-shadow: 0 16px 34px rgba(124,58,237,.12);
      border-color: rgba(124,58,237,.30);
    }

    .case-grid{
      margin-top:22px;
      display:grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap:14px;
    }
    .case-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      min-height:238px;
      display:flex; flex-direction:column;
      outline:none;
    }
    .case-card:hover, .case-card:focus{
      transform: translateY(-4px);
      box-shadow: 0 30px 78px rgba(109,40,217,.14);
      border-color: rgba(109,40,217,.22);
    }
    .case-top{display:flex; justify-content:space-between; align-items:flex-start; gap:10px}
    .case-badge{
      display:inline-flex; align-items:center; padding:8px 10px;
      border-radius:999px;
      background: rgba(124,58,237,.10);
      border:1px solid rgba(124,58,237,.18);
      color:#3b2a73;
      font-weight:1000; font-size:12.5px;
    }
    .case-type{color:var(--muted2); font-weight:800; font-size:12.5px}
    .case-title{margin:12px 0 0; font-weight:1100; font-size:15.5px; line-height:1.45}
    .case-meta{margin-top:12px; display:flex; flex-direction:column; gap:8px}
    .meta-item{display:flex; justify-content:space-between; gap:10px; border-top:1px dashed rgba(17,24,39,.10); padding-top:10px}
    .meta-label{color:var(--muted2); font-weight:800; font-size:12.5px}
    .meta-value{color:#111827; font-weight:950; font-size:12.8px}
    .case-actions{margin-top:auto; padding-top:14px}
    .case-actions .btn{width:100%}

    .articles-strip{
      margin-top:18px;
      background: rgba(255,255,255,.72);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:16px;
      display:flex; gap:16px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;
    }
    .articles-left{min-width:260px}
    .articles-title{font-weight:1100; font-size:16px}
    .articles-desc{margin-top:8px; color:var(--muted); font-weight:720; line-height:1.7}
    .articles-list{display:flex; flex-direction:column; gap:10px; min-width:min(520px, 100%)}
    .article-link{
      text-decoration:none;
      color:#111827;
      font-weight:950;
      padding:10px 12px;
      border-radius:14px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.70);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .article-link:hover{
      transform: translateY(-2px);
      border-color: rgba(109,40,217,.22);
      box-shadow: 0 20px 45px rgba(109,40,217,.12);
    }

    .compare-layout{
      margin-top:22px;
      display:grid;
      grid-template-columns: .85fr 1.15fr;
      gap:14px;
      align-items:start;
    }
    .score-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
      position:sticky;
      top:88px;
    }
    .score-top{display:flex; flex-direction:column; gap:10px}
    .score-badge{
      display:inline-flex; align-items:center; gap:10px;
      width:fit-content;
      padding:10px 12px;
      border-radius:999px;
      background: rgba(236,72,153,.10);
      border:1px solid rgba(236,72,153,.20);
      font-weight:1100;
      color:#9d174d;
    }
    .star{color:#f43f5e}
    .score-value{
      font-weight:1200;
      font-size:56px;
      line-height:1;
      letter-spacing:-2px;
      margin-top:4px;
      color:#0f172a;
    }
    .score-max{font-weight:1000; color:var(--muted); margin-top:-8px; margin-bottom:6px}
    .score-desc{color:var(--muted); font-weight:720; line-height:1.8; margin-top:2px}
    .score-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .score-actions .btn{flex:1; min-width:180px}

    .compare-table-wrap{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
    }
    .compare-table-title{font-weight:1100; font-size:16px}
    .compare-table-note{margin-top:6px; color:var(--muted); font-weight:720; line-height:1.7; font-size:13.5px}
    .table-scroll{overflow:auto; padding-top:10px}
    table{border-collapse:separate; border-spacing:0; width:100%; min-width:720px}
    th,td{padding:12px 12px; border-bottom:1px solid rgba(17,24,39,.10); vertical-align:top}
    th{
      text-align:left;
      font-size:13px;
      color:#334155;
      font-weight:1100;
      background: rgba(124,58,237,.08);
      position:sticky; top:0;
      z-index:1;
    }
    td{font-weight:760; color:#1f2937}
    .cell-good{
      display:inline-flex;
      align-items:center;
      padding:6px 10px;
      border-radius:999px;
      background: rgba(22,163,74,.10);
      border:1px solid rgba(22,163,74,.22);
      color:#166534;
      font-weight:1100;
    }

    .compare-actions{
      display:flex; gap:10px; flex-wrap:wrap; margin-top:14px;
    }
    .compare-actions .btn{flex:1; min-width:180px}

    .logos-row{
      margin-top:14px;
      display:flex; flex-wrap:wrap; gap:10px;
      justify-content:center;
    }
    .logo-chip{
      padding:10px 12px;
      border-radius:999px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.70);
      font-weight:1000;
      color:#2b1b57;
      box-shadow: 0 10px 22px rgba(15,23,42,.04);
    }

    .form-shell{
      margin-top:22px;
      display:grid;
      grid-template-columns: .98fr 1.02fr;
      gap:14px;
      align-items:start;
    }
    .form-side{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
    }
    .form-side-title{font-weight:1200; font-size:16px}
    .form-side-desc{margin-top:10px; color:var(--muted); font-weight:720; line-height:1.8}
    .form-side-list{margin-top:14px; display:flex; flex-direction:column; gap:12px}
    .form-side-item{display:flex; gap:12px; align-items:flex-start}
    .form-side-ico{
      width:34px; height:34px; border-radius:14px;
      background: linear-gradient(180deg, rgba(124,58,237,.14), rgba(236,72,153,.10));
      border:1px solid rgba(124,58,237,.18);
      display:flex; align-items:center; justify-content:center; color:#4c1d95; flex:0 0 auto;
    }
    .form-side-quick{margin-top:16px; padding-top:16px; border-top:1px solid rgba(17,24,39,.10)}
    .quick-title{font-weight:1100}
    .quick-chips{margin-top:10px; display:flex; flex-wrap:wrap; gap:10px}

    .form-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
    }
    .request-form .field-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:12px;
    }
    .field{
      display:flex; flex-direction:column;
      gap:8px;
    }
    .field-label{
      font-weight:950;
      color:#334155;
      font-size:13px;
    }
    input, select, textarea{
      width:100%;
      padding:12px 12px;
      border-radius:14px;
      border:1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.90);
      outline:none;
      font-weight:800;
      color:#111827;
      transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }
    textarea{resize:vertical; min-height:120px}
    input:focus, select:focus, textarea:focus{
      border-color: rgba(109,40,217,.35);
      box-shadow: 0 0 0 6px var(--ring);
    }
    .field-full{grid-column:1 / -1}
    .request-form .form-title-row{
      display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
      margin-bottom:12px;
    }
    .form-title{font-weight:1200; font-size:18px}
    .form-subtitle{color:var(--muted); font-weight:720; margin-top:6px; line-height:1.6}
    .form-status{
      padding:8px 10px;
      border-radius:999px;
      background: rgba(22,163,74,.12);
      border:1px solid rgba(22,163,74,.22);
      color:#166534;
      font-weight:1100;
      font-size:12.5px;
      white-space:nowrap;
    }
    .form-agree{margin-top:12px}
    .check{display:flex; align-items:center; gap:10px; color:var(--muted); font-weight:760; line-height:1.6}
    .check input{width:18px; height:18px}
    .form-actions{margin-top:14px; display:flex; flex-direction:column; gap:10px}
    .form-note{color:var(--muted2); font-weight:720; font-size:12.8px; line-height:1.6}
    .request-form .btn-wide{min-width:unset}

    .token-grid{
      margin-top:22px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:14px;
      align-items:start;
    }
    .token-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
      overflow:hidden;
    }
    .token-card-soft{
      background: linear-gradient(180deg, rgba(236,72,153,.07), rgba(249,115,22,.06));
      border-color: rgba(236,72,153,.16);
    }
    .token-title{font-weight:1100; font-size:16px}
    .token-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .token-actions .btn{flex:1; min-width:180px}
    .price-scale{margin-top:12px; display:flex; flex-direction:column; gap:12px}
    .price-step{
      display:flex; gap:12px; align-items:flex-start;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.70);
      border-radius:16px;
      padding:12px;
    }
    .price-dot{width:12px; height:12px; border-radius:50%; margin-top:4px; box-shadow: 0 0 0 10px rgba(124,58,237,.10)}
    .dblue{background: linear-gradient(135deg, rgba(109,40,217,1), rgba(59,130,246,1))}
    .dviolet{background: linear-gradient(135deg, rgba(124,58,237,1), rgba(236,72,153,1))}
    .dgreen{background: linear-gradient(135deg, rgba(34,197,94,1), rgba(16,185,129,1))}
    .dorange{background: linear-gradient(135deg, rgba(249,115,22,1), rgba(236,72,153,1))}
    .price-label{font-weight:1100}
    .price-desc{color:var(--muted); font-weight:720; line-height:1.7; margin-top:6px; font-size:13px}
    .token-footnote{
      margin-top:12px;
      color:var(--muted2);
      font-weight:720;
      line-height:1.7;
      font-size:12.8px;
    }

    .price-table-wrap{
      margin-top:14px;
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
    }
    .price-table-title{font-weight:1100; font-size:16px}
    .price-table-note{margin-top:6px; color:var(--muted); font-weight:720; line-height:1.7; font-size:13.5px}
    table.mini-table{min-width:860px}
    .price-table-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .price-table-actions .btn{flex:1; min-width:180px}

    .training-grid{
      margin-top:22px;
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap:14px;
      align-items:start;
    }
    .training-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
    }
    .training-title{font-weight:1100; font-size:16px}
    .training-list{
      margin-top:14px;
      display:flex; flex-direction:column; gap:10px;
    }
    .training-item{
      display:flex; align-items:center; gap:12px;
      padding:10px 12px;
      border-radius:16px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.70);
      font-weight:950; color:#111827;
    }
    .training-dot{
      width:10px; height:10px; border-radius:50%;
      background: linear-gradient(135deg, rgba(124,58,237,1), rgba(236,72,153,1));
      box-shadow: 0 0 0 10px rgba(124,58,237,.10);
    }
    .training-benefits{
      margin-top:14px;
      display:grid; grid-template-columns: repeat(1, minmax(0, 1fr));
      gap:12px;
    }
    .benefit{
      border-radius:16px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.70);
      padding:12px;
    }
    .benefit-title{font-weight:1100}
    .benefit-desc{color:var(--muted); font-weight:720; margin-top:6px; line-height:1.7; font-size:13.2px}

    .training-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .training-actions .btn{flex:1; min-width:190px}

    .training-side{display:flex; flex-direction:column; gap:14px}
    .side-quote{
      background: linear-gradient(180deg, rgba(124,58,237,.10), rgba(255,255,255,.72));
      border:1px solid rgba(124,58,237,.18);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
      position:relative;
      overflow:hidden;
    }
    .quote-mark{
      font-size:52px;
      line-height:1;
      color: rgba(109,40,217,.25);
      font-weight:1100;
      position:absolute; top:-8px; right:12px;
    }
    .quote-text{
      font-weight:900;
      line-height:1.8;
      color:#2a1d59;
      margin-top:10px;
    }
    .quote-author{margin-top:10px; color:var(--muted); font-weight:900}
    .training-network{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
    }
    .training-mini-grid{margin-top:12px; display:grid; grid-template-columns: 1fr 1fr; gap:12px}
    .mini-box{
      border:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.70);
      border-radius:16px;
      padding:12px;
    }
    .mini-box-title{font-weight:1100}
    .mini-box-desc{margin-top:6px; color:var(--muted); font-weight:720; line-height:1.7; font-size:13.2px}
    .training-mini-foot{margin-top:12px; color:var(--muted2); font-weight:720; line-height:1.7; font-size:12.8px}

    .help-grid{margin-top:22px; display:grid; grid-template-columns: 1fr 1fr; gap:14px}
    .help-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
    }
    .help-card-soft{
      background: linear-gradient(180deg, rgba(124,58,237,.08), rgba(249,115,22,.05));
      border-color: rgba(124,58,237,.18);
    }
    .help-title{font-weight:1100; font-size:16px}
    .tag-cloud{margin-top:12px; display:flex; flex-wrap:wrap; gap:10px}
    .tag{
      text-decoration:none;
      padding:10px 12px;
      border-radius:999px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.70);
      color:#1f2937;
      font-weight:950;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      font-size:13px;
    }
    .tag:hover{
      transform: translateY(-2px);
      border-color: rgba(124,58,237,.28);
      box-shadow: 0 18px 40px rgba(124,58,237,.12);
    }
    .help-actions{margin-top:14px; display:flex; gap:10px; flex-wrap:wrap}
    .help-actions .btn{flex:1; min-width:180px}

    .quick-grid{
      margin-top:12px;
      display:grid; grid-template-columns: 1fr 1fr;
      gap:10px;
    }
    .quick-link{
      text-decoration:none;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.70);
      border-radius:16px;
      padding:12px;
      font-weight:1100;
      color:#111827;
      display:flex; align-items:center; gap:10px;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .quick-link:hover{
      transform: translateY(-2px);
      border-color: rgba(124,58,237,.28);
      box-shadow: 0 18px 40px rgba(124,58,237,.12);
    }
    .quick-ico{
      width:36px; height:36px; border-radius:14px;
      background: linear-gradient(180deg, rgba(124,58,237,.14), rgba(236,72,153,.08));
      border:1px solid rgba(124,58,237,.18);
      display:flex; align-items:center; justify-content:center; color:#4c1d95;
      flex:0 0 auto;
    }
    .help-card-note{margin-top:14px; color:var(--muted2); font-weight:720; line-height:1.7; font-size:12.8px}

    .faq-shell{
      margin-top:22px;
      display:grid;
      grid-template-columns: 1fr .58fr;
      gap:14px;
      align-items:start;
    }
    .faq-grid{display:flex; flex-direction:column; gap:10px}
    .faq-item{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 14px 35px rgba(15,23,42,.05);
      padding:0;
      overflow:hidden;
    }
    .faq-q{
      width:100%;
      text-align:left;
      background: transparent;
      border:0;
      padding:14px 14px;
      cursor:pointer;
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      font-weight:1100; color:#111827;
    }
    .faq-icon{
      width:22px; height:22px; border-radius:10px;
      border:1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.70);
      position:relative;
      flex:0 0 auto;
    }
    .faq-icon::before, .faq-icon::after{
      content:"";
      position:absolute;
      left:50%; top:50%;
      width:10px; height:2px;
      background:#111827;
      transform: translate(-50%,-50%);
      border-radius:999px;
      transition: transform .2s ease, opacity .2s ease;
    }
    .faq-icon::after{
      width:2px; height:10px;
    }
    .faq-q[aria-expanded="true"] .faq-icon::after{opacity:0}
    .faq-a{padding:0 14px 14px}
    .faq-a-inner{color:var(--muted); font-weight:720; line-height:1.85; font-size:13.8px; border-top:1px dashed rgba(17,24,39,.10); padding-top:12px}

    .faq-side-card{
      background: linear-gradient(180deg, rgba(124,58,237,.10), rgba(255,255,255,.70));
      border:1px solid rgba(124,58,237,.18);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
      position:sticky;
      top:88px;
    }
    .faq-side-title{font-weight:1200; font-size:16px}
    .faq-side-desc{margin-top:10px; color:var(--muted); font-weight:720; line-height:1.8}
    .faq-side-actions{margin-top:14px; display:flex; flex-direction:column; gap:10px}
    .faq-side-remark{margin-top:12px; color:var(--muted2); font-weight:720; line-height:1.7; font-size:12.8px}

    .wiki-grid{margin-top:22px; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:14px}
    .wiki-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      min-height:190px;
      display:flex; flex-direction:column;
    }
    .wiki-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 28px 70px rgba(109,40,217,.12);
      border-color: rgba(109,40,217,.22);
    }
    .wiki-title{font-weight:1200; font-size:16px}
    .wiki-desc{margin-top:10px; color:var(--muted); font-weight:720; line-height:1.8; font-size:13.8px}
    .wiki-footer{margin-top:auto; padding-top:14px}
    .wiki-link{
      text-decoration:none;
      color:#4c1d95;
      font-weight:1100;
      display:inline-flex; align-items:center; gap:10px;
    }
    .wiki-link::after{
      content:"";
      width:10px; height:10px;
      border-right:2px solid currentColor;
      border-top:2px solid currentColor;
      transform: rotate(45deg);
      margin-top:2px;
      opacity:.9;
    }

    .news-grid{margin-top:22px; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:14px}
    .news-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      min-height:220px;
      display:flex; flex-direction:column;
    }
    .news-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 28px 70px rgba(109,40,217,.12);
      border-color: rgba(109,40,217,.22);
    }
    .news-meta{
      display:inline-flex;
      width:fit-content;
      padding:8px 10px;
      border-radius:999px;
      background: rgba(249,115,22,.10);
      border:1px solid rgba(249,115,22,.18);
      color:#9a3412;
      font-weight:1100;
      font-size:12.5px;
    }
    .news-title{margin-top:12px; font-weight:1200; font-size:15.5px; line-height:1.45}
    .news-desc{margin-top:10px; color:var(--muted); font-weight:720; line-height:1.8; font-size:13.5px}
    .news-link{
      margin-top:auto;
      text-decoration:none;
      font-weight:1100;
      color:#4c1d95;
      padding:10px 12px;
      border:1px solid rgba(124,58,237,.18);
      border-radius:14px;
      background: rgba(255,255,255,.70);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .news-link:hover{
      transform: translateY(-2px);
      box-shadow: 0 18px 40px rgba(124,58,237,.12);
      border-color: rgba(124,58,237,.30);
    }
    .news-action{margin-top:18px; display:flex; gap:10px; flex-wrap:wrap; justify-content:center}
    .news-action .btn{min-width:200px}

    .review-grid{margin-top:22px; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:14px}
    .review-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      min-height:220px;
      display:flex; flex-direction:column;
    }
    .review-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 28px 70px rgba(109,40,217,.12);
      border-color: rgba(109,40,217,.22);
    }
    .review-top{display:flex; align-items:center; gap:12px}
    .review-avatar{
      width:42px; height:42px; border-radius:18px;
      border:1px solid rgba(124,58,237,.18);
      background: linear-gradient(180deg, rgba(124,58,237,.16), rgba(236,72,153,.10));
      display:flex; align-items:center; justify-content:center;
      font-weight:1200; color:#4c1d95;
      flex:0 0 auto;
    }
    .review-name{font-weight:1100}
    .review-score{margin-left:auto; color:#f59e0b; font-weight:1200}
    .review-text{
      margin-top:12px;
      color:var(--muted);
      font-weight:720;
      line-height:1.9;
      font-size:13.8px;
    }

    .contact-grid{
      margin-top:22px;
      display:grid;
      grid-template-columns: 1.02fr .98fr;
      gap:14px;
      align-items:start;
    }
    .contact-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
    }
    .contact-card-soft{
      background: linear-gradient(180deg, rgba(236,72,153,.07), rgba(249,115,22,.06));
      border-color: rgba(236,72,153,.16);
    }
    .contact-title{font-weight:1200; font-size:16px}
    .contact-items{margin-top:14px; display:flex; flex-direction:column; gap:12px}
    .contact-item{display:flex; gap:12px; align-items:flex-start}
    .contact-ico{
      width:38px; height:38px; border-radius:16px;
      border:1px solid rgba(124,58,237,.18);
      background: rgba(255,255,255,.70);
      display:flex; align-items:center; justify-content:center; color:#4c1d95; flex:0 0 auto;
    }
    .contact-label{color:var(--muted2); font-weight:800; font-size:12.5px}
    .contact-link{color:#4c1d95; text-decoration:none; font-weight:1100; border-bottom:1px dashed rgba(124,58,237,.35)}
    .contact-link:hover{border-bottom-style:solid}
    .contact-value{color:#111827; font-weight:950}
    .contact-actions{margin-top:16px; display:flex; flex-direction:column; gap:10px}
    .contact-actions .btn{width:100%}

    .qr-wrap{
      margin-top:14px;
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.70);
      padding:12px;
      display:flex; align-items:center; justify-content:center;
    }
    .qr-wrap img{max-width:100%; height:auto; display:block; border-radius:16px}
    .contact-qr-text{margin-top:12px; color:var(--muted); font-weight:720; line-height:1.8}
    .contact-mini-form{margin-top:16px; padding-top:16px; border-top:1px solid rgba(17,24,39,.10)}
    .mini-title{font-weight:1100; color:#111827; margin-bottom:10px}

    .partners-row{margin-top:18px; background: rgba(255,255,255,.76); border:1px solid rgba(17,24,39,.10); border-radius:var(--radius2); padding:16px; box-shadow: 0 18px 45px rgba(15,23,42,.06);}
    .partners-title{font-weight:1200; font-size:16px; margin-bottom:10px}
    .partners-links{display:flex; flex-wrap:wrap; gap:10px}
    .partners-links a{
      color:#2b1b57; text-decoration:none; font-weight:1000;
      border:1px solid rgba(124,58,237,.18);
      background: rgba(255,255,255,.70);
      padding:10px 12px;
      border-radius:999px;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      font-size:13px;
    }
    .partners-links a:hover{
      transform: translateY(-2px);
      border-color: rgba(124,58,237,.30);
      box-shadow: 0 18px 40px rgba(124,58,237,.12);
    }

    .join-grid{margin-top:22px; display:grid; grid-template-columns: 1.02fr .98fr; gap:14px; align-items:start}
    .join-card{
      background: rgba(255,255,255,.84);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      padding:18px;
    }
    .join-card-soft{
      background: linear-gradient(180deg, rgba(124,58,237,.08), rgba(255,255,255,.70));
      border-color: rgba(124,58,237,.18);
    }
    .join-title{font-weight:1200; font-size:16px}
    .join-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .join-actions .btn{flex:1; min-width:190px}
    .join-mini-grid{margin-top:14px; display:grid; grid-template-columns: 1fr 1fr; gap:12px}
    .join-mini{
      border:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.70);
      border-radius:16px;
      padding:12px;
    }
    .join-mini-title{font-weight:1100}
    .join-mini-desc{margin-top:6px; color:var(--muted); font-weight:720; line-height:1.7; font-size:13.2px}
    .join-callout{
      margin-top:14px;
      border-radius:18px;
      border:1px dashed rgba(124,58,237,.35);
      background: rgba(255,255,255,.50);
      padding:14px;
    }
    .callout-title{font-weight:1100}
    .callout-desc{margin-top:8px; color:var(--muted); font-weight:720; line-height:1.7}
    .join-form-row{
      margin-top:18px;
      background: rgba(255,255,255,.80);
      border:1px solid rgba(17,24,39,.10);
      border-radius:var(--radius2);
      padding:16px;
      display:flex; align-items:center; justify-content:space-between; gap:14px;
      box-shadow: 0 18px 45px rgba(15,23,42,.06);
      flex-wrap:wrap;
    }
    .join-form-title{font-weight:1200}
    .join-form-desc{margin-top:8px; color:var(--muted); font-weight:720; line-height:1.7}

    .site-footer{
      background: #0b1020;
      color:#e5e7eb;
      border-top:1px solid rgba(255,255,255,.08);
      padding:34px 0 18px;
    }
    .footer-inner{max-width:var(--container); margin:0 auto; padding:0 18px}
    .footer-top{
      display:flex; gap:16px; justify-content:space-between; flex-wrap:wrap;
      align-items:flex-start;
    }
    .footer-brand{min-width:260px; max-width:400px}
    .footer-logo img{max-height:36px}
    .footer-desc{margin-top:10px; color:#cbd5e1; line-height:1.7; font-weight:720}
    .footer-cols{display:flex; gap:28px; flex-wrap:wrap}
    .footer-col{min-width:160px}
    .footer-title{font-weight:1200; color:#fff; margin-bottom:10px}
    .footer-col a{
      display:block;
      text-decoration:none;
      color:#cbd5e1;
      font-weight:760;
      padding:6px 0;
    }
    .footer-col a:hover{color:#fff}
    .footer-mid{margin-top:18px; padding-top:16px; border-top:1px solid rgba(255,255,255,.10)}
    .footer-links{display:flex; gap:14px; flex-wrap:wrap; align-items:center}
    .footer-links a{
      text-decoration:none;
      color:#fff;
      font-weight:1000;
      padding:10px 12px;
      border:1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.06);
      border-radius:999px;
    }
    .footer-links a:hover{background: rgba(255,255,255,.10)}
    .footer-small{
      margin-top:12px;
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      flex-wrap:wrap;
      color:#cbd5e1;
      font-weight:760;
    }
    .footer-legal{font-size:13px}
    .footer-legal-muted{font-size:13px; color:#a7b2c8}

    .mobile-menu{
      display:none;
      border-top:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.86);
      backdrop-filter: blur(10px);
    }
    .mobile-menu-inner{
      padding:14px 0 18px;
    }
    .mobile-links{
      display:flex; flex-direction:column; gap:10px;
      padding:0 2px;
    }
    .mobile-links a{
      text-decoration:none;
      color:#111827;
      font-weight:1000;
      padding:12px 12px;
      border-radius:16px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.70);
    }
    .mobile-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .mobile-actions .btn{flex:1; min-width:180px}

    .scroll-fade{
      opacity:0;
      transform: translateY(10px);
      transition: opacity .55s ease, transform .55s ease;
    }
    .scroll-fade.in{
      opacity:1;
      transform: translateY(0px);
    }

    @media (prefers-reduced-motion: reduce){
      html{scroll-behavior:auto}
      *{animation:none !important; transition:none !important}
      .scroll-fade{opacity:1; transform:none}
    }

    @media (max-width: 1100px){
      .desktop-nav{gap:10px}
      .hero-title{font-size:34px}
      .case-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}
      .news-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}
      .review-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}
      .steps-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}
      .timeline{grid-template-columns: repeat(3, minmax(0, 1fr))}
      .cards-3{grid-template-columns: repeat(2, minmax(0, 1fr))}
      .wiki-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}
      .platform-row{grid-template-columns: 1fr}
      .form-shell{grid-template-columns: 1fr}
      .faq-shell{grid-template-columns: 1fr}
      .faq-side-card{position:relative; top:auto}
      .score-card{position:relative; top:auto}
      .compare-layout{grid-template-columns: 1fr}
      .token-grid{grid-template-columns: 1fr}
      .contact-grid{grid-template-columns: 1fr}
      .join-grid{grid-template-columns: 1fr}
      .network-grid{grid-template-columns: 1fr}
      .two-col{grid-template-columns: 1fr}
    }

    @media (max-width: 880px){
      .desktop-nav{display:none}
      .icon-button{display:flex}
      .mobile-menu{display:block}
      .hero-grid{grid-template-columns: 1fr}
      .hero-mini{grid-template-columns: 1fr}
      .panel-bottom{flex-direction:column}
      .panel-bottom .btn{min-width:unset}
      .cards-2{grid-template-columns: 1fr}
      .steps-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}
      .timeline{grid-template-columns: repeat(2, minmax(0, 1fr))}
      .review-grid{grid-template-columns: 1fr}
      .news-grid{grid-template-columns: 1fr}
      .wiki-grid{grid-template-columns: 1fr}
      .case-grid{grid-template-columns: 1fr}
      .float-bar{right:10px; bottom:12px}
      .to-top{left:10px; bottom:12px}
      .faq-item{border-radius:18px}
    }

    .logo-placeholder{height:1px}