:root {
  --dusZ_bg: #D3506A;
  --dusZ_card: #4D75EF;
  --dusZ_line: #09F1CA;
  --dusZ_btn: #CBF207;
  --dusZ_btnDepth: #7d9307;
  --dusZ_nav: #B3EAC1;
  --dusZ_text: #091530;
  --dusZ_white: #ffffff;
  --dusZ_shadow: 0 18px 38px rgba(14, 8, 20, .28);
  --dusZ_glow: 0 0 0 1px rgba(9,241,202,.46), 0 0 22px rgba(9,241,202,.34), 0 0 52px rgba(77,117,239,.22);
  --dusZ_ease: all .3s ease;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--dusZ_text);
  background-color: var(--dusZ_bg);
  background-image:
    linear-gradient(60deg, rgba(255,255,255,.10) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.10) 50%, rgba(255,255,255,.10) 75%, transparent 75%, transparent),
    linear-gradient(120deg, rgba(10, 12, 38, .08) 25%, transparent 25%, transparent 50%, rgba(10, 12, 38, .08) 50%, rgba(10, 12, 38, .08) 75%, transparent 75%, transparent);
  background-size: 44px 76px;
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

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

.dusZ_chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid var(--dusZ_line);
  border-radius: 999px;
  background: rgba(179,234,193,.92);
  color: var(--dusZ_text);
  box-shadow: var(--dusZ_glow);
  font-weight: 900;
  letter-spacing: .04em;
}

.dusZ_cubeBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 20px;
  border: 1px solid #6f8407;
  border-radius: 16px;
  background: var(--dusZ_btn);
  color: #1f2504;
  box-shadow: 0 8px 0 var(--dusZ_btnDepth);
  font-weight: 900;
  cursor: pointer;
  transition: var(--dusZ_ease);
}

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

.dusZ_cubeBtn:active {
  transform: translateY(4px);
  box-shadow: 0 4px 0 var(--dusZ_btnDepth);
}

.dusZ_cubeBtn--ghost {
  background: rgba(179,234,193,.92);
  border-color: var(--dusZ_line);
  color: var(--dusZ_text);
  box-shadow: 0 8px 0 rgba(88,121,96,.9);
}

.dusZ_headlineUnit {
  max-width: 820px;
  margin: 0 auto 32px;
  text-align: center;
}

.dusZ_headlineUnit h2 {
  margin: 18px 0 12px;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.14;
}

.dusZ_headlineUnit p {
  margin: 0;
  color: rgba(9,21,48,.86);
  line-height: 1.85;
}

/* header */
.dusZ_headframe {
  position: sticky;
  top: 0;
  z-index: 60;
  backdrop-filter: blur(10px);
}

.dusZ_crownbar,
.dusZ_routebar {
  background: rgba(211,80,106,.84);
  border-bottom: 1px solid rgba(9,241,202,.34);
}

.dusZ_crownbarRow {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 14px 0;
}

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

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

.dusZ_pinSite,
.dusZ_menuKey {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid var(--dusZ_line);
  border-radius: 16px;
  background: rgba(179,234,193,.92);
  color: var(--dusZ_text);
  box-shadow: var(--dusZ_glow);
  cursor: pointer;
  font-weight: 900;
}

.dusZ_routebarStack {
  padding: 12px 0;
}

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

.dusZ_routegrid {
  justify-self: center;
}

.dusZ_routegridList,
.dusZ_routegridMobileList,
.dusZ_footbarNavList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dusZ_routegridList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.dusZ_routegridList a,
.dusZ_routegridMobileList a {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid var(--dusZ_line);
  border-radius: 999px;
  background: var(--dusZ_nav);
  color: var(--dusZ_text);
  box-shadow: var(--dusZ_glow);
  font-weight: 900;
  transition: var(--dusZ_ease);
}

.dusZ_routegridList a:hover,
.dusZ_routegridMobileList a:hover {
  transform: translateY(-2px);
}

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

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

.dusZ_routegridMobile {
  display: none;
  margin-top: 12px;
  padding: 16px;
  border: 1px solid var(--dusZ_line);
  border-radius: 22px;
  background: rgba(179,234,193,.94);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

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

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

/* footer */
.dusZ_footbar {
  padding: 34px 0 44px;
}

.dusZ_footbarGrid {
  display: grid;
  grid-template-columns: 1.05fr .95fr .95fr;
  gap: 20px;
}

.dusZ_footbarIntro,
.dusZ_footbarNav,
.dusZ_footbarReach,
.dusZ_footbarCopy {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--dusZ_line);
  border-radius: 24px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_footbarIntro::before,
.dusZ_footbarNav::before,
.dusZ_footbarReach::before,
.dusZ_footbarCopy::before,
.dusZ_fluxgateText::before,
.dusZ_fluxgateVisual::before,
.dusZ_originfieldMedia::before,
.dusZ_originfieldText::before,
.dusZ_quadrantixCell::before,
.dusZ_vaultlineNode::before,
.dusZ_vaultlineCore::before,
.dusZ_spanmarkCard::before,
.dusZ_widemapCard::before,
.dusZ_askorbitSlider::before,
.dusZ_askorbitCard::before,
.dusZ_taskarrayCard::before,
.dusZ_querynestLead::before,
.dusZ_querynestList details::before,
.dusZ_newsrailCard::before,
.dusZ_linkportText::before,
.dusZ_linkportForm::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .14;
  pointer-events: none;
  background-image:
    linear-gradient(135deg, rgba(9,241,202,.22) 0%, transparent 40%),
    linear-gradient(45deg, rgba(255,255,255,.14) 0%, transparent 48%);
}

