/* QuickQ secondary and tertiary entry-page layout system */
:root {
  --qq-ink: #15152d;
  --qq-muted: #656780;
  --qq-line: #e7e5f2;
  --qq-surface: #ffffff;
  --qq-soft: #f6f4ff;
  --qq-violet: #7656f6;
  --qq-violet-dark: #5133d7;
  --qq-blue: #2879f6;
  --qq-cyan: #71d9ff;
  --qq-dark: #151329;
  --qq-green: #42c979;
  --qq-radius-lg: 32px;
  --qq-radius-md: 22px;
  --qq-shadow: 0 24px 70px rgba(42, 35, 91, 0.10);
}

.subpage {
  margin: 0;
  color: var(--qq-ink);
  background: #fff;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: clip !important;
  overflow-y: visible;
}

.subpage *,
.subpage *::before,
.subpage *::after { box-sizing: border-box; }
.subpage main { display: block !important; width: 100%; }
.subpage img { display: block; max-width: 100%; }
.subpage a { color: inherit; text-decoration: none; }
.subpage p { color: var(--qq-muted); font-size: 16px; line-height: 1.85; }
.subpage h1,
.subpage h2,
.subpage h3,
.subpage h4,
.subpage h5 {
  margin: 0;
  color: var(--qq-ink);
  font-family: inherit;
  font-weight: 760;
  letter-spacing: -0.035em;
  -webkit-text-fill-color: currentColor !important;
}
.subpage h1 { font-size: clamp(42px, 5.2vw, 72px); line-height: 1.07; }
.subpage h2 { font-size: clamp(32px, 3.6vw, 50px); line-height: 1.14; }
.subpage h3 { font-size: 22px; line-height: 1.35; }
.subpage ul,
.subpage ol { margin: 0; padding: 0; }
.subpage button,
.subpage input { font: inherit; }
.subpage a:focus-visible,
.subpage button:focus-visible,
.subpage input:focus-visible {
  outline: 3px solid rgba(82,110,255,.45) !important;
  outline-offset: 3px;
}

.page-container,
.subpage .section-shell > .container,
.subpage .guide-hero > .container,
.subpage main > section > .section-shell {
  width: min(1180px, calc(100% - 48px));
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
}

/* A top-level section owns its full-bleed background; only its inner wrapper is constrained. */
.subpage main > section.section-shell {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

/* Shared header */
.subpage header { position: relative; z-index: 100; }
.subpage .header-area,
.subpage .header-area.header-transparrent {
  position: relative;
  inset: auto;
  width: 100%;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(227,225,240,.85);
  backdrop-filter: blur(18px);
}
.subpage .main-header,
.subpage .main-header.header-sticky {
  min-height: 82px;
  padding: 0 !important;
  background: transparent;
  box-shadow: none;
}
.subpage .main-header.sticky-bar,
.subpage .main-header.sticky {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: 100% !important;
  animation: none !important;
  transform: none !important;
}
.subpage .main-header .container { width: min(1180px, calc(100% - 48px)); max-width: none; }
.subpage .main-header .container,
.subpage .footer-area .container { padding-right: 0; padding-left: 0; }
.subpage .main-header .row { min-height: 82px; }
.subpage .main-header .logo img,
.subpage .footer-logo img { width: auto; height: 38px; object-fit: contain; }
.subpage .main-menu { margin-right: 0 !important; }
.subpage .main-menu ul { display: flex; align-items: center; gap: 8px; }
.subpage .main-menu ul li { margin: 0; }
.subpage .main-menu ul li a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 15px !important;
  color: #49475f;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 650;
  transition: color .2s ease, background-color .2s ease;
}
.subpage .main-menu ul li a:hover,
.subpage .main-menu ul li a.is-active { color: var(--qq-violet-dark); background: #f0edff; }
.subpage .main-header .main-menu ul li > a::before {
  content: none !important;
  display: none !important;
}
.subpage .slicknav_menu { background: transparent; padding: 0 0 12px; }
.subpage .slicknav_btn { background: var(--qq-dark); border-radius: 12px; }
.subpage .slicknav_nav { background: #fff; border: 1px solid var(--qq-line); border-radius: 16px; box-shadow: var(--qq-shadow); }
.subpage .slicknav_nav a { color: var(--qq-ink); border-radius: 10px; }

/* Shared building blocks */
.section-shell { padding-top: clamp(76px, 8vw, 118px); padding-bottom: clamp(76px, 8vw, 118px); }
.section-shell--tint { background: var(--qq-soft); }
.section-shell--dark { color: #fff; background: var(--qq-dark); }
.eyebrow,
.section-heading__eyebrow,
.sub-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  color: var(--qq-violet-dark) !important;
  font-size: 12px !important;
  font-weight: 800;
  line-height: 1.4 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.eyebrow::before,
.section-heading__eyebrow::before,
.sub-hero__eyebrow::before { content: ""; width: 22px; height: 2px; background: currentColor; border-radius: 2px; }
.section-heading { max-width: 760px; margin: 0 0 46px; }
.section-heading > p:last-child { max-width: 670px; margin: 16px 0 0; }
.section-heading--split { display: flex; align-items: end; justify-content: space-between; gap: 54px; max-width: none; }
.section-heading--split > div { max-width: 700px; }
.section-heading--split > p { max-width: 410px; margin: 0 0 4px; }
.section-heading--light h2 { color: #fff; }
.section-heading--light p { color: #aaa8c1; }
.section-heading--light .eyebrow { color: #ad9cff !important; }

.button,
.download-direct,
.guide-download-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 750;
  line-height: 1;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.button:hover,
.download-direct:hover,
.guide-download-cta__button:hover { transform: translateY(-2px); }
.button--primary,
.download-direct,
.guide-download-cta__button {
  color: #fff !important;
  background: linear-gradient(135deg, var(--qq-violet), var(--qq-blue));
  box-shadow: 0 15px 34px rgba(93,75,222,.24);
}
.button--ghost { color: var(--qq-ink); border-color: #dcd8ed; background: rgba(255,255,255,.72); }
.button--light { color: var(--qq-violet-dark) !important; background: #fff; box-shadow: 0 15px 34px rgba(15,12,41,.16); }
.button--outline-light { color: #fff !important; border-color: rgba(255,255,255,.3); background: transparent; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }

/* Shared hero */
.sub-hero {
  position: relative;
  min-height: 580px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 24%, rgba(122,91,246,.18), transparent 31%),
    radial-gradient(circle at 4% 90%, rgba(63,154,255,.12), transparent 28%),
    linear-gradient(135deg, #faf9ff 0%, #f3f0ff 56%, #f8fbff 100%);
}
.sub-hero::after {
  content: "";
  position: absolute;
  right: -9vw;
  bottom: -23vw;
  width: 48vw;
  height: 48vw;
  border: 1px solid rgba(117,86,246,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 62px rgba(117,86,246,.035), 0 0 0 126px rgba(117,86,246,.025);
  pointer-events: none;
}
.sub-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(380px, .97fr); align-items: center; gap: 70px; min-height: 580px; padding-top: 54px; padding-bottom: 54px; }
.sub-hero__copy { max-width: 650px; }
.sub-hero__copy > p,
.sub-hero__lead { max-width: 650px; margin: 24px 0 0; font-size: 18px !important; line-height: 1.85 !important; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 28px; margin-top: 34px; }
.hero-proof span { display: grid; gap: 2px; color: #77758b; font-size: 13px; }
.hero-proof strong { color: var(--qq-ink); font-size: 21px; line-height: 1.2; }

/* Feature page */
.product-stage { position: relative; display: grid; place-items: center; min-height: 440px; isolation: isolate; }
.product-stage::before { content: ""; position: absolute; inset: 17% 8%; z-index: -2; background: linear-gradient(135deg,#7455f6,#2f8bf5); border-radius: 42% 58% 55% 45% / 48% 44% 56% 52%; filter: drop-shadow(0 35px 45px rgba(81,51,215,.2)); transform: rotate(-7deg); }
.product-stage img { position: relative; z-index: 2; max-height: 460px; width: auto; object-fit: contain; filter: drop-shadow(0 34px 30px rgba(23,17,64,.24)); }
.stage-orbit { position: absolute; z-index: -1; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; }
.stage-orbit--one { width: 360px; height: 360px; }
.stage-orbit--two { width: 440px; height: 440px; border-color: rgba(118,86,246,.14); }
.stage-tag { position: absolute; z-index: 3; padding: 12px 16px; color: var(--qq-ink); background: rgba(255,255,255,.92); border: 1px solid rgba(255,255,255,.9); border-radius: 14px; box-shadow: 0 14px 35px rgba(41,32,95,.14); font-size: 13px; font-weight: 760; }
.stage-tag--top { top: 15%; right: 0; }
.stage-tag--bottom { bottom: 14%; left: 0; }

.bento-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.page-features .feature-bento { grid-template-columns: repeat(4, minmax(0,1fr)); }
.bento-card { position: relative; min-height: 260px; padding: 30px; overflow: hidden; background: #fff; border: 1px solid var(--qq-line); border-radius: var(--qq-radius-md); box-shadow: 0 16px 42px rgba(34,28,77,.05); }
.bento-card--wide { grid-column: span 2; }
.bento-card--accent { color: #fff; background: linear-gradient(145deg,#6f4ef4,#297ff1); border-color: transparent; }
.bento-card h3 { margin: 42px 0 12px; }
.bento-card p { margin: 0; }
.bento-card--accent h3,
.bento-card--accent p { color: #fff; }
.bento-card--accent p { opacity: .78; }
.card-index { color: var(--qq-violet); font-size: 12px; font-weight: 850; letter-spacing: .12em; }
.bento-card--accent .card-index { color: rgba(255,255,255,.72); }
.signal-bars { position: absolute; right: 28px; bottom: 28px; display: flex; align-items: end; gap: 5px; height: 62px; }
.signal-bars i { display: block; width: 12px; background: rgba(255,255,255,.82); border-radius: 6px; }
.signal-bars i:nth-child(1){height:22%;}.signal-bars i:nth-child(2){height:43%;}.signal-bars i:nth-child(3){height:69%;}.signal-bars i:nth-child(4){height:100%;}
.latency-line { position: absolute; right: 28px; bottom: 28px; display: grid; gap: 2px; text-align: right; }
.latency-line span { color: var(--qq-muted); font-size: 12px; }
.latency-line strong { color: var(--qq-green); }

.editorial-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: start; }
.editorial-copy h2 { margin-bottom: 26px; }
.editorial-copy p { margin: 0 0 18px; }
.process-panel { display: grid; gap: 13px; padding: 16px; background: #fff; border: 1px solid #e5e1f1; border-radius: 28px; box-shadow: var(--qq-shadow); }
.process-step { display: grid; grid-template-columns: 52px 1fr; gap: 18px; align-items: start; padding: 22px; border-radius: 18px; }
.process-step + .process-step { border-top: 1px solid #ece9f4; }
.process-step > span { display: grid; place-items: center; width: 52px; height: 52px; color: #fff; background: var(--qq-dark); border-radius: 15px; font-weight: 800; }
.process-step h3 { font-size: 18px; }
.process-step p { margin: 6px 0 0; font-size: 14px; }
.platform-matrix { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border: 1px solid var(--qq-line); border-radius: 24px; overflow: hidden; }
.platform-matrix article { display: grid; gap: 8px; min-height: 145px; padding: 28px 22px; background: #fff; }
.platform-matrix article + article { border-left: 1px solid var(--qq-line); }
.platform-matrix strong { font-size: 20px; }
.platform-matrix span { color: var(--qq-muted); font-size: 13px; }

.review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.review-grid--four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.review-card { padding: 26px; background: #fff; border: 1px solid var(--qq-line); border-radius: 20px; }
.section-shell--dark .review-card { background: #201d3a; border-color: rgba(255,255,255,.08); }
.review-card__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 22px; }
.review-card__top img { width: 52px; height: 52px; object-fit: cover; border-radius: 50%; }
.review-card__top > span,
.rating-stars { color: #ffb650; font-size: 14px; letter-spacing: .08em; }
.review-card h3 { margin-bottom: 12px; font-size: 18px; }
.review-card p { margin: 0; font-size: 14px; }
.section-shell--dark .review-card h3 { color: #fff; }
.section-shell--dark .review-card p { color: #b9b6cd; }

.metric-section { padding-top: 30px; padding-bottom: 30px; }
.metric-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--qq-line); border-radius: 24px; overflow: hidden; background: #fff; }
.metric-strip > div { display: grid; gap: 8px; padding: 34px 26px; text-align: center; }
.metric-strip > div + div { border-left: 1px solid var(--qq-line); }
.metric-strip strong { color: var(--qq-ink); font-size: clamp(25px,3vw,40px); line-height: 1; }
.metric-strip span { color: var(--qq-muted); font-size: 13px; }
.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; align-items: start; }
.faq-intro { position: sticky; top: 110px; }
.faq-intro h2 { margin-bottom: 18px; }
.faq-intro .button { margin-top: 20px; }
.faq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.faq-card { padding: 25px; background: #fff; border: 1px solid var(--qq-line); border-radius: 18px; }
.faq-card h3 { margin-bottom: 9px; font-size: 17px; }
.faq-card p { margin: 0; font-size: 14px; }
.download-cta,
.advantage-cta {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(180deg, transparent 0 70%, rgba(21,19,41,.98) 100%),
    linear-gradient(128deg,#18142e 0%,#35207b 58%,#5f3be4 100%);
}
.download-cta__grid,
.advantage-cta__grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 70px; min-height: 580px; padding-top: 76px; padding-bottom: 76px; }
.download-cta h2,
.advantage-cta h2 { color: #fff; }
.download-cta h2,
.advantage-cta h2 { margin-bottom: 18px; }
.download-cta p,
.advantage-cta p { color: rgba(255,255,255,.7); }
.download-cta p,
.advantage-cta p { margin: 0; }
.download-cta .eyebrow,
.advantage-cta .eyebrow { color: #b6a6ff !important; }
.download-cta__visual img,
.advantage-cta__visual img { max-height: 470px; margin: auto; object-fit: contain; filter: drop-shadow(0 35px 38px rgba(0,0,0,.26)); }
.check-list { display: grid; gap: 11px; margin: 24px 0 !important; list-style: none; }
.check-list li { position: relative; padding-left: 28px; color: rgba(255,255,255,.82); font-size: 14px; }
.check-list li::before { content: "✓"; position: absolute; left: 0; top: -1px; display: grid; place-items: center; width: 19px; height: 19px; color: #fff; background: var(--qq-green); border-radius: 50%; font-size: 11px; font-weight: 900; }

/* Advantages page */
.advantage-board { position: relative; min-height: 480px; }
.advantage-board__core { position: absolute; inset: 50% auto auto 50%; display: grid; gap: 10px; width: 310px; min-height: 230px; padding: 42px; color: #fff; background: linear-gradient(145deg,#17142c,#412b91); border: 1px solid rgba(255,255,255,.12); border-radius: 36px; box-shadow: 0 36px 70px rgba(45,30,110,.25); transform: translate(-50%,-50%); }
.advantage-board__core small { color: #aea8c8; }
.advantage-board__core strong { font-size: 26px; line-height: 1.25; }
.advantage-board__core span { align-self: end; color: #81e6ae; font-size: 13px; }
.advantage-board__stat { position: absolute; display: grid; gap: 4px; width: 150px; padding: 20px; background: rgba(255,255,255,.94); border: 1px solid rgba(255,255,255,.9); border-radius: 20px; box-shadow: 0 20px 46px rgba(48,37,101,.15); }
.advantage-board__stat strong { font-size: 24px; }
.advantage-board__stat span { color: var(--qq-muted); font-size: 12px; }
.advantage-board__stat--a { top: 7%; left: 0; }.advantage-board__stat--b { top: 20%; right: 0; }.advantage-board__stat--c { right: 7%; bottom: 7%; }
.advantage-lead { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 62px; min-height: 470px; margin-bottom: 18px; padding: 46px; background: var(--qq-dark); border-radius: 28px; overflow: hidden; }
.advantage-lead h3 { margin: 14px 0 16px; color: #fff; font-size: 32px; }
.advantage-lead p { color: #aaa8be; }
.advantage-lead__visual { position: relative; display: grid; place-items: center; min-height: 360px; color: #fff; background: radial-gradient(circle at center,rgba(117,86,246,.55),transparent 12%), radial-gradient(circle at center,transparent 0 31%,rgba(117,86,246,.22) 31.5% 32%,transparent 32.5% 48%,rgba(117,86,246,.13) 48.5% 49%,transparent 49.5%), linear-gradient(145deg,#201b43,#151329); border-radius: 24px; overflow: hidden; }
.advantage-lead__visual strong { position: relative; z-index: 2; max-width: 180px; text-align: center; font-size: 24px; }
.map-pulse { position: absolute; width: 12px; height: 12px; background: #82dcff; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 9px rgba(113,217,255,.13); }.map-pulse--1{top:24%;left:24%;}.map-pulse--2{right:22%;top:33%;}.map-pulse--3{right:31%;bottom:20%;}
.check-list--dark li { color: #c1bed1; }
.advantage-bento { grid-template-columns: repeat(3,minmax(0,1fr)); }
.advantage-bento .bento-card { min-height: 330px; }
.mini-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px !important; list-style: none; }
.mini-list li,
.support-ribbon span { padding: 8px 11px; color: #5f5c74; background: #f4f2fa; border-radius: 999px; font-size: 12px; }
.bento-card--accent .mini-list li { color: #fff; background: rgba(255,255,255,.14); }
.support-ribbon { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.comparison-table--modern { padding: 10px 28px 22px; background: #fff; border: 1px solid var(--qq-line); border-radius: 26px; box-shadow: none; overflow: hidden; }
.page-advantages .comparison-table--modern { padding: 10px 28px 22px; border-radius: 26px; box-shadow: none; }
.comparison-table--modern table { width: 100%; border-collapse: collapse; }
.comparison-table--modern th,
.comparison-table--modern td { padding: 22px 18px; border: 0; border-bottom: 1px solid #ece9f3; text-align: left; }
.comparison-table--modern th { color: #8a879b; background: transparent; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.comparison-table--modern tbody td:nth-child(2) { color: var(--qq-violet-dark); font-weight: 750; }
.usecase-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.usecase-card { position: relative; min-height: 290px; padding: 30px; background: #fff; border: 1px solid var(--qq-line); border-radius: 22px; }
.usecase-card i { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 44px; color: var(--qq-violet); background: #eeeaff; border-radius: 15px; font-size: 20px; }
.usecase-card > span { position: absolute; top: 30px; right: 28px; color: #aaa7b9; font-size: 12px; font-weight: 800; }
.usecase-card h3 { font-size: 19px; }.usecase-card p{margin:10px 0 0;font-size:14px;}
.advantage-cta__grid { grid-template-columns: .8fr 1.2fr; grid-template-areas: "visual copy" "metrics metrics"; min-height: 0; }
.advantage-cta__visual { grid-area: visual; }.advantage-cta__grid > div:nth-child(2){grid-area:copy;}
.metric-strip--embedded { grid-area: metrics; border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.06); }
.metric-strip--embedded > div + div { border-color: rgba(255,255,255,.12); }
.metric-strip--embedded strong { color:#fff; }.metric-strip--embedded span{color:rgba(255,255,255,.6);}

/* Shared footer */
.subpage footer,
.subpage .footer-main,
.subpage .footer-area { background: var(--qq-dark) !important; }
.subpage .footer-main { position: relative; }
.subpage .footer-main::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(129,106,255,.7), rgba(63,171,255,.58), transparent);
}
.subpage .footer-area.footer-padding { padding: 70px 0 24px !important; }
.subpage .footer-area .container { width: min(1180px,calc(100% - 48px)); max-width: none; }
.subpage .footer-area .row { margin-right: 0; margin-left: 0; }
.subpage .footer-area .row.justify-content-between {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between !important;
  gap: clamp(34px, 4.5vw, 72px);
}
.subpage .footer-area .row.justify-content-between > [class*="col-"] {
  flex: 0 1 190px;
  width: auto;
  max-width: 220px;
  padding-right: 0;
  padding-left: 0;
}
.subpage .footer-area .row.justify-content-between > [class*="col-"]:first-child {
  flex: 1 1 420px;
  max-width: 440px;
}
.subpage .footer-area .single-footer-caption,
.subpage .footer-area .mb-30,
.subpage .footer-area .mb-50 { margin-bottom: 0 !important; }
.subpage .footer-logo { margin-bottom: 24px; }
.subpage .footer-tittle h4 { margin-bottom: 22px; color: #fff !important; font-size: 15px; letter-spacing: 0; }
.subpage .footer-pera p,
.subpage .footer-tittle ul li a { color: #aaa8bd !important; font-size: 14px; line-height: 1.8; }
.subpage .footer-pera p { max-width: 420px; margin: 0; }
.subpage .footer-tittle ul li { margin-bottom: 10px; }
.subpage .footer-tittle ul li a:hover { color: #fff !important; padding-left: 0; }
.subpage .footer-contact p { margin: 0 0 10px; color: #aaa8bd !important; font-size: 13px; line-height: 1.65; }
.subpage .footer-area .social-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px !important; }
.subpage .footer-area .social-links a {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin: 0;
  color: #bdb8d2;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 11px;
  line-height: 1;
}
.subpage .footer-area .social-links a:hover { color: #fff; background: rgba(118,86,246,.35); transform: translateY(-2px); }
.subpage .footer-area .row.align-items-center { margin-top: 42px !important; }
.subpage .footer-copy-right { margin-top: 0; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.09); text-align: left !important; }
.subpage .footer-copy-right p { margin: 0; color: #77758b !important; font-size: 12px; }
.subpage .footer-copy-right p + p { margin-top: 7px !important; }
.subpage .footer-copy-right a { color: #9b8cff !important; }

/* Guide index */
.page-guide .guide-hero { min-height: 540px; display: flex; align-items: center; text-align: center; }
.page-guide .guide-hero > .container { position: relative; z-index: 2; padding-top: 76px; padding-bottom: 54px; }
.guide-hero__content { max-width: 1000px; margin: 0 auto; }
.guide-hero__content h1 { max-width: 980px; margin-right: auto; margin-left: auto; font-size: clamp(42px, 5vw, 66px); text-wrap: balance; }
.guide-hero__content > p { max-width: 700px; margin: 18px auto 0; font-size: 17px; }
.guide-search { position: relative; display: flex; align-items: center; max-width: 680px; margin: 30px auto 0; }
.guide-search__icon { position: absolute; left: 22px; z-index: 1; color: #89869d; font-size: 18px; }
.guide-search input { width: 100%; height: 62px; padding: 0 22px 0 54px; color: var(--qq-ink); background: rgba(255,255,255,.94); border: 1px solid #ddd9ef; border-radius: 18px; outline: none; box-shadow: 0 18px 45px rgba(54,43,113,.10); }
.guide-search input:focus { border-color: var(--qq-violet); box-shadow: 0 0 0 4px rgba(118,86,246,.12),0 18px 45px rgba(54,43,113,.1); }
.guide-chips,
.filter-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 28px; }
.guide-chip,
.filter-chips button,
.guide-sidebar__filter { padding: 10px 15px; color: #605d72; background: rgba(255,255,255,.72); border: 1px solid #dedbec; border-radius: 999px; font-size: 13px; font-weight: 680; cursor: pointer; }
.guide-chip.is-active,
.filter-chips button.is-active,
.guide-sidebar__filter.is-active { color: #fff; background: var(--qq-dark); border-color: var(--qq-dark); }
.quick-start { background: #fff; }
.quick-start__grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; list-style: none; }
.quick-start__grid li { min-height: 205px; padding: 25px 22px; background: var(--qq-soft); border: 1px solid transparent; border-radius: 20px; }
.quick-start__grid li:hover { background: #fff; border-color: var(--qq-line); box-shadow: 0 18px 45px rgba(45,35,95,.08); }
.quick-start__number { display: block; margin-bottom: 42px; color: var(--qq-violet); font-size: 13px; font-weight: 850; }
.quick-start__grid strong { display: block; color: var(--qq-ink); font-size: 17px; }
.quick-start__grid p { margin: 8px 0 0; font-size: 13px; line-height: 1.6; }
.guide-library { background: #f8f7fc; }
.guide-layout { display: grid; grid-template-columns: minmax(0,1fr) 292px; gap: 34px; align-items: start; }
.guide-main { min-width: 0; }
.featured-guide { display: grid; grid-template-columns: 1.04fr .96fr; min-height: 430px; margin-bottom: 18px; overflow: hidden; background: var(--qq-dark); border-radius: 26px; }
.featured-guide__media { min-height: 430px; overflow: hidden; }
.featured-guide__media img { width: 100%; height: 100%; object-fit: cover; }
.featured-guide__content { display: flex; flex-direction: column; justify-content: center; padding: 42px; }
.featured-guide__content h2 { margin: 17px 0; color: #fff; font-size: clamp(25px,2.6vw,36px); }
.featured-guide__content p { display: -webkit-box; margin: 0 0 22px; overflow: hidden; color: #b4b0c5; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.guide-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #8d899e; font-size: 12px; }
.guide-card__meta span { color: var(--qq-violet); font-weight: 750; }
.featured-guide .guide-card__meta { color: #9d99af; }.featured-guide .guide-card__meta span{color:#b8a9ff;}
.guide-card__link { display: inline-flex; align-items: center; gap: 8px; width: fit-content; color: var(--qq-violet-dark) !important; font-size: 13px; font-weight: 780; }
.featured-guide .guide-card__link { color: #fff !important; }
.article-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.article-grid .guide-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: #fff; border: 1px solid var(--qq-line); border-radius: 21px; }
.article-grid .guide-card[hidden],
.featured-guide[hidden] { display: none !important; }
.page-guide:not(.guide-is-ready) .article-grid .guide-card:nth-child(n+7) { display: none; }
.article-grid .guide-card__media { aspect-ratio: 16/9; overflow: hidden; background: #eceaf4; }
.article-grid .guide-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.article-grid .guide-card:hover .guide-card__media img { transform: scale(1.035); }
.guide-card__body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.guide-card__body h3 { margin: 15px 0 12px; font-size: 19px; }
.guide-card__body p { display: -webkit-box; margin: 0 0 20px; overflow: hidden; font-size: 13px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.guide-card__body .guide-card__link { margin-top: auto; }
.guide-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; margin-top: 28px; }
.guide-load-more { min-height: 48px; padding: 0 22px; color: #fff; background: var(--qq-dark); border: 0; border-radius: 13px; font-weight: 720; cursor: pointer; }
.guide-result-count { color: var(--qq-muted); font-size: 13px; }
.guide-empty { padding: 30px; text-align: center; background: #fff; border: 1px dashed #d6d1e7; border-radius: 18px; }
.guide-sidebar { position: sticky; top: 104px; display: grid; gap: 16px; }
.guide-sidebar__card { padding: 23px; background: #fff; border: 1px solid var(--qq-line); border-radius: 20px; }
.guide-sidebar__card h2 { margin-bottom: 18px; font-size: 18px; }
.guide-sidebar__categories { display: flex; flex-wrap: wrap; gap: 8px; }
.guide-sidebar__filter { padding: 8px 11px; font-size: 12px; }
.guide-popular-list { display: grid; gap: 15px; }
.guide-popular-item { display: grid; grid-template-columns: 66px 1fr; gap: 11px; align-items: center; min-width: 0; }
.guide-popular-item img { width: 66px; height: 52px; object-fit: cover; border-radius: 10px; }
.guide-popular-item span { min-width: 0; }
.guide-popular-item strong { display: -webkit-box; overflow: hidden; color: var(--qq-ink); font-size: 12px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.guide-popular-item time { color: #9995a8; font-size: 10px; }
.guide-download-cta { color: #fff; background: linear-gradient(145deg,#5f3fe6,#267ef3); border: 0; }
.guide-download-cta > span { color: rgba(255,255,255,.68); font-size: 11px; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.guide-download-cta h2 { margin: 12px 0 8px; color: #fff; }
.guide-download-cta p { margin: 0 0 18px; color: rgba(255,255,255,.72); font-size: 13px; }
.guide-download-cta__button { width: 100%; color: var(--qq-violet-dark) !important; background: #fff; box-shadow: none; }
.page-guide .quick-start,
.page-guide .guide-library,
.page-guide .faq-section { padding-top:clamp(64px,6vw,92px);padding-bottom:clamp(64px,6vw,92px); }
.page-guide .faq-section { margin:0!important;padding-right:0!important;padding-left:0!important;background:#fff;border-radius:0!important;box-shadow:none!important; }
.page-guide .faq-title { padding-left:0;border-left:0; }
.page-guide .faq-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.page-guide .faq-item { margin: 0; padding: 25px; background: var(--qq-soft); border: 1px solid transparent; border-radius: 18px; }
.page-guide .faq-q { color: var(--qq-ink); font-size: 16px; font-weight: 760; }
.page-guide .faq-a { margin-top: 10px; color: var(--qq-muted); font-size: 14px; line-height: 1.75; }

/* Reviews */
.page-reviews .reviews-hero { min-height: 570px; display: flex; align-items: center; }
.page-reviews .reviews-hero .section-shell { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 70px; }
.page-reviews .sub-hero__content h1 { max-width: 720px; }
.page-reviews .sub-hero__lead { margin-top: 22px; }
.page-reviews .reviews-hero .metric-strip { grid-template-columns: repeat(3,minmax(0,1fr)); background: rgba(255,255,255,.76); box-shadow: var(--qq-shadow); }
.page-reviews .reviews-hero .metric-item { min-width: 0; padding: 34px 18px; }
.reviews-showcase { background: #fff; }
.reviews-showcase > .section-shell { padding-top: clamp(76px,8vw,112px); padding-bottom: clamp(76px,8vw,112px); }
.page-reviews .section-heading--split { align-items: center; }
.page-reviews .filter-chips { justify-content: flex-end; margin: 0; }
.review-featured { display: grid; grid-template-columns: .7fr 1.3fr; gap: 20px; margin-bottom: 18px; padding: 36px; color: #fff; background: linear-gradient(135deg,#16142c,#382578 70%,#5d3ede); border-radius: 26px; }
.review-featured[hidden],
.page-reviews .review-card[hidden] { display: none !important; }
.review-featured__profile { display: flex; align-items: center; gap: 14px; align-self: start; }
.review-featured__profile img { width: 62px; height: 62px; object-fit: cover; border-radius: 50%; }
.review-featured__profile > div { display: grid; gap: 4px; }
.review-featured__profile strong { color: #fff; font-size: 14px; }.review-featured__profile span{color:#a9a5bd;font-size:12px;}
.review-featured__story blockquote { margin: 12px 0 22px; color: #fff; font-size: clamp(20px,2.2vw,30px); font-weight: 680; line-height: 1.55; }
.review-tag { display: inline-flex; padding: 7px 10px; color: var(--qq-violet-dark); background: #eeeaff; border-radius: 999px; font-size: 11px; font-weight: 760; }
.page-reviews .review-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.page-reviews .review-card { display: flex; flex-direction: column; min-height: 300px; box-shadow: 0 14px 36px rgba(35,28,76,.045); }
.page-reviews .review-card__top { display: grid; grid-template-columns: 48px 1fr; justify-content: start; }
.page-reviews .review-card__top img { width:48px;height:48px; }
.page-reviews .review-card__top > div { display:grid;gap:2px; }
.page-reviews .review-card__top strong { font-size:14px; }.page-reviews .review-card__top span,.page-reviews .review-card__top time{color:#9290a1;font-size:11px;}
.page-reviews .review-card__top time { grid-column: 2; }
.page-reviews .review-card > p { flex: 1; margin: 14px 0 20px; }
.page-reviews .faq-section { margin: 0 !important; padding: 0 !important; background: var(--qq-soft); }
.page-reviews .faq-section > .section-shell,
.page-download .faq-section > .section-shell { padding-top: clamp(76px,8vw,112px); padding-bottom: clamp(76px,8vw,112px); }
.page-reviews .faq-grid,
.page-download .faq-grid { grid-template-columns: 1fr; max-width: 920px; }
.page-reviews .faq-item,
.page-download .faq-item { overflow: hidden; background:#fff; border:1px solid var(--qq-line); border-radius:16px; }
.page-reviews .faq-item,
.page-download .faq-item { margin:0!important;padding:0!important;box-shadow:none!important; }
.faq-question { display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:22px 24px;color:var(--qq-ink);background:transparent;border:0;text-align:left;font-weight:740;cursor:pointer; }
.faq-question span { flex:0 0 auto;transition:transform .2s ease; }
.faq-item.is-open .faq-question span { transform:rotate(45deg); }
.faq-answer { display:none;padding:0 24px 22px;color:var(--qq-muted);font-size:14px;line-height:1.8; }
.faq-item.is-open .faq-answer { display:block;max-height:none!important;overflow:visible!important;padding:0 24px 22px!important; }
.page-reviews .download-cta__layout { display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px; }
.page-reviews .download-cta__content h2 { color:#fff; }.page-reviews .download-cta__content p{color:rgba(255,255,255,.7);}
.page-reviews .download-cta__platforms { display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:12px; }
.page-reviews .app-btn { display:flex;flex-wrap:wrap;gap:10px;margin-top:24px; }.page-reviews .app-btn a{display:block;}.page-reviews .app-btn img{height:48px;width:auto;}

/* Download center */
.page-download .download-hero { min-height: 550px; display:flex;align-items:center; }
.download-hero__layout { display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px; }
.download-hero__panel { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:28px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:var(--qq-shadow); }
.download-hero__panel span { padding:18px;color:var(--qq-ink);background:#fff;border:1px solid var(--qq-line);border-radius:14px;font-size:14px;font-weight:720;text-align:center; }
.download-hero__panel span { grid-column:span 2; }
.download-hero__panel span:nth-of-type(4) { grid-column:2 / span 2; }
.download-hero__panel span:nth-of-type(5) { grid-column:4 / span 2; }
.download-hero__panel strong { grid-column:1/-1;margin-top:4px;padding:16px;color:#fff;background:var(--qq-dark);border-radius:14px;text-align:center; }
.sub-hero__actions { display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px; }
.download-direct--primary { min-height:56px;padding:0 26px; }
.text-link { color:var(--qq-violet-dark)!important;font-size:14px;font-weight:760; }
.platforms-section { background:#fff; }
.platforms-section > .section-shell,
.install-section > .section-shell,
.requirements-section > .section-shell { padding-top:clamp(76px,8vw,112px);padding-bottom:clamp(76px,8vw,112px); }
.platform-count { display:inline-flex;padding:9px 13px;color:var(--qq-violet-dark);background:#eeeaff;border-radius:999px;font-size:12px;font-weight:760; }
.platform-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.platform-card { display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--qq-soft);border:1px solid var(--qq-line);border-radius:26px; }
.platform-card--featured { grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;min-height:520px;background:linear-gradient(135deg,#151329,#31216f);border:0; }
.platform-card__content { display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:34px; }
.platform-card__content > div:nth-child(2) { display:grid;gap:5px;margin-top:24px; }
.platform-card__content h2 { font-size:28px; }
.platform-card__content > p { margin:18px 0 24px; }
.platform-card--featured .platform-card__content { justify-content:center;padding:52px; }.platform-card--featured h2{color:#fff}.platform-card--featured p{color:#aaa7bc}.platform-card--featured .platform-label{color:#af9fff;}
.platform-icon { width:65px;height:65px;padding:9px;object-fit:contain;background:#fff;border-radius:17px;box-shadow:0 10px 24px rgba(29,22,70,.10); }
.platform-label { color:var(--qq-violet-dark);font-size:11px;font-weight:790;letter-spacing:.08em;text-transform:uppercase; }
.platform-card__actions { display:flex;flex-wrap:wrap;gap:9px;margin-top:auto; }
.platform-card__actions .download-direct,
.platform-guide { min-height:44px;padding:0 16px;border-radius:12px;font-size:12px; }
.platform-guide,
.download-direct--secondary { display:inline-flex;align-items:center;justify-content:center;color:var(--qq-ink)!important;background:#fff!important;border:1px solid #dcd8e9;box-shadow:none; }
.platform-card__visual { display:flex;align-items:flex-end;justify-content:center;min-height:300px;padding:20px 28px 0;overflow:hidden; }
.platform-card__visual img { width:auto;max-height:370px;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(27,20,67,.14)); }
.platform-card--featured .platform-card__visual { min-height:520px;padding-top:48px; }.platform-card--featured .platform-card__visual img{max-height:480px;}
.install-section { background:var(--qq-soft); }
.install-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none; }
.install-steps li { min-height:250px;padding:30px;background:#fff;border:1px solid var(--qq-line);border-radius:22px; }
.install-steps li > span { display:grid;place-items:center;width:52px;height:52px;margin-bottom:46px;color:#fff;background:var(--qq-dark);border-radius:15px;font-weight:800; }
.install-steps h3{font-size:19px}.install-steps p{margin:9px 0 0;font-size:14px;}
.requirements-section { background:#fff; }
.requirements-panel { display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;padding:44px;background:var(--qq-dark);border-radius:28px; }
.requirements-panel__intro h2 { color:#fff; }.requirements-panel__intro p{color:#a9a6ba}.requirements-panel__intro .eyebrow{color:#b4a4ff!important;}
.requirements-list { list-style:none; }
.requirements-list li { display:grid;grid-template-columns:150px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1); }
.requirements-list strong { color:#fff; }.requirements-list span{color:#aaa7bb;}
.page-download .faq-section { margin:0!important;padding:0!important;background:var(--qq-soft); }
.download-final-cta { color:#fff;background:linear-gradient(135deg,#2d2070 0%,#151329 72%); }
.download-final-cta__inner { display:flex;align-items:center;justify-content:space-between;gap:42px;padding-top:54px!important;padding-bottom:54px!important; }
.download-final-cta__copy { max-width:720px; }
.download-final-cta h2 { color:#fff;font-size:clamp(28px,3.2vw,42px); }
.download-final-cta p { margin:10px 0 0;color:rgba(255,255,255,.68); }
.download-final-cta .download-direct { flex:0 0 auto;min-width:190px;color:var(--qq-violet-dark)!important;background:#fff;box-shadow:none; }
.subpage .back-to-top { display:none!important; }

/* Responsive layout */
@media (max-width: 1100px) {
  .subpage .main-menu ul li a { padding-right: 10px !important; padding-left: 10px !important; font-size: 14px; }
  .sub-hero__grid { grid-template-columns: 1.08fr .92fr; gap: 38px; }
  .product-stage { min-height: 430px; }
  .review-grid--four { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page-features .feature-bento,
  .page-advantages .advantage-bento { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .usecase-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .quick-start__grid { grid-template-columns: repeat(6,minmax(0,1fr)); }
  .quick-start__grid li { grid-column:span 2; }
  .quick-start__grid li:nth-child(4),.quick-start__grid li:nth-child(5){grid-column:span 3;min-height:170px;}
  .guide-layout { grid-template-columns: minmax(0,1fr) 255px; gap:24px; }
  .featured-guide { grid-template-columns: 1fr; }
  .featured-guide__media { min-height:310px;max-height:360px; }
  .page-reviews .reviews-hero .section-shell { gap:38px; }
  .page-reviews .review-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .subpage .footer-area .row.justify-content-between { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 32px; }
  .subpage .footer-area .row.justify-content-between > [class*="col-"] { width:100%;max-width:none; }
  .subpage .footer-area .row.justify-content-between > [class*="col-"]:first-child { grid-column:1/-1;max-width:620px; }
  .subpage .footer-area .row.justify-content-between > [class*="col-"]:nth-child(4):last-child { grid-column:1/-1; }
}

@media (max-width: 991px) {
  .subpage .main-header,
  .subpage .main-header.header-sticky,
  .subpage .main-header .row { min-height:72px; }
  .subpage .main-header .logo img { height:34px; }
  .subpage .main-header .col-md-2 { flex:0 0 50%;max-width:50%; }
  .subpage .main-header .col-md-10 { display:none!important; }
  .subpage .mobile_menu { position:absolute;right:22px;top:-53px;width:48%; }
  .subpage .mobile_menu .slicknav_menu { padding:0!important; }
  .subpage .mobile_menu .slicknav_btn { position:relative!important;top:0!important;right:0!important;display:flex!important;float:right;align-items:center;justify-content:center;width:46px;height:40px;margin:0!important;padding:0!important; }
  .subpage .mobile_menu .slicknav_menutxt { display:none!important; }
  .subpage .mobile_menu .slicknav_icon { float:none;margin:0!important; }
  .subpage .mobile_menu .slicknav_nav { position:absolute;top:50px;right:0;width:min(330px,calc(100vw - 24px));padding:10px; }
  .sub-hero { min-height:auto; }
  .sub-hero__grid { grid-template-columns:1fr;gap:24px;min-height:0;padding-top:68px;padding-bottom:44px;text-align:center; }
  .sub-hero__copy { max-width:760px;margin:auto; }
  .sub-hero__copy > p { margin-right:auto;margin-left:auto; }
  .sub-hero__copy .hero-actions,.sub-hero__copy .hero-proof { justify-content:center; }
  .sub-hero__visual { max-width:620px;width:100%;margin:auto; }
  .product-stage { min-height:350px; }
  .bento-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .editorial-grid { grid-template-columns:1fr;gap:38px; }
  .platform-matrix { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .platform-matrix article + article { border-left:0; }
  .platform-matrix article:nth-child(2),.platform-matrix article:nth-child(3),.platform-matrix article:nth-child(5){border-left:1px solid var(--qq-line);}
  .platform-matrix article:nth-child(n+4){border-top:1px solid var(--qq-line);}
  .faq-layout { grid-template-columns:1fr;gap:38px; }
  .faq-intro { position:static;max-width:680px; }
  .download-cta__grid,.advantage-cta__grid { grid-template-columns:1fr;grid-template-areas:none;gap:32px;text-align:center; }
  .download-cta__visual,.advantage-cta__visual,.advantage-cta__grid > div:nth-child(2),.metric-strip--embedded{grid-area:auto;}
  .advantage-cta__grid > div:nth-child(2) { order:1; }
  .advantage-cta__visual { order:2; }
  .advantage-cta__grid .metric-strip--embedded { order:3; }
  .download-cta__grid .hero-actions,.advantage-cta__grid .hero-actions { justify-content:center; }
  .download-cta__visual img,.advantage-cta__visual img { max-height:360px; }
  .advantage-lead { grid-template-columns:1fr;gap:34px; }
  .guide-layout { grid-template-columns:1fr; }
  .guide-sidebar { position:static;grid-template-columns:repeat(3,minmax(0,1fr)); }
  .page-reviews .reviews-hero .section-shell { grid-template-columns:1fr;gap:32px;text-align:center; }
  .page-reviews .sub-hero__content > p { margin-right:auto;margin-left:auto; }
  .page-reviews .download-cta__layout { grid-template-columns:1fr;gap:30px;text-align:center; }
  .page-reviews .download-cta__content { order:-1; }
  .page-reviews .download-cta__visual img{max-height:330px;margin:auto;}
  .page-reviews .app-btn,.page-reviews .download-cta__platforms{justify-content:center;}
  .download-hero__layout { grid-template-columns:1fr;gap:38px;text-align:center; }
  .download-hero__layout .sub-hero__lead { margin-right:auto;margin-left:auto; }
  .download-hero__layout .sub-hero__actions { justify-content:center; }
  .download-hero__panel { max-width:620px;width:100%;margin:auto; }
  .platform-card--featured { grid-template-columns:1fr;min-height:auto; }
  .platform-card--featured .platform-card__content { padding:40px; }
  .platform-card--featured .platform-card__visual { min-height:360px;padding-top:24px; }
  .platform-card--featured .platform-card__visual img { max-height:350px; }
  .install-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .install-steps li:last-child { grid-column:1/-1;min-height:190px; }
  .requirements-panel { grid-template-columns:1fr;gap:24px; }
  .download-final-cta__inner { display:grid;text-align:center; }
  .download-final-cta__copy { margin:auto; }
  .download-final-cta .download-direct { justify-self:center; }
}

@media (max-width: 767px) {
  .page-container,
  .subpage .section-shell > .container,
  .subpage .guide-hero > .container,
  .subpage main > section > .section-shell,
  .subpage .main-header .container,
  .subpage .footer-area .container { width:min(calc(100% - 32px),1180px); }
  .subpage h1 { font-size:clamp(36px,11vw,50px); }
  .subpage h2 { font-size:clamp(29px,8vw,38px); }
  .subpage p { font-size:15px; }
  .section-shell { padding-top:70px;padding-bottom:70px; }
  .section-heading { margin-bottom:32px; }
  .section-heading--split { display:block; }
  .section-heading--split > p { margin-top:14px; }
  .sub-hero__grid { padding-top:60px;padding-bottom:36px; }
  .sub-hero__copy > p,.sub-hero__lead { font-size:16px!important; }
  .hero-actions { align-items:stretch; }
  .hero-actions .button { flex:1 1 180px; }
  .hero-proof { gap:18px; }
  .hero-proof span { flex:1 1 90px; }
  .product-stage { min-height:300px; }
  .product-stage img { max-height:295px; }
  .product-stage::before { inset:17% 12%; }
  .stage-orbit--one { width:270px;height:270px; }.stage-orbit--two{width:330px;height:330px;}
  .stage-tag { padding:10px 12px;font-size:11px; }
  .bento-grid,.advantage-bento { grid-template-columns:1fr; }
  .bento-card,.advantage-bento .bento-card { min-height:230px; }
  .bento-card--wide { grid-column:auto; }
  .signal-bars { position:static;justify-content:flex-end;height:48px;margin-top:24px; }
  .latency-line { position:static;margin-top:28px;text-align:left; }
  .platform-matrix { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .platform-matrix article:nth-child(3),.platform-matrix article:nth-child(5){border-left:0;}
  .platform-matrix article:nth-child(even){border-left:1px solid var(--qq-line);}
  .platform-matrix article:nth-child(n+3){border-top:1px solid var(--qq-line);}
  .review-grid,.review-grid--four,.page-reviews .review-grid { grid-template-columns:1fr; }
  .metric-strip,.page-reviews .reviews-hero .metric-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .metric-strip > div + div { border-left:0; }
  .metric-strip > div:nth-child(even){border-left:1px solid var(--qq-line);}
  .metric-strip > div:nth-child(n+3){border-top:1px solid var(--qq-line);}
  .page-reviews .reviews-hero .metric-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .page-reviews .reviews-hero .metric-strip > div:nth-child(n) { padding:24px 10px;border-top:0; }
  .page-reviews .reviews-hero .metric-strip > div + div { border-left:1px solid var(--qq-line); }
  .faq-grid,.page-guide .faq-grid { grid-template-columns:1fr; }
  .download-cta__grid,.advantage-cta__grid { min-height:auto;padding-top:70px;padding-bottom:70px; }
  .advantage-board { min-height:350px; }
  .advantage-board__core { width:min(250px,calc(100% - 24px));min-height:190px;padding:28px; }
  .advantage-board__stat { width:116px;padding:13px; }.advantage-board__stat strong{font-size:18px;}
  .advantage-lead { padding:22px; }
  .advantage-lead__visual { min-height:300px; }
  .usecase-grid { grid-template-columns:1fr; }
  .usecase-card { min-height:240px; }
  .comparison-table--modern { padding:8px 16px 18px; }
  .comparison-table--modern thead { display:none; }
  .comparison-table--modern tr { display:grid;grid-template-columns:1fr;gap:0;padding:16px 0;border-bottom:1px solid #e9e6f0; }
  .comparison-table--modern td { display:grid;grid-template-columns:110px 1fr;gap:16px;padding:8px 4px;border:0; }
  .comparison-table--modern td:first-child { display:block;padding-bottom:12px;font-weight:800; }
  .comparison-table--modern td[data-label]::before { content:attr(data-label);color:#9290a0;font-size:12px;font-weight:650; }
  .guide-chips { flex-wrap:nowrap;justify-content:flex-start;margin-right:-16px;margin-left:-16px;padding:0 16px 6px;overflow-x:auto;scrollbar-width:none; }
  .guide-chip { flex:0 0 auto; }
  .quick-start__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .quick-start__grid li,.quick-start__grid li:nth-child(4),.quick-start__grid li:nth-child(5){grid-column:auto;min-height:170px;}
  .quick-start__grid li:last-child { grid-column:1/-1; }
  .featured-guide { grid-template-columns:1fr; }
  .featured-guide__media { min-height:240px; }
  .featured-guide__content { padding:28px; }
  .article-grid { grid-template-columns:1fr; }
  .guide-sidebar { grid-template-columns:1fr; }
  .review-featured { grid-template-columns:1fr;padding:26px; }
  .review-featured__story blockquote { font-size:20px; }
  .page-reviews .filter-chips { justify-content:flex-start;margin-top:20px; }
  .platform-grid { grid-template-columns:1fr; }
  .platform-card--featured { grid-column:auto;grid-template-columns:1fr;min-height:auto; }
  .platform-card--featured .platform-card__content { padding:34px; }
  .platform-card--featured .platform-card__visual { min-height:320px; }
  .platform-card--featured .platform-card__visual img { max-height:300px; }
  .install-steps { grid-template-columns:1fr; }
  .install-steps li:last-child { grid-column:auto; }
  .install-steps li { min-height:210px; }
  .requirements-panel { padding:28px; }
  .requirements-list li { grid-template-columns:1fr;gap:5px; }
  .subpage .footer-area.footer-padding { padding-top:64px!important; }
  .subpage .footer-copy-right { margin-top:15px; }
  .subpage .footer-area .row.justify-content-between { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px; }
  .subpage .footer-area .row.justify-content-between > [class*="col-"] { width:100%;max-width:none; }
  .subpage .footer-area .row.justify-content-between > [class*="col-"]:first-child { grid-column:1/-1;max-width:620px; }
  .subpage .footer-area .row.align-items-center { margin-top:36px!important; }
}

@media (max-width: 480px) {
  .page-container,
  .subpage .section-shell > .container,
  .subpage .guide-hero > .container,
  .subpage main > section > .section-shell,
  .subpage .main-header .container,
  .subpage .footer-area .container { width:min(calc(100% - 24px),1180px); }
  .subpage .main-header .logo img { height:31px; }
  .subpage .mobile_menu { right:12px;width:54%; }
  .subpage h1 { font-size:36px; }
  .subpage h2 { font-size:29px; }
  .button,.download-direct,.guide-download-cta__button { width:100%; }
  .hero-actions { display:grid;grid-template-columns:1fr;width:100%; }
  .hero-proof { display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:8px; }
  .hero-proof span { padding:12px 5px;background:rgba(255,255,255,.66);border-radius:12px;text-align:center; }
  .hero-proof strong { font-size:17px; }
  .product-stage { min-height:260px; }
  .product-stage img { max-height:255px; }
  .stage-tag--top { right:-4px; }.stage-tag--bottom{left:-4px;}
  .bento-card { padding:24px; }
  .platform-matrix { grid-template-columns:1fr; }
  .platform-matrix article { min-height:110px; }
  .platform-matrix article:nth-child(n){border-left:0;border-top:1px solid var(--qq-line);}
  .platform-matrix article:first-child { border-top:0; }
  .metric-strip,.page-reviews .reviews-hero .metric-strip { grid-template-columns:1fr; }
  .metric-strip > div:nth-child(n){border-left:0;border-top:1px solid var(--qq-line);}
  .metric-strip > div:first-child { border-top:0; }
  .advantage-board__stat--a { left:-4px; }.advantage-board__stat--b{right:-4px;}.advantage-board__stat--c{right:0;}
  .advantage-lead h3 { font-size:26px; }
  .quick-start__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .quick-start__grid li:last-child { grid-column:1/-1; }
  .guide-search input { height:56px; }
  .featured-guide__media { min-height:210px; }
  .featured-guide__content { padding:24px; }
  .guide-card__body { padding:20px; }
  .guide-pagination { display:grid;grid-template-columns:1fr;text-align:center; }
  .guide-load-more { width:100%; }
  .page-reviews .reviews-hero .metric-strip { display:grid;grid-template-columns:repeat(3,1fr); }
  .page-reviews .reviews-hero .metric-strip > div:nth-child(n){border-top:0;border-left:1px solid var(--qq-line);padding:22px 8px;}
  .page-reviews .reviews-hero .metric-strip > div:first-child{border-left:0;}
  .page-reviews .reviews-hero .metric-strip strong{font-size:24px;}
  .filter-chips { flex-wrap:nowrap;justify-content:flex-start;max-width:100%;padding-bottom:4px;overflow-x:auto; }
  .filter-chips button { flex:0 0 auto; }
  .review-featured { padding:22px; }
  .review-card { padding:22px; }
  .download-hero__panel { grid-template-columns:repeat(2,minmax(0,1fr));padding:16px; }
  .download-hero__panel span:nth-of-type(n) { grid-column:auto; }
  .download-hero__panel span:nth-of-type(5),
  .download-hero__panel strong { grid-column:1/-1; }
  .platform-card__content { padding:26px; }
  .platform-card__actions { width:100%; }
  .platform-card__actions a { width:100%; }
  .platform-card__visual { min-height:260px; }
  .faq-question { padding:19px; }.faq-answer{padding:0 19px 19px;}
  .faq-item.is-open .faq-answer { padding:0 19px 19px!important; }
  .subpage .footer-area .row.justify-content-between > [class*="col-"]:nth-child(4):last-child { grid-column:1/-1; }
}

@media (prefers-reduced-motion: reduce) {
  .subpage *,
  .subpage *::before,
  .subpage *::after { scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important; }
}

.subpage #backToTop i { display:none; }
.subpage #backToTop::before { content:"↑";display:block;color:#fff;font-size:21px;font-weight:700;line-height:1; }
.subpage #scrollUp { display:grid!important;place-items:center;width:44px;height:44px;right:18px;bottom:18px;line-height:1;border:0;border-radius:14px;background:var(--qq-dark);box-shadow:0 12px 30px rgba(21,19,41,.22); }
.subpage #scrollUp i { line-height:1; }

@media (min-width: 1200px) and (max-height: 840px) {
  .page-guide .guide-sidebar { position:static; }
}

@media (max-width: 360px) {
  .subpage .footer-area .row.justify-content-between { grid-template-columns:1fr;gap:30px; }
  .subpage .footer-area .row.justify-content-between > [class*="col-"]:first-child,
  .subpage .footer-area .row.justify-content-between > [class*="col-"]:nth-child(4):last-child { grid-column:auto; }
}