/* QuickQ homepage layout system.
   This layer keeps the original content and assets while rebuilding the page geometry. */
:root{
  --qq-ink:#1f1d3b;
  --qq-muted:#6e6a82;
  --qq-purple:#8455eb;
  --qq-purple-dark:#5b37c9;
  --qq-blue:#3478f6;
  --qq-soft:#f7f6fd;
  --qq-line:#e9e6f2;
  --qq-white:#fff;
  --qq-radius:22px;
  --qq-shadow:0 24px 60px rgba(51,39,100,.12);
}

html{scroll-behavior:smooth}
body{color:var(--qq-ink);background:#fff;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6,p,a,button{font-family:inherit!important}
main{display:flex;flex-direction:column;width:100%;overflow:visible}
main>.slider-area{order:1}
main>.feature-highlights{order:2}
main>.best-features-area{order:3}
main>.target-users{order:4}
main>.service-area{order:5}
main>.tech-advantages{order:6}
main>.applic-apps{order:7}
main>.our-customer{order:8}
main>.row.d-flex.justify-content-center{order:9}
main>.max-w-7xl{order:10}
main>.faq-section{order:11}
main>.available-app-area{order:12}
main>.pt-120{order:13}
main>.changelog{order:14}

/* Shared heading language */
.qq-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;color:var(--qq-purple);font-size:12px;font-weight:800;letter-spacing:.18em}
.qq-eyebrow:before{content:"";width:28px;height:2px;background:currentColor;border-radius:3px}
.qq-eyebrow--light{color:#c9bcff}
.qq-section-heading{margin-bottom:48px}
.qq-section-heading--split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:60px;align-items:end}
.qq-section-heading h2{margin:0;color:var(--qq-ink);font-size:48px;line-height:1.15;font-weight:800;letter-spacing:-1.5px}
.qq-section-heading p{max-width:500px;margin:0 0 5px;color:var(--qq-muted);font-size:17px;line-height:1.9}
.section-padding3,.section-padd4,.section-padding2{padding-top:100px!important;padding-bottom:100px!important}
.section-tittle h2{color:var(--qq-ink)!important;letter-spacing:-.6px}

/* Header */
.header-area{background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(233,230,242,.9);backdrop-filter:blur(16px)}
.header-sticky.sticky-bar{box-shadow:0 12px 32px rgba(40,39,74,.08)}
.main-menu ul li a:hover{color:var(--qq-purple)!important;background:#f0edff;border-radius:999px}
.main-header .main-menu ul li>a::before{content:none!important;display:none!important}

/* Hero */
.slider-height{min-height:800px!important;height:auto!important;background:linear-gradient(135deg,#fbfaff 0%,#f0edff 100%)!important}
.hero__caption h1{color:#17152d!important;letter-spacing:-1.5px}
.hero__caption p{color:#6f6a83!important}
.slider-btns{display:flex!important;align-items:center!important;gap:22px!important;flex-wrap:wrap}
.slider-btns .btn{border-radius:10px!important;background:linear-gradient(135deg,#7454ed,#9e5bea)!important;box-shadow:0 14px 30px rgba(121,87,239,.25)}
.slider-btns .video-btn{display:inline-flex!important;align-items:center!important;gap:11px!important;width:auto!important;height:60px!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;color:#4f4968!important;line-height:1!important;white-space:nowrap!important}
.slider-btns .video-btn i{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:50%!important;background:linear-gradient(135deg,#d13fe1,#9e56ed)!important;color:#17152d!important;box-shadow:0 12px 28px rgba(179,71,226,.28)}
.slider-btns .video-btn:before,.slider-btns .video-btn:after{display:none!important}
.feature-tags .tag{background:#fff!important;border:1px solid #e4dff2!important;border-radius:99px!important}
.hero__img img{filter:drop-shadow(0 24px 34px rgba(74,52,145,.18))}
.hero__img{right:0!important}

/* Product proof strip */
.feature-highlights{background:#fff!important}
.feature-highlights .container>.row:last-child{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0!important}
.feature-highlights .container>.row:last-child>[class*=col-]{width:auto!important;max-width:none!important;flex:none!important;padding:0!important}
.feature-highlights .highlight-item{height:100%;margin:0!important;padding:30px 24px!important;background:#fff!important;border:1px solid var(--qq-line);border-radius:18px!important;box-shadow:none!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.feature-highlights .highlight-item:hover{transform:translateY(-6px);border-color:#d5c9f4;box-shadow:0 20px 44px rgba(65,49,132,.11)!important}

/* Core feature bento */
.best-features-area{position:relative;background:var(--qq-soft)!important}
.qq-core-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);gap:24px;align-items:stretch}
.qq-core-copy{display:flex;min-width:0;flex-direction:column;gap:24px}
.qq-core-card{position:relative;min-width:0;margin:0!important;padding:27px 24px;background:#fff;border:1px solid var(--qq-line);border-radius:var(--qq-radius);overflow:hidden}
.qq-core-card--lead{display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;align-items:center;min-height:215px;padding:34px 36px;background:linear-gradient(135deg,#24213f,#373064);border-color:transparent;box-shadow:0 22px 48px rgba(39,33,78,.18)}
.qq-core-card--lead .qq-card-index{color:rgba(255,255,255,.33)}
.qq-core-card--lead .qq-core-icon{grid-row:1 / span 2;width:64px;height:64px;color:#fff;background:linear-gradient(135deg,#7b59f0,#b45be6)}
.qq-core-card.qq-core-card--lead h3{color:#fff!important;font-size:25px!important}
.qq-core-card.qq-core-card--lead p{max-width:580px;color:#c9c5d8!important}
.qq-core-minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;flex:1}
.qq-core-minis .qq-core-card{min-height:260px}
.qq-card-index{position:absolute;top:17px;right:19px;color:#c8c2d7;font-size:12px;font-weight:800;letter-spacing:.1em}
.qq-core-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:21px;border-radius:15px;background:#f0ebff;color:var(--qq-purple);font-size:19px}
.qq-core-card h3{margin:0 0 12px;color:var(--qq-ink)!important;font-size:20px!important;line-height:1.35;font-weight:800}
.qq-core-card p{margin:0;color:var(--qq-muted)!important;font-size:14px;line-height:1.75}
.qq-core-visual{position:relative;display:flex;min-width:0;min-height:500px;margin:0;padding:26px 24px 20px;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,#dfeaff 0%,#eee7ff 56%,#fff 100%);border:1px solid #dfd9ef;border-radius:var(--qq-radius);overflow:hidden;box-shadow:var(--qq-shadow)}
.qq-core-visual:before,.qq-core-visual:after{position:absolute;content:"";border-radius:50%;filter:blur(2px)}
.qq-core-visual:before{width:220px;height:220px;right:-95px;top:-80px;background:rgba(132,85,235,.16)}
.qq-core-visual:after{width:160px;height:160px;left:-80px;bottom:-70px;background:rgba(52,120,246,.15)}
.qq-visual-topline,.qq-core-visual figcaption{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#58526c;font-size:13px;font-weight:700}
.qq-live-dot{display:inline-flex;align-items:center;gap:7px;color:#3d8f6f}
.qq-live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#40cf91;box-shadow:0 0 0 5px rgba(64,207,145,.13)}
.qq-core-visual>img{position:relative;z-index:1;width:100%;max-height:385px;margin:auto;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(45,37,91,.20))}
.qq-core-visual figcaption{justify-content:flex-start;gap:18px}
.qq-core-visual figcaption span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);border-radius:99px;backdrop-filter:blur(8px)}

/* Audience cards */
.target-users{background:#fff!important}
.target-users .container>.row:last-child{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-left:0!important;margin-right:0!important}
.target-users .container>.row:last-child>[class*=col-]{width:auto!important;max-width:none!important;flex:none!important;padding:0!important}
.target-users .user-card{height:100%;margin:0!important;padding:34px 28px!important;background:#fff;border:1px solid var(--qq-line);border-radius:20px!important;box-shadow:none!important;text-align:left!important;transition:transform .25s ease,box-shadow .25s ease}
.target-users .user-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(65,49,132,.09)!important}
.target-users .user-icon{display:grid;width:58px;height:58px;place-items:center;margin-bottom:24px!important;border-radius:18px;background:#f0ebff;color:var(--qq-purple)!important;font-size:24px!important}

/* Usage scenarios */
.service-area{background:#25213f!important}
.service-area .section-tittle h2,.service-area .section-tittle p{color:#fff!important}
.service-area .container>.row:last-child{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-left:0!important;margin-right:0!important}
.service-area .container>.row:last-child>[class*=col-]{width:auto!important;max-width:none!important;flex:none!important;padding:0!important}
.service-area .services-caption{height:100%;margin:0!important;padding:38px 28px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:19px!important}
.service-area .services-caption.active,.service-area .services-caption:hover{background:linear-gradient(145deg,#7454ed,#9958dc)!important}
.service-area .service-cap h4 a,.service-area .service-cap p,.service-area .service-icon span{color:#fff!important}

/* Technology architecture */
.tech-advantages{position:relative;background:#19162f!important;color:#fff!important;overflow:hidden}
.tech-advantages:before{position:absolute;content:"";width:520px;height:520px;right:-180px;top:-220px;border-radius:50%;background:rgba(132,85,235,.22);filter:blur(4px)}
.qq-tech-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:74px;align-items:center;z-index:1}
.tech-content h2{margin:0 0 22px;color:#fff!important;font-size:50px;line-height:1.16;font-weight:800;letter-spacing:-1.5px}
.tech-content>p{max-width:630px;margin:0 0 32px;color:#bcb7cd!important;font-size:17px;line-height:1.85}
.tech-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0!important;padding:0!important}
.tech-list li{display:flex!important;align-items:flex-start;gap:12px;margin:0!important;padding:16px 16px!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#d9d5e4!important;font-size:14px!important;line-height:1.6}
.tech-list li:last-child{grid-column:1 / -1}
.tech-list li>span:last-child{min-width:0}
.tech-list strong{display:block;color:#fff;font-size:15px;font-weight:700}
.tech-list .qq-tech-check{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:9px;background:rgba(88,225,160,.14);color:#59dfa2}
.tech-list .qq-tech-check i{margin:0!important;color:inherit!important;font-size:11px}
.qq-tech-visual{position:relative;display:grid;min-height:500px;place-items:center;padding:38px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.14);border-radius:28px;box-shadow:0 28px 70px rgba(3,2,20,.27);overflow:hidden}
.qq-tech-visual:before{position:absolute;content:"";width:330px;height:330px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.018)}
.qq-tech-visual img{position:relative;z-index:1;width:100%;max-height:390px;object-fit:contain;filter:drop-shadow(0 24px 32px rgba(4,2,26,.32))!important}
.qq-tech-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:11px 15px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:99px;box-shadow:0 12px 32px rgba(3,2,20,.2);color:#342d56;font-size:13px;font-weight:800}
.qq-tech-badge--top{top:28px;right:27px}
.qq-tech-badge--bottom{bottom:27px;left:26px}
.qq-tech-badge--bottom i{color:var(--qq-purple)}

/* Interactive product gallery */
.applic-apps{background:#f7f6fd!important}
.qq-interface-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:72px;align-items:center}
.applic-apps .qq-interface-layout .single-cases-info{position:static!important;left:auto!important;top:auto!important;width:auto!important;max-width:420px!important;margin:0!important;padding:0!important}
.applic-apps .qq-interface-layout .single-cases-info h3{margin:0 0 24px!important;padding:0!important;color:var(--qq-ink)!important;font-size:46px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-1.2px}
.applic-apps .qq-interface-layout .single-cases-info>p{margin:0 0 30px!important;padding:0!important;color:var(--qq-muted)!important;font-size:16px!important;line-height:1.9!important}
.interface-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0!important}
.applic-apps .qq-interface-layout .interface-features p{display:flex;align-items:center;gap:10px;margin:0!important;padding:12px 13px!important;background:#fff;border:1px solid var(--qq-line);border-radius:12px;color:#575169!important;font-size:14px!important;line-height:1.45!important}
.interface-features i{margin:0!important;color:var(--qq-purple)!important}
.qq-interface-gallery{min-width:0}
.qq-gallery-stage{background:#fff;border:1px solid var(--qq-line);border-radius:24px;box-shadow:var(--qq-shadow);overflow:hidden}
.qq-gallery-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:56px;padding:0 20px;border-bottom:1px solid var(--qq-line);color:#5d5770;font-size:12px}
.qq-gallery-toolbar>span:first-child{display:flex;gap:6px}
.qq-gallery-toolbar>span:first-child i{display:block;width:8px;height:8px;border-radius:50%;background:#ddd8e8}
.qq-gallery-toolbar>span:first-child i:first-child{background:#ff8d8d}
.qq-gallery-toolbar>span:first-child i:nth-child(2){background:#ffd16d}
.qq-gallery-toolbar>span:first-child i:nth-child(3){background:#6ed7a4}
.qq-gallery-toolbar strong{font-size:13px;font-weight:700}
.qq-gallery-status{justify-self:end;color:#4db986;font-size:10px;font-weight:800;letter-spacing:.12em}
.qq-gallery-canvas{position:relative;height:450px;padding:28px;background:linear-gradient(145deg,#eef3ff 0%,#eeebfb 55%,#faf9ff 100%);overflow:hidden}
.qq-gallery-canvas img{position:absolute;inset:28px;width:calc(100% - 56px)!important;height:calc(100% - 56px)!important;max-width:none!important;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(45,37,91,.18));transition:opacity .16s ease,transform .24s ease}
.qq-gallery-canvas img.is-changing{opacity:.2;transform:scale(.975)}
.qq-gallery-caption{display:flex;align-items:center;gap:15px;padding:18px 22px;color:var(--qq-ink)}
.qq-gallery-caption span{color:var(--qq-purple);font-size:12px;font-weight:900;letter-spacing:.1em}
.qq-gallery-caption strong{font-size:15px;font-weight:800}
.qq-gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}
.qq-gallery-thumbs button{display:flex;min-width:0;height:76px;align-items:center;gap:10px;padding:8px 10px;background:#fff;border:1px solid var(--qq-line);border-radius:13px;color:#797389;overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.qq-gallery-thumbs button:hover{transform:translateY(-2px);border-color:#cfc2f3}
.qq-gallery-thumbs button.is-active{border-color:var(--qq-purple);box-shadow:0 9px 24px rgba(111,78,207,.15);color:var(--qq-ink)}
.qq-gallery-thumbs img{width:48px;height:56px;flex:0 0 48px;border-radius:8px;object-fit:cover;object-position:center}
.qq-gallery-thumbs span{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}

/* Reviews */
.our-customer{padding-top:100px!important;padding-bottom:100px!important;background:#fff!important}
.our-customer .single-customer{margin-bottom:24px!important;border:1px solid var(--qq-line)!important;border-radius:18px!important;box-shadow:none!important}
.our-customer .customar-active{display:block!important;min-width:0!important}
.our-customer .slick-list{overflow:hidden!important}

/* News */
main>.row.d-flex.justify-content-center{width:100%;margin:0!important;padding:100px 20px 38px!important;background:var(--qq-soft)}
main>.max-w-7xl{width:100%!important;max-width:none!important;margin:0!important;padding:0 20px 100px!important;background:var(--qq-soft)}
main>.max-w-7xl>.grid{display:grid!important;max-width:1170px;margin:auto;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
main>.max-w-7xl .bg-white{border:1px solid var(--qq-line);border-radius:18px!important;box-shadow:none!important;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
main>.max-w-7xl .bg-white:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(65,49,132,.10)!important}
main>.max-w-7xl .h-48{height:168px!important}
main>.max-w-7xl .p-6{padding:20px!important}
main>.max-w-7xl .p-6 h3{font-size:17px!important;line-height:1.5!important}
main>.max-w-7xl .p-6 p{font-size:13px!important;line-height:1.75!important}

/* FAQ, download, statistics, change log */
.faq-section{background:#fff!important}
.faq-section .faq-item{background:#fff!important;border:1px solid var(--qq-line)!important;border-radius:14px!important;box-shadow:none!important}
.available-app-area{min-height:0!important;padding:94px 0!important;background:linear-gradient(125deg,#6e50e9,#9a57df)!important;overflow:hidden}
.available-app-area .row{align-items:center!important}
.available-app-area .app-img{position:static!important;bottom:auto!important;margin:0!important;text-align:center}
.available-app-area .app-img img{width:100%!important;max-width:560px!important;max-height:520px!important;object-fit:contain}
.available-app-area .app-caption{padding:0!important;margin:0!important}
.available-app-area .app-caption h2{font-size:46px!important;line-height:1.2!important}
.available-app-area .app-caption h2,.available-app-area .app-caption p,.available-app-area .app-features p,.available-app-area .other-downloads a{color:#fff!important}
.available-app-area .app-caption .section-tittle>p{margin-bottom:24px!important;padding:0!important}
.available-app-area .app-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 26px!important}
.available-app-area .app-features p{margin:0!important;padding:10px 12px!important;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:10px;font-size:14px!important;line-height:1.45!important}
.available-app-area .app-btn{display:flex!important;align-items:center;gap:12px;margin:0!important}
.available-app-area .app-btn a{display:block!important;margin:0!important}
.available-app-area .app-btn img{display:block;max-height:54px;width:auto}
.available-app-area .other-downloads{margin-top:18px!important}
.available-app-area .other-downloads p{margin:0!important;padding:0!important}
.pt-120{margin-bottom:0!important;padding-top:48px!important;padding-bottom:48px!important;background:#25213f!important;color:#fff}
.pt-120 .single-counter{margin-bottom:0!important;border-right:1px solid rgba(255,255,255,.13)}
.pt-120 [class*=col-]:last-child .single-counter{border-right:0}
.pt-120 h3,.pt-120 h2,.pt-120 .counter{color:#fff!important}
.pt-120 p{color:#aaa5b9!important}
.changelog{background:var(--qq-soft)!important}
.changelog .update-item{height:100%;margin:0!important;background:#fff!important;border:1px solid var(--qq-line)!important;border-radius:16px!important;box-shadow:none!important}
/* Footer */
.qq-footer .footer-main{position:relative;padding:88px 0 0;background:radial-gradient(circle at 82% 18%,rgba(119,81,231,.18),transparent 32%),linear-gradient(145deg,#17142d,#111023 72%)!important;overflow:hidden}
.qq-footer .footer-main:before{position:absolute;content:"";left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(161,122,255,.75),transparent)}
.qq-footer-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(220px,.58fr) minmax(360px,1fr);gap:72px;align-items:start;z-index:1}
.qq-footer-logo{display:inline-block;margin-bottom:25px}
.qq-footer-logo img{width:168px;height:auto}
.qq-footer-brand>p{max-width:390px;margin:0 0 25px;color:#aaa6bb!important;font-size:15px;line-height:1.9}
.qq-footer-status{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;background:rgba(80,215,152,.08);border:1px solid rgba(80,215,152,.18);border-radius:99px;color:#8eddb8;font-size:12px;font-weight:700}
.qq-footer-status i{width:7px;height:7px;border-radius:50%;background:#50d798;box-shadow:0 0 0 5px rgba(80,215,152,.12)}
.qq-footer-kicker{display:block;margin-bottom:10px;color:#8d75df;font-size:10px;font-weight:900;letter-spacing:.2em}
.qq-footer-nav h4,.qq-footer-support h4{margin:0;color:#fff!important;font-size:20px;font-weight:800}
.qq-footer-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 22px;margin-top:22px;padding:0}
.qq-footer-nav li{margin:0!important}
.qq-footer-nav a{position:relative;display:inline-flex;align-items:center;padding:7px 0;color:#aaa6bb!important;font-size:14px;transition:color .2s ease,transform .2s ease}
.qq-footer-nav a:before{content:"";width:0;height:1px;margin-right:0;background:#9d78ff;transition:width .2s ease,margin-right .2s ease}
.qq-footer-nav a:hover{color:#fff!important;transform:translateX(2px)}
.qq-footer-nav a:hover:before{width:13px;margin-right:7px}
.qq-footer-support{padding:26px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);border-radius:20px;box-shadow:0 20px 48px rgba(4,3,17,.18)}
.qq-footer-support-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}
.qq-support-online{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:rgba(80,215,152,.10);border-radius:99px;color:#7ddcaf;font-size:10px;font-weight:800}
.qq-support-online:before{content:"";width:6px;height:6px;border-radius:50%;background:#50d798}
.qq-contact-row{display:flex;align-items:center;gap:13px;margin-top:10px;padding:12px 13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#fff!important;font-size:13px;transition:background .2s ease,border-color .2s ease}
.qq-contact-row:hover{background:rgba(255,255,255,.075);border-color:rgba(158,111,255,.34);color:#fff!important}
.qq-contact-row>i{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:11px;background:rgba(139,92,246,.15);color:#ae91ff}
.qq-contact-row span{min-width:0;overflow-wrap:anywhere}
.qq-contact-row small{display:block;margin-bottom:2px;color:#8e899e;font-size:10px}
.qq-support-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;color:#aaa6bb;font-size:12px}
.qq-support-meta>span{display:flex;align-items:center;gap:7px}
.qq-footer .footer-social{display:flex;gap:7px;margin:0!important}
.qq-footer .footer-social a{display:grid!important;width:33px!important;height:33px!important;margin:0!important;place-items:center;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:50%!important;color:#c7c2d3!important;line-height:1!important;transition:transform .2s ease,background .2s ease!important}
.qq-footer .footer-social a:hover{transform:translateY(-3px);background:#8057e9!important;color:#fff!important}
.qq-footer-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:64px;padding:27px 0 31px;border-top:1px solid rgba(255,255,255,.09);z-index:1}
.qq-footer-bottom p{margin:0;color:#777287!important;font-size:12px;line-height:1.6}
.qq-footer-bottom p a{margin-left:7px;color:#a68deb!important}
.qq-footer-legal{display:flex;align-items:center;gap:22px;white-space:nowrap}
.qq-footer-legal a{position:relative;color:#918c9f!important;font-size:12px}
.qq-footer-legal a+a:before{position:absolute;content:"";left:-12px;top:50%;width:2px;height:2px;border-radius:50%;background:#5f5a70}
.qq-footer-legal a:hover{color:#fff!important}

/* Product introduction modal */
body.qq-modal-open{overflow:hidden}
.qq-intro-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:28px;opacity:0;pointer-events:none;transition:opacity .22s ease}
.qq-intro-modal.is-open{opacity:1;pointer-events:auto}
.qq-intro-backdrop{position:absolute;inset:0;width:100%;height:100%;background:rgba(20,16,42,.72);border:0;backdrop-filter:blur(8px)}
.qq-intro-dialog{position:relative;display:grid;width:min(960px,calc(100vw - 56px));max-height:calc(100vh - 56px);grid-template-columns:1fr 1fr;background:#fff;border-radius:26px;box-shadow:0 34px 90px rgba(10,7,30,.34);overflow:auto;transform:translateY(15px) scale(.985);transition:transform .25s ease}
.qq-intro-modal.is-open .qq-intro-dialog{transform:none}
.qq-intro-close{position:absolute;right:18px;top:18px;z-index:3;display:grid;width:38px;height:38px;place-items:center;background:#fff;border:1px solid var(--qq-line);border-radius:50%;color:#4d4762}
.qq-intro-media{position:relative;display:grid;min-height:500px;place-items:center;padding:42px;background:linear-gradient(145deg,#eeeaff,#dfeaff);overflow:hidden}
.qq-intro-media:before{position:absolute;content:"";width:300px;height:300px;border:1px solid rgba(132,85,235,.17);border-radius:50%;box-shadow:0 0 0 55px rgba(132,85,235,.06),0 0 0 110px rgba(52,120,246,.04)}
.qq-intro-media img{position:relative;z-index:1;width:100%;max-height:400px;object-fit:contain;filter:drop-shadow(0 24px 32px rgba(45,37,91,.22))}
.qq-intro-pulse{position:absolute;z-index:2;display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:#fff;color:var(--qq-purple);box-shadow:0 0 0 12px rgba(255,255,255,.24),0 18px 36px rgba(70,48,141,.22)}
.qq-intro-copy{display:flex;padding:62px 52px;flex-direction:column;justify-content:center}
.qq-intro-copy h2{margin:0 0 20px;color:var(--qq-ink);font-size:40px;font-weight:800;line-height:1.2;letter-spacing:-1px}
.qq-intro-copy>p{margin:0 0 27px;color:var(--qq-muted);font-size:16px;line-height:1.85}
.qq-intro-points{display:grid;gap:12px;margin-bottom:30px}
.qq-intro-points span{display:flex;align-items:center;gap:11px;color:#504a63;font-size:14px}
.qq-intro-points i{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#f0ebff;color:var(--qq-purple)}
.qq-intro-cta{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#7454ed,#9e5bea);border-radius:10px;color:#fff!important;font-size:14px;font-weight:800}

@media(max-width:1199px){
  .qq-core-layout{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)}
  .qq-core-minis{grid-template-columns:1fr}
  .qq-core-minis .qq-core-card{min-height:0;padding-left:82px}
  .qq-core-minis .qq-core-icon{position:absolute;left:23px;top:27px}
  .qq-interface-layout{gap:48px;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}
  main>.max-w-7xl>.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .qq-footer-grid{grid-template-columns:minmax(0,1fr) minmax(200px,.65fr) minmax(320px,1fr);gap:40px}
}

@media(max-width:991px){
  .section-padding3,.section-padd4,.section-padding2{padding-top:80px!important;padding-bottom:80px!important}
  .qq-section-heading--split{grid-template-columns:1fr;gap:20px}
  .qq-section-heading h2{font-size:42px}
  .slider-height{min-height:680px!important;height:auto!important;padding:92px 0 50px!important}
  .slider-height>.container>.row{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)!important;align-items:center!important;gap:20px!important}
  .slider-height>.container>.row>[class*=col-]{display:block!important;width:auto!important;max-width:none!important;flex:none!important;padding-left:15px!important;padding-right:15px!important}
  .slider-height .hero__caption h1{font-size:42px!important;line-height:1.16!important;margin-bottom:24px!important}
  .slider-height .hero__caption p{font-size:16px!important;line-height:1.8!important;margin-bottom:26px!important}
  .slider-height .hero__img{position:relative!important;right:auto!important;bottom:auto!important;text-align:center!important}
  .slider-height .hero__img.d-none{display:block!important}
  .slider-height .hero__img img{width:100%!important;height:auto!important;max-width:410px!important}
  .slider-height .feature-tags{margin-top:24px!important}
  .feature-highlights .container>.row:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qq-core-layout{grid-template-columns:1fr}
  .qq-core-minis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .qq-core-minis .qq-core-card{min-height:245px;padding:27px 22px}
  .qq-core-minis .qq-core-icon{position:static}
  .qq-core-visual{min-height:450px}
  .target-users .container>.row:last-child,.service-area .container>.row:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
  .target-users .container>.row:last-child>[class*=col-]:last-child,.service-area .container>.row:last-child>[class*=col-]:last-child{grid-column:1 / -1}
  .qq-tech-shell{grid-template-columns:1fr;gap:42px}
  .qq-tech-visual{min-height:440px}
  .qq-interface-layout{grid-template-columns:1fr;gap:42px}
  .applic-apps .qq-interface-layout .single-cases-info{max-width:680px!important}
  .qq-gallery-canvas{height:420px}
  main>.max-w-7xl>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .available-app-area{padding:78px 0!important}
  .available-app-area .app-img img{max-height:420px!important}
  .qq-intro-dialog{grid-template-columns:1fr;max-width:650px}
  .qq-intro-media{min-height:340px}
  .qq-intro-media img{max-height:280px}
  .qq-footer .footer-main{padding-top:72px}
  .qq-footer-grid{grid-template-columns:1fr 1fr;gap:42px}
  .qq-footer-brand{grid-column:1 / -1}
  .qq-footer-brand>p{max-width:610px}
}

@media(max-width:767px){
  .qq-section-heading h2,.tech-content h2,.single-cases-info h3{font-size:36px!important}
  .target-users .container>.row:last-child,.service-area .container>.row:last-child{grid-template-columns:1fr}
  .target-users .container>.row:last-child>[class*=col-]:last-child,.service-area .container>.row:last-child>[class*=col-]:last-child{grid-column:auto}
  .slider-height{padding-top:82px!important}
  .slider-height>.container>.row{grid-template-columns:1fr!important}
  .slider-height .hero__caption h1{font-size:38px!important}
  .slider-height .hero__img img{max-width:360px!important;margin-top:14px}
  .qq-core-minis{grid-template-columns:1fr}
  .qq-core-minis .qq-core-card{min-height:0;padding-left:82px}
  .qq-core-minis .qq-core-icon{position:absolute;left:23px;top:27px}
  .tech-list{grid-template-columns:1fr}
  .tech-list li:last-child{grid-column:auto}
  .qq-gallery-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qq-gallery-canvas{height:360px;padding:20px}
  .qq-gallery-canvas img{inset:20px;width:calc(100% - 40px)!important;height:calc(100% - 40px)!important}
  .available-app-area .app-features{grid-template-columns:1fr}
  .available-app-area .app-btn{flex-wrap:wrap}
  .pt-120 .row>[class*=col-]:nth-child(2n) .single-counter{border-right:0}
  .pt-120 .single-counter{margin-bottom:28px!important}
  .qq-footer-grid{grid-template-columns:1fr;gap:38px}
  .qq-footer-brand{grid-column:auto}
  .qq-footer-nav ul{max-width:330px}
  .qq-footer-support{max-width:520px}
  .qq-footer-bottom{align-items:flex-start;flex-direction:column;margin-top:44px}
  .pt-120{margin-bottom:0!important}
}

@media(max-width:575px){
  .section-padding3,.section-padd4,.section-padding2{padding-top:68px!important;padding-bottom:68px!important}
  .qq-section-heading{margin-bottom:34px}
  .qq-section-heading h2,.tech-content h2,.single-cases-info h3{font-size:31px!important;letter-spacing:-.6px}
  .feature-highlights .container>.row:last-child,main>.max-w-7xl>.grid{grid-template-columns:1fr!important}
  .slider-height .hero__caption h1{font-size:34px!important}
  .slider-height .hero__img img{max-width:300px!important}
  .slider-btns{gap:14px!important}
  .slider-btns .video-btn{font-size:14px!important}
  .qq-core-card--lead{grid-template-columns:1fr;padding:30px 25px}
  .qq-core-card--lead .qq-core-icon{grid-row:auto}
  .qq-core-minis .qq-core-card{padding:26px 22px}
  .qq-core-minis .qq-core-icon{position:static}
  .qq-core-visual{min-height:365px;padding:20px 17px}
  .qq-core-visual figcaption{gap:8px;flex-wrap:wrap}
  .qq-tech-visual{min-height:350px;padding:22px}
  .qq-tech-badge{padding:8px 11px;font-size:11px}
  .interface-features{grid-template-columns:1fr}
  .qq-gallery-canvas{height:300px}
  .qq-gallery-toolbar{grid-template-columns:1fr 1fr}
  .qq-gallery-toolbar strong{display:none}
  .qq-gallery-thumbs button{height:68px}
  .qq-intro-modal{padding:14px}
  .qq-intro-dialog{width:calc(100vw - 28px);max-height:calc(100vh - 28px)}
  .qq-intro-media{min-height:250px;padding:24px}
  .qq-intro-media img{max-height:210px}
  .qq-intro-copy{padding:38px 26px}
  .qq-intro-copy h2{font-size:31px}
  .pt-120 .single-counter{border-right:0!important}
  .qq-footer .footer-main{padding-top:58px}
  .qq-footer-support{padding:21px 18px}
  .qq-support-meta{align-items:flex-start;flex-direction:column}
  .qq-footer-bottom{gap:16px;padding-bottom:24px}
  .qq-footer-legal{gap:16px;white-space:normal;flex-wrap:wrap}
}