.dusZ_footbarName {
  margin: 18px 0 10px;
  font-size: 1.18rem;
  font-weight: 900;
}

.dusZ_footbarIntro p:last-child {
  margin: 0;
  line-height: 1.85;
  color: rgba(9,21,48,.86);
}

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

.dusZ_footbarNavList a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(179,234,193,.36);
  font-weight: 800;
}

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

.dusZ_footbarReach span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(179,234,193,.36);
  font-weight: 800;
}

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

.dusZ_skyward {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid #6f8407;
  border-radius: 16px;
  background: var(--dusZ_btn);
  color: #1f2504;
  box-shadow: 0 8px 0 var(--dusZ_btnDepth);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: var(--dusZ_ease);
  font-weight: 900;
}

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

/* main common */
.dusZ_nexora > section {
  padding: 84px 0;
}

.dusZ_fluxgateGrid,
.dusZ_originfieldGrid,
.dusZ_linkportGrid,
.dusZ_querynestGrid,
.dusZ_taskarrayGrid,
.dusZ_newsrailGrid,
.dusZ_spanmarkGrid,
.dusZ_widemapGrid,
.dusZ_quadrantixGrid {
  display: grid;
  gap: 20px;
}

.dusZ_fluxgateGrid,
.dusZ_originfieldGrid,
.dusZ_linkportGrid {
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
}

.dusZ_querynestGrid {
  grid-template-columns: .88fr 1.12fr;
  align-items: start;
}

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

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

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

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

.dusZ_fluxgateText,
.dusZ_fluxgateVisual,
.dusZ_originfieldMedia,
.dusZ_originfieldText,
.dusZ_askorbitSlider,
.dusZ_querynestLead,
.dusZ_linkportText,
.dusZ_linkportForm {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--dusZ_line);
  border-radius: 24px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_fluxgateText h1 {
  margin: 18px 0 16px;
  font-size: clamp(2.4rem, 4vw, 4rem);
  line-height: 1.06;
}

.dusZ_fluxgateText p,
.dusZ_originfieldText p,
.dusZ_quadrantixBody p,
.dusZ_vaultlineNode p,
.dusZ_spanmarkCard p,
.dusZ_widemapCard p,
.dusZ_askorbitCard p,
.dusZ_taskarrayCard p,
.dusZ_querynestLead p,
.dusZ_querynestList details p,
.dusZ_newsrailBody span,
.dusZ_linkportText p {
  margin: 0;
  color: rgba(9,21,48,.86);
  line-height: 1.85;
}

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

.dusZ_fluxgateVisual {
  min-height: 430px;
  background: linear-gradient(180deg, rgba(179,234,193,.16) 0%, rgba(255,255,255,.08) 100%);
}

.dusZ_fluxgateScreen {
  position: absolute;
  inset: 42px 74px;
  overflow: hidden;
  border-radius: 22px;
  transform: skew(-4deg);
}

.dusZ_fluxgateScreen img,
.dusZ_originfieldMedia img,
.dusZ_taskarrayCard img,
.dusZ_newsrailThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dusZ_fluxgateBadge {
  position: absolute;
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid var(--dusZ_line);
  border-radius: 18px;
  background: rgba(179,234,193,.88);
  box-shadow: var(--dusZ_glow);
  font-weight: 900;
}

.dusZ_fluxgateBadge--left {
  top: 20px;
  left: 20px;
}

.dusZ_fluxgateBadge--right {
  right: 20px;
  bottom: 20px;
}

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

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

.dusZ_originfieldPair {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}

.dusZ_originfieldMini {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(179,234,193,.32);
}

.dusZ_originfieldMini i,
.dusZ_spanmarkCard i,
.dusZ_widemapCard i,
.dusZ_taskarrayCard h3 + p::before {
  color: var(--dusZ_line);
}

.dusZ_originfieldMini i,
.dusZ_spanmarkCard i,
.dusZ_widemapCard i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #10235f;
  box-shadow: 0 6px 0 rgba(0,0,0,.34);
}

.dusZ_originfieldMini h3,
.dusZ_vaultlineNode h3,
.dusZ_spanmarkCard h3,
.dusZ_widemapCard h3,
.dusZ_taskarrayCard h3,
.dusZ_newsrailBody h3 {
  margin: 0 0 8px;
}

/* ⬒⬒ Upper Dark Lower Light Square Layout */
.dusZ_quadrantixCell {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--dusZ_line);
  border-radius: 24px;
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_quadrantixHead {
  min-height: 150px;
  padding: 24px;
  background: #203b96;
  color: #ffffff;
  display: grid;
  align-content: center;
  gap: 12px;
}

.dusZ_quadrantixHead i {
  font-size: 2rem;
  color: var(--dusZ_line);
}

.dusZ_quadrantixHead h3 {
  margin: 0;
  font-size: 1.2rem;
}

.dusZ_quadrantixBody {
  min-height: 140px;
  padding: 24px;
  background: #9ec1ff;
  color: var(--dusZ_text);
  display: grid;
  align-content: start;
  gap: 10px;
}

.dusZ_quadrantixBody strong {
  font-size: 2rem;
  font-weight: 900;
}

