:root{
    --bg:#08040f;
    --bg-deep:#06030d;
    --panel:rgba(255,255,255,.045);
    --panel-strong:rgba(255,255,255,.07);
    --line:rgba(168,85,247,.22);
    --line-soft:rgba(168,85,247,.14);
    --pink:#ff2d9b;
    --pink-soft:#ff8ecb;
    --violet:#a855f7;
    --cyan:#3ddcff;
    --text:#f3ecff;
    --muted:#b6a6d4;
    --radius:18px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
  body{
    margin:0;
    font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
    color:var(--text);
    background:var(--bg);
    line-height:1.75;
    font-size:16px;
    overflow-x:hidden;
  }
  body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
      radial-gradient(900px 620px at 8% -6%, rgba(255,45,155,.20), transparent 62%),
      radial-gradient(880px 620px at 92% 2%, rgba(124,58,237,.24), transparent 64%),
      radial-gradient(1100px 780px at 50% 108%, rgba(168,85,247,.16), transparent 68%),
      linear-gradient(180deg,#0b0519 0%,#08040f 45%,#0a0520 100%);
  }
  img{max-width:100%;}
  a{color:inherit;text-decoration:none;}
  h1,h2,h3,h4,p,ul,ol{margin:0;}
  ul,ol{padding:0;list-style:none;}
  section{scroll-margin-top:86px;}
  .container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
  }
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 26px;
    border-radius:12px;
    font-size:15px;
    font-weight:600;
    border:1px solid transparent;
    cursor:pointer;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;
    font-family:inherit;
  }
  .btn-primary{
    background:linear-gradient(135deg,#ff2d9b 0%,#a855f7 100%);
    color:#fff;
    box-shadow:0 12px 30px -12px rgba(255,45,155,.85);
  }
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px -14px rgba(255,45,155,.95);}
  .btn-ghost{
    background:rgba(255,255,255,.05);
    color:var(--text);
    border-color:rgba(168,85,247,.38);
  }
  .btn-ghost:hover{transform:translateY(-2px);border-color:var(--pink);box-shadow:0 14px 30px -18px rgba(255,45,155,.9);}
  .btn-sm{padding:9px 18px;font-size:13.5px;border-radius:10px;}

  /* ---------- Header ---------- */
  .site-header{
    position:sticky;
    top:0;
    z-index:120;
    background:rgba(9,4,20,.86);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--line-soft);
  }
  .nav-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:70px;
  }
  .brand{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
  }
  .brand img{max-height:34px;width:auto;display:block;}
  .brand-text{
    font-size:17px;
    font-weight:700;
    letter-spacing:.04em;
    white-space:nowrap;
    color:#fff;
  }
  .nav-links{
    display:flex;
    align-items:center;
    gap:0;
    flex-wrap:nowrap;
  }
  .nav-links a{
    display:block;
    padding:10px 11px;
    font-size:14px;
    color:#c9b9e8;
    border-radius:8px;
    white-space:nowrap;
    transition:color .22s ease,background .22s ease;
  }
  .nav-links a:hover{color:#fff;background:rgba(255,45,155,.12);}
  .nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .nav-toggle{
    display:none;
    width:42px;
    height:38px;
    border-radius:10px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.05);
    cursor:pointer;
    padding:0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
  }
  .nav-toggle span{
    display:block;
    width:18px;
    height:2px;
    border-radius:2px;
    background:var(--pink-soft);
  }

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    overflow:hidden;
    padding:74px 0 62px;
    text-align:center;
  }
  .hero::before{
    content:"";
    position:absolute;
    top:-280px;
    left:50%;
    width:900px;
    height:640px;
    transform:translateX(-50%);
    background:radial-gradient(closest-side,rgba(255,45,155,.34),rgba(124,58,237,.18) 55%,transparent 78%);
    filter:blur(18px);
    animation:glowPulse 11s ease-in-out infinite;
    pointer-events:none;
  }
  .hero::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
      linear-gradient(rgba(168,85,247,.09) 1px,transparent 1px),
      linear-gradient(90deg,rgba(168,85,247,.09) 1px,transparent 1px);
    background-size:58px 58px;
    -webkit-mask-image:radial-gradient(ellipse at 50% 6%,#000 0%,transparent 74%);
    mask-image:radial-gradient(ellipse at 50% 6%,#000 0%,transparent 74%);
    pointer-events:none;
  }
  .hero .container{position:relative;z-index:2;}
  @keyframes glowPulse{
    0%,100%{opacity:.75;transform:translateX(-50%) scale(1);}
    50%{opacity:1;transform:translateX(-50%) scale(1.08);}
  }
  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 16px;
    border-radius:999px;
    border:1px solid rgba(255,45,155,.42);
    background:rgba(255,45,155,.10);
    color:#ffb3d9;
    font-size:13px;
    letter-spacing:.08em;
  }
  .eyebrow i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--pink);
    box-shadow:0 0 12px var(--pink);
    display:block;
  }
  .hero h1{
    margin-top:22px;
    font-size:clamp(30px,5.2vw,54px);
    line-height:1.22;
    letter-spacing:.02em;
    font-weight:800;
    color:#fff;
    text-shadow:0 0 46px rgba(255,45,155,.35);
  }
  .hero h1 em{
    font-style:normal;
    color:#ff5cb4;
  }
  .hero-sub{
    max-width:800px;
    margin:20px auto 0;
    color:var(--muted);
    font-size:16.5px;
  }
  .hero-sub strong{color:#ffa8d7;font-weight:600;}
  .hero-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:14px;
    margin-top:32px;
  }
  .metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-top:48px;
  }
  .metric{
    background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.022));
    border:1px solid var(--line);
    border-radius:16px;
    padding:18px 14px;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  }
  .metric:hover{
    transform:translateY(-4px);
    border-color:rgba(255,45,155,.55);
    box-shadow:0 20px 40px -26px rgba(255,45,155,.9);
  }
  .metric b{
    display:block;
    font-size:26px;
    line-height:1.2;
    color:#ff6ab8;
    font-weight:800;
    letter-spacing:.01em;
  }
  .metric span{display:block;margin-top:6px;font-size:13.5px;color:var(--muted);}

  /* ---------- Section base ---------- */
  .section{padding:74px 0;}
  .section-head{max-width:780px;margin-bottom:34px;}
  .sec-tag{
    display:inline-block;
    font-size:12.5px;
    letter-spacing:.16em;
    color:#ff8ecb;
    padding:5px 12px;
    border-radius:999px;
    border:1px solid rgba(255,45,155,.3);
    background:rgba(255,45,155,.08);
    margin-bottom:14px;
  }
  .section-head h2{
    font-size:clamp(23px,3.3vw,32px);
    line-height:1.34;
    color:#fff;
    font-weight:700;
  }
  .sec-desc{margin-top:12px;color:var(--muted);font-size:15.5px;}
  .grid{display:grid;gap:18px;}
  .g-3{grid-template-columns:repeat(3,1fr);}
  .g-2{grid-template-columns:repeat(2,1fr);}
  .card{
    position:relative;
    background:linear-gradient(160deg,rgba(255,255,255,.062),rgba(255,255,255,.02));
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:22px;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  }
  .card:hover{
    transform:translateY(-4px);
    border-color:rgba(255,45,155,.5);
    box-shadow:0 24px 48px -28px rgba(255,45,155,.85);
  }
  .card h3{font-size:17px;color:#fff;margin-bottom:8px;font-weight:700;}
  .card p{font-size:14.5px;color:var(--muted);}
  .card-ico{
    width:40px;
    height:40px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,rgba(255,45,155,.28),rgba(168,85,247,.28));
    border:1px solid rgba(255,110,190,.35);
    color:#ffb3d9;
    font-size:15px;
    font-weight:700;
    margin-bottom:14px;
  }
  .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;}
  .chip{
    padding:7px 14px;
    border-radius:999px;
    font-size:13px;
    color:#e0d3f7;
    background:rgba(255,255,255,.05);
    border:1px solid var(--line-soft);
    transition:border-color .25s ease,color .25s ease,background .25s ease;
  }
  .chip:hover{border-color:rgba(255,45,155,.55);color:#ffb3d9;background:rgba(255,45,155,.1);}

  /* ---------- About ---------- */
  .about-grid{
    display:grid;
    grid-template-columns:1fr 1.15fr;
    gap:38px;
    align-items:start;
  }
  .about-lead{font-size:15.5px;color:#d5c8ee;margin-top:16px;}
  .about-lead strong{color:#ffa8d7;}
  .about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
  .feature-list{display:grid;gap:12px;}
  .feature-item{
    display:flex;
    gap:14px;
    padding:16px 18px;
    border-radius:14px;
    background:linear-gradient(120deg,rgba(255,255,255,.055),rgba(255,255,255,.016));
    border:1px solid var(--line-soft);
    transition:border-color .28s ease,transform .28s ease;
  }
  .feature-item:hover{border-color:rgba(255,45,155,.45);transform:translateX(4px);}
  .feature-item .dot{
    flex-shrink:0;
    width:8px;
    height:8px;
    border-radius:50%;
    margin-top:9px;
    background:linear-gradient(135deg,#ff2d9b,#a855f7);
    box-shadow:0 0 10px rgba(255,45,155,.8);
  }
  .feature-item h3{font-size:15px;color:#fff;margin-bottom:2px;font-weight:700;}
  .feature-item p{font-size:13.8px;color:var(--muted);line-height:1.65;}
  .media-strip{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin-top:38px;
  }
  .figure{
    background:#150c26;
    border:1px solid var(--line);
    border-radius:16px;
    overflow:hidden;
    aspect-ratio:16/10;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .figure img{display:block;width:100%;height:100%;object-fit:contain;}

  /* ---------- Flow timeline ---------- */
  .timeline{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
    position:relative;
  }
  .step{
    background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.018));
    border:1px solid var(--line);
    border-radius:16px;
    padding:20px 18px;
    transition:transform .3s ease,border-color .3s ease;
  }
  .step:hover{transform:translateY(-4px);border-color:rgba(255,45,155,.5);}
  .step .num{
    display:inline-block;
    font-size:12.5px;
    font-weight:700;
    color:#0b0418;
    background:linear-gradient(135deg,#ff6ab8,#c084fc);
    border-radius:8px;
    padding:2px 10px;
    margin-bottom:12px;
  }
  .step h3{font-size:15.5px;color:#fff;margin-bottom:6px;}
  .step p{font-size:13.5px;color:var(--muted);line-height:1.65;}

  /* ---------- Solutions ---------- */
  .sol-card{
    background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.018));
    border:1px solid var(--line);
    border-radius:16px;
    padding:22px;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  }
  .sol-card:hover{transform:translateY(-4px);border-color:rgba(255,45,155,.5);box-shadow:0 22px 44px -28px rgba(255,45,155,.8);}
  .sol-card h3{font-size:16.5px;color:#fff;margin-bottom:8px;}
  .sol-card p{font-size:14px;color:var(--muted);}
  .sol-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;}
  .sol-tags span{
    font-size:12px;
    color:#e3d6f9;
    padding:3px 10px;
    border-radius:6px;
    background:rgba(168,85,247,.14);
    border:1px solid rgba(168,85,247,.24);
  }

  /* ---------- Network ---------- */
  .network-panel{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
    padding:30px;
    border-radius:20px;
    border:1px solid var(--line);
    background:
      radial-gradient(600px 240px at 8% 0%,rgba(255,45,155,.16),transparent 70%),
      linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,.016));
  }
  .network-panel h3{font-size:20px;color:#fff;margin-bottom:10px;}
  .network-panel p{font-size:14.5px;color:var(--muted);}
  .region-tags{display:flex;flex-wrap:wrap;gap:10px;}
  .region-tags span{
    padding:9px 16px;
    border-radius:10px;
    font-size:13.5px;
    color:#f0e6ff;
    background:rgba(255,255,255,.055);
    border:1px solid var(--line-soft);
    transition:border-color .25s ease,color .25s ease;
  }
  .region-tags span:hover{border-color:rgba(255,45,155,.5);color:#ffb3d9;}

  /* ---------- Standard process ---------- */
  .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .process-item{
    display:flex;
    gap:14px;
    padding:20px;
    border-radius:16px;
    background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
    border:1px solid var(--line-soft);
    transition:border-color .28s ease,transform .28s ease;
  }
  .process-item:hover{border-color:rgba(255,45,155,.45);transform:translateY(-3px);}
  .process-item .idx{
    flex-shrink:0;
    width:34px;
    height:34px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:700;
    color:#fff;
    background:linear-gradient(135deg,rgba(255,45,155,.85),rgba(139,92,246,.85));
  }
  .process-item h3{font-size:15px;color:#fff;margin-bottom:4px;}
  .process-item p{font-size:13.5px;color:var(--muted);line-height:1.65;}

  /* ---------- Cases ---------- */
  .case-card{
    border:1px solid var(--line);
    border-radius:18px;
    overflow:hidden;
    background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.018));
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  }
  .case-card:hover{transform:translateY(-4px);border-color:rgba(255,45,155,.5);box-shadow:0 24px 46px -30px rgba(255,45,155,.85);}
  .case-media{background:#150c26;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;}
  .case-media img{display:block;width:100%;height:100%;object-fit:contain;}
  .case-body{padding:18px 20px 22px;}
  .case-body h3{font-size:16px;color:#fff;margin-bottom:6px;}
  .case-body p{font-size:13.8px;color:var(--muted);}

  /* ---------- Compare ---------- */
  .score-panel{
    display:grid;
    grid-template-columns:260px 1fr;
    gap:26px;
    align-items:center;
    padding:26px;
    border-radius:20px;
    border:1px solid rgba(255,45,155,.34);
    background:
      radial-gradient(420px 220px at 0% 0%,rgba(255,45,155,.22),transparent 72%),
      linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.018));
    margin-bottom:26px;
  }
  .score-main{text-align:center;}
  .score-num{
    font-size:52px;
    font-weight:800;
    color:#ff6ab8;
    line-height:1;
    letter-spacing:.02em;
  }
  .score-num small{font-size:18px;color:var(--muted);font-weight:600;margin-left:4px;}
  .stars{color:#ffb020;font-size:19px;letter-spacing:3px;margin-top:10px;}
  .score-label{margin-top:8px;font-size:13.5px;color:var(--muted);}
  .score-text h3{font-size:18px;color:#fff;margin-bottom:8px;}
  .score-text p{font-size:14.5px;color:var(--muted);}
  .table-wrap{
    border:1px solid var(--line);
    border-radius:18px;
    background:rgba(255,255,255,.028);
    overflow-x:auto;
  }
  table{width:100%;border-collapse:collapse;min-width:720px;}
  thead th{
    text-align:left;
    padding:15px 18px;
    font-size:14px;
    color:#fff;
    font-weight:700;
    background:rgba(168,85,247,.16);
    border-bottom:1px solid var(--line);
    white-space:nowrap;
  }
  thead th:nth-child(2){color:#ffa8d7;}
  tbody td{
    padding:14px 18px;
    font-size:14px;
    color:#cbbce8;
    border-bottom:1px solid rgba(168,85,247,.12);
    vertical-align:top;
  }
  tbody tr:last-child td{border-bottom:none;}
  tbody tr:hover td{background:rgba(255,45,155,.05);}
  tbody td:first-child{color:#f0e6ff;font-weight:600;}
  tbody td:nth-child(2){color:#ffb3d9;}

  /* ---------- Token ---------- */
  .price-card{
    position:relative;
    border:1px solid var(--line);
    border-radius:18px;
    padding:26px 22px;
    background:linear-gradient(165deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  }
  .price-card:hover{transform:translateY(-5px);border-color:rgba(255,45,155,.55);box-shadow:0 26px 50px -30px rgba(255,45,155,.9);}
  .price-card h3{font-size:16px;color:#fff;margin-bottom:10px;}
  .price-value{font-size:26px;font-weight:800;color:#ff6ab8;line-height:1.3;}
  .price-value small{font-size:13px;color:var(--muted);font-weight:500;margin-left:6px;}
  .price-card ul{margin-top:16px;display:grid;gap:9px;}
  .price-card li{
    font-size:13.8px;
    color:var(--muted);
    padding-left:18px;
    position:relative;
  }
  .price-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff2d9b,#a855f7);
  }
  .price-note{margin-top:20px;font-size:13.5px;color:#9d8cbe;}

  /* ---------- Form ---------- */
  .form-grid{
    display:grid;
    grid-template-columns:1fr 1.25fr;
    gap:32px;
    align-items:start;
  }
  .form-side h3{font-size:19px;color:#fff;margin-bottom:12px;}
  .form-side p{font-size:14.5px;color:var(--muted);}
  .form-side ul{margin-top:20px;display:grid;gap:11px;}
  .form-side li{
    font-size:14px;
    color:#d5c8ee;
    padding-left:22px;
    position:relative;
  }
  .form-side li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#ff6ab8;
    font-weight:700;
  }
  .req-form{
    border:1px solid var(--line);
    border-radius:20px;
    padding:26px;
    background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.016));
    display:grid;
    gap:16px;
  }
  .field{display:grid;gap:7px;}
  .field label{font-size:13.5px;color:#d9cbf2;}
  .field input,
  .field select,
  .field textarea{
    width:100%;
    padding:12px 14px;
    font-size:14.5px;
    font-family:inherit;
    color:#fff;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(168,85,247,.26);
    border-radius:10px;
    outline:none;
    transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
  }
  .field textarea{min-height:110px;resize:vertical;}
  .field input::placeholder,
  .field textarea::placeholder{color:#8f7fb0;}
  .field select option{background:#150c26;color:#fff;}
  .field input:focus,
  .field select:focus,
  .field textarea:focus{
    border-color:#ff2d9b;
    background:rgba(255,255,255,.09);
    box-shadow:0 0 0 3px rgba(255,45,155,.18);
  }
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .form-tip{font-size:12.5px;color:#9282b3;}

  /* ---------- Reviews ---------- */
  .review{
    display:flex;
    flex-direction:column;
    gap:14px;
    height:100%;
    border:1px solid var(--line);
    border-radius:18px;
    padding:22px;
    background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.016));
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  }
  .review:hover{transform:translateY(-4px);border-color:rgba(255,45,155,.5);box-shadow:0 22px 44px -28px rgba(255,45,155,.8);}
  .review .stars{margin-top:0;font-size:15px;letter-spacing:2px;}
  .review p{font-size:14px;color:#d3c6ec;line-height:1.78;}
  .reviewer{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(168,85,247,.16);}
  .avatar{
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:700;
    color:#fff;
    background:linear-gradient(135deg,rgba(255,45,155,.9),rgba(139,92,246,.9));
    flex-shrink:0;
  }
  .reviewer b{display:block;font-size:14px;color:#fff;font-weight:600;}
  .reviewer span{display:block;font-size:12.5px;color:#9d8cbe;}

  /* ---------- Help ---------- */
  .help-card{
    border:1px solid var(--line);
    border-radius:16px;
    padding:22px;
    background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.016));
    transition:transform .3s ease,border-color .3s ease;
  }
  .help-card:hover{transform:translateY(-4px);border-color:rgba(255,45,155,.5);}
  .help-card h3{font-size:15.5px;color:#fff;margin-bottom:8px;}
  .help-card p{font-size:13.8px;color:var(--muted);}

  /* ---------- FAQ ---------- */
  .faq-list{display:grid;gap:12px;}
  .faq-item{
    border:1px solid var(--line-soft);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    overflow:hidden;
    transition:border-color .28s ease,background .28s ease;
  }
  .faq-item.open{border-color:rgba(255,45,155,.5);background:rgba(255,45,155,.06);}
  .faq-h{margin:0;font-size:15px;}
  .faq-q{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 20px;
    background:none;
    border:none;
    cursor:pointer;
    text-align:left;
    color:#f0e6ff;
    font-size:15px;
    font-weight:600;
    font-family:inherit;
  }
  .faq-q:hover{color:#ffb3d9;}
  .faq-q .mark{
    flex-shrink:0;
    width:22px;
    height:22px;
    border-radius:50%;
    border:1px solid rgba(255,45,155,.4);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    line-height:1;
    color:#ff8ecb;
    transition:transform .3s ease;
  }
  .faq-item.open .faq-q .mark{transform:rotate(45deg);}
  .faq-a{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .34s ease;
  }
  .faq-item.open .faq-a{grid-template-rows:1fr;}
  .faq-a-inner{overflow:hidden;}
  .faq-a-inner p{padding:0 20px 18px;font-size:14px;color:var(--muted);line-height:1.8;}

  /* ---------- Wiki ---------- */
  .wiki-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .wiki-card{
    border:1px solid var(--line-soft);
    border-radius:14px;
    padding:18px;
    background:rgba(255,255,255,.04);
    transition:border-color .28s ease,transform .28s ease;
  }
  .wiki-card:hover{border-color:rgba(255,45,155,.5);transform:translateY(-3px);}
  .wiki-card h3{font-size:14.5px;color:#ffb3d9;margin-bottom:6px;}
  .wiki-card p{font-size:13.2px;color:var(--muted);line-height:1.7;}
  .cloud-title{margin-top:32px;font-size:14px;color:#c9b9e8;letter-spacing:.1em;}

  /* ---------- Articles ---------- */
  .article-list{display:grid;gap:12px;}
  .article-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 20px;
    border-radius:14px;
    border:1px solid var(--line-soft);
    background:rgba(255,255,255,.035);
    transition:border-color .28s ease,background .28s ease,transform .28s ease;
  }
  .article-item:hover{border-color:rgba(255,45,155,.5);background:rgba(255,45,155,.07);transform:translateX(4px);}
  .article-item h3{font-size:15px;color:#f0e6ff;font-weight:600;}
  .article-item span{flex-shrink:0;font-size:12.5px;color:#ff8ecb;white-space:nowrap;}

  /* ---------- Contact ---------- */
  .contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .contact-card{
    border:1px solid var(--line);
    border-radius:16px;
    padding:20px;
    background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.016));
    transition:border-color .28s ease,transform .28s ease;
  }
  .contact-card:hover{border-color:rgba(255,45,155,.5);transform:translateY(-3px);}
  .contact-card h3{font-size:14px;color:#b6a6d4;font-weight:500;margin-bottom:8px;}
  .contact-card p{font-size:15.5px;color:#fff;font-weight:600;word-break:break-all;}
  .qr-card{
    display:flex;
    align-items:center;
    gap:16px;
    grid-column:span 3;
    border:1px solid var(--line);
    border-radius:16px;
    padding:20px;
    background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,.016));
  }
  .qr-card .qr-box{
    width:120px;
    flex-shrink:0;
    background:#fff;
    border-radius:12px;
    padding:8px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .qr-card img{display:block;width:100%;height:auto;}
  .qr-card h3{font-size:16px;color:#fff;margin-bottom:6px;}
  .qr-card p{font-size:13.8px;color:var(--muted);}

  /* ---------- Join ---------- */
  .join-panel{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:32px;
    border-radius:22px;
    border:1px solid rgba(255,45,155,.36);
    background:
      radial-gradient(520px 260px at 12% 10%,rgba(255,45,155,.24),transparent 70%),
      radial-gradient(520px 260px at 88% 90%,rgba(124,58,237,.26),transparent 72%),
      linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.018));
  }
  .join-panel h2{font-size:clamp(21px,2.8vw,27px);color:#fff;margin-bottom:10px;}
  .join-panel p{font-size:14.8px;color:#d5c8ee;max-width:660px;}

  /* ---------- Footer ---------- */
  .site-footer{
    background:#06030d;
    border-top:1px solid rgba(168,85,247,.2);
    color:#cfc2e8;
    padding:48px 0 0;
    margin-top:0;
  }
  .footer-top{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr;
    gap:34px;
    padding-bottom:34px;
  }
  .footer-brand img{max-height:34px;width:auto;display:block;margin-bottom:14px;}
  .footer-brand p{font-size:13.8px;color:#a99ac4;line-height:1.8;}
  .footer-col h3{font-size:14.5px;color:#fff;margin-bottom:14px;font-weight:600;}
  .footer-col ul{display:grid;gap:9px;}
  .footer-col a,
  .footer-col span{font-size:13.5px;color:#a99ac4;transition:color .22s ease;}
  .footer-col a:hover{color:#ff8ecb;}
  .footer-links{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 16px;
    padding:20px 0;
    border-top:1px solid rgba(168,85,247,.16);
    border-bottom:1px solid rgba(168,85,247,.16);
  }
  .footer-links strong{font-size:13.5px;color:#e6dbfa;font-weight:600;margin-right:4px;}
  .footer-links a{font-size:13px;color:#a99ac4;transition:color .22s ease;}
  .footer-links a:hover{color:#ff8ecb;}
  .footer-bottom{
    padding:20px 0 26px;
    font-size:12.8px;
    color:#8c7ca8;
    text-align:center;
    line-height:1.9;
  }

  /* ---------- Floating ---------- */
  .fab{
    position:fixed;
    right:18px;
    bottom:88px;
    z-index:150;
    width:52px;
    height:52px;
    border-radius:50%;
    border:1px solid rgba(255,45,155,.5);
    background:linear-gradient(135deg,#ff2d9b,#8b5cf6);
    color:#fff;
    font-size:12.5px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 14px 30px -12px rgba(255,45,155,.9);
    transition:transform .25s ease;
  }
  .fab:hover{transform:scale(1.06);}
  .fab-panel{
    position:fixed;
    right:18px;
    bottom:150px;
    z-index:150;
    width:240px;
    padding:18px;
    border-radius:16px;
    border:1px solid rgba(255,45,155,.4);
    background:rgba(18,9,36,.97);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    box-shadow:0 24px 48px -20px rgba(0,0,0,.85);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:opacity .28s ease,transform .28s ease,visibility .28s ease;
  }
  .fab-panel.open{opacity:1;visibility:visible;transform:translateY(0);}
  .fab-panel h3{font-size:14px;color:#fff;margin-bottom:10px;}
  .fab-panel .qr-box{background:#fff;border-radius:10px;padding:6px;width:100%;display:flex;justify-content:center;}
  .fab-panel .qr-box img{width:100%;height:auto;display:block;}
  .fab-panel p{font-size:12.8px;color:#b6a6d4;margin-top:10px;line-height:1.7;}
  .to-top{
    position:fixed;
    right:18px;
    bottom:24px;
    z-index:150;
    width:52px;
    height:52px;
    border-radius:50%;
    border:1px solid rgba(168,85,247,.42);
    background:rgba(20,10,38,.92);
    color:#ffb3d9;
    font-size:13px;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:opacity .28s ease,transform .28s ease,visibility .28s ease,border-color .25s ease;
  }
  .to-top.show{opacity:1;visibility:visible;transform:translateY(0);}
  .to-top:hover{border-color:#ff2d9b;}

  /* ---------- Reveal ---------- */
  .reveal-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease;}
  .reveal-ready .reveal.is-visible{opacity:1;transform:none;}

  @media (prefers-reduced-motion: reduce){
    .hero::before{animation:none;}
    html{scroll-behavior:auto;}
  }

  /* ---------- Responsive ---------- */
  @media (max-width:1080px){
    .nav-toggle{display:flex;}
    .nav-links{
      position:absolute;
      top:100%;
      left:0;
      right:0;
      flex-direction:column;
      align-items:stretch;
      gap:0;
      padding:10px 20px 18px;
      background:rgba(11,5,25,.98);
      border-bottom:1px solid rgba(168,85,247,.24);
      display:none;
      max-height:70vh;
      overflow-y:auto;
    }
    .nav-links.open{display:flex;}
    .nav-links a{padding:12px 8px;border-bottom:1px solid rgba(168,85,247,.1);font-size:15px;}
    .nav-links a:last-child{border-bottom:none;}
    .nav-inner{position:relative;}
    .g-3{grid-template-columns:repeat(2,1fr);}
    .wiki-grid{grid-template-columns:repeat(2,1fr);}
    .contact-grid{grid-template-columns:repeat(2,1fr);}
    .qr-card{grid-column:span 2;}
    .timeline{grid-template-columns:repeat(3,1fr);}
    .process-grid{grid-template-columns:repeat(2,1fr);}
    .about-grid{grid-template-columns:1fr;gap:28px;}
    .form-grid{grid-template-columns:1fr;gap:26px;}
    .network-panel{grid-template-columns:1fr;gap:22px;}
    .footer-top{grid-template-columns:1fr 1fr;gap:28px;}
  }
  @media (max-width:760px){
    .section{padding:56px 0;}
    .hero{padding:56px 0 48px;}
    .metrics{grid-template-columns:repeat(2,1fr);gap:12px;}
    .g-3,.g-2{grid-template-columns:1fr;}
    .media-strip{grid-template-columns:1fr;}
    .timeline{grid-template-columns:1fr;}
    .process-grid{grid-template-columns:1fr;}
    .score-panel{grid-template-columns:1fr;gap:18px;}
    .field-row{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .qr-card{grid-column:span 1;}
    .footer-top{grid-template-columns:1fr;gap:26px;}
    .article-item{flex-direction:column;align-items:flex-start;gap:6px;}
  }
  @media (max-width:560px){
    .nav-actions .btn{display:none;}
    .hero-actions .btn{width:100%;}
    .brand-text{font-size:15.5px;}
    .req-form{padding:20px;}
    .join-panel{padding:24px;}
    .fab{right:14px;bottom:80px;width:48px;height:48px;}
    .to-top{right:14px;bottom:20px;width:48px;height:48px;}
    .fab-panel{right:14px;left:14px;width:auto;}
  }