:root{
      --bg: #fff7ea;
      --surface: #ffffff;
      --surface2: #fffdf8;
      --text: #1f2937;
      --muted: #6b7280;
      --muted2:#8a94a6;
      --border: rgba(20,20,35,.10);
      --shadow: 0 10px 30px rgba(18,18,28,.10);
      --shadow2: 0 8px 24px rgba(18,18,28,.08);
      --yellow: #ffd000;
      --yellow2:#ffb800;
      --yellow3:#ffcf2e;
      --ink: #111827;
      --blue:#2a6df6;
      --green:#16a34a;
      --radius: 18px;
      --radius2: 14px;
      --radius3: 12px;
      --container: 1140px;
    }

    *{ box-sizing:border-box; }
    html{ scroll-behavior:smooth; }
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
      color: var(--text);
      background: linear-gradient(180deg, #fff6e4 0%, #ffffff 40%, #fff8ef 100%);
      overflow-x:hidden;
    }

    .skip-link{
      position:absolute;
      left:-999px;
      top:8px;
      padding:10px 12px;
      background:#111827;
      color:#fff;
      border-radius:10px;
      z-index:9999;
    }
    .skip-link:focus{ left:10px; }

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

    .topbar{
      position: sticky;
      top:0;
      z-index: 50;
      background: rgba(255,255,255,.75);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(20,20,35,.08);
    }
    .nav-container{
      height: 72px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
    }

    .brand{
      display:flex;
      align-items:center;
      gap: 12px;
      min-width: 320px;
    }
    .brand-link{ display:flex; align-items:center; gap:10px; text-decoration:none; }
    .ai-page-logo{
      width: 44px;
      height: 44px;
      object-fit: contain;
      border-radius: 12px;
      background: rgba(255,208,0,.10);
      border: 1px solid rgba(255,208,0,.25);
      padding: 6px;
    }
    .brand-text{ display:flex; flex-direction:column; line-height:1.1; }
    .brand-name{ font-weight: 850; letter-spacing:.2px; color: var(--ink); }
    .brand-sub{ font-size: 12px; color: var(--muted); margin-top:4px; }

    .nav-desktop{
      display:flex;
      align-items:center;
      gap: 18px;
      flex: 1;
      justify-content:center;
    }
    .nav-item{
      color: var(--ink);
      text-decoration:none;
      font-weight: 650;
      font-size: 14px;
      padding: 10px 10px;
      border-radius: 12px;
      transition: background .2s ease, transform .2s ease, color .2s ease;
      white-space:nowrap;
    }
    .nav-item:hover{ background: rgba(255,208,0,.18); transform: translateY(-1px); }

    .nav-actions{ display:flex; align-items:center; gap: 10px; }
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding: 12px 16px;
      border-radius: 14px;
      border: 1px solid rgba(20,20,35,.12);
      text-decoration:none;
      color: var(--ink);
      font-weight: 760;
      font-size: 14px;
      background: #fff;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
      box-shadow: 0 6px 18px rgba(17,24,39,.06);
      cursor:pointer;
      user-select:none;
    }
    .btn:active{ transform: translateY(0); }
    .btn:hover{ transform: translateY(-1px); box-shadow: 0 12px 28px rgba(17,24,39,.12); }

    .btn-primary{
      background: linear-gradient(180deg, var(--yellow3) 0%, var(--yellow2) 100%);
      border-color: rgba(255,184,0,.55);
    }
    .btn-ghost{
      background: rgba(255,255,255,.85);
      box-shadow:none;
    }
    .btn-soft{
      background: rgba(255,208,0,.12);
      border-color: rgba(255,184,0,.35);
      box-shadow:none;
    }
    .btn-block{ width: 100%; }

    .menu-btn{
      display:none;
      border: 1px solid rgba(20,20,35,.12);
      background: rgba(255,255,255,.9);
      border-radius: 14px;
      padding: 10px 12px;
      cursor:pointer;
      box-shadow:none;
      transition: transform .18s ease, background .18s ease;
    }
    .menu-btn:hover{ transform: translateY(-1px); }
    .menu-lines{
      width: 22px;
      height: 14px;
      display:inline-block;
      background:
        linear-gradient(#111827,#111827) 0 0/100% 2px no-repeat,
        linear-gradient(#111827,#111827) 0 6px/100% 2px no-repeat,
        linear-gradient(#111827,#111827) 0 12px/100% 2px no-repeat;
      border-radius: 2px;
    }
    .menu-label{
      margin-left:10px;
      font-weight: 800;
      font-size: 14px;
      color: var(--ink);
    }

    .mobile-menu{
      display:none;
      border-top: 1px solid rgba(20,20,35,.08);
      background: rgba(255,255,255,.88);
      backdrop-filter: blur(10px);
    }
    .mobile-menu-inner{
      padding: 14px 0 18px;
      display:flex;
      flex-direction:column;
      gap: 14px;
    }
    .mobile-links{
      display:flex;
      flex-direction:column;
      gap: 10px;
    }
    .mobile-link{
      text-decoration:none;
      color: var(--ink);
      font-weight: 750;
      padding: 12px 12px;
      border-radius: 14px;
      background: rgba(255,208,0,.10);
      border: 1px solid rgba(255,184,0,.22);
    }
    .mobile-actions{ display:flex; flex-direction:column; gap:10px; }

    .hero{
      position:relative;
      overflow:hidden;
      padding: 44px 0 22px;
    }
    .hero-bg{
      position:absolute;
      inset:0;
      pointer-events:none;
    }
    .hero-grid{
      position:absolute;
      left:50%;
      top:-120px;
      width: 1100px;
      height: 760px;
      transform: translateX(-50%);
      background:
        radial-gradient(circle at 20% 30%, rgba(255,208,0,.28), transparent 45%),
        radial-gradient(circle at 80% 20%, rgba(42,109,246,.12), transparent 45%),
        linear-gradient(180deg, rgba(255,208,0,.10), transparent 65%);
      filter: saturate(1.05);
    }
    .hero-glow{
      position:absolute;
      right:-180px;
      top:-140px;
      width: 520px;
      height: 520px;
      background: radial-gradient(circle at 30% 30%, rgba(255,208,0,.55), transparent 55%);
      opacity:.55;
    }
    .hero-dots{
      position:absolute;
      left:-120px;
      bottom:-160px;
      width: 520px;
      height: 520px;
      background:
        radial-gradient(circle at 20% 20%, rgba(255,184,0,.18) 0 3px, transparent 4px) 0 0/18px 18px;
      opacity:.55;
      border-radius: 50%;
    }

    .hero-container{
      position:relative;
      display:grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 22px;
      align-items:start;
      padding: 10px 0 26px;
    }

    .pill{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding: 10px 12px;
      border-radius: 999px;
      background: rgba(255,208,0,.16);
      border: 1px solid rgba(255,184,0,.35);
      color: var(--ink);
      font-weight: 800;
      font-size: 13px;
      letter-spacing:.1px;
    }
    .pill-dot{
      width:10px;height:10px;border-radius:50%;
      background: linear-gradient(180deg, var(--yellow3), var(--yellow2));
      box-shadow: 0 10px 20px rgba(255,184,0,.35);
    }

    .hero-title{
      margin: 16px 0 10px;
      font-size: 44px;
      line-height: 1.08;
      letter-spacing:-.5px;
      color: var(--ink);
      font-weight: 940;
    }
    .hero-lead{
      margin: 0;
      font-size: 16px;
      line-height: 1.75;
      color: rgba(17,24,39,.86);
      max-width: 640px;
    }
    .hero-cta{
      display:flex;
      gap: 12px;
      margin-top: 18px;
      flex-wrap:wrap;
    }

    .hero-badges{
      margin-top: 18px;
      display:flex;
      gap: 10px;
      flex-wrap:wrap;
    }
    .badge{
      display:flex;
      align-items:center;
      gap:10px;
      padding: 10px 12px;
      border-radius: 16px;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,20,35,.10);
      box-shadow: 0 10px 26px rgba(17,24,39,.06);
      transition: transform .18s ease;
    }
    .badge:hover{ transform: translateY(-2px); }
    .badge-icon{ width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius: 10px; background: rgba(255,208,0,.20); border: 1px solid rgba(255,184,0,.25); }
    .badge-text{ font-weight: 780; font-size: 13px; color: rgba(17,24,39,.92); }

    .hero-right{ display:flex; flex-direction:column; gap: 12px; }
    .hero-panel{
      background: rgba(255,255,255,.82);
      border: 1px solid rgba(20,20,35,.10);
      border-radius: 22px;
      box-shadow: var(--shadow2);
      padding: 16px;
      position:relative;
      overflow:hidden;
      animation: rise .55s ease both;
    }
    @keyframes rise{
      from{ opacity:0; transform: translateY(10px); }
      to{ opacity:1; transform: translateY(0); }
    }
    .panel-top{ margin-bottom: 10px; }
    .panel-title{ font-weight: 920; font-size: 16px; letter-spacing:.2px; color: var(--ink); }
    .panel-sub{ margin-top: 4px; color: var(--muted); font-size: 13px; }

    .panel-stats{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 12px;
    }
    .stat{
      padding: 12px;
      background: rgba(255,208,0,.10);
      border: 1px solid rgba(255,184,0,.25);
      border-radius: 16px;
    }
    .stat-num{ font-weight: 930; color: var(--ink); font-size: 14px; }
    .stat-desc{ margin-top: 6px; font-size: 12.5px; color: rgba(17,24,39,.75); line-height:1.45; }

    .panel-foot{
      display:flex;
      gap: 12px;
      flex-wrap:wrap;
      margin-top: 14px;
    }
    .link-cta{
      text-decoration:none;
      color: var(--ink);
      font-weight: 820;
      padding: 10px 12px;
      border-radius: 14px;
      background: rgba(255,255,255,.75);
      border: 1px solid rgba(20,20,35,.10);
      transition: transform .18s ease, background .18s ease;
    }
    .link-cta:hover{ transform: translateY(-2px); background: rgba(255,208,0,.12); }
    .link-arrow{ margin-left:6px; color: rgba(17,24,39,.7); }

    .hero-mini{
      background: rgba(255,255,255,.70);
      border: 1px solid rgba(20,20,35,.10);
      border-radius: 22px;
      padding: 14px;
      box-shadow: 0 10px 26px rgba(17,24,39,.06);
    }
    .mini-item{ padding: 12px 10px; border-radius: 16px; background: rgba(255,208,0,.08); border: 1px solid rgba(255,184,0,.20); }
    .mini-item + .mini-item{ margin-top: 10px; }
    .mini-k{ font-weight: 920; color: var(--ink); font-size: 13px; }
    .mini-v{ margin-top: 6px; color: rgba(17,24,39,.80); font-weight: 700; font-size: 13px; line-height: 1.45; }

    .section{ padding: 58px 0; }
    .section-soft{ background: linear-gradient(180deg, rgba(255,208,0,.08) 0%, transparent 70%); }
    .section-soft2{ background: linear-gradient(180deg, rgba(255,208,0,.12) 0%, transparent 65%); }
    .section-container{ padding: 0; }

    .section-head{
      margin-bottom: 22px;
      max-width: 860px;
    }
    .section-eyebrow{
      font-weight: 900;
      color: rgba(17,24,39,.82);
      letter-spacing:.2px;
      display:inline-flex;
      align-items:center;
      gap:10px;
    }
    .section-eyebrow::before{
      content:"";
      width: 22px; height: 10px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(255,208,0,1), rgba(255,184,0,.6));
      box-shadow: 0 10px 20px rgba(255,184,0,.35);
    }
    .section-title{
      margin: 10px 0 10px;
      font-size: 34px;
      letter-spacing:-.4px;
      font-weight: 950;
      color: var(--ink);
      line-height: 1.18;
    }
    .section-desc{
      margin: 0;
      color: rgba(17,24,39,.78);
      line-height:1.75;
      font-size: 15px;
    }

    .grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .grid-3{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .grid-4{ display:grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }

    .card{
      background: rgba(255,255,255,.88);
      border: 1px solid rgba(20,20,35,.10);
      border-radius: var(--radius);
      box-shadow: 0 10px 28px rgba(17,24,39,.06);
      padding: 16px;
      position:relative;
      overflow:hidden;
    }
    .card-accent{
      background:
        radial-gradient(900px 300px at 0% 0%, rgba(255,208,0,.25), transparent 55%),
        radial-gradient(700px 260px at 100% 0%, rgba(42,109,246,.10), transparent 50%),
        rgba(255,255,255,.90);
      border-color: rgba(255,184,0,.24);
    }
    .card-lift{ transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease; }
    .card-lift:hover{ transform: translateY(-3px); box-shadow: 0 16px 40px rgba(17,24,39,.12); border-color: rgba(255,184,0,.40); }
    .card-soft{
      background: rgba(255,255,255,.75);
      box-shadow: none;
    }

    .card-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      background: rgba(255,208,0,.16);
      border: 1px solid rgba(255,184,0,.30);
      display:flex; align-items:center; justify-content:center;
      font-size: 18px;
      margin-bottom: 10px;
    }
    .card-title{
      font-weight: 950;
      letter-spacing:.2px;
      color: var(--ink);
      margin: 0;
      font-size: 18px;
    }
    .card-text{
      margin: 10px 0 0;
      color: rgba(17,24,39,.78);
      line-height:1.7;
      font-size: 14px;
    }

    .bullets{ margin: 12px 0 0; padding: 0; list-style:none; display:flex; flex-direction:column; gap: 10px; }
    .bullets li{
      padding-left: 18px;
      position:relative;
      color: rgba(17,24,39,.80);
      line-height:1.6;
      font-size: 14px;
      font-weight: 650;
    }
    .bullets li::before{
      content:"";
      position:absolute; left:0; top: 11px;
      width: 8px; height: 8px;
      border-radius: 50%;
      background: linear-gradient(180deg, var(--yellow3), var(--yellow2));
      box-shadow: 0 10px 18px rgba(255,184,0,.35);
    }

    .accent-list{ margin-top: 12px; display:flex; flex-direction:column; gap: 14px; }
    .accent-row{ display:flex; gap: 12px; align-items:flex-start; }
    .dot{ width: 12px; height: 12px; border-radius:50%; margin-top: 6px; background: linear-gradient(180deg, var(--yellow3), var(--yellow2)); box-shadow: 0 12px 26px rgba(255,184,0,.32); border: 1px solid rgba(255,184,0,.32); }
    .accent-h{ font-weight: 930; color: var(--ink); }
    .accent-p{ margin-top: 5px; color: rgba(17,24,39,.78); line-height: 1.55; font-size: 14px; }

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

    .chip-row{ display:flex; gap: 8px; flex-wrap:wrap; margin-top: 12px; }
    .chip{
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(255,208,0,.12);
      border: 1px solid rgba(255,184,0,.25);
      color: rgba(17,24,39,.82);
      font-weight: 760;
      font-size: 12.5px;
      white-space:nowrap;
    }

    .ticker{
      margin-top: 18px;
      padding: 12px;
      border-radius: 22px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.70);
      display:flex;
      align-items:center;
      gap: 12px;
      overflow:hidden;
    }
    .ticker-label{
      font-weight: 950;
      color: rgba(17,24,39,.86);
      white-space:nowrap;
      font-size: 13px;
      padding: 10px 12px;
      border-radius: 16px;
      background: rgba(255,208,0,.14);
      border: 1px solid rgba(255,184,0,.25);
    }
    .ticker-track{
      display:flex;
      gap: 10px;
      flex-wrap:nowrap;
      overflow:auto;
      padding-bottom: 6px;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .ticker-track::-webkit-scrollbar{ display:none; }
    .ticker-item{
      flex: 0 0 auto;
      padding: 10px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.8);
      border: 1px solid rgba(20,20,35,.10);
      font-weight: 780;
      color: rgba(17,24,39,.82);
      font-size: 13px;
      white-space:nowrap;
    }

    .timeline{
      display:flex;
      flex-direction:column;
      gap: 12px;
    }
    .step{
      display:flex;
      gap: 14px;
      align-items:flex-start;
      padding: 14px;
      border-radius: 18px;
      background: rgba(255,255,255,.82);
      border: 1px solid rgba(20,20,35,.10);
      box-shadow: 0 10px 24px rgba(17,24,39,.05);
    }
    .step-num{
      width: 56px;
      flex: 0 0 auto;
      height: 34px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius: 999px;
      background: rgba(255,208,0,.16);
      border: 1px solid rgba(255,184,0,.28);
      font-weight: 950;
      color: rgba(17,24,39,.90);
      letter-spacing:.3px;
    }
    .step-title{ font-weight: 950; color: var(--ink); }
    .step-text{ margin-top: 6px; color: rgba(17,24,39,.78); line-height: 1.55; font-weight: 650; }

    .callout-row{
      margin-top: 16px;
      display:flex;
      gap: 16px;
      align-items:center;
      justify-content:space-between;
      flex-wrap:wrap;
    }
    .callout{
      flex: 1 1 520px;
      display:flex; gap: 12px; align-items:flex-start;
      padding: 16px;
      border-radius: 22px;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,20,35,.10);
      box-shadow: 0 10px 24px rgba(17,24,39,.06);
    }
    .callout-icon{
      width: 44px; height: 44px; border-radius: 16px;
      background: rgba(255,208,0,.18);
      border: 1px solid rgba(255,184,0,.28);
      display:flex; align-items:center; justify-content:center;
      font-size: 18px;
      flex: 0 0 auto;
    }
    .callout-title{ font-weight: 950; color: var(--ink); }
    .callout-text{ margin-top: 6px; color: rgba(17,24,39,.78); line-height:1.6; font-weight: 650; font-size: 14px; }
    .callout-actions{ display:flex; gap: 12px; flex-wrap:wrap; }

    .grid-3 .card,
    .grid-2 .card,
    .grid-4 .card{ min-height: 168px; }

    .soft-top{ display:flex; gap: 10px; align-items:center; margin-bottom: 8px; }
    .soft-icon{
      width: 44px; height: 44px; border-radius: 16px;
      background: rgba(255,208,0,.14);
      border: 1px solid rgba(255,184,0,.25);
      display:flex; align-items:center; justify-content:center;
      font-size: 18px;
      flex: 0 0 auto;
    }
    .soft-title{ font-weight: 950; font-size: 16px; }
    .soft-text{ margin: 0; color: rgba(17,24,39,.78); line-height:1.7; font-weight: 650; font-size: 14px; }
    .soft-foot{ margin-top: 10px; color: rgba(17,24,39,.65); font-weight: 770; font-size: 13px; }

    .section-network{ background: linear-gradient(180deg, rgba(255,208,0,.10) 0%, transparent 70%); }
    .network-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      align-items:stretch;
    }
    .map-card{ padding: 16px; }
    .map-title{ font-weight: 950; color: var(--ink); margin-bottom: 10px; }
    .map-visual{
      position:relative;
      border-radius: 20px;
      background:
        radial-gradient(500px 200px at 10% 20%, rgba(255,208,0,.25), transparent 60%),
        radial-gradient(420px 220px at 85% 10%, rgba(42,109,246,.10), transparent 60%),
        rgba(255,255,255,.60);
      border: 1px solid rgba(20,20,35,.08);
      height: 220px;
      overflow:hidden;
    }
    .map-ring{
      position:absolute;
      border: 1px dashed rgba(255,184,0,.55);
      border-radius: 50%;
      opacity:.8;
      animation: spin 7s linear infinite;
    }
    .r1{ width: 220px; height: 220px; left:-40px; top: 10px; }
    .r2{ width: 300px; height: 300px; left: 60px; top: -70px; border-color: rgba(42,109,246,.18); animation-duration: 10s; }
    .r3{ width: 320px; height: 320px; left: -80px; top: -100px; border-color: rgba(255,208,0,.30); animation-duration: 12s; }

    @keyframes spin{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } }

    .map-dot{
      position:absolute;
      width: 12px; height: 12px;
      border-radius: 50%;
      background: linear-gradient(180deg, var(--yellow3), var(--yellow2));
      box-shadow: 0 16px 30px rgba(255,184,0,.35);
      border: 1px solid rgba(255,184,0,.35);
    }
    .d1{ left: 22%; top: 44%; }
    .d2{ left: 42%; top: 30%; background: linear-gradient(180deg, #ffe36e, #ffb800); }
    .d3{ left: 63%; top: 42%; }
    .d4{ left: 28%; top: 22%; background: linear-gradient(180deg, #fff1a8, #ffd000); }
    .d5{ left: 70%; top: 25%; background: linear-gradient(180deg, #ffeaa3, #ffb800); }

    .map-line{
      position:absolute;
      height: 2px;
      background: linear-gradient(90deg, rgba(255,184,0,.0), rgba(255,184,0,.7), rgba(255,184,0,.0));
      width: 44%;
      top: 50%;
      left: 10%;
      transform-origin:left center;
      opacity:.8;
    }
    .l1{ transform: rotate(-18deg); }
    .l2{ top: 35%; left: 28%; width: 52%; transform: rotate(10deg); background: linear-gradient(90deg, rgba(42,109,246,.0), rgba(42,109,246,.35), rgba(42,109,246,.0)); }
    .l3{ top: 58%; left: 12%; width: 55%; transform: rotate(5deg); opacity:.55; }

    .map-legend{
      margin-top: 12px;
      display:flex;
      gap: 10px;
      flex-wrap:wrap;
      color: rgba(17,24,39,.78);
      font-weight: 750;
      font-size: 13px;
    }
    .legend-item{ display:flex; align-items:center; gap:8px; padding: 8px 10px; border-radius: 999px; background: rgba(255,255,255,.75); border: 1px solid rgba(20,20,35,.08); }
    .legend-bullet{ width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(20,20,35,.06); }
    .b1{ background: rgba(255,184,0,.75); }
    .b2{ background: rgba(42,109,246,.22); }
    .b3{ background: rgba(22,163,74,.22); }

    .accordion{ display:flex; flex-direction:column; gap: 10px; }
    .acc-item{
      border-radius: 18px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.72);
      overflow:hidden;
    }
    .acc-btn{
      width:100%;
      text-align:left;
      padding: 14px 14px;
      border: 0;
      background: transparent;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      font-weight: 900;
      color: var(--ink);
      font-size: 14px;
    }
    .acc-icon{
      width: 22px; height: 22px;
      border-radius: 10px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,208,0,.14);
      position:relative;
      flex: 0 0 auto;
    }
    .acc-icon::before{
      content:"";
      position:absolute;
      left:50%; top:50%;
      width: 10px; height: 2px;
      background: rgba(17,24,39,.85);
      transform: translate(-50%,-50%);
      border-radius: 3px;
    }
    .acc-icon::after{
      content:"";
      position:absolute;
      left:50%; top:50%;
      width: 2px; height: 10px;
      background: rgba(17,24,39,.85);
      transform: translate(-50%,-50%);
      border-radius: 3px;
      transition: transform .2s ease, opacity .2s ease;
    }
    .acc-item[aria-expanded="true"] .acc-icon::after{ opacity:0; transform: translate(-50%,-50%) scaleY(.4); }
    .acc-panel{ padding: 0 14px 14px; }
    .acc-text{ margin:0; color: rgba(17,24,39,.78); line-height:1.7; font-weight: 650; font-size: 14px; }

    .network-title{ font-weight: 950; color: var(--ink); margin-bottom: 10px; }
    .network-actions{ margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap; }

    .process-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      align-items:stretch;
    }
    .process-item{
      padding: 16px;
      border-radius: 20px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.82);
      box-shadow: 0 10px 24px rgba(17,24,39,.05);
      transition: transform .18s ease, border-color .18s ease;
    }
    .process-item:hover{ transform: translateY(-3px); border-color: rgba(255,184,0,.35); }
    .process-badge{
      display:inline-flex;
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(255,208,0,.14);
      border: 1px solid rgba(255,184,0,.26);
      font-weight: 950;
      font-size: 12.5px;
      color: rgba(17,24,39,.86);
    }
    .process-title{ margin-top: 10px; font-weight: 950; color: var(--ink); }
    .process-text{ margin-top: 6px; color: rgba(17,24,39,.78); line-height:1.6; font-weight: 650; font-size: 14px; }

    .notice-row{
      margin-top: 16px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      flex-wrap:wrap;
    }
    .notice{
      flex: 1 1 560px;
      display:flex; gap: 12px; align-items:flex-start;
      padding: 16px;
      border-radius: 22px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 10px 24px rgba(17,24,39,.06);
    }
    .notice-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      background: rgba(255,208,0,.18);
      border: 1px solid rgba(255,184,0,.28);
      display:flex; align-items:center; justify-content:center;
      font-size: 18px;
      flex: 0 0 auto;
    }
    .notice-title{ font-weight: 950; color: var(--ink); }
    .notice-text{ margin-top: 6px; color: rgba(17,24,39,.78); line-height: 1.6; font-weight: 650; }

    .section-compare{ background: linear-gradient(180deg, rgba(255,208,0,.10) 0%, transparent 70%); }
    .compare-top{
      display:grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 16px;
      align-items:start;
      margin-bottom: 16px;
    }
    .rating-card{ padding: 18px; }
    .rating-row{ display:flex; align-items:center; justify-content:space-between; gap: 14px; }
    .rating-stars{ font-size: 22px; letter-spacing:2px; color: #f59e0b; }
    .rating-score{ text-align:right; }
    .rating-num{ font-size: 40px; font-weight: 980; color: var(--ink); line-height:1; }
    .rating-max{ color: rgba(17,24,39,.72); font-weight: 850; margin-top: 6px; }

    .rating-note{ margin-top: 10px; color: rgba(17,24,39,.76); line-height:1.6; font-weight: 650; font-size: 14px; }

    .compare-why-title{ font-weight: 980; color: var(--ink); margin-bottom: 10px; font-size: 16px; }
    .why-list{ display:flex; flex-direction:column; gap: 12px; }
    .why-item{
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,20,35,.08);
      background: rgba(255,255,255,.78);
    }
    .why-k{ font-weight: 950; color: var(--ink); font-size: 14px; }
    .why-v{ margin-top: 6px; color: rgba(17,24,39,.78); line-height:1.55; font-weight: 650; font-size: 13.5px; }
    .compare-why-actions{ margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap; }

    .table-wrap{
      margin-top: 10px;
      border-radius: 22px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.82);
      overflow:auto;
      box-shadow: 0 10px 24px rgba(17,24,39,.05);
    }
    .compact{ padding:0; }
    .compare-table{
      width:100%;
      border-collapse:collapse;
      min-width: 720px;
    }
    .compare-table th, .compare-table td{
      padding: 14px 14px;
      border-bottom: 1px solid rgba(20,20,35,.08);
      vertical-align:top;
      text-align:left;
      font-size: 14px;
      line-height:1.45;
    }
    .compare-table thead th{
      background: rgba(255,208,0,.12);
      color: rgba(17,24,39,.92);
      font-weight: 950;
      position: sticky;
      top: 0;
      z-index: 1;
    }
    .compare-table tbody tr:hover td{ background: rgba(255,208,0,.08); }

    .cases .card{ padding: 16px; }
    .case-grid{
      margin-top: 12px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .case-item{
      display:flex;
      gap: 12px;
      align-items:center;
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.76);
      text-decoration:none;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      color: var(--ink);
    }
    .case-item:hover{
      transform: translateY(-2px);
      border-color: rgba(255,184,0,.35);
      box-shadow: 0 14px 30px rgba(17,24,39,.10);
    }
    .case-art{
      width: 52px; height: 52px;
      border-radius: 18px;
      background:
        radial-gradient(circle at 30% 30%, rgba(255,208,0,.55), transparent 55%),
        radial-gradient(circle at 80% 20%, rgba(42,109,246,.16), transparent 55%),
        rgba(255,208,0,.12);
      border: 1px solid rgba(255,184,0,.22);
      flex: 0 0 auto;
      position:relative;
      overflow:hidden;
    }
    .case-art::after{
      content:"";
      position:absolute; inset:-40%;
      background: linear-gradient(120deg, transparent 0%, rgba(255,208,0,.42) 45%, transparent 70%);
      transform: rotate(20deg);
      animation: sheen 3.6s ease-in-out infinite;
      opacity:.65;
    }
    @keyframes sheen{
      0%, 65%{ transform: translateX(-40%) rotate(20deg); }
      100%{ transform: translateX(40%) rotate(20deg); }
    }
    .case-art2{ background:
        radial-gradient(circle at 30% 30%, rgba(42,109,246,.26), transparent 55%),
        radial-gradient(circle at 80% 20%, rgba(255,208,0,.48), transparent 55%),
        rgba(255,208,0,.10);
    }
    .case-art3{ background:
        radial-gradient(circle at 30% 30%, rgba(22,163,74,.22), transparent 55%),
        radial-gradient(circle at 80% 20%, rgba(255,208,0,.42), transparent 55%),
        rgba(255,208,0,.10);
    }
    .case-art4{ background:
        radial-gradient(circle at 30% 30%, rgba(245,158,11,.26), transparent 55%),
        radial-gradient(circle at 80% 20%, rgba(42,109,246,.12), transparent 55%),
        rgba(255,208,0,.10);
    }

    .case-body{ display:flex; flex-direction:column; gap: 4px; }
    .case-k{ font-weight: 900; font-size: 12.5px; color: rgba(17,24,39,.70); }
    .case-t{ font-weight: 980; font-size: 14px; color: rgba(17,24,39,.92); line-height:1.3; }

    .case-foot{ margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap; }

    .list-links{ display:flex; flex-direction:column; gap: 10px; margin-top: 12px; }
    .list-link{
      text-decoration:none;
      color: rgba(17,24,39,.92);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,20,35,.10);
      border-radius: 16px;
      padding: 12px 12px;
      font-weight: 780;
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }
    .list-link:hover{ transform: translateY(-2px); border-color: rgba(255,184,0,.35); background: rgba(255,208,0,.10); }

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

    .match-tips{ margin-top: 12px; display:flex; flex-direction:column; gap: 10px; }
    .tip{
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.78);
      display:flex;
      align-items:flex-start;
      gap: 12px;
    }
    .tip-k{ font-weight: 980; color: var(--ink); min-width: 120px; }
    .tip-v{ color: rgba(17,24,39,.78); line-height:1.6; font-weight: 650; font-size: 14px; }

    .match-mini{
      margin-top: 12px;
      padding: 12px;
      border-radius: 18px;
      background: rgba(255,208,0,.10);
      border: 1px solid rgba(255,184,0,.24);
    }
    .match-mini-row{
      display:flex;
      gap: 10px;
      align-items:baseline;
      flex-wrap:wrap;
      margin: 8px 0;
    }
    .mini-label{ color: rgba(17,24,39,.78); font-weight: 900; }
    .mini-value{ color: rgba(17,24,39,.86); font-weight: 780; }

    .form{ margin-top: 10px; }
    .form-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-bottom: 10px;
    }
    .field{ display:flex; flex-direction:column; gap: 8px; }
    .field-wide{ grid-column: 1 / -1; }
    .field-label{
      font-weight: 920;
      color: rgba(17,24,39,.88);
      font-size: 13px;
    }
    input, select, textarea{
      width:100%;
      padding: 12px 12px;
      border-radius: 14px;
      border: 1px solid rgba(20,20,35,.12);
      background: rgba(255,255,255,.86);
      color: var(--ink);
      outline:none;
      font-weight: 700;
      font-size: 14px;
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }
    textarea{ resize: vertical; min-height: 120px; }
    input:focus, select:focus, textarea:focus{
      border-color: rgba(255,184,0,.65);
      box-shadow: 0 0 0 4px rgba(255,184,0,.18);
    }

    .form-foot{ margin-top: 12px; display:flex; flex-direction:column; gap: 10px; }
    .form-note{ color: rgba(17,24,39,.66); font-weight: 700; font-size: 12.5px; }

    .token-steps{ margin-top: 12px; display:flex; flex-direction:column; gap: 12px; }
    .token-step{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.78);
    }
    .token-dot{
      width: 12px; height: 12px; border-radius: 50%;
      background: linear-gradient(180deg, var(--yellow3), var(--yellow2));
      box-shadow: 0 16px 30px rgba(255,184,0,.35);
      border: 1px solid rgba(255,184,0,.30);
      margin-top: 6px;
      flex: 0 0 auto;
    }
    .token-h{ font-weight: 980; color: var(--ink); }
    .token-p{ margin-top: 6px; color: rgba(17,24,39,.78); line-height:1.6; font-weight: 650; font-size: 14px; }
    .token-actions{ margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap; }

    .token-table{
      width:100%;
      min-width: 620px;
      border-collapse: collapse;
    }
    .token-table th, .token-table td{
      padding: 14px;
      border-bottom: 1px solid rgba(20,20,35,.08);
      text-align:left;
      font-size: 14px;
      color: rgba(17,24,39,.86);
      line-height:1.5;
    }
    .token-table thead th{
      background: rgba(255,208,0,.12);
      font-weight: 950;
      position: sticky;
      top: 0;
      z-index: 1;
    }
    .muted{ color: rgba(17,24,39,.62); font-weight: 700; font-size: 12.5px; }

    .tag-cloud{
      margin-top: 12px;
      display:flex;
      flex-wrap:wrap;
      gap: 10px;
    }
    .tag{
      padding: 10px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.80);
      border: 1px solid rgba(20,20,35,.10);
      color: rgba(17,24,39,.86);
      font-weight: 800;
      font-size: 13px;
    }
    .training-grid{
      margin-top: 14px;
      display:flex;
      flex-direction:column;
      gap: 10px;
    }
    .train{
      padding: 12px;
      border-radius: 18px;
      background: rgba(255,208,0,.10);
      border: 1px solid rgba(255,184,0,.22);
    }
    .train-k{ font-weight: 980; color: var(--ink); }
    .train-v{ margin-top: 6px; color: rgba(17,24,39,.78); line-height:1.6; font-weight: 650; font-size: 14px; }

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

    .support-list{ margin-top: 12px; display:flex; flex-direction:column; gap: 12px; }
    .support-item{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.80);
    }
    .support-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      background: rgba(255,208,0,.14);
      border: 1px solid rgba(255,184,0,.25);
      display:flex; align-items:center; justify-content:center;
      font-size: 18px;
      flex: 0 0 auto;
    }
    .support-h{ font-weight: 980; color: var(--ink); }
    .support-p{ margin-top: 6px; color: rgba(17,24,39,.78); line-height:1.6; font-weight: 650; font-size: 14px; }

    .divider{
      height: 1px;
      background: rgba(20,20,35,.10);
      margin: 14px 0;
      border-radius: 999px;
    }

    .card-cta-mini .mini-title{ font-weight: 980; color: var(--ink); }
    .card-cta-mini .mini-text{ margin-top: 6px; color: rgba(17,24,39,.76); line-height:1.6; font-weight: 650; }

    .section-mini-links{ margin-top: 12px; display:flex; flex-direction:column; gap: 10px; }
    .mini-link{
      text-decoration:none;
      color: rgba(17,24,39,.92);
      padding: 12px 12px;
      border-radius: 16px;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,20,35,.10);
      font-weight: 800;
      line-height:1.45;
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }
    .mini-link:hover{ transform: translateY(-2px); border-color: rgba(255,184,0,.35); background: rgba(255,208,0,.10); }
    .quick-links{ margin-top: 12px; display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .quick-link{
      text-decoration:none;
      padding: 12px 12px;
      border-radius: 16px;
      background: rgba(255,208,0,.12);
      border: 1px solid rgba(255,184,0,.25);
      color: rgba(17,24,39,.90);
      font-weight: 880;
      transition: transform .18s ease;
    }
    .quick-link:hover{ transform: translateY(-2px); }

    .contact-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      align-items:stretch;
    }
    .contact-title{ font-weight: 980; color: var(--ink); font-size: 16px; }
    .contact-list{ margin-top: 12px; display:flex; flex-direction:column; gap: 12px; }
    .contact-item{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.80);
    }
    .contact-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      background: rgba(255,208,0,.14);
      border: 1px solid rgba(255,184,0,.25);
      display:flex; align-items:center; justify-content:center;
      font-size: 18px;
      flex: 0 0 auto;
    }
    .contact-k{ font-weight: 950; color: rgba(17,24,39,.86); }
    .contact-v{ margin-top: 6px; display:inline-block; color: rgba(17,24,39,.88); font-weight: 800; text-decoration:none; }
    .contact-v:hover{ text-decoration:underline; }

    .contact-note{ margin-top: 14px; }
    .contact-note-title{ font-weight: 980; color: var(--ink); margin-bottom: 10px; }
    .contact-qr{
      width: 180px;
      max-width: 100%;
      border-radius: 20px;
      overflow:hidden;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.85);
      padding: 10px;
    }
    .contact-qr img{ width:100%; height:auto; display:block; }
    .contact-qr-text{ margin-top: 10px; color: rgba(17,24,39,.72); font-weight: 750; line-height:1.6; font-size: 13.5px; }

    .reviews{ margin-top: 18px; }
    .review-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-top: 14px;
    }
    .review-card{
      padding: 14px;
      border-radius: 22px;
      background: rgba(255,255,255,.84);
      border: 1px solid rgba(20,20,35,.10);
      box-shadow: 0 10px 24px rgba(17,24,39,.05);
      transition: transform .18s ease, border-color .18s ease;
      min-height: 170px;
    }
    .review-card:hover{ transform: translateY(-2px); border-color: rgba(255,184,0,.35); }
    .review-top{ display:flex; align-items:center; gap: 10px; }
    .avatar{
      width: 42px; height: 42px; border-radius: 18px;
      background: rgba(255,208,0,.14);
      border: 1px solid rgba(255,184,0,.25);
      display:flex; align-items:center; justify-content:center;
      font-weight: 950; color: var(--ink);
      flex: 0 0 auto;
      font-size: 13px;
    }
    .review-name{ font-weight: 980; color: var(--ink); font-size: 14px; }
    .review-stars{ margin: 10px 0 10px; color:#f59e0b; font-size: 13.5px; letter-spacing:1px; }
    .review-text{ margin:0; color: rgba(17,24,39,.78); line-height: 1.7; font-weight: 650; font-size: 14px; }

    .section-partner{ background: linear-gradient(180deg, rgba(255,208,0,.10) 0%, transparent 60%); }
    .partner-list{ margin-top: 12px; display:flex; flex-direction:column; gap: 12px; }
    .partner-item{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.82);
    }
    .partner-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      background: rgba(255,208,0,.14);
      border: 1px solid rgba(255,184,0,.25);
      display:flex; align-items:center; justify-content:center;
      font-size: 18px;
      flex: 0 0 auto;
    }
    .partner-h{ font-weight: 980; color: var(--ink); }
    .partner-p{ margin-top: 6px; color: rgba(17,24,39,.78); line-height:1.6; font-weight: 650; font-size: 14px; }

    .partner-foot{ margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap; }

    .partner-links{ margin-top: 14px; }
    .partner-mini-title{ font-weight: 980; color: var(--ink); }
    .partner-mini-row{ margin-top: 10px; display:flex; gap: 10px; flex-wrap:wrap; }
    .mini-pill{
      text-decoration:none;
      padding: 10px 12px;
      border-radius: 999px;
      background: rgba(255,208,0,.12);
      border: 1px solid rgba(255,184,0,.25);
      color: rgba(17,24,39,.90);
      font-weight: 900;
      transition: transform .18s ease;
    }
    .mini-pill:hover{ transform: translateY(-2px); }

    .partner-logos{ margin-top: 18px; }
    .logos-title{ font-weight: 980; color: var(--ink); margin-bottom: 12px; }
    .friend-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }
    .friend-link{
      text-decoration:none;
      color: rgba(17,24,39,.88);
      padding: 12px 12px;
      border-radius: 16px;
      background: rgba(255,255,255,.80);
      border: 1px solid rgba(20,20,35,.10);
      font-weight: 850;
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
      line-height:1.2;
    }
    .friend-link:hover{ transform: translateY(-2px); border-color: rgba(255,184,0,.35); background: rgba(255,208,0,.10); }

    .section-end{ padding-bottom: 44px; }
    .icon-row{ margin-top: 12px; display:flex; gap: 10px; flex-wrap:wrap; }
    .icon-pill{
      padding: 10px 12px;
      border-radius: 999px;
      background: rgba(255,208,0,.12);
      border: 1px solid rgba(255,184,0,.25);
      color: rgba(17,24,39,.90);
      font-weight: 900;
      font-size: 13px;
    }

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

    .price-box{
      margin-top: 12px;
      padding: 14px;
      border-radius: 20px;
      border: 1px solid rgba(20,20,35,.10);
      background: rgba(255,255,255,.82);
    }
    .price-title{ font-weight: 980; color: var(--ink); margin-bottom: 10px; }
    .mini-timeline{ display:flex; flex-direction:column; gap: 10px; }
    .mini-time{ display:flex; gap: 12px; align-items:flex-start; padding: 12px; border-radius: 16px; background: rgba(255,208,0,.10); border: 1px solid rgba(255,184,0,.22); }
    .mini-time-dot{ width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(180deg, var(--yellow3), var(--yellow2)); box-shadow: 0 16px 30px rgba(255,184,0,.35); margin-top: 6px; border: 1px solid rgba(255,184,0,.30); }
    .mini-time-h{ font-weight: 980; color: var(--ink); }
    .mini-time-p{ margin-top: 6px; color: rgba(17,24,39,.78); line-height:1.6; font-weight: 650; font-size: 14px; }

    .footer{
      background: #0b1220;
      color: #e5e7eb;
      padding: 34px 0 22px;
      border-top: 1px solid rgba(255,255,255,.10);
    }
    .footer-container{ width: min(var(--container), calc(100% - 32px)); margin: 0 auto; }
    .footer-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 18px;
      flex-wrap:wrap;
      margin-bottom: 18px;
    }
    .footer-brand{ display:flex; align-items:center; gap: 12px; min-width: 260px; }
    .footer-logo{
      background: rgba(255,208,0,.12);
      border: 1px solid rgba(255,184,0,.35);
    }
    .footer-brand-text{ display:flex; flex-direction:column; gap: 6px; }
    .footer-name{ font-weight: 980; color: #fff; font-size: 16px; }
    .footer-sub{ color: rgba(229,231,235,.75); font-weight: 700; font-size: 12.5px; line-height:1.4; }

    .footer-links{
      display:flex;
      gap: 26px;
      flex-wrap:wrap;
    }
    .footer-col{ display:flex; flex-direction:column; gap: 10px; min-width: 160px; }
    .footer-col-title{ font-weight: 950; color: #fff; margin-bottom: 2px; }
    .footer-link{
      text-decoration:none;
      color: rgba(229,231,235,.85);
      font-weight: 750;
      font-size: 13.5px;
      padding: 6px 0;
      border-radius: 10px;
      transition: color .18s ease;
    }
    .footer-link:hover{ color: #fff; }

    .footer-bottom{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 12px;
      flex-wrap:wrap;
      border-top: 1px solid rgba(255,255,255,.10);
      padding-top: 14px;
    }
    .footer-copy{ color: rgba(229,231,235,.80); font-weight: 750; font-size: 12.5px; }
    .footer-mini{ margin-top: 8px; color: rgba(229,231,235,.65); font-weight: 700; font-size: 12.5px; }
    .footer-inline{ margin-top: 8px; }
    .footer-inline-label{ color: rgba(229,231,235,.60); font-weight: 750; font-size: 12.5px; margin-right: 8px; }
    .footer-inline-link{
      color: rgba(229,231,235,.90);
      text-decoration:none;
      font-weight: 850;
      font-size: 12.5px;
      border-bottom: 1px dashed rgba(255,208,0,.25);
    }
    .footer-inline-link:hover{ color: #fff; border-bottom-color: rgba(255,208,0,.55); }

    .to-top{
      position:fixed;
      right: 16px;
      bottom: 16px;
      width: 44px;
      height: 44px;
      border-radius: 16px;
      border: 1px solid rgba(255,184,0,.35);
      background: rgba(255,208,0,.18);
      color: var(--ink);
      font-weight: 980;
      cursor:pointer;
      box-shadow: 0 16px 40px rgba(17,24,39,.16);
      opacity: 0;
      transform: translateY(10px);
      pointer-events:none;
      transition: opacity .2s ease, transform .2s ease, background .2s ease;
      z-index: 60;
    }
    .to-top.show{
      opacity: 1;
      transform: translateY(0);
      pointer-events:auto;
    }
    .to-top:hover{ background: rgba(255,208,0,.28); }

    .float-q{
      position:fixed;
      left: 16px;
      bottom: 16px;
      z-index: 60;
      display:flex;
      align-items:center;
      gap: 10px;
      padding: 12px 12px;
      border-radius: 18px;
      text-decoration:none;
      background: rgba(255,255,255,.85);
      border: 1px solid rgba(20,20,35,.10);
      box-shadow: 0 16px 40px rgba(17,24,39,.14);
      color: var(--ink);
      font-weight: 950;
      transition: transform .18s ease;
    }
    .float-q:hover{ transform: translateY(-2px); }
    .float-q-dot{
      width: 12px; height: 12px; border-radius:50%;
      background: linear-gradient(180deg, var(--yellow3), var(--yellow2));
      box-shadow: 0 14px 30px rgba(255,184,0,.35);
      border: 1px solid rgba(255,184,0,.30);
    }
    .float-q-text{ font-size: 13.5px; }

    @media (max-width: 980px){
      .nav-desktop{ display:none; }
      .menu-btn{ display:inline-flex; align-items:center; }
      .mobile-menu{ display:none; }
      .mobile-menu.open{ display:block; }
      .hero-container{ grid-template-columns: 1fr; }
      .brand{ min-width: auto; }
      .hero-title{ font-size: 38px; }
      .grid-2{ grid-template-columns: 1fr; }
      .grid-3{ grid-template-columns: 1fr; }
      .grid-4{ grid-template-columns: 1fr 1fr; }
      .network-grid{ grid-template-columns: 1fr; }
      .process-grid{ grid-template-columns: 1fr 1fr; }
      .compare-top{ grid-template-columns: 1fr; }
      .review-grid{ grid-template-columns: 1fr; }
      .contact-grid{ grid-template-columns: 1fr; }
      .friend-grid{ grid-template-columns: 1fr 1fr; }
      .quick-links{ grid-template-columns: 1fr 1fr; }
      .form-grid{ grid-template-columns: 1fr; }
      .field-wide{ grid-column: auto; }
      .hero-right{ order: 2; }
      .hero-left{ order: 1; }
    }

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