/* ❖ Diamond Quartered Layout */
.dusZ_vaultlineDiamond {
  position: relative;
  min-height: 720px;
}

.dusZ_vaultlineCore,
.dusZ_vaultlineNode {
  position: absolute;
  width: 260px;
  min-height: 220px;
  padding: 24px;
  border: 1px solid var(--dusZ_line);
  border-radius: 24px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
  text-align: center;
}

.dusZ_vaultlineCore {
  top: 50%;
  left: 50%;
  width: 180px;
  min-height: 180px;
  transform: translate(-50%, -50%) rotate(45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1f3277;
  color: var(--dusZ_line);
  font-size: 2rem;
  font-weight: 900;
}

.dusZ_vaultlineCore::before {
  border-radius: 24px;
}

.dusZ_vaultlineCore {
  overflow: hidden;
}

.dusZ_vaultlineCore {
  line-height: 1;
}

.dusZ_vaultlineCore {
  text-transform: uppercase;
}

.dusZ_vaultlineCore {
  letter-spacing: .08em;
}

.dusZ_vaultlineNode i {
  font-size: 2rem;
  color: var(--dusZ_line);
}

.dusZ_vaultlineNode--top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.dusZ_vaultlineNode--right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.dusZ_vaultlineNode--bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.dusZ_vaultlineNode--left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/* □□□□ */
.dusZ_spanmarkCard,
.dusZ_widemapCard,
.dusZ_askorbitCard,
.dusZ_taskarrayCard,
.dusZ_querynestList details,
.dusZ_newsrailCard {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--dusZ_line);
  border-radius: 24px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_spanmarkCard {
  text-align: center;
}

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

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

/* ■▫▫▫ */
.dusZ_widemapGrid {
  display: grid;
  grid-template-columns: 1.45fr .85fr .85fr .85fr;
  gap: 18px;
}

.dusZ_widemapCard--lead {
  min-height: 260px;
}

.dusZ_widemapCard i {
  margin-bottom: 16px;
}

/* ⇆ */
.dusZ_askorbitSlider {
  text-align: center;
}

.dusZ_askorbitTrack {
  position: relative;
  min-height: 250px;
}

.dusZ_askorbitCard {
  display: none;
  max-width: 760px;
  margin: 0 auto;
}

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

.dusZ_askorbitCard i {
  font-size: 2rem;
  color: var(--dusZ_line);
}

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

.dusZ_askorbitDot {
  width: 12px;
  height: 12px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(9,21,48,.28);
  cursor: pointer;
}

.dusZ_askorbitDot.is-active {
  background: #10235f;
}

/* service 3x2 */
.dusZ_taskarrayCard img {
  width: 100%;
  height: 220px;
  border-radius: 16px;
  margin-bottom: 16px;
}

/* faq */
.dusZ_querynestList {
  display: grid;
  gap: 14px;
}

.dusZ_querynestList summary {
  cursor: pointer;
  font-weight: 900;
}

.dusZ_querynestList p {
  margin-top: 12px;
}

/* news */
.dusZ_newsrailThumb img {
  width: 100%;
  height: 220px;
  border-radius: 16px;
}

.dusZ_newsrailBody {
  padding-top: 16px;
}

.dusZ_newsrailBody time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-weight: 900;
}

/* contact */
.dusZ_linkportList {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.dusZ_linkportList span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(179,234,193,.34);
  font-weight: 900;
}

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

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

.dusZ_linkportForm label {
  display: grid;
  gap: 8px;
  font-weight: 800;
}

.dusZ_linkportForm input,
.dusZ_linkportForm textarea {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid rgba(9,21,48,.24);
  border-radius: 14px;
  outline: none;
  color: var(--dusZ_text);
  background: rgba(255,255,255,.74);
}

/* responsive */
@media (max-width: 1100px) {
  .dusZ_fluxgateGrid,
  .dusZ_originfieldGrid,
  .dusZ_linkportGrid,
  .dusZ_querynestGrid,
  .dusZ_footbarGrid,
  .dusZ_newsrailGrid,
  .dusZ_spanmarkGrid,
  .dusZ_widemapGrid,
  .dusZ_routebarRow,
  .dusZ_crownbarRow {
    grid-template-columns: 1fr;
  }

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

  .dusZ_vaultlineDiamond {
    min-height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .dusZ_vaultlineCore,
  .dusZ_vaultlineNode,
  .dusZ_vaultlineNode--top,
  .dusZ_vaultlineNode--right,
  .dusZ_vaultlineNode--bottom,
  .dusZ_vaultlineNode--left {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    transform: none;
  }
}

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

  .dusZ_menuKey {
    display: inline-flex;
  }

  .dusZ_routebarRow {
    grid-template-columns: auto;
    justify-content: end;
  }

  .dusZ_taskarrayGrid,
  .dusZ_newsrailGrid,
  .dusZ_quadrantixGrid,
  .dusZ_linkportRow,
  .dusZ_spanmarkGrid {
    grid-template-columns: 1fr;
  }

  .dusZ_fluxgateVisual {
    min-height: 320px;
  }

  .dusZ_fluxgateScreen {
    inset: 28px 28px 84px;
  }
}

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

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

  .dusZ_pinSiteText,
  .dusZ_skyward span {
    display: none;
  }

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

  .dusZ_quadrantixHead,
  .dusZ_quadrantixBody {
    min-height: auto;
  }
}
/* contact page */
.dusZ_signalreach > section,
.dusZ_motiondeck > section {
  padding: 84px 0;
}

.dusZ_signalreachBannerGrid,
.dusZ_signalreachMethodGrid,
.dusZ_signalreachFormboxGrid,
.dusZ_motiondeckBannerGrid,
.dusZ_motiondeckCrumbGrid,
.dusZ_motiondeckAcquireGrid,
.dusZ_motiondeckFaqGrid,
.dusZ_motiondeckInviteGrid {
  display: grid;
  gap: 20px;
}

.dusZ_signalreachBannerGrid,
.dusZ_signalreachFormboxGrid,
.dusZ_motiondeckBannerGrid,
.dusZ_motiondeckAcquireGrid,
.dusZ_motiondeckInviteGrid {
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
}

.dusZ_signalreachMethodGrid,
.dusZ_motiondeckFaqGrid {
  grid-template-columns: .88fr 1.12fr;
  align-items: start;
}

.dusZ_signalreachBannerText,
.dusZ_signalreachBannerVisual,
.dusZ_signalreachMethodLead,
.dusZ_signalreachFormboxInfo,
.dusZ_signalreachForm,
.dusZ_motiondeckBannerText,
.dusZ_motiondeckBannerVisual,
.dusZ_motiondeckCrumbLead,
.dusZ_motiondeckCrumbStats,
.dusZ_motiondeckAcquireText,
.dusZ_motiondeckAcquireList,
.dusZ_motiondeckDeltaLead,
.dusZ_motiondeckDeltaRail,
.dusZ_motiondeckSceneCard,
.dusZ_motiondeckCompareHead,
.dusZ_motiondeckCompareBoard,
.dusZ_motiondeckFaqLead,
.dusZ_motiondeckInviteText,
.dusZ_motiondeckInviteSide,
.dusZ_motiondeckInstallHead,
.dusZ_motiondeckInstallColumn,
.dusZ_motiondeckMeritCard {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--dusZ_line);
  border-radius: 24px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_signalreachBannerText::before,
.dusZ_signalreachBannerVisual::before,
.dusZ_signalreachQuickCard::before,
.dusZ_signalreachMethodLead::before,
.dusZ_signalreachToggle::before,
.dusZ_signalreachPanel::before,
.dusZ_signalreachFormboxInfo::before,
.dusZ_signalreachForm::before,
.dusZ_motiondeckBannerText::before,
.dusZ_motiondeckBannerVisual::before,
.dusZ_motiondeckCrumbLead::before,
.dusZ_motiondeckCrumbStats::before,
.dusZ_motiondeckCrumbStat::before,
.dusZ_motiondeckAcquireText::before,
.dusZ_motiondeckAcquireList::before,
.dusZ_motiondeckDeltaLead::before,
.dusZ_motiondeckDeltaRail::before,
.dusZ_motiondeckDeltaItem::before,
.dusZ_motiondeckSceneCard::before,
.dusZ_motiondeckCompareHead::before,
.dusZ_motiondeckCompareRow::before,
.dusZ_motiondeckTimelineCard::before,
.dusZ_motiondeckFaqLead::before,
.dusZ_motiondeckFaqList details::before,
.dusZ_motiondeckInstallHead::before,
.dusZ_motiondeckInstallColumn::before,
.dusZ_motiondeckStep::before,
.dusZ_motiondeckMeritCard::before,
.dusZ_motiondeckInviteText::before,
.dusZ_motiondeckInviteSide::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .14;
  pointer-events: none;
  background-image:
    linear-gradient(135deg, rgba(9,241,202,.22) 0%, transparent 40%),
    linear-gradient(45deg, rgba(255,255,255,.14) 0%, transparent 48%);
}

.dusZ_signalreachBannerText h1,
.dusZ_motiondeckBannerText h1 {
  margin: 18px 0 16px;
  font-size: clamp(2.3rem, 4vw, 4rem);
  line-height: 1.08;
}

.dusZ_signalreachBannerText p,
.dusZ_signalreachFormboxInfo p,
.dusZ_motiondeckBannerText p,
.dusZ_motiondeckAcquireText p,
.dusZ_motiondeckDeltaLead p,
.dusZ_motiondeckDeltaItem p,
.dusZ_motiondeckSceneCard p,
.dusZ_motiondeckFaqLead p,
.dusZ_motiondeckInviteText p,
.dusZ_motiondeckInviteSide p,
.dusZ_motiondeckMeritCard p,
.dusZ_signalreachQuickBottom p,
.dusZ_signalreachPanelBody p {
  margin: 0;
  color: rgba(9,21,48,.86);
  line-height: 1.85;
}

/* contact banner */
.dusZ_signalreachBannerVisual {
  min-height: 420px;
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, rgba(179,234,193,.16) 0%, rgba(255,255,255,.08) 100%);
}

.dusZ_signalreachBannerAura {
  width: 220px;
  height: 220px;
  border: 2px solid var(--dusZ_line);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--dusZ_line);
  background: #132a72;
  box-shadow: var(--dusZ_glow);
  font-size: 4rem;
}

.dusZ_signalreachBannerCard {
  position: absolute;
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid var(--dusZ_line);
  border-radius: 18px;
  background: rgba(179,234,193,.88);
  box-shadow: var(--dusZ_glow);
  font-weight: 900;
}

.dusZ_signalreachBannerCard--one {
  top: 26px;
  left: 24px;
}

