/* ==================================================
       GLOBAL RESET
    =================================================== */

    html{
      margin:0;
      padding:0;
      scroll-behavior:smooth;
    }

    body{
      margin:0;
      padding:0;
    }

    *,
    *::before,
    *::after{
      box-sizing:border-box;
    }


    /* ==================================================
       PAGE VARIABLES
       All page styles are isolated under .faq-page
    =================================================== */

    .faq-page{

      --blue:#1769ff;
      --blue2:#35b9ff;
      --blue-dark:#0d4bc8;
      --blue-light:#eef6ff;

      --text:#172033;
      --muted:#667085;
      --muted2:#98a2b3;

      --line:#e5eaf1;
      --bg:#f6f9fc;
      --white:#fff;

      --shadow:
        0 18px 55px rgba(24,62,112,.08);

      width:100%;
      min-width:0;
      min-height:100vh;

      overflow-x:hidden;

      color:var(--text);

      background:var(--bg);

      font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "PingFang SC",
        "Microsoft YaHei",
        Arial,
        sans-serif;

      line-height:1.75;
    }


    .faq-page a{
      color:inherit;
      text-decoration:none;
    }


    .faq-page button,
    .faq-page input{
      font:inherit;
    }


    /* ==================================================
       HEADER
       Unified with homepage
    =================================================== */

    .faq-page .site-header{

      position:fixed;

      z-index:1000;

      top:0;
      left:0;
      right:0;

      width:100%;
      height:76px;

      background:rgba(255,255,255,.84);

      border-bottom:
        1px solid rgba(225,232,242,.75);

      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);

      transition:
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
    }


    .faq-page .site-header.scrolled{

      background:rgba(255,255,255,.97);

      border-bottom-color:
        rgba(225,232,242,.85);

      box-shadow:
        0 8px 30px
        rgba(24,64,120,.06);
    }


    .faq-page .header-inner{

      width:
        min(
          1240px,
          calc(100% - 40px)
        );

      height:100%;

      margin:0 auto;

      display:flex;

      align-items:center;

      justify-content:space-between;

      gap:28px;
    }


    /* ==================================================
       HEADER LOGO
    =================================================== */

    .faq-page .site-header .logo{

      display:flex;

      align-items:center;

      gap:11px;

      flex-shrink:0;

      height:auto;

      min-width:0;

      overflow:visible;

      border-radius:0;
    }


    .faq-page .site-header .logo-icon{

      display:flex;

      align-items:center;

      justify-content:center;

      flex-shrink:0;
    }


    .faq-page .site-header .logo-icon img{

      width:auto;

      height:auto;

      max-height:44px;

      display:block;
    }


    .faq-page .site-header .logo-img{

      width:auto;

      height:auto;

      max-height:44px;

      display:block;
    }


    /* ==================================================
       MAIN NAV
    =================================================== */

    .faq-page .main-nav{

      display:flex;

      align-items:center;

      gap:2px;

      margin-left:auto;

      min-width:0;
    }


    .faq-page .main-nav a{

      position:relative;

      padding:
        10px 12px;

      color:#475467;

      font-size:14px;

      font-weight:600;

      white-space:nowrap;

      transition:
        color .2s ease;
    }


    .faq-page .main-nav a:hover{

      color:var(--blue);
    }


    .faq-page .main-nav a[aria-current="page"]{

      color:var(--blue);
    }


    .faq-page .main-nav a[aria-current="page"]::after{

      content:"";

      position:absolute;

      left:12px;
      right:12px;
      bottom:2px;

      height:2px;

      border-radius:999px;

      background:var(--blue);
    }


    /* ==================================================
       HEADER ACTIONS
    =================================================== */

    .faq-page .header-actions{

      display:flex;

      align-items:center;

      gap:8px;

      flex:none;
    }


    .faq-page .help-btn{

      padding:
        10px 12px;

      color:var(--blue);

      font-size:14px;

      font-weight:700;

      white-space:nowrap;
    }


    .faq-page .help-btn:hover{

      color:var(--blue-dark);
    }


    .faq-page .help-btn[aria-current="page"]{

      color:var(--blue-dark);
    }


    .faq-page .primary-btn{

      min-height:42px;

      padding:
        0 19px;

      display:inline-flex;

      align-items:center;

      justify-content:center;

      border-radius:12px;

      color:#fff;

      background:
        linear-gradient(
          135deg,
          var(--blue),
          #2399ff
        );

      box-shadow:
        0 10px 24px
        rgba(23,105,255,.20);

      font-size:14px;

      font-weight:700;

      white-space:nowrap;

      transition:
        transform .25s ease,
        box-shadow .25s ease;
    }


    .faq-page .primary-btn:hover{

      color:#fff;

      transform:translateY(-2px);

      box-shadow:
        0 14px 30px
        rgba(23,105,255,.27);
    }


    .faq-page .menu-btn{

      display:none;

      width:42px;
      height:42px;

      padding:0;

      border:
        1px solid var(--line);

      border-radius:11px;

      background:#fff;

      color:#344054;

      cursor:pointer;

      align-items:center;
      justify-content:center;
    }


    .faq-page .mobile-nav{

      display:none;
    }


    /* ==================================================
       HERO
    =================================================== */

    .faq-page .hero{

      position:relative;

      width:100%;

      padding:
        150px 24px 92px;

      background:

        radial-gradient(
          circle at 10% 15%,
          rgba(53,185,255,.15),
          transparent 31%
        ),

        radial-gradient(
          circle at 90% 10%,
          rgba(23,105,255,.14),
          transparent 33%
        ),

        linear-gradient(
          180deg,
          #f8fbff 0%,
          #f3f8ff 100%
        );
    }


    .faq-page .hero::before{

      content:"";

      position:absolute;

      left:-170px;
      bottom:-220px;

      width:430px;
      height:430px;

      border-radius:50%;

      background:
        rgba(23,105,255,.06);

      pointer-events:none;
    }


    .faq-page .hero::after{

      content:"";

      position:absolute;

      right:-140px;
      top:120px;

      width:330px;
      height:330px;

      border-radius:50%;

      background:
        rgba(53,185,255,.07);

      pointer-events:none;
    }


    .faq-page .hero-inner{

      position:relative;

      z-index:1;

      width:min(1050px,100%);

      margin:0 auto;

      text-align:center;
    }


    .faq-page .breadcrumb{

      display:flex;

      align-items:center;

      justify-content:center;

      flex-wrap:wrap;

      gap:8px;

      margin-bottom:22px;

      color:#98a2b3;

      font-size:13px;
    }


    .faq-page .breadcrumb a:hover{

      color:var(--blue);
    }


    .faq-page .eyebrow{

      display:inline-flex;

      align-items:center;

      gap:9px;

      padding:
        7px 13px;

      margin-bottom:18px;

      border:
        1px solid #dceaff;

      border-radius:999px;

      background:#fff;

      color:var(--blue);

      font-size:13px;

      font-weight:700;

      box-shadow:
        0 8px 24px
        rgba(30,90,160,.06);
    }


    .faq-page .eyebrow-dot{

      width:7px;
      height:7px;

      flex:none;

      border-radius:50%;

      background:var(--blue);

      box-shadow:
        0 0 0 5px
        rgba(23,105,255,.09);
    }


    .faq-page .hero h1{

      max-width:850px;

      margin:
        0 auto 20px;

      color:#101828;

      font-size:50px;

      line-height:1.2;

      letter-spacing:-1.8px;

      font-weight:800;
    }


    .faq-page .hero-desc{

      max-width:720px;

      margin:
        0 auto 28px;

      color:var(--muted);

      font-size:17px;

      line-height:1.85;
    }


    /* ==================================================
       SEARCH
    =================================================== */

    .faq-page .search-wrap{

      width:min(650px,100%);

      margin:0 auto;

      padding:6px;

      border:
        1px solid #dfe7f2;

      border-radius:16px;

      background:#fff;

      box-shadow:
        0 14px 40px
        rgba(30,70,120,.09);

      display:flex;

      align-items:center;

      gap:6px;
    }


    .faq-page .search-icon{

      width:45px;
      height:45px;

      flex:none;

      display:grid;

      place-items:center;

      color:var(--blue);

      font-size:18px;
    }


    .faq-page .search-input{

      flex:1;

      min-width:0;

      height:45px;

      padding:0;

      border:0;

      outline:0;

      background:transparent;

      color:#344054;

      font-size:14px;
    }


    .faq-page .search-input::placeholder{

      color:#98a2b3;
    }


    .faq-page .search-button{

      flex:none;

      height:45px;

      padding:
        0 18px;

      border:0;

      border-radius:11px;

      color:#fff;

      background:
        linear-gradient(
          135deg,
          var(--blue),
          var(--blue2)
        );

      cursor:pointer;

      font-size:13px;

      font-weight:700;
    }


    /* ==================================================
       MAIN
    =================================================== */

    .faq-page .main{

      width:
        min(
          1120px,
          calc(100% - 32px)
        );

      margin:0 auto;

      padding:
        70px 0 100px;
    }


    /* ==================================================
       CATEGORIES
    =================================================== */

    .faq-page .category-list{

      display:flex;

      flex-wrap:wrap;

      justify-content:center;

      gap:9px;

      margin-bottom:46px;
    }


    .faq-page .category{

      padding:
        9px 15px;

      border:
        1px solid #e0e7f0;

      border-radius:999px;

      background:#fff;

      color:#667085;

      font-size:13px;

      font-weight:600;

      cursor:pointer;

      transition:
        color .25s ease,
        border-color .25s ease,
        background .25s ease;
    }


    .faq-page .category:hover,
    .faq-page .category.active{

      color:var(--blue);

      border-color:#c8dcfa;

      background:#eef6ff;
    }


    /* ==================================================
       INTRO
    =================================================== */

    .faq-page .intro-grid{

      display:grid;

      grid-template-columns:
        repeat(3,minmax(0,1fr));

      gap:16px;

      margin-bottom:55px;
    }


    .faq-page .intro-card{

      min-width:0;

      padding:25px;

      border:
        1px solid #e7edf5;

      border-radius:19px;

      background:#fff;

      box-shadow:
        0 10px 35px
        rgba(30,65,110,.05);

      transition:
        transform .25s ease,
        box-shadow .25s ease;
    }


    .faq-page .intro-card:hover{

      transform:translateY(-4px);

      box-shadow:
        0 17px 42px
        rgba(30,65,110,.09);
    }


    .faq-page .intro-icon{

      width:43px;
      height:43px;

      display:grid;

      place-items:center;

      margin-bottom:15px;

      border-radius:13px;

      color:var(--blue);

      background:#edf5ff;

      font-size:12px;

      font-weight:800;
    }


    .faq-page .intro-card h3{

      margin:
        0 0 7px;

      color:#182230;

      font-size:18px;

      line-height:1.4;
    }


    .faq-page .intro-card p{

      margin:0;

      color:#667085;

      font-size:13px;

      line-height:1.8;
    }


    /* ==================================================
       FAQ
    =================================================== */

    .faq-page .faq-section{

      margin-bottom:52px;
    }


    .faq-page .section-heading{

      margin-bottom:22px;
    }


    .faq-page .section-heading .eyebrow-small{

      display:inline-block;

      margin-bottom:7px;

      color:var(--blue);

      font-size:12px;

      font-weight:800;

      letter-spacing:.5px;
    }


    .faq-page .section-heading h2{

      margin:0;

      color:#101828;

      font-size:29px;

      line-height:1.35;

      letter-spacing:-.7px;
    }


    .faq-page .section-heading p{

      max-width:720px;

      margin:
        7px 0 0;

      color:#667085;

      font-size:14px;
    }


    .faq-page .faq-list{

      display:grid;

      gap:11px;
    }


    .faq-page .faq-item{

      overflow:hidden;

      border:
        1px solid #e5ebf2;

      border-radius:16px;

      background:#fff;

      transition:
        border-color .25s ease,
        box-shadow .25s ease;
    }


    .faq-page .faq-item:hover{

      border-color:#d6e4f7;

      box-shadow:
        0 10px 30px
        rgba(30,65,110,.05);
    }


    .faq-page .faq-question{

      width:100%;

      min-height:64px;

      padding:
        16px 20px;

      display:flex;

      align-items:center;

      justify-content:space-between;

      gap:20px;

      border:0;

      background:#fff;

      color:#253044;

      text-align:left;

      cursor:pointer;

      font-size:15px;

      font-weight:700;
    }


    .faq-page .faq-question-text{

      min-width:0;

      display:flex;

      align-items:center;

      gap:12px;
    }


    .faq-page .faq-number{

      flex:none;

      width:29px;
      height:29px;

      display:grid;

      place-items:center;

      border-radius:9px;

      color:var(--blue);

      background:#eef6ff;

      font-size:10px;

      font-weight:800;
    }


    .faq-page .faq-plus{

      flex:none;

      width:28px;
      height:28px;

      display:grid;

      place-items:center;

      border-radius:8px;

      color:#98a2b3;

      background:#f4f6f8;

      font-size:20px;

      line-height:1;

      transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease;
    }


    .faq-page .faq-item.open .faq-plus{

      color:#fff;

      background:var(--blue);

      transform:rotate(45deg);
    }


    .faq-page .faq-answer{

      display:none;

      padding:
        0 20px 21px 61px;

      color:#667085;

      font-size:14px;

      line-height:1.85;
    }


    .faq-page .faq-item.open .faq-answer{

      display:block;
    }


    .faq-page .faq-answer p{

      margin:
        9px 0 0;
    }


    .faq-page .faq-answer a{

      color:var(--blue);

      font-weight:700;
    }


    .faq-page .faq-answer a:hover{

      text-decoration:underline;
    }


    /* ==================================================
       NO RESULTS
    =================================================== */

    .faq-page .no-results{

      display:none;

      padding:
        50px 20px;

      border:
        1px dashed #ccd8e7;

      border-radius:18px;

      background:#fff;

      color:#667085;

      text-align:center;
    }


    .faq-page .no-results[hidden]{

      display:none;
    }


    .faq-page .no-results strong{

      display:block;

      margin-bottom:5px;

      color:#344054;

      font-size:18px;
    }


    /* ==================================================
       GUIDES
    =================================================== */

    .faq-page .guide-section{

      margin-top:70px;
    }


    .faq-page .guide-grid{

      display:grid;

      grid-template-columns:
        repeat(2,minmax(0,1fr));

      gap:16px;
    }


    .faq-page .guide-card{

      position:relative;

      min-width:0;

      overflow:hidden;

      padding:27px;

      border:
        1px solid #e6edf5;

      border-radius:20px;

      background:#fff;

      transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
    }


    .faq-page .guide-card:hover{

      transform:translateY(-4px);

      border-color:#d4e4fa;

      box-shadow:
        0 15px 40px
        rgba(30,65,110,.08);
    }


    .faq-page .guide-card::after{

      content:"";

      position:absolute;

      right:-55px;
      bottom:-70px;

      width:150px;
      height:150px;

      border-radius:50%;

      background:
        rgba(23,105,255,.05);

      pointer-events:none;
    }


    .faq-page .guide-card h3{

      position:relative;

      z-index:1;

      margin:
        0 0 8px;

      color:#182230;

      font-size:19px;
    }


    .faq-page .guide-card p{

      position:relative;

      z-index:1;

      margin:
        0 0 17px;

      color:#667085;

      font-size:13px;
    }


    .faq-page .guide-link{

      position:relative;

      z-index:1;

      color:var(--blue);

      font-size:13px;

      font-weight:800;
    }


    /* ==================================================
       CTA
    =================================================== */

    .faq-page .cta{

      position:relative;

      overflow:hidden;

      width:100%;

      padding:
        82px 24px;

      color:#fff;

      background:#09182d;
    }


    .faq-page .cta::before{

      content:"";

      position:absolute;

      left:-160px;
      top:-270px;

      width:520px;
      height:520px;

      border-radius:50%;

      background:
        rgba(23,105,255,.16);

      filter:blur(30px);

      pointer-events:none;
    }


    .faq-page .cta::after{

      content:"";

      position:absolute;

      right:-170px;
      bottom:-260px;

      width:500px;
      height:500px;

      border-radius:50%;

      background:
        rgba(53,185,255,.09);

      filter:blur(25px);

      pointer-events:none;
    }


    .faq-page .cta-inner{

      position:relative;

      z-index:1;

      width:min(850px,100%);

      margin:0 auto;

      text-align:center;
    }


    .faq-page .cta h2{

      margin:
        0 0 14px;

      color:#fff;

      font-size:35px;

      line-height:1.3;

      letter-spacing:-.8px;
    }


    .faq-page .cta p{

      max-width:670px;

      margin:
        0 auto 27px;

      color:#aebbd0;

      font-size:15px;
    }


    .faq-page .cta-actions{

      display:flex;

      align-items:center;

      justify-content:center;

      flex-wrap:wrap;

      gap:11px;
    }


    .faq-page .cta .primary-btn{

      min-height:49px;

      padding:
        0 24px;
    }


    .faq-page .secondary-btn{

      min-height:49px;

      padding:
        0 24px;

      display:inline-flex;

      align-items:center;

      justify-content:center;

      border:
        1px solid rgba(255,255,255,.16);

      border-radius:12px;

      background:
        rgba(255,255,255,.06);

      color:#fff;

      font-size:14px;

      font-weight:700;
    }


    .faq-page .secondary-btn:hover{

      color:#fff;

      background:
        rgba(255,255,255,.10);
    }


    /* ==================================================
       FOOTER
       Unified 5-column footer
    =================================================== */

    .faq-page .footer{

      width:100%;

      padding:
        65px 24px 25px;

      color:#fff;

      background:#091629;
    }


    .faq-page .footer-inner{

      width:
        min(
          1240px,
          100%
        );

      margin:0 auto;
    }


    .faq-page .footer-grid{

      display:grid;

      grid-template-columns:
        1.5fr
        1fr
        1fr
        1fr
        1fr;

      gap:45px;

      padding-bottom:48px;

      border-bottom:
        1px solid
        rgba(255,255,255,.08);
    }


    .faq-page .footer-brand{

      min-width:0;
    }


    .faq-page .footer-brand .logo{

      display:flex;

      align-items:center;

      width:max-content;

      height:auto;

      margin:0;

      padding:0;

      overflow:visible;

      border-radius:0;
    }


    .faq-page .footer-brand .logo-icon{

      display:flex;

      align-items:center;

      justify-content:center;

      flex-shrink:0;

      width:auto;
      height:auto;

      overflow:visible;

      border-radius:0;

      background:transparent;
    }


    .faq-page .footer-brand .logo-icon img{

      width:auto;

      height:auto;

      max-height:44px;

      display:block;

      object-fit:contain;
    }


    .faq-page .footer-brand p{

      max-width:330px;

      margin:
        16px 0 0;

      color:#8190a7;

      font-size:13px;

      line-height:1.9;
    }


    .faq-page .footer-title{

      margin-bottom:15px;

      color:#fff;

      font-size:14px;

      font-weight:700;
    }


    .faq-page .footer-links{

      display:grid;

      gap:9px;
    }


    .faq-page .footer-links a{

      color:#8190a7;

      font-size:13px;

      transition:
        color .2s ease;
    }


    .faq-page .footer-links a:hover{

      color:#fff;
    }


    .faq-page .footer-bottom{

      display:flex;

      justify-content:space-between;

      gap:20px;

      padding-top:23px;

      color:#65748b;

      font-size:12px;
    }


    /* ==================================================
       REVEAL
    =================================================== */

    .faq-page .reveal{

      opacity:1;

      transform:none;
    }


    .faq-page.js-ready .reveal{

      opacity:0;

      transform:translateY(22px);

      transition:
        opacity .65s ease,
        transform .65s ease;
    }


    .faq-page.js-ready .reveal.show{

      opacity:1;

      transform:none;
    }


    /* ==================================================
       ANCHOR OFFSET
    =================================================== */

    .faq-page .faq-section,
    .faq-page .guide-section{

      scroll-margin-top:95px;
    }


    /* ==================================================
       RESPONSIVE
    =================================================== */

    @media(max-width:1080px){

      .faq-page .main-nav{

        gap:0;
      }


      .faq-page .main-nav a{

        padding:
          10px 9px;

        font-size:13px;
      }


      .faq-page .header-inner{

        gap:16px;
      }


      .faq-page .footer-grid{

        grid-template-columns:
          repeat(3,minmax(0,1fr));
      }


      .faq-page .footer-brand{

        grid-column:1 / -1;
      }

    }


    @media(max-width:900px){

      .faq-page .main-nav{

        display:none;
      }


      .faq-page .header-actions .help-btn{

        display:none;
      }


      .faq-page .menu-btn{

        display:flex;
      }


      .faq-page .mobile-nav{

        position:absolute;

        top:76px;

        left:20px;
        right:20px;

        width:auto;

        padding:12px;

        border:
          1px solid var(--line);

        border-radius:16px;

        background:
          rgba(255,255,255,.97);

        box-shadow:
          0 18px 45px
          rgba(20,50,90,.12);
      }


      .faq-page .mobile-nav.open{

        display:grid;
      }


      .faq-page .mobile-nav a{

        padding:
          12px 13px;

        border-radius:10px;

        color:#475467;

        font-size:14px;

        font-weight:600;
      }


      .faq-page .mobile-nav a:hover{

        color:var(--blue);

        background:#f2f7ff;
      }


      .faq-page .mobile-nav a[aria-current="page"]{

        color:var(--blue);

        background:#f2f7ff;
      }


      .faq-page .mobile-menu-primary{

        margin-top:4px;

        color:#fff!important;

        background:
          linear-gradient(
            135deg,
            var(--blue),
            #2399ff
          )!important;

        text-align:center;
      }


      .faq-page .intro-grid{

        grid-template-columns:
          repeat(2,minmax(0,1fr));
      }


      .faq-page .guide-grid{

        grid-template-columns:1fr;
      }

    }


    @media(min-width:901px){

      .faq-page .mobile-nav{

        display:none!important;
      }

    }


    @media(max-width:820px){

      .faq-page .footer-grid{

        grid-template-columns:
          repeat(2,minmax(0,1fr));
      }


      .faq-page .footer-brand{

        grid-column:1 / -1;
      }

    }


    @media(max-width:620px){

      .faq-page .site-header{

        height:68px;
      }


      .faq-page .mobile-nav{

        top:68px;
      }


      .faq-page .header-inner{

        width:
          calc(100% - 24px);
      }


      .faq-page .site-header .logo-img{

        max-height:36px;
      }


      .faq-page .site-header .logo-icon img{

        max-height:36px;
      }


      .faq-page .header-actions .primary-btn{

        display:none;
      }


      .faq-page .hero{

        padding:
          116px 18px 62px;
      }


      .faq-page .breadcrumb{

        font-size:12px;
      }


      .faq-page .hero h1{

        font-size:35px;

        letter-spacing:-1px;
      }


      .faq-page .hero-desc{

        font-size:15px;
      }


      .faq-page .search-wrap{

        padding:5px;
      }


      .faq-page .search-icon{

        width:38px;
      }


      .faq-page .search-button{

        padding:
          0 13px;
      }


      .faq-page .main{

        width:
          calc(100% - 32px);

        padding:
          48px 0 70px;
      }


      .faq-page .category-list{

        justify-content:flex-start;

        margin-bottom:38px;
      }


      .faq-page .intro-grid{

        grid-template-columns:1fr;

        margin-bottom:44px;
      }


      .faq-page .section-heading h2{

        font-size:25px;
      }


      .faq-page .faq-question{

        padding:
          15px 14px;

        font-size:14px;
      }


      .faq-page .faq-question-text{

        gap:9px;
      }


      .faq-page .faq-number{

        width:26px;
        height:26px;
      }


      .faq-page .faq-answer{

        padding:
          0 15px 19px 49px;

        font-size:13px;
      }


      .faq-page .cta{

        padding:
          63px 18px;
      }


      .faq-page .cta h2{

        font-size:28px;
      }


      .faq-page .footer{

        padding-left:18px;

        padding-right:18px;
      }


      .faq-page .footer-grid{

        grid-template-columns:
          1fr 1fr;

        gap:
          30px 20px;
      }


      .faq-page .footer-brand{

        grid-column:1 / -1;
      }


      .faq-page .footer-bottom{

        display:block;

        line-height:1.8;
      }


      .faq-page .footer-bottom div + div{

        margin-top:5px;
      }

    }


    @media(max-width:430px){

      .faq-page .footer-grid{

        grid-template-columns:1fr;
      }


      .faq-page .hero h1{

        font-size:32px;
      }


      .faq-page .search-button{

        padding:
          0 11px;
      }


      .faq-page .faq-question{

        gap:10px;
      }

    }


    /* ==================================================
       REDUCED MOTION
    =================================================== */

    @media(prefers-reduced-motion:reduce){

      html{

        scroll-behavior:auto;
      }


      .faq-page *,
      .faq-page *::before,
      .faq-page *::after{

        transition:none!important;

        animation:none!important;
      }

    }

  
    /* ==========================================================
    全站统一 Header / Footer 样式（统一顶部与底部布局）
    追加于页面原有样式之后，保证所有页面渲染一致
    ========================================================== */

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .site-header, .site-header{
      position:fixed;
      z-index:1000;
      top:0;
      left:0;
      right:0;
      height:76px;
      display:flex;
      align-items:center;
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
      border-bottom:1px solid #e8eef7;
      transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .site-header.scrolled, .site-header.scrolled{
      background:rgba(255,255,255,.98);
      border-color:#e2e9f3;
      box-shadow:0 8px 30px rgba(20,48,90,.08);
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-inner, .header-inner{
      width:min(1240px,calc(100% - 40px));
      height:100%;
      margin:auto;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:28px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .logo, .logo{
      display:flex;
      align-items:center;
      gap:11px;
      flex-shrink:0;
      text-decoration:none;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .logo-icon, .logo-icon{
      display:flex;
      align-items:center;
      justify-content:center;
      width:auto;
      height:auto;
      border-radius:0;
      box-shadow:none;
      overflow:visible;
      background:transparent;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .logo-icon img, .logo-icon img{
      width:auto;
      height:auto;
      display:block;
      max-height:44px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav, .nav{
      display:flex;
      align-items:center;
      gap:5px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav a, .nav a{
      padding:9px 13px;
      border-radius:10px;
      color:#50617d;
      font-size:14px;
      font-weight:600;
      text-decoration:none;
      transition:.25s ease;
      display:inline-block;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav a:hover, .nav a.active, .nav a:hover, .nav a.active{
      color:#1769ff;
      background:#edf4ff;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-actions, .header-actions{
      display:flex;
      align-items:center;
      gap:10px;
      flex-shrink:0;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-help, .header-help{
      padding:9px 12px;
      color:#52637e;
      font-size:14px;
      font-weight:600;
      text-decoration:none;
      transition:.25s ease;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-help:hover, .header-help:hover{
      color:#1769ff;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-btn, .header-btn{
      padding:11px 18px;
      border-radius:11px;
      color:#fff;
      background:#1769ff;
      font-size:14px;
      font-weight:700;
      text-decoration:none;
      box-shadow:0 8px 22px rgba(23,105,255,.22);
      transition:.25s ease;
      white-space:nowrap;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-btn:hover, .header-btn:hover{
      background:#0f5ae0;
      transform:translateY(-2px);
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .menu-btn, .menu-btn{
      display:none;
      width:42px;
      height:42px;
      align-items:center;
      justify-content:center;
      flex-direction:column;
      gap:5px;
      border:1px solid #dde5ef;
      border-radius:11px;
      background:#fff;
      cursor:pointer;
      flex-shrink:0;
      padding:0;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .menu-btn span, .menu-btn span{
      width:18px;
      height:2px;
      border-radius:3px;
      background:#31415d;
      display:block;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav, .mobile-nav{
      display:none;
      position:fixed;
      top:76px;
      left:0;
      right:0;
      z-index:999;
      background:#fff;
      border-bottom:1px solid #e2e9f3;
      box-shadow:0 18px 40px rgba(16,24,40,.10);
      padding:12px 20px 20px;
      flex-direction:column;
      gap:4px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav.open, .mobile-nav.open{
      display:flex;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav a, .mobile-nav a{
      padding:12px 14px;
      border-radius:10px;
      color:#3c4c63;
      font-size:15px;
      font-weight:600;
      text-decoration:none;
      transition:.2s ease;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav a:hover, .mobile-nav a.active, .mobile-nav a:hover, .mobile-nav a.active{
      color:#1769ff;
      background:#edf4ff;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav .mobile-menu-primary, .mobile-nav .mobile-menu-primary{
      margin-top:8px;
      color:#fff;
      background:#1769ff;
      text-align:center;
      border-radius:10px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav .mobile-menu-primary:hover, .mobile-nav .mobile-menu-primary:hover{
      color:#fff;
      background:#0f5ae0;
    }

    /* 屏蔽旧版移动端下拉菜单样式，统一由 .mobile-nav 承担 */
    .mq-home .site-header.mobile-open .nav,
    .products-page .site-header.mobile-open .nav,
    .mq-solutions-page .site-header.mobile-open .nav,
    .mq-features-page .site-header.mobile-open .main-nav,
    .mq-features-page .site-header.mobile-open .header-actions{
      display:none !important;
    }

    /* ---------- 统一底部 ---------- */

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .site-footer, .site-footer{
      background:#091629;
      color:#fff;
      padding:65px 0 25px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-inner, .footer-inner{
      width:min(1240px,calc(100% - 40px));
      margin:auto;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-top, .footer-top{
      display:grid;
      grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;
      gap:45px;
      padding-bottom:48px;
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-brand, .footer-brand{
      max-width:330px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-brand .logo-icon img, .footer-brand .logo-icon img{
      max-height:44px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-brand p, .footer-brand p{
      margin:16px 0 0;
      color:#8190a7;
      font-size:13px;
      line-height:1.9;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-col h4, .footer-col h4{
      margin:0 0 15px;
      color:#fff;
      font-size:14px;
      font-weight:700;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-links, .footer-links{
      display:grid;
      gap:9px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-links a, .footer-links a{
      color:#8190a7;
      font-size:13px;
      text-decoration:none;
      transition:.2s ease;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-links a:hover, .footer-links a:hover{
      color:#fff;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-bottom, .footer-bottom{
      display:flex;
      justify-content:space-between;
      gap:20px;
      padding-top:23px;
      color:#65748b;
      font-size:12px;
    }

    /* ---------- 统一响应式 ---------- */

    @media(max-width:1080px){
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav, .nav{ gap:0; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav a, .nav a{ padding:8px 9px; font-size:13px; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-help, .header-help{ display:none; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-top, .footer-top{ grid-template-columns:repeat(3,1fr); }
    }

    @media(max-width:900px){
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav, .nav{ display:none; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-actions, .header-actions{ display:none; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .menu-btn, .menu-btn{ display:flex; }
    }

    @media(max-width:820px){
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .site-header, .site-header{ height:68px; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-inner, .header-inner{ width:calc(100% - 28px); gap:12px; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav, .mobile-nav{ top:68px; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-top, .footer-top{ grid-template-columns:repeat(2,1fr); gap:28px; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-bottom, .footer-bottom{ flex-direction:column; }
    }

    @media(max-width:480px){
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-top, .footer-top{ grid-template-columns:1fr; }
    }