:root {
  --QueeZ_bg: #EBE40A;
  --QueeZ_card: #F3EEF6;
  --QueeZ_line: #023DED;
  --QueeZ_glass: #09F6C7;
  --QueeZ_btn: #31FB09;
  --QueeZ_btnShadow: #1f9808;
  --QueeZ_text: #0e1b39;
  --QueeZ_white: #ffffff;
  --QueeZ_radius: 24px;
  --QueeZ_shadow: 0 20px 40px rgba(9, 31, 104, .16);
  --QueeZ_glow: 0 0 0 1px rgba(2, 61, 237, .45), 0 0 22px rgba(2, 61, 237, .18);
  --QueeZ_ease: all .3s ease;
}

body {
  background-color: var(--QueeZ_bg);
  background-image:
    linear-gradient(rgba(2,61,237,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(2,61,237,.12) 1px, transparent 1px),
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.28) 0, rgba(255,255,255,0) 32%),
    radial-gradient(circle at 80% 30%, rgba(9,246,199,.14) 0, rgba(9,246,199,0) 28%);
  background-size: 28px 28px, 28px 28px, auto, auto;
  color: var(--QueeZ_text);
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

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

.QueeZ_microflag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(2, 61, 237, .48);
  border-radius: 999px;
  background: rgba(9,246,199,.22);
  box-shadow: var(--QueeZ_glow);
  color: var(--QueeZ_text);
  font-weight: 900;
  letter-spacing: .04em;
}

.QueeZ_cubeBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 20px;
  border: 1px solid #1d9b06;
  border-radius: 16px;
  color: #0f2900;
  background: var(--QueeZ_btn);
  box-shadow: 0 7px 0 var(--QueeZ_btnShadow);
  font-weight: 900;
  transition: var(--QueeZ_ease);
}

.QueeZ_cubeBtn:hover {
  transform: translateY(-2px);
}

.QueeZ_cubeBtn:active {
  transform: translateY(3px);
  box-shadow: 0 3px 0 var(--QueeZ_btnShadow);
}

.QueeZ_cubeBtn--clear {
  color: var(--QueeZ_text);
  background: rgba(9,246,199,.24);
  border-color: rgba(2, 61, 237, .42);
  box-shadow: 0 7px 0 rgba(2,61,237,.35);
}

.QueeZ_sectionhead {
  max-width: 760px;
  margin: 0 auto 28px;
  text-align: center;
}

.QueeZ_sectionhead h2 {
  margin: 16px 0 12px;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.12;
  color: #101d3f;
}

.QueeZ_sectionhead p {
  margin: 0;
  color: rgba(14,27,57,.84);
  line-height: 1.85;
}

.QueeZ_mastframe {
  position: sticky;
  top: 0;
  z-index: 40;
  padding: 14px 0;
  background: rgba(235,228,10,.82);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(2,61,237,.14);
}

.QueeZ_mastbar {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: center;
}

.QueeZ_branddock {
  display: flex;
  align-items: center;
  gap: 14px;
}

.QueeZ_brandtext h2,
.QueeZ_brandtext a {
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.QueeZ_routeglass {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
}

.QueeZ_routecore {
  justify-self: center;
}

.QueeZ_routeitems,
.QueeZ_folditems,
.QueeZ_footlinks {
  margin: 0;
  padding: 0;
  list-style: none;
}

.QueeZ_routeitems {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.QueeZ_routeitems a,
.QueeZ_folditems a {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid rgba(2,61,237,.22);
  border-radius: 999px;
  color: var(--QueeZ_text);
  background: rgba(9,246,199,.30);
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 18px rgba(9,246,199,.16);
  font-weight: 900;
  transition: var(--QueeZ_ease);
}

.QueeZ_routeitems a:hover,
.QueeZ_folditems a:hover {
  transform: translateY(-2px);
}

.QueeZ_routeactions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.QueeZ_bookmark,
.QueeZ_routeToggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid rgba(2,61,237,.4);
  border-radius: 16px;
  color: var(--QueeZ_text);
  background: rgba(9,246,199,.28);
  box-shadow: var(--QueeZ_glow);
  cursor: pointer;
  font-weight: 900;
}

.QueeZ_routeToggle {
  display: none;
  min-width: 48px;
}

.QueeZ_routeShape {
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.QueeZ_foldpanel {
  display: none;
  width: min(1240px, calc(100% - 32px));
  margin: 12px auto 0;
  padding: 16px;
  border: 1px solid rgba(2,61,237,.4);
  border-radius: 24px;
  background: rgba(9,246,199,.24);
  box-shadow: var(--QueeZ_shadow), var(--QueeZ_glow);
}

.QueeZ_foldpanel.is-open {
  display: block;
}

.QueeZ_folditems {
  display: grid;
  gap: 10px;
}

.QueeZ_axispage > section {
  padding: 84px 0;
}

.QueeZ_openingGrid,
.QueeZ_profilelaneGrid,
.QueeZ_reachdeskGrid,
.QueeZ_faqdockGrid,
.QueeZ_footmatrixGrid,
.QueeZ_factlaneGrid,
.QueeZ_metricframeGrid,
.QueeZ_solutionbayGrid,
.QueeZ_newscolumnGrid,
.QueeZ_scopegridLayout {
  display: grid;
  gap: 20px;
}

.QueeZ_openingGrid,
.QueeZ_profilelaneGrid,
.QueeZ_reachdeskGrid {
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
}

.QueeZ_faqdockGrid {
  grid-template-columns: .86fr 1.14fr;
  align-items: start;
}

.QueeZ_footmatrixGrid {
  grid-template-columns: 1.08fr .92fr .95fr;
}

.QueeZ_factlaneGrid,
.QueeZ_scopegridLayout {
  grid-template-columns: 1.2fr .8fr .8fr 1.2fr;
}

.QueeZ_metricframeGrid {
  grid-template-columns: repeat(2, 1fr);
}

.QueeZ_solutionbayGrid {
  grid-template-columns: repeat(2, 1fr);
}

.QueeZ_newscolumnGrid {
  grid-template-columns: repeat(3, 1fr);
}

.QueeZ_openingText,
.QueeZ_openingVisual,
.QueeZ_profilelaneMedia,
.QueeZ_profilelaneText,
.QueeZ_scopegridCard,
.QueeZ_guardmeshUnit,
.QueeZ_factlaneCard,
.QueeZ_voiceSlider,
.QueeZ_metricframeCell,
.QueeZ_solutionbayCard,
.QueeZ_faqdockLead,
.QueeZ_faqdockList details,
.QueeZ_newscolumnCard,
.QueeZ_reachdeskInfo,
.QueeZ_reachdeskForm,
.QueeZ_footbrand,
.QueeZ_footmap,
.QueeZ_footreach,
.QueeZ_footlegal {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(2,61,237,.38);
  border-radius: 24px;
  background: var(--QueeZ_card);
  box-shadow: var(--QueeZ_shadow), var(--QueeZ_glow);
}

.QueeZ_openingText::before,
.QueeZ_openingVisual::before,
.QueeZ_profilelaneMedia::before,
.QueeZ_profilelaneText::before,
.QueeZ_scopegridCard::before,
.QueeZ_guardmeshUnit::before,
.QueeZ_factlaneCard::before,
.QueeZ_voiceSlider::before,
.QueeZ_metricframeCell::before,
.QueeZ_solutionbayCard::before,
.QueeZ_faqdockLead::before,
.QueeZ_faqdockList details::before,
.QueeZ_newscolumnCard::before,
.QueeZ_reachdeskInfo::before,
.QueeZ_reachdeskForm::before,
.QueeZ_footbrand::before,
.QueeZ_footmap::before,
.QueeZ_footreach::before,
.QueeZ_footlegal::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .12;
  pointer-events: none;
  background-image:
    linear-gradient(135deg, rgba(2,61,237,.12) 0%, transparent 36%),
    linear-gradient(45deg, rgba(9,246,199,.18) 0%, transparent 44%);
}

.QueeZ_openingText h1 {
  margin: 18px 0 16px;
  font-size: clamp(2.45rem, 4vw, 4.15rem);
  line-height: 1.04;
  color: #101d3f;
}

.QueeZ_openingText p,
.QueeZ_profilelaneText p,
.QueeZ_scopegridCard p,
.QueeZ_guardmeshUnit p,
.QueeZ_factlaneCard p,
.QueeZ_voiceItem p,
.QueeZ_metricframeCell p,
.QueeZ_solutionbayCard p,
.QueeZ_faqdockLead p,
.QueeZ_faqdockList details p,
.QueeZ_newscolumnBody span,
.QueeZ_reachdeskInfo p,
.QueeZ_footbrand p:last-child {
  margin: 0;
  color: rgba(14,27,57,.86);
  line-height: 1.85;
}

.QueeZ_openingAction {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.QueeZ_openingVisual {
  min-height: 430px;
  background: linear-gradient(180deg, rgba(9,246,199,.10) 0%, rgba(255,255,255,.10) 100%);
}

.QueeZ_openingMedia {
  position: absolute;
  inset: 42px 86px;
  overflow: hidden;
  border-radius: 24px;
}

.QueeZ_openingMedia img,
.QueeZ_profilelaneMedia img,
.QueeZ_solutionbayCard img,
.QueeZ_newscolumnThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.QueeZ_openingCard {
  position: absolute;
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid rgba(2,61,237,.35);
  border-radius: 18px;
  color: var(--QueeZ_text);
  background: rgba(9,246,199,.32);
  box-shadow: var(--QueeZ_glow);
  font-weight: 900;
}

.QueeZ_openingCard--upper {
  top: 22px;
  left: 22px;
}

.QueeZ_openingCard--lower {
  right: 22px;
  bottom: 22px;
}

.QueeZ_profilelaneMedia img {
  min-height: 420px;
  border-radius: 18px;
}

.QueeZ_profilelaneText h2 {
  margin: 18px 0 16px;
  font-size: clamp(1.9rem, 3vw, 2.9rem);
  color: #101d3f;
  line-height: 1.14;
}

.QueeZ_profilelanePair {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.QueeZ_profilelanePoint {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 14px;
  align-items: start;
  padding: 16px;
  border-radius: 18px;
  background: rgba(9,246,199,.12);
}

.QueeZ_profilelanePoint i,
.QueeZ_scopegridCard i,
.QueeZ_guardmeshUnit i,
.QueeZ_factlaneCard i,
.QueeZ_metricframeCell i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  color: var(--QueeZ_white);
  background: var(--QueeZ_line);
  box-shadow: 0 6px 0 #011e76;
}

.QueeZ_profilelanePoint h3,
.QueeZ_scopegridCard h3,
.QueeZ_guardmeshUnit h3,
.QueeZ_factlaneCard h3,
.QueeZ_metricframeCell h3,
.QueeZ_solutionbayCard h3,
.QueeZ_newscolumnBody h3 {
  margin: 0 0 8px;
  color: #101d3f;
}

.QueeZ_guardmeshGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.QueeZ_guardmeshUnit {
  min-height: 230px;
  border-radius: 999px;
  text-align: center;
}

.QueeZ_guardmeshUnit i {
  margin: 0 auto 16px;
}

.QueeZ_guardmeshUnit--solid {
  background: linear-gradient(180deg, #F3EEF6 0%, #e6e3ec 100%);
}

.QueeZ_guardmeshUnit--light {
  background: linear-gradient(180deg, #ffffff 0%, #F3EEF6 100%);
}

.QueeZ_metricframeCell strong {
  display: block;
  margin: 10px 0 12px;
  font-size: 2rem;
  color: #0e1b39;
  font-weight: 900;
}

.QueeZ_voiceSlider {
  text-align: center;
}

.QueeZ_voiceItem {
  display: none;
}

.QueeZ_voiceItem.is-active {
  display: block;
}

.QueeZ_voiceItem i {
  font-size: 2rem;
  color: var(--QueeZ_line);
}

.QueeZ_voiceDots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}

.QueeZ_voiceDot {
  width: 12px;
  height: 12px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(2,61,237,.24);
  cursor: pointer;
}

.QueeZ_voiceDot.is-active {
  background: var(--QueeZ_line);
}

.QueeZ_solutionbayCard img,
.QueeZ_newscolumnThumb img {
  width: 100%;
  height: 220px;
  border-radius: 16px;
  object-fit: cover;
}

.QueeZ_faqdockList {
  display: grid;
  gap: 14px;
}

.QueeZ_faqdockList details summary {
  cursor: pointer;
  font-weight: 900;
  color: #101d3f;
}

.QueeZ_faqdockList details p {
  margin-top: 12px;
}

.QueeZ_newscolumnBody {
  padding-top: 16px;
}

.QueeZ_newscolumnBody time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-weight: 800;
  color: #0e1b39;
}

.QueeZ_reachdeskMeta {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.QueeZ_reachdeskMeta span,
.QueeZ_footreach span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(9,246,199,.12);
  color: #0e1b39;
  font-weight: 800;
}

.QueeZ_reachdeskForm {
  display: grid;
  gap: 14px;
}

.QueeZ_reachdeskRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.QueeZ_reachdeskForm label {
  display: grid;
  gap: 8px;
  font-weight: 800;
  color: #0e1b39;
}

.QueeZ_reachdeskForm input,
.QueeZ_reachdeskForm textarea {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid rgba(2,61,237,.18);
  border-radius: 14px;
  outline: none;
  color: #0e1b39;
  background: rgba(255,255,255,.72);
}

.QueeZ_reachdeskForm input::placeholder,
.QueeZ_reachdeskForm textarea::placeholder {
  color: rgba(14,27,57,.56);
}

.QueeZ_foottitle {
  margin: 18px 0 10px;
  font-size: 1.2rem;
  font-weight: 900;
  color: #101d3f;
}

.QueeZ_footlinks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.QueeZ_footlinks a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(9,246,199,.14);
  color: #0e1b39;
  font-weight: 800;
}

.QueeZ_footreach {
  display: grid;
  gap: 12px;
  font-style: normal;
}

.QueeZ_footlegal {
  grid-column: 1 / -1;
  text-align: center;
}

.QueeZ_toprise {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 35;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid #1d9b06;
  border-radius: 16px;
  color: #102500;
  background: var(--QueeZ_btn);
  box-shadow: 0 7px 0 var(--QueeZ_btnShadow);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: var(--QueeZ_ease);
  font-weight: 900;
}

.QueeZ_toprise.is-visible {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1080px) {
  .QueeZ_openingGrid,
  .QueeZ_profilelaneGrid,
  .QueeZ_reachdeskGrid,
  .QueeZ_faqdockGrid,
  .QueeZ_footmatrixGrid,
  .QueeZ_factlaneGrid,
  .QueeZ_scopegridLayout,
  .QueeZ_newscolumnGrid,
  .QueeZ_mastbar,
  .QueeZ_routeglass {
    grid-template-columns: 1fr;
  }

  .QueeZ_metricframeGrid,
  .QueeZ_solutionbayGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .QueeZ_routecore {
    justify-self: stretch;
  }

  .QueeZ_routeitems {
    justify-content: center;
  }
}

@media (max-width: 860px) {
  .QueeZ_routecore {
    display: none;
  }

  .QueeZ_routeToggle {
    display: inline-flex;
  }

  .QueeZ_guardmeshGrid,
  .QueeZ_metricframeGrid,
  .QueeZ_solutionbayGrid,
  .QueeZ_newscolumnGrid,
  .QueeZ_reachdeskRow {
    grid-template-columns: 1fr;
  }

  .QueeZ_openingVisual {
    min-height: 320px;
  }

  .QueeZ_openingMedia {
    inset: 28px 32px 84px;
  }
}

@media (max-width: 640px) {
  .QueeZ_axispage > section {
    padding: 62px 0;
  }

  .QueeZ_wrap {
    width: min(100% - 24px, 1240px);
  }

  .QueeZ_bookmarkText,
  .QueeZ_toprise span {
    display: none;
  }

  .QueeZ_footlinks {
    grid-template-columns: 1fr;
  }
}
/* contact + app */
.QueeZ_linkstage > section,
.QueeZ_mobilehall > section {
  padding: 84px 0;
}

.QueeZ_linkstageTopGrid,
.QueeZ_linkstageSwitchGrid,
.QueeZ_linkstageFormAreaGrid,
.QueeZ_mobilehallLeadGrid,
.QueeZ_mobilehallFetchGrid,
.QueeZ_mobilehallHelpGrid,
.QueeZ_mobilehallInviteGrid {
  display: grid;
  gap: 20px;
}

.QueeZ_linkstageTopGrid,
.QueeZ_linkstageFormAreaGrid,
.QueeZ_mobilehallLeadGrid,
.QueeZ_mobilehallFetchGrid,
.QueeZ_mobilehallInviteGrid {
  grid-template-columns: 1.03fr .97fr;
  align-items: center;
}

.QueeZ_linkstageSwitchGrid,
.QueeZ_mobilehallHelpGrid {
  grid-template-columns: .86fr 1.14fr;
  align-items: start;
}

.QueeZ_linkstageTopText,
.QueeZ_linkstageTopVisual,
.QueeZ_linkstageQuickCard,
.QueeZ_linkstageSwitchLead,
.QueeZ_linkstageSwitchList,
.QueeZ_linkstageSwitchItem,
.QueeZ_linkstageFormCopy,
.QueeZ_linkstageForm,
.QueeZ_mobilehallLeadText,
.QueeZ_mobilehallLeadVisual,
.QueeZ_mobilehallFetchText,
.QueeZ_mobilehallFetchVisual,
.QueeZ_mobilehallEdgeCard,
.QueeZ_mobilehallTasteCard,
.QueeZ_mobilehallCompareBoard,
.QueeZ_mobilehallPatchCard,
.QueeZ_mobilehallHelpLead,
.QueeZ_mobilehallHelpList details,
.QueeZ_mobilehallInstallColumn,
.QueeZ_mobilehallTrustCard,
.QueeZ_mobilehallInviteGrid,
.QueeZ_mobilehallJoinBox {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(2,61,237,.38);
  border-radius: 24px;
  background: var(--QueeZ_card);
  box-shadow: var(--QueeZ_shadow), var(--QueeZ_glow);
}

.QueeZ_linkstageTopText::before,
.QueeZ_linkstageTopVisual::before,
.QueeZ_linkstageQuickCard::before,
.QueeZ_linkstageSwitchLead::before,
.QueeZ_linkstageSwitchList::before,
.QueeZ_linkstageSwitchItem::before,
.QueeZ_linkstageFormCopy::before,
.QueeZ_linkstageForm::before,
.QueeZ_mobilehallLeadText::before,
.QueeZ_mobilehallLeadVisual::before,
.QueeZ_mobilehallFetchText::before,
.QueeZ_mobilehallFetchVisual::before,
.QueeZ_mobilehallEdgeCard::before,
.QueeZ_mobilehallTasteCard::before,
.QueeZ_mobilehallCompareBoard::before,
.QueeZ_mobilehallPatchCard::before,
.QueeZ_mobilehallHelpLead::before,
.QueeZ_mobilehallHelpList details::before,
.QueeZ_mobilehallInstallColumn::before,
.QueeZ_mobilehallTrustCard::before,
.QueeZ_mobilehallInviteGrid::before,
.QueeZ_mobilehallJoinBox::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .12;
  pointer-events: none;
  background-image:
    linear-gradient(135deg, rgba(2,61,237,.12) 0%, transparent 36%),
    linear-gradient(45deg, rgba(9,246,199,.18) 0%, transparent 44%);
}

.QueeZ_linkstageTopText h1,
.QueeZ_mobilehallLeadText h1 {
  margin: 18px 0 16px;
  font-size: clamp(2.35rem, 4vw, 4rem);
  line-height: 1.05;
  color: #101d3f;
}

.QueeZ_linkstageTopText p:last-child,
.QueeZ_mobilehallLeadText p:last-of-type {
  margin: 0;
  color: rgba(14,27,57,.88);
  line-height: 1.9;
}

.QueeZ_linkstageTopVisual,
.QueeZ_mobilehallLeadVisual,
.QueeZ_mobilehallFetchVisual {
  min-height: 360px;
  background: linear-gradient(180deg, rgba(9,246,199,.10) 0%, rgba(255,255,255,.10) 100%);
}

.QueeZ_linkstageBeacon,
.QueeZ_linkstageTag,
.QueeZ_mobilehallFloat,
.QueeZ_mobilehallPulse {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(2,61,237,.34);
  box-shadow: var(--QueeZ_glow);
}

.QueeZ_linkstageBeacon {
  inset: 74px 86px;
  flex-direction: column;
  justify-content: center;
  border-radius: 28px;
  background: rgba(9,246,199,.24);
  color: #0e1b39;
  text-align: center;
}

.QueeZ_linkstageBeacon strong {
  font-size: 3rem;
  line-height: 1;
}

.QueeZ_linkstageTag,
.QueeZ_mobilehallFloat {
  padding: 14px 16px;
  border-radius: 18px;
  color: #0e1b39;
  background: rgba(9,246,199,.28);
  font-weight: 900;
}

.QueeZ_linkstageTag--left {
  top: 22px;
  left: 22px;
}

.QueeZ_linkstageTag--right {
  right: 22px;
  bottom: 22px;
}

.QueeZ_linkstageQuickGrid,
.QueeZ_mobilehallEdgeGrid,
.QueeZ_mobilehallTasteGrid,
.QueeZ_mobilehallTrustGrid {
  display: grid;
  gap: 18px;
}

.QueeZ_linkstageQuickGrid {
  grid-template-columns: repeat(4, 1fr);
}

.QueeZ_linkstageQuickCard i,
.QueeZ_mobilehallTasteCard h3 span,
.QueeZ_mobilehallTrustCard span,
.QueeZ_mobilehallInstallStep span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  color: #fff;
  background: var(--QueeZ_line);
  box-shadow: 0 6px 0 #011e76;
  font-size: 1.1rem;
}

.QueeZ_linkstageQuickCard small {
  display: block;
  margin: 16px 0 10px;
  color: #101d3f;
  font-weight: 900;
}

.QueeZ_linkstageQuickCard a,
.QueeZ_linkstageQuickCard span,
.QueeZ_linkstageQuickCard time {
  display: block;
  color: #101d3f;
  font-size: 1.04rem;
  font-weight: 900;
}

.QueeZ_linkstageQuickCard p {
  margin: 12px 0 0;
  color: rgba(14,27,57,.84);
  line-height: 1.8;
}

.QueeZ_linkstageSwitchList {
  display: grid;
  gap: 14px;
}

.QueeZ_linkstageSwitchItem {
  padding: 0;
  background: rgba(255,255,255,.26);
}

.QueeZ_linkstageSwitchTrigger {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 18px 20px;
  border: 0;
  color: #101d3f;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-weight: 900;
}

.QueeZ_linkstageSwitchTrigger span {
  flex: 1;
}

.QueeZ_linkstageSwitchPanel {
  display: none;
  padding: 0 20px 20px;
}

.QueeZ_linkstageSwitchItem.is-open .QueeZ_linkstageSwitchPanel {
  display: block;
}

.QueeZ_linkstageSwitchInner p {
  margin: 0 0 14px;
  color: rgba(14,27,57,.86);
  line-height: 1.85;
}

.QueeZ_linkstageSwitchInner ul,
.QueeZ_mobilehallPatchCard ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.QueeZ_linkstageSwitchInner li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.7;
  color: #0e1b39;
}

.QueeZ_linkstageFormMeta,
.QueeZ_mobilehallCloud,
.QueeZ_mobilehallFetchAction,
.QueeZ_mobilehallJoinAction,
.QueeZ_mobilehallLeadStats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.QueeZ_linkstageFormMeta span,
.QueeZ_mobilehallCloud span,
.QueeZ_mobilehallInviteCode,
.QueeZ_mobilehallJoinBadge,
.QueeZ_mobilehallTrustTag,
.QueeZ_mobilehallLeadStats div {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(2,61,237,.18);
  border-radius: 999px;
  background: rgba(9,246,199,.16);
  color: #0e1b39;
  font-weight: 900;
}

.QueeZ_linkstageForm {
  display: grid;
  gap: 14px;
}

.QueeZ_linkstageFormRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.QueeZ_linkstageForm label {
  display: grid;
  gap: 8px;
  font-weight: 800;
  color: #0e1b39;
}

.QueeZ_linkstageForm input,
.QueeZ_linkstageForm textarea {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid rgba(2,61,237,.18);
  border-radius: 14px;
  outline: none;
  color: #0e1b39;
  background: rgba(255,255,255,.72);
}

.QueeZ_linkstageForm input::placeholder,
.QueeZ_linkstageForm textarea::placeholder {
  color: rgba(14,27,57,.58);
}

.QueeZ_mobilehallLeadStats div {
  min-width: 120px;
  padding: 14px 16px;
  border-radius: 18px;
  display: block;
}

.QueeZ_mobilehallLeadStats strong {
  display: block;
  font-size: 1.6rem;
  color: #101d3f;
}

.QueeZ_mobilehallPhone {
  position: absolute;
  inset: 34px 110px;
  padding: 14px;
  border: 2px solid rgba(2,61,237,.26);
  border-radius: 36px;
  background: rgba(255,255,255,.56);
  box-shadow: var(--QueeZ_glow);
}

.QueeZ_mobilehallScreen {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  color: #0e1b39;
  background: linear-gradient(180deg, rgba(9,246,199,.30) 0%, rgba(2,61,237,.12) 100%);
  text-align: center;
}

.QueeZ_mobilehallScreen i {
  margin-bottom: 10px;
  font-size: 2.2rem;
}

.QueeZ_mobilehallFloat--left {
  left: 20px;
  top: 46px;
}

.QueeZ_mobilehallFloat--right {
  right: 20px;
  bottom: 46px;
}

.QueeZ_mobilehallPulse {
  inset: 50% auto auto 50%;
  flex-direction: column;
  justify-content: center;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: rgba(9,246,199,.24);
  color: #0e1b39;
  transform: translate(-50%, -50%);
}

.QueeZ_mobilehallPulse strong {
  font-size: 2.4rem;
  line-height: 1;
}

.QueeZ_mobilehallEdgeGrid {
  grid-template-columns: repeat(2, 1fr);
}

.QueeZ_mobilehallEdgeCard h3,
.QueeZ_mobilehallTasteCard h3,
.QueeZ_mobilehallInstallColumn h3,
.QueeZ_mobilehallPatchCard h3,
.QueeZ_mobilehallTrustCard h3 {
  margin: 0 0 10px;
  color: #101d3f;
}

.QueeZ_mobilehallEdgeCard p,
.QueeZ_mobilehallTasteCard p,
.QueeZ_mobilehallPatchCard p,
.QueeZ_mobilehallTrustCard p,
.QueeZ_mobilehallHelpLead p,
.QueeZ_mobilehallHelpList details p,
.QueeZ_mobilehallInstallStep p,
.QueeZ_mobilehallInviteText p,
.QueeZ_mobilehallJoinBox p {
  margin: 0;
  color: rgba(14,27,57,.86);
  line-height: 1.8;
}

.QueeZ_mobilehallTasteGrid {
  grid-template-columns: repeat(3, 1fr);
}

.QueeZ_mobilehallTasteCard h3 span {
  margin-right: 10px;
  vertical-align: middle;
}

.QueeZ_mobilehallCompareBoard {
  display: grid;
  gap: 10px;
}

.QueeZ_mobilehallCompareRow {
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr;
  gap: 10px;
}

.QueeZ_mobilehallCompareRow span {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(9,246,199,.12);
  color: #0e1b39;
  font-weight: 900;
}

.QueeZ_mobilehallCompareRow--head span {
  background: rgba(9,246,199,.28);
}

.QueeZ_mobilehallPatchLine {
  display: grid;
  gap: 16px;
}

.QueeZ_mobilehallPatchYear {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(2,61,237,.34);
  border-radius: 999px;
  color: #0e1b39;
  background: rgba(9,246,199,.24);
  box-shadow: var(--QueeZ_glow);
  font-weight: 900;
}

.QueeZ_mobilehallPatchCard ul {
  margin-top: 14px;
}

.QueeZ_mobilehallPatchCard li {
  position: relative;
  padding-left: 18px;
  color: #101d3f;
  line-height: 1.7;
}

.QueeZ_mobilehallPatchCard li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--QueeZ_btn);
}

.QueeZ_mobilehallHelpList {
  display: grid;
  gap: 14px;
}

.QueeZ_mobilehallHelpList details summary {
  cursor: pointer;
  color: #0e1b39;
  font-weight: 900;
}

.QueeZ_mobilehallInstallGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.QueeZ_mobilehallInstallStep {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 14px;
  align-items: start;
  margin-top: 16px;
}

.QueeZ_mobilehallInstallStep h4 {
  margin: 0 0 6px;
  color: #101d3f;
}

.QueeZ_mobilehallTrustGrid {
  grid-template-columns: repeat(3, 1fr);
}

.QueeZ_mobilehallTrustTail {
  margin: 18px 0 0;
  color: rgba(14,27,57,.86);
  text-align: center;
}

.QueeZ_mobilehallInviteGrid {
  align-items: center;
}

.QueeZ_mobilehallInviteText h2,
.QueeZ_mobilehallJoinBox h2 {
  margin: 0 0 12px;
  font-size: clamp(1.9rem, 3vw, 3rem);
  color: #101d3f;
}

.QueeZ_mobilehallInviteCode {
  margin-top: 10px;
}

.QueeZ_mobilehallJoinBox {
  text-align: center;
}

.QueeZ_mobilehallJoinAction {
  justify-content: center;
}

@media (max-width: 1080px) {
  .QueeZ_linkstageTopGrid,
  .QueeZ_linkstageSwitchGrid,
  .QueeZ_linkstageFormAreaGrid,
  .QueeZ_mobilehallLeadGrid,
  .QueeZ_mobilehallFetchGrid,
  .QueeZ_mobilehallHelpGrid,
  .QueeZ_mobilehallInviteGrid,
  .QueeZ_mobilehallInstallGrid {
    grid-template-columns: 1fr;
  }

  .QueeZ_linkstageQuickGrid,
  .QueeZ_mobilehallTrustGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 860px) {
  .QueeZ_linkstageQuickGrid,
  .QueeZ_mobilehallEdgeGrid,
  .QueeZ_mobilehallTasteGrid,
  .QueeZ_mobilehallTrustGrid,
  .QueeZ_linkstageFormRow {
    grid-template-columns: 1fr;
  }

  .QueeZ_mobilehallCompareRow {
    grid-template-columns: 1fr;
  }

  .QueeZ_mobilehallPhone {
    inset: 28px 44px;
  }

  .QueeZ_linkstageBeacon {
    inset: 56px 24px;
  }
}

@media (max-width: 640px) {
  .QueeZ_linkstage > section,
  .QueeZ_mobilehall > section {
    padding: 62px 0;
  }

  .QueeZ_linkstageTopVisual,
  .QueeZ_mobilehallLeadVisual,
  .QueeZ_mobilehallFetchVisual {
    min-height: 280px;
  }

  .QueeZ_mobilehallPhone {
    inset: 20px 22px;
  }

  .QueeZ_mobilehallPulse {
    width: 150px;
    height: 150px;
  }

  .QueeZ_linkstageQuickGrid,
  .QueeZ_mobilehallTrustGrid {
    grid-template-columns: 1fr;
  }
}
/* list + show */
.QueeZ_columnpath > section,
.QueeZ_storydock > section {
  padding: 84px 0;
}

.QueeZ_columnpathLeadGrid,
.QueeZ_columnpathDeckGrid,
.QueeZ_storydockLeadGrid,
.QueeZ_storydockFrameGrid {
  display: grid;
  gap: 20px;
}

.QueeZ_columnpathLeadGrid,
.QueeZ_storydockLeadGrid {
  grid-template-columns: 1.03fr .97fr;
  align-items: center;
}

.QueeZ_columnpathDeckGrid,
.QueeZ_storydockFrameGrid {
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: start;
}

.QueeZ_columnpathLeadText,
.QueeZ_columnpathLeadVisual,
.QueeZ_columnpathMain,
.QueeZ_columnpathRail,
.QueeZ_columnpathPanel,
.QueeZ_columnpathCard,
.QueeZ_storydockLeadText,
.QueeZ_storydockLeadVisual,
.QueeZ_storydockMain,
.QueeZ_storydockRail,
.QueeZ_storydockPaper,
.QueeZ_storydockRelay,
.QueeZ_storydockPanel,
.QueeZ_storydockHotCard,
.QueeZ_storydockRelayCard {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(2,61,237,.38);
  border-radius: 24px;
  background: var(--QueeZ_card);
  box-shadow: var(--QueeZ_shadow), var(--QueeZ_glow);
}

.QueeZ_columnpathLeadText,
.QueeZ_columnpathLeadVisual,
.QueeZ_columnpathMain,
.QueeZ_columnpathRail,
.QueeZ_columnpathPanel,
.QueeZ_storydockLeadText,
.QueeZ_storydockLeadVisual,
.QueeZ_storydockMain,
.QueeZ_storydockRail,
.QueeZ_storydockPaper,
.QueeZ_storydockRelay,
.QueeZ_storydockPanel {
  padding: 24px;
}

.QueeZ_columnpathLeadText::before,
.QueeZ_columnpathLeadVisual::before,
.QueeZ_columnpathMain::before,
.QueeZ_columnpathRail::before,
.QueeZ_columnpathPanel::before,
.QueeZ_columnpathCard::before,
.QueeZ_storydockLeadText::before,
.QueeZ_storydockLeadVisual::before,
.QueeZ_storydockMain::before,
.QueeZ_storydockRail::before,
.QueeZ_storydockPaper::before,
.QueeZ_storydockRelay::before,
.QueeZ_storydockPanel::before,
.QueeZ_storydockHotCard::before,
.QueeZ_storydockRelayCard::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .12;
  pointer-events: none;
  background-image:
    linear-gradient(135deg, rgba(2,61,237,.12) 0%, transparent 36%),
    linear-gradient(45deg, rgba(9,246,199,.18) 0%, transparent 44%);
}

.QueeZ_columnpathLeadText h1,
.QueeZ_storydockLeadText h1 {
  margin: 18px 0 16px;
  font-size: clamp(2.25rem, 4vw, 3.8rem);
  line-height: 1.08;
  color: #101d3f;
}

.QueeZ_columnpathLeadText p:last-child,
.QueeZ_storydockLeadText p:last-child {
  margin: 0;
  color: rgba(14,27,57,.88);
  line-height: 1.9;
}

.QueeZ_columnpathLeadVisual,
.QueeZ_storydockLeadVisual {
  min-height: 330px;
  background: linear-gradient(180deg, rgba(9,246,199,.10) 0%, rgba(255,255,255,.10) 100%);
}

.QueeZ_columnpathPoster,
.QueeZ_storydockPoster {
  position: absolute;
  inset: 68px 82px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(2,61,237,.30);
  border-radius: 28px;
  color: #101d3f;
  background: rgba(9,246,199,.20);
  box-shadow: var(--QueeZ_glow);
  text-align: center;
}

.QueeZ_columnpathPoster i,
.QueeZ_storydockPoster i {
  font-size: 2.5rem;
}

.QueeZ_columnpathPoster span,
.QueeZ_storydockPoster span {
  font-size: 1.15rem;
  font-weight: 900;
}

.QueeZ_columnpathBadge,
.QueeZ_storydockChip {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid rgba(2,61,237,.34);
  border-radius: 18px;
  color: #0e1b39;
  background: rgba(9,246,199,.28);
  box-shadow: var(--QueeZ_glow);
  font-weight: 900;
}

.QueeZ_columnpathBadge--left,
.QueeZ_storydockChip--left {
  top: 22px;
  left: 22px;
}

.QueeZ_columnpathBadge--right,
.QueeZ_storydockChip--right {
  right: 22px;
  bottom: 22px;
}

.QueeZ_columnpathTrail,
.QueeZ_storydockTrail {
  padding-top: 0 !important;
}

.QueeZ_columnpathTrailBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 18px 22px;
  border: 1px solid rgba(2,61,237,.38);
  border-radius: 18px;
  color: #0e1b39;
  background: var(--QueeZ_card);
  box-shadow: var(--QueeZ_shadow), var(--QueeZ_glow);
  font-weight: 900;
}

.QueeZ_columnpathDeckGrid,
.QueeZ_storydockFrameGrid {
  align-items: start;
}

.QueeZ_columnpathList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.QueeZ_columnpathCard {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.QueeZ_columnpathThumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.QueeZ_columnpathMeta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  padding: 18px;
}

.QueeZ_columnpathCopy h2 {
  margin: 0 0 10px;
  font-size: 1.02rem;
  line-height: 1.5;
  color: #101d3f;
}

.QueeZ_columnpathCopy span,
.QueeZ_storydockHotMeta p {
  color: rgba(14,27,57,.84);
  line-height: 1.78;
}

.QueeZ_columnpathFoot time,
.QueeZ_storydockHotMeta time,
.QueeZ_storydockRelayMeta time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .9rem;
  font-weight: 900;
  color: #0e1b39;
}

.QueeZ_columnpathStack,
.QueeZ_storydockStack,
.QueeZ_storydockHotList {
  display: grid;
  gap: 18px;
}

.QueeZ_columnpathPanel h3,
.QueeZ_storydockPanel h3 {
  margin: 0 0 16px;
  color: #101d3f;
  font-size: 1.14rem;
}

.QueeZ_columnpathSearch {
  display: flex;
  gap: 10px;
}

.QueeZ_columnpathField {
  flex: 1;
  display: grid;
  gap: 8px;
}

.QueeZ_columnpathField label {
  color: rgba(14,27,57,.72);
  font-size: .86rem;
  font-weight: 900;
}

.QueeZ_columnpathField input {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid rgba(2,61,237,.18);
  border-radius: 14px;
  outline: none;
  color: #0e1b39;
  background: rgba(255,255,255,.72);
}

.QueeZ_columnpathField input::placeholder {
  color: rgba(14,27,57,.60);
}

.QueeZ_columnpathSearchBtn,
.QueeZ_storydockShareBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  min-width: 54px;
  height: 54px;
  border: 1px solid #1d9b06;
  border-radius: 16px;
  color: #0f2900;
  background: var(--QueeZ_btn);
  box-shadow: 0 7px 0 var(--QueeZ_btnShadow);
  cursor: pointer;
}

.QueeZ_columnpathMenu {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.QueeZ_columnpathMenu a {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid rgba(2,61,237,.18);
  border-radius: 14px;
  background: rgba(9,246,199,.12);
  color: #0e1b39;
  font-weight: 900;
  transition: var(--QueeZ_ease);
}

.QueeZ_columnpathMenu a:hover {
  transform: translateY(-2px);
  background: rgba(9,246,199,.20);
}

#QueeZ_storydockTitle {
  margin: 0 0 18px;
  color: #101d3f;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.16;
}

.QueeZ_storydockInfo {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}

.QueeZ_storydockInfo span,
.QueeZ_storydockInfo time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(2,61,237,.16);
  border-radius: 999px;
  background: rgba(9,246,199,.12);
  color: #0e1b39;
  font-weight: 900;
}

.QueeZ_storydockContent {
  color: #0e1b39;
  font-size: 1rem;
  line-height: 1.95;
}

.QueeZ_storydockContent img {
  margin: 18px auto;
  border-radius: 18px;
}

.QueeZ_storydockContent p,
.QueeZ_storydockContent h2,
.QueeZ_storydockContent h3,
.QueeZ_storydockContent h4,
.QueeZ_storydockContent ul,
.QueeZ_storydockContent ol,
.QueeZ_storydockContent blockquote {
  margin-top: 0;
}

.QueeZ_storydockPager {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

.QueeZ_storydockPagerLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 54px;
  padding: 0 16px;
  border: 1px solid rgba(2,61,237,.18);
  border-radius: 16px;
  background: rgba(9,246,199,.12);
  color: #0e1b39;
  font-weight: 900;
}

.QueeZ_storydockBack {
  margin-top: 22px;
}

.QueeZ_storydockShare {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(2,61,237,.18);
}

.QueeZ_storydockShare h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  color: #101d3f;
  font-size: 1.16rem;
}

.QueeZ_storydockShare p {
  margin: 0 0 16px;
  color: rgba(14,27,57,.84);
}

.QueeZ_storydockShareRow {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.QueeZ_storydockRelay {
  margin-top: 22px;
}

.QueeZ_storydockRelay h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  color: #101d3f;
  font-size: 1.24rem;
}

.QueeZ_storydockRelayGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.QueeZ_storydockRelayCard {
  display: grid;
  grid-template-columns: 58px 110px 1fr;
  gap: 14px;
  padding: 12px;
}

.QueeZ_storydockRelayIndex {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: #0f2900;
  background: var(--QueeZ_btn);
  box-shadow: 0 6px 0 var(--QueeZ_btnShadow);
  font-size: 1.08rem;
  font-weight: 900;
}

.QueeZ_storydockRelayThumb img {
  width: 110px;
  height: 96px;
  border-radius: 14px;
  object-fit: cover;
}

.QueeZ_storydockHotCard {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 14px;
  padding: 12px;
}

.QueeZ_storydockHotThumb img {
  width: 96px;
  height: 96px;
  border-radius: 16px;
  object-fit: cover;
}

.QueeZ_storydockHotMeta h4,
.QueeZ_storydockRelayMeta h3 {
  margin: 0 0 8px;
  font-size: .98rem;
  line-height: 1.45;
  color: #101d3f;
}

@media (max-width: 1080px) {
  .QueeZ_columnpathLeadGrid,
  .QueeZ_columnpathDeckGrid,
  .QueeZ_storydockLeadGrid,
  .QueeZ_storydockFrameGrid {
    grid-template-columns: 1fr;
  }

  .QueeZ_columnpathList {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 860px) {
  .QueeZ_columnpathList,
  .QueeZ_storydockRelayGrid {
    grid-template-columns: 1fr;
  }

  .QueeZ_storydockRelayCard {
    grid-template-columns: 48px 96px 1fr;
  }

  .QueeZ_columnpathLeadVisual,
  .QueeZ_storydockLeadVisual {
    min-height: 280px;
  }

  .QueeZ_columnpathPoster,
  .QueeZ_storydockPoster {
    inset: 52px 22px;
  }
}

@media (max-width: 640px) {
  .QueeZ_columnpath > section,
  .QueeZ_storydock > section {
    padding: 62px 0;
  }

  .QueeZ_storydockHotCard {
    grid-template-columns: 84px 1fr;
  }

  .QueeZ_storydockHotThumb img {
    width: 84px;
    height: 84px;
  }

  .QueeZ_storydockInfo {
    flex-direction: column;
  }

  .QueeZ_storydockRelayCard {
    grid-template-columns: 1fr;
  }

  .QueeZ_storydockRelayThumb img {
    width: 100%;
    height: 180px;
  }
}