.dusZ_signalreachBannerCard--two {
  right: 24px;
  bottom: 26px;
}

/* contact quick cards */
.dusZ_signalreachQuickGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.dusZ_signalreachQuickCard {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--dusZ_line);
  border-radius: 24px;
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_signalreachQuickTop {
  min-height: 120px;
  padding: 24px;
  background: #19368f;
  color: #ffffff;
  display: grid;
  align-content: center;
  gap: 10px;
}

.dusZ_signalreachQuickTop i {
  font-size: 1.9rem;
  color: var(--dusZ_line);
}

.dusZ_signalreachQuickTop small {
  font-size: 1rem;
  font-weight: 800;
}

.dusZ_signalreachQuickBottom {
  min-height: 160px;
  padding: 24px;
  background: #a7c7ff;
  display: grid;
  align-content: start;
  gap: 10px;
}

.dusZ_signalreachQuickBottom h3 {
  margin: 0;
}

.dusZ_signalreachQuickBottom a,
.dusZ_signalreachQuickBottom span,
.dusZ_signalreachQuickBottom time {
  font-weight: 900;
}

/* contact methods */
.dusZ_signalreachMethodList {
  display: grid;
  gap: 14px;
}

.dusZ_signalreachToggle {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 0 18px;
  border: 1px solid var(--dusZ_line);
  border-radius: 18px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
  color: var(--dusZ_text);
  text-align: left;
  font-weight: 900;
  cursor: pointer;
}

.dusZ_signalreachToggle i {
  color: var(--dusZ_line);
}

.dusZ_signalreachToggle::after {
  content: "+";
  margin-left: auto;
  font-size: 1.2rem;
  font-weight: 900;
}

.dusZ_signalreachToggle.is-open::after {
  content: "−";
}

.dusZ_signalreachPanel {
  display: none;
  position: relative;
  margin-top: 10px;
  padding: 20px;
  border: 1px solid var(--dusZ_line);
  border-radius: 18px;
  background: #91b9ff;
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

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

.dusZ_signalreachPanelBody ul {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.dusZ_signalreachPanelBody li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
}

.dusZ_signalreachPanelBody li i {
  color: #10235f;
}

/* contact form */
.dusZ_signalreachFormboxMeta {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.dusZ_signalreachFormboxMeta span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(179,234,193,.34);
  font-weight: 900;
}

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

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

.dusZ_signalreachForm label {
  display: grid;
  gap: 8px;
  font-weight: 800;
}

.dusZ_signalreachForm input,
.dusZ_signalreachForm textarea {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid rgba(9,21,48,.24);
  border-radius: 14px;
  outline: none;
  color: var(--dusZ_text);
  background: rgba(255,255,255,.74);
}

/* app banner */
.dusZ_motiondeckBannerAction,
.dusZ_motiondeckAcquireAction {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.dusZ_motiondeckBannerVisual {
  min-height: 460px;
  background: linear-gradient(180deg, rgba(179,234,193,.16) 0%, rgba(255,255,255,.08) 100%);
}

.dusZ_motiondeckPhone {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 170px;
  height: 310px;
  border: 2px solid var(--dusZ_line);
  border-radius: 36px;
  display: grid;
  place-items: center;
  background: #122966;
  box-shadow: var(--dusZ_glow);
  color: var(--dusZ_line);
  font-size: 4rem;
}

.dusZ_motiondeckAppshot {
  position: absolute;
  right: 34px;
  top: 34px;
  bottom: 34px;
  width: 48%;
  overflow: hidden;
  border-radius: 24px;
}

.dusZ_motiondeckAppshot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dusZ_motiondeckAppchip {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid var(--dusZ_line);
  border-radius: 18px;
  background: rgba(179,234,193,.88);
  box-shadow: var(--dusZ_glow);
  font-weight: 900;
}

.dusZ_motiondeckAppchip--top {
  top: 24px;
  left: 24px;
}

.dusZ_motiondeckAppchip--mid {
  bottom: 24px;
  left: 96px;
}

/* app intro stats */
.dusZ_motiondeckState {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(179,234,193,.36);
  font-weight: 900;
}

.dusZ_motiondeckCrumbLead h2 {
  margin: 18px 0 12px;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
}

.dusZ_motiondeckCrumbLead p {
  margin: 0;
  line-height: 1.85;
  color: rgba(9,21,48,.86);
}

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

.dusZ_motiondeckCrumbStat {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid rgba(9,241,202,.5);
  border-radius: 18px;
  background: rgba(179,234,193,.24);
  text-align: center;
}

.dusZ_motiondeckCrumbStat h3 {
  margin: 0 0 8px;
  font-size: 2rem;
}

.dusZ_motiondeckCrumbStat small {
  font-weight: 800;
}

/* app acquire */
.dusZ_motiondeckAcquireList {
  display: grid;
  gap: 12px;
}

.dusZ_motiondeckAcquireList > span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(179,234,193,.30);
  font-weight: 800;
}

/* ◫|◫ */
.dusZ_motiondeckDeltaGrid {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  gap: 20px;
  align-items: stretch;
}

.dusZ_motiondeckDeltaLead,
.dusZ_motiondeckDeltaRail {
  min-height: 100%;
}

.dusZ_motiondeckDeltaGrid::before {
  content: "";
  background: linear-gradient(180deg, transparent 0%, var(--dusZ_line) 15%, var(--dusZ_line) 85%, transparent 100%);
  border-radius: 999px;
}

.dusZ_motiondeckDeltaLead {
  order: 1;
}

.dusZ_motiondeckDeltaRail {
  order: 3;
  display: grid;
  gap: 14px;
}

.dusZ_motiondeckDeltaItem {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid rgba(9,241,202,.5);
  border-radius: 18px;
  background: rgba(179,234,193,.22);
}

.dusZ_motiondeckDeltaItem h3 {
  margin: 0 0 8px;
}

/* app scene */
.dusZ_motiondeckSceneGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.dusZ_motiondeckSceneCard h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
}

.dusZ_motiondeckSceneCard h3 span {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #10235f;
  color: var(--dusZ_line);
  box-shadow: 0 6px 0 rgba(0,0,0,.34);
}

/* compare */
.dusZ_motiondeckCompareHead {
  margin-bottom: 18px;
}

.dusZ_motiondeckCompareHead h2 {
  margin: 0 0 10px;
}

.dusZ_motiondeckCompareHead p {
  margin: 0;
  line-height: 1.8;
  color: rgba(9,21,48,.86);
}

.dusZ_motiondeckCompareBoard {
  display: grid;
  gap: 12px;
}

.dusZ_motiondeckCompareRow {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr;
  gap: 12px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid var(--dusZ_line);
  border-radius: 18px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_motiondeckCompareRow span {
  font-weight: 800;
}

.dusZ_motiondeckCompareRow--head {
  background: #18337e;
  color: #fff;
}

/* timeline */
.dusZ_motiondeckTimelineWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.dusZ_motiondeckTimelineYear h3 {
  margin: 0 0 16px;
  font-size: 1.5rem;
}

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

.dusZ_motiondeckTimelineCard {
  position: relative;
  overflow: hidden;
  padding: 22px;
  border: 1px solid var(--dusZ_line);
  border-radius: 22px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_motiondeckTimelineCard h4 {
  margin: 0 0 8px;
  font-size: 1.2rem;
}

.dusZ_motiondeckTimelineCard p {
  margin: 0 0 12px;
  font-weight: 800;
}

.dusZ_motiondeckTimelineCard ul {
  margin: 0;
  padding-left: 18px;
  line-height: 1.8;
}

/* faq */
.dusZ_motiondeckFaqList {
  display: grid;
  gap: 14px;
}

.dusZ_motiondeckFaqList details {
  position: relative;
  overflow: hidden;
  padding: 18px 20px;
  border: 1px solid var(--dusZ_line);
  border-radius: 18px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_motiondeckFaqList summary {
  cursor: pointer;
  font-weight: 900;
}

.dusZ_motiondeckFaqList summary span {
  display: inline-flex;
  gap: 10px;
}

.dusZ_motiondeckFaqList p {
  margin: 12px 0 0;
  line-height: 1.8;
  color: rgba(9,21,48,.86);
}

/* install */
.dusZ_motiondeckInstallHead {
  margin-bottom: 20px;
}

.dusZ_motiondeckInstallHead h2 {
  margin: 0 0 10px;
}

.dusZ_motiondeckInstallHead p {
  margin: 0;
  line-height: 1.8;
  color: rgba(9,21,48,.86);
}

.dusZ_motiondeckInstallGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

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

.dusZ_motiondeckInstallColumn h3 {
  margin: 0;
}

.dusZ_motiondeckStep {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 14px;
  align-items: start;
  padding: 18px;
  border: 1px solid rgba(9,241,202,.5);
  border-radius: 18px;
  background: rgba(179,234,193,.22);
}

.dusZ_motiondeckStep span {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #10235f;
  color: var(--dusZ_line);
  font-weight: 900;
  box-shadow: 0 6px 0 rgba(0,0,0,.34);
}

.dusZ_motiondeckStep h4 {
  margin: 0 0 8px;
}

.dusZ_motiondeckStep p {
  margin: 0;
  line-height: 1.8;
  color: rgba(9,21,48,.86);
}

/* merit */
.dusZ_motiondeckMeritGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.dusZ_motiondeckMeritCard span {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #10235f;
  color: var(--dusZ_line);
  box-shadow: 0 6px 0 rgba(0,0,0,.34);
  margin-bottom: 16px;
}

.dusZ_motiondeckMeritCard h3 {
  margin: 0 0 10px;
}

.dusZ_motiondeckMeritNote {
  margin: 18px 0 0;
  text-align: center;
  font-weight: 800;
}

/* invite */
.dusZ_motiondeckInviteCode {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  min-height: 56px;
  margin: 12px 0 22px;
  padding: 0 18px;
  border: 1px dashed var(--dusZ_line);
  border-radius: 16px;
  background: rgba(179,234,193,.30);
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.dusZ_motiondeckInviteSide span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(179,234,193,.36);
  font-weight: 900;
}

.dusZ_motiondeckInviteSide h3 {
  margin: 18px 0 12px;
  font-size: 1.8rem;
}

/* responsive */
@media (max-width: 1100px) {
  .dusZ_signalreachBannerGrid,
  .dusZ_signalreachMethodGrid,
  .dusZ_signalreachFormboxGrid,
  .dusZ_motiondeckBannerGrid,
  .dusZ_motiondeckCrumbGrid,
  .dusZ_motiondeckAcquireGrid,
  .dusZ_motiondeckFaqGrid,
  .dusZ_motiondeckInviteGrid,
  .dusZ_motiondeckTimelineWrap,
  .dusZ_motiondeckInstallGrid,
  .dusZ_motiondeckMeritGrid,
  .dusZ_motiondeckSceneGrid {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 860px) {
  .dusZ_signalreachQuickGrid,
  .dusZ_signalreachFormRow,
  .dusZ_motiondeckCrumbStats,
  .dusZ_motiondeckMeritGrid,
  .dusZ_motiondeckSceneGrid {
    grid-template-columns: 1fr;
  }

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

  .dusZ_motiondeckDeltaGrid::before {
    display: none;
  }

  .dusZ_motiondeckPhone {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin: 30px auto 18px;
  }

  .dusZ_motiondeckAppshot {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    height: 260px;
    margin-top: 12px;
  }

  .dusZ_motiondeckAppchip--top,
  .dusZ_motiondeckAppchip--mid {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    margin: 12px auto 0;
    display: flex;
    justify-content: center;
  }

  .dusZ_motiondeckBannerVisual {
    min-height: auto;
    display: grid;
    padding-top: 10px;
  }
}

@media (max-width: 640px) {
  .dusZ_signalreach > section,
  .dusZ_motiondeck > section {
    padding: 62px 0;
  }
}
/* list + show page */
.dusZ_infostream > section,
.dusZ_storycore > section {
  padding: 84px 0;
}

.dusZ_infostreamBannerGrid,
.dusZ_infostreamStackGrid,
.dusZ_storycoreBannerGrid,
.dusZ_storycoreWrapGrid {
  display: grid;
  gap: 20px;
}

.dusZ_infostreamBannerGrid,
.dusZ_storycoreBannerGrid {
  grid-template-columns: 1.08fr .92fr;
  align-items: center;
}

.dusZ_infostreamStackGrid,
.dusZ_storycoreWrapGrid {
  grid-template-columns: 1.22fr .78fr;
  align-items: start;
}

.dusZ_infostreamBannerText,
.dusZ_infostreamBannerPanel,
.dusZ_infostreamPathBox,
.dusZ_infostreamStackHead,
.dusZ_infostreamPulse,
.dusZ_infostreamRecent,
.dusZ_infostreamAtlas,
.dusZ_storycoreBannerText,
.dusZ_storycoreBannerVisual,
.dusZ_storycorePathBox,
.dusZ_storycoreWrapHead,
.dusZ_storycoreCue,
.dusZ_storycoreHot,
.dusZ_storycoreFresh,
.dusZ_storycoreSuggest,
.dusZ_storycoreSwitchItem {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--dusZ_line);
  border-radius: 24px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_infostreamBannerText::before,
.dusZ_infostreamBannerPanel::before,
.dusZ_infostreamPathBox::before,
.dusZ_infostreamStackHead::before,
.dusZ_infostreamCard::before,
.dusZ_infostreamPulse::before,
.dusZ_infostreamRecent::before,
.dusZ_infostreamAtlas::before,
.dusZ_infostreamAtlasItem::before,
.dusZ_storycoreBannerText::before,
.dusZ_storycoreBannerVisual::before,
.dusZ_storycorePathBox::before,
.dusZ_storycoreWrapHead::before,
.dusZ_storycoreArticle::before,
.dusZ_storycoreSwitchItem::before,
.dusZ_storycoreCue::before,
.dusZ_storycoreHot::before,
.dusZ_storycoreFresh::before,
.dusZ_storycoreSuggest::before,
.dusZ_storycoreSuggestItem::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .14;
  pointer-events: none;
  background-image:
    linear-gradient(135deg, rgba(9,241,202,.22) 0%, transparent 40%),
    linear-gradient(45deg, rgba(255,255,255,.14) 0%, transparent 48%);
}

/* list banner */
.dusZ_infostreamBannerText h1,
.dusZ_storycoreBannerText h1 {
  margin: 18px 0 0;
  font-size: clamp(2.2rem, 4vw, 3.8rem);
  line-height: 1.1;
}

.dusZ_infostreamBannerText p {
  margin: 16px 0 0;
  line-height: 1.9;
  color: rgba(9,21,48,.86);
}

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

.dusZ_infostreamBannerStat {
  padding: 18px;
  border: 1px solid rgba(9,241,202,.5);
  border-radius: 18px;
  background: rgba(179,234,193,.26);
  text-align: center;
}

.dusZ_infostreamBannerStat strong {
  display: block;
  margin-bottom: 8px;
  font-size: 2rem;
  font-weight: 900;
}

.dusZ_infostreamBannerStat span {
  font-weight: 800;
}

.dusZ_infostreamPathBox h2,
.dusZ_storycorePathBox h2 {
  margin: 16px 0 10px;
  font-size: 1.5rem;
}

.dusZ_infostreamPathTag,
.dusZ_storycorePathTag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(179,234,193,.30);
  font-weight: 900;
}

.dusZ_infostreamPathTrail,
.dusZ_storycorePathTrail {
  line-height: 1.8;
  font-weight: 800;
}

/* list cards */
.dusZ_infostreamStackHead h2,
.dusZ_storycoreWrapHead h2 {
  margin: 18px 0 12px;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
}

.dusZ_infostreamStackHead p,
.dusZ_storycoreWrapHead p,
.dusZ_storycoreCue p {
  margin: 0;
  line-height: 1.85;
  color: rgba(9,21,48,.86);
}

.dusZ_infostreamCards {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}

.dusZ_infostreamCard {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 20px;
  padding: 20px;
  border: 1px solid var(--dusZ_line);
  border-radius: 24px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_infostreamThumb {
  overflow: hidden;
  border-radius: 18px;
}

.dusZ_infostreamThumb img {
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
  transition: transform .5s ease;
}

.dusZ_infostreamCard:hover .dusZ_infostreamThumb img {
  transform: scale(1.06);
}

.dusZ_infostreamMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}

.dusZ_infostreamMeta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(179,234,193,.30);
  font-weight: 800;
}

.dusZ_infostreamBody h3 {
  margin: 0 0 12px;
  font-size: 1.45rem;
  line-height: 1.4;
}

.dusZ_infostreamBody p {
  margin: 0;
  line-height: 1.85;
  color: rgba(9,21,48,.86);
}

.dusZ_infostreamAction {
  margin-top: 18px;
}

.dusZ_infostreamPager {
  margin-top: 26px;
  padding: 18px 20px;
  border: 1px solid var(--dusZ_line);
  border-radius: 20px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
  text-align: center;
}

/* side */
.dusZ_infostreamSide,
.dusZ_storycoreSide {
  display: grid;
  gap: 20px;
}

.dusZ_infostreamPulse h3,
.dusZ_infostreamRecent h3,
.dusZ_infostreamAtlas h3,
.dusZ_storycoreCue h3,
.dusZ_storycoreHot h3,
.dusZ_storycoreFresh h3,
.dusZ_storycoreSuggest h3 {
  margin: 16px 0 14px;
  font-size: 1.3rem;
}

.dusZ_infostreamSideList,
.dusZ_storycoreSideList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.dusZ_infostreamSideList li a,
.dusZ_storycoreSideList li a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 14px;
  border-radius: 16px;
  background: rgba(179,234,193,.24);
  font-weight: 800;
  line-height: 1.7;
  transition: var(--dusZ_ease);
}

.dusZ_infostreamSideList li a:hover,
.dusZ_storycoreSideList li a:hover {
  transform: translateX(4px);
}

.dusZ_infostreamAtlasGrid,
.dusZ_storycoreSuggestGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.dusZ_infostreamAtlasItem,
.dusZ_storycoreSuggestItem {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(9,241,202,.5);
  border-radius: 18px;
  background: rgba(179,234,193,.20);
}

.dusZ_infostreamAtlasItem img,
.dusZ_storycoreSuggestItem img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  border-radius: 12px;
}

.dusZ_infostreamAtlasItem span,
.dusZ_storycoreSuggestItem span {
  font-weight: 800;
  line-height: 1.6;
}

/* show */
.dusZ_storycoreBannerMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.dusZ_storycoreBannerMeta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(179,234,193,.30);
  font-weight: 800;
}

.dusZ_storycoreBannerVisual img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 18px;
}

.dusZ_storycoreArticle {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  padding: 28px;
  border: 1px solid var(--dusZ_line);
  border-radius: 24px;
  background: var(--dusZ_card);
  box-shadow: var(--dusZ_shadow), var(--dusZ_glow);
}

.dusZ_storycoreArticleBody {
  line-height: 1.95;
  color: rgba(9,21,48,.92);
  font-size: 1.05rem;
  word-break: break-word;
}

.dusZ_storycoreArticleBody img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  margin: 18px auto;
}

.dusZ_storycoreArticleBody h1,
.dusZ_storycoreArticleBody h2,
.dusZ_storycoreArticleBody h3,
.dusZ_storycoreArticleBody h4,
.dusZ_storycoreArticleBody h5,
.dusZ_storycoreArticleBody h6 {
  line-height: 1.4;
  margin: 1.2em 0 .6em;
}

.dusZ_storycoreArticleBody p {
  margin: 0 0 1em;
}

.dusZ_storycoreArticleBody ul,
.dusZ_storycoreArticleBody ol {
  padding-left: 22px;
  margin: 0 0 1em;
}

.dusZ_storycoreArticleBody table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  overflow: hidden;
}

.dusZ_storycoreArticleBody table td,
.dusZ_storycoreArticleBody table th {
  padding: 10px 12px;
  border: 1px solid rgba(9,21,48,.16);
  background: rgba(255,255,255,.28);
}

.dusZ_storycoreArticleBody blockquote {
  margin: 18px 0;
  padding: 16px 18px;
  border-left: 4px solid var(--dusZ_line);
  border-radius: 0 14px 14px 0;
  background: rgba(179,234,193,.18);
}

.dusZ_storycoreSwitch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 22px;
}

.dusZ_storycoreSwitchItem strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1rem;
}

.dusZ_storycoreSwitchItem span {
  line-height: 1.8;
  font-weight: 800;
}

/* responsive */
@media (max-width: 1100px) {
  .dusZ_infostreamBannerGrid,
  .dusZ_infostreamStackGrid,
  .dusZ_storycoreBannerGrid,
  .dusZ_storycoreWrapGrid {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 860px) {
  .dusZ_infostreamBannerPanel,
  .dusZ_infostreamCard,
  .dusZ_storycoreSwitch,
  .dusZ_infostreamAtlasGrid,
  .dusZ_storycoreSuggestGrid {
    grid-template-columns: 1fr;
  }

  .dusZ_infostreamThumb img {
    min-height: 200px;
  }

  .dusZ_storycoreBannerVisual img {
    height: 260px;
  }
}

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

  .dusZ_storycoreArticle {
    padding: 20px;
  }
}