:root {
  --shootZ_bg: #0D393F;
  --shootZ_card: #C6FC03;
  --shootZ_line: #121212;
  --shootZ_btn: #0781F2;
  --shootZ_btnDepth: #045db1;
  --shootZ_pill: #BDDEFF;
  --shootZ_text: #101717;
  --shootZ_white: #ffffff;
  --shootZ_shadow: 0 20px 40px rgba(0, 0, 0, .22);
  --shootZ_glow: 0 0 0 1px rgba(18,18,18,.55), 0 0 24px rgba(198,252,3,.18);
  --shootZ_radius: 24px;
  --shootZ_ease: all .3s ease;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--shootZ_text);
  background-color: var(--shootZ_bg);
  background-image:
    linear-gradient(60deg, rgba(255,255,255,.06) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.06) 50%, rgba(255,255,255,.06) 75%, transparent 75%, transparent),
    linear-gradient(120deg, rgba(255,255,255,.04) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.04) 50%, rgba(255,255,255,.04) 75%, transparent 75%, transparent);
  background-size: 38px 66px;
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

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

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

button,
input,
textarea {
  font: inherit;
}

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

.shootZ_tagline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(18,18,18,.45);
  border-radius: 999px;
  background: rgba(189,222,255,.78);
  box-shadow: var(--shootZ_glow);
  color: var(--shootZ_text);
  font-weight: 900;
  letter-spacing: .04em;
}

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

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

.shootZ_centerhead p {
  margin: 0;
  line-height: 1.85;
  color: rgba(16,23,23,.88);
}

.shootZ_depthBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 20px;
  border: 1px solid #03386b;
  border-radius: 16px;
  background: var(--shootZ_btn);
  color: #fff;
  box-shadow: 0 7px 0 var(--shootZ_btnDepth);
  font-weight: 900;
  transition: var(--shootZ_ease);
}

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

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

.shootZ_depthBtn--soft {
  border-color: rgba(18,18,18,.25);
  background: rgba(189,222,255,.82);
  color: var(--shootZ_text);
  box-shadow: 0 7px 0 rgba(98,129,160,.7);
}

/* header */
.shootZ_headbar {
  position: sticky;
  top: 0;
  z-index: 40;
  padding: 14px 0;
  background: rgba(13,57,63,.86);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

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

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

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

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

.shootZ_pillpath {
  justify-self: center;
}

.shootZ_pillpathList,
.shootZ_drawerpathList,
.shootZ_tailmapList {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

.shootZ_pillpathList a,
.shootZ_drawerpathList a {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid rgba(18,18,18,.2);
  border-radius: 999px;
  background: var(--shootZ_pill);
  color: var(--shootZ_text);
  font-weight: 900;
  transition: var(--shootZ_ease);
}

.shootZ_pillpathList a:hover,
.shootZ_drawerpathList a:hover {
  transform: translateY(-2px);
}

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

.shootZ_bookmark,
.shootZ_menukey {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid rgba(18,18,18,.4);
  border-radius: 16px;
  background: var(--shootZ_pill);
  color: var(--shootZ_text);
  box-shadow: var(--shootZ_glow);
  cursor: pointer;
  font-weight: 900;
}

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

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

.shootZ_drawerpath {
  display: none;
  width: min(1240px, calc(100% - 32px));
  margin: 12px auto 0;
  padding: 16px;
  border: 1px solid rgba(18,18,18,.34);
  border-radius: 24px;
  background: rgba(189,222,255,.92);
  box-shadow: var(--shootZ_shadow), var(--shootZ_glow);
}

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

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

/* common card */
.shootZ_coreflow > section {
  padding: 84px 0;
}

.shootZ_openframeText,
.shootZ_openframeVisual,
.shootZ_storypaneMedia,
.shootZ_storypaneText,
.shootZ_signalgridCard,
.shootZ_shieldlaneItem,
.shootZ_answerrailSlider,
.shootZ_scopepanelCard,
.shootZ_skillmatrixCard,
.shootZ_powerdeckCard,
.shootZ_querydeckLead,
.shootZ_querydeckList details,
.shootZ_newsdeckCard,
.shootZ_linkbridgeText,
.shootZ_linkbridgeForm,
.shootZ_tailbrand,
.shootZ_tailmap,
.shootZ_tailreach,
.shootZ_tailcopy {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--shootZ_line);
  border-radius: 24px;
  background: var(--shootZ_card);
  box-shadow: var(--shootZ_shadow), var(--shootZ_glow);
}

.shootZ_openframeText::before,
.shootZ_openframeVisual::before,
.shootZ_storypaneMedia::before,
.shootZ_storypaneText::before,
.shootZ_signalgridCard::before,
.shootZ_shieldlaneItem::before,
.shootZ_answerrailSlider::before,
.shootZ_scopepanelCard::before,
.shootZ_skillmatrixCard::before,
.shootZ_powerdeckCard::before,
.shootZ_querydeckLead::before,
.shootZ_querydeckList details::before,
.shootZ_newsdeckCard::before,
.shootZ_linkbridgeText::before,
.shootZ_linkbridgeForm::before,
.shootZ_tailbrand::before,
.shootZ_tailmap::before,
.shootZ_tailreach::before,
.shootZ_tailcopy::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .12;
  pointer-events: none;
  background-image:
    linear-gradient(135deg, rgba(18,18,18,.12) 0%, transparent 38%),
    linear-gradient(45deg, rgba(255,255,255,.14) 0%, transparent 46%);
}

.shootZ_openframeGrid,
.shootZ_storypaneGrid,
.shootZ_querydeckGrid,
.shootZ_linkbridgeGrid,
.shootZ_tailgrid,
.shootZ_skillmatrixWrap,
.shootZ_newsdeckWrap {
  display: grid;
  gap: 20px;
}

.shootZ_openframeGrid,
.shootZ_storypaneGrid,
.shootZ_linkbridgeGrid {
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
}

.shootZ_querydeckGrid {
  grid-template-columns: .84fr 1.16fr;
}

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

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

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

.shootZ_openframeText h1 {
  margin: 18px 0 16px;
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 1.04;
}

.shootZ_openframeText p,
.shootZ_storypaneText p,
.shootZ_signalgridCard p,
.shootZ_shieldlaneItem p,
.shootZ_answerrailItem p,
.shootZ_scopepanelCard p,
.shootZ_skillmatrixCard p,
.shootZ_powerdeckCard p,
.shootZ_querydeckLead p,
.shootZ_querydeckList details p,
.shootZ_newsdeckBody span,
.shootZ_linkbridgeText p,
.shootZ_tailbrand p:last-child {
  margin: 0;
  line-height: 1.85;
  color: rgba(16,23,23,.88);
}

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

.shootZ_openframeVisual {
  min-height: 430px;
  background: linear-gradient(180deg, rgba(189,222,255,.18) 0%, rgba(255,255,255,.08) 100%);
}

.shootZ_openframePhoto {
  position: absolute;
  inset: 40px 78px;
  overflow: hidden;
  border-radius: 24px;
  transform: skew(-4deg);
}

.shootZ_openframePhoto img,
.shootZ_storypaneMedia img,
.shootZ_skillmatrixCard img,
.shootZ_newsdeckThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shootZ_openframeNote {
  position: absolute;
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid var(--shootZ_line);
  border-radius: 18px;
  background: rgba(189,222,255,.84);
  box-shadow: var(--shootZ_glow);
  font-weight: 900;
}

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

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

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

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

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

.shootZ_storypaneMark {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 14px;
  align-items: start;
  padding: 16px;
  border-radius: 18px;
  background: rgba(189,222,255,.45);
}

.shootZ_storypaneMark i,
.shootZ_signalgridCard i,
.shootZ_shieldlaneItem i,
.shootZ_scopepanelCard i,
.shootZ_powerdeckCard i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #0f1416;
  color: #C6FC03;
  box-shadow: 0 6px 0 rgba(0,0,0,.35);
}

.shootZ_storypaneMark h3,
.shootZ_signalgridCard h3,
.shootZ_shieldlaneItem h3,
.shootZ_scopepanelCard h3,
.shootZ_skillmatrixCard h3,
.shootZ_powerdeckCard h3,
.shootZ_newsdeckBody h3 {
  margin: 0 0 8px;
}

.shootZ_signalgridWrap,
.shootZ_powerdeckWrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.shootZ_signalgridCard {
  text-align: center;
}

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

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

.shootZ_shieldlaneColumn {
  display: grid;
  gap: 18px;
}

.shootZ_answerrailSlider {
  text-align: center;
}

.shootZ_answerrailItem {
  display: none;
}

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

.shootZ_answerrailItem i {
  font-size: 2rem;
  color: #0f1416;
}

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

.shootZ_answerrailDot {
  width: 12px;
  height: 12px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(7,129,242,.24);
  cursor: pointer;
}

.shootZ_answerrailDot.is-active {
  background: #0781F2;
}

.shootZ_scopepanelWrap {
  display: grid;
  grid-template-columns: 1.2fr .8fr .8fr 1.2fr;
  gap: 18px;
}

.shootZ_scopepanelCard--large {
  min-height: 230px;
}

.shootZ_skillmatrixCard img {
  width: 100%;
  height: 220px;
  border-radius: 16px;
}

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

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

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

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

.shootZ_newsdeckBody {
  padding-top: 16px;
}

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

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

.shootZ_linkbridgeMeta span,
.shootZ_tailreach span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(189,222,255,.48);
  font-weight: 800;
}

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

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

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

.shootZ_linkbridgeForm input,
.shootZ_linkbridgeForm textarea {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid rgba(18,18,18,.22);
  border-radius: 14px;
  outline: none;
  color: var(--shootZ_text);
  background: rgba(255,255,255,.74);
}

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

.shootZ_tailmapList a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(189,222,255,.54);
  font-weight: 800;
}

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

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

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

.shootZ_topjump {
  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 #03386b;
  border-radius: 16px;
  background: var(--shootZ_btn);
  color: #fff;
  box-shadow: 0 7px 0 var(--shootZ_btnDepth);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: var(--shootZ_ease);
  font-weight: 900;
}

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

@media (max-width: 1080px) {
  .shootZ_openframeGrid,
  .shootZ_storypaneGrid,
  .shootZ_querydeckGrid,
  .shootZ_linkbridgeGrid,
  .shootZ_tailgrid,
  .shootZ_headgrid,
  .shootZ_navdock,
  .shootZ_newsdeckWrap,
  .shootZ_scopepanelWrap,
  .shootZ_signalgridWrap,
  .shootZ_powerdeckWrap {
    grid-template-columns: 1fr;
  }

  .shootZ_pillpath {
    justify-self: stretch;
  }

  .shootZ_pillpathList {
    justify-content: center;
  }

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

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

  .shootZ_menukey {
    display: inline-flex;
  }

  .shootZ_shieldlaneWrap,
  .shootZ_skillmatrixWrap,
  .shootZ_newsdeckWrap,
  .shootZ_linkbridgeRow {
    grid-template-columns: 1fr;
  }

  .shootZ_openframeVisual {
    min-height: 320px;
  }

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

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

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

  .shootZ_bookmarkText,
  .shootZ_topjump span {
    display: none;
  }

  .shootZ_tailmapList {
    grid-template-columns: 1fr;
  }
}
/* contact + app */
.shootZ_reachverse > section,
.shootZ_motionfield > section {
  padding: 84px 0;
}

.shootZ_reachverseLeadGrid,
.shootZ_reachverseMapGrid,
.shootZ_reachverseLetterGrid,
.shootZ_motionfieldLeadGrid,
.shootZ_motionfieldFetchGrid,
.shootZ_motionfieldAssistGrid,
.shootZ_motionfieldInviteGrid {
  display: grid;
  gap: 20px;
}

.shootZ_reachverseLeadGrid,
.shootZ_reachverseLetterGrid,
.shootZ_motionfieldFetchGrid,
.shootZ_motionfieldInviteGrid {
  grid-template-columns: 1.03fr .97fr;
  align-items: center;
}

.shootZ_reachverseMapGrid,
.shootZ_motionfieldAssistGrid,
.shootZ_motionfieldLeadGrid {
  grid-template-columns: .88fr 1.12fr;
  align-items: start;
}

.shootZ_reachverseLeadText,
.shootZ_reachverseLeadVisual,
.shootZ_reachverseQuickCard,
.shootZ_reachverseMapLead,
.shootZ_reachverseMapList,
.shootZ_reachverseMapItem,
.shootZ_reachverseLetterText,
.shootZ_reachverseForm,
.shootZ_motionfieldLeadVisual,
.shootZ_motionfieldLeadText,
.shootZ_motionfieldFetchText,
.shootZ_motionfieldFetchPanel,
.shootZ_motionfieldValueCard,
.shootZ_motionfieldSenseCard,
.shootZ_motionfieldMatrixBoard,
.shootZ_motionfieldPatchCard,
.shootZ_motionfieldAssistLead,
.shootZ_motionfieldAssistList details,
.shootZ_motionfieldInstallColumn,
.shootZ_motionfieldTrustCard,
.shootZ_motionfieldInviteGrid,
.shootZ_motionfieldJoinBox {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--shootZ_line);
  border-radius: 24px;
  background: var(--shootZ_card);
  box-shadow: var(--shootZ_shadow), var(--shootZ_glow);
}

.shootZ_reachverseLeadText::before,
.shootZ_reachverseLeadVisual::before,
.shootZ_reachverseQuickCard::before,
.shootZ_reachverseMapLead::before,
.shootZ_reachverseMapList::before,
.shootZ_reachverseMapItem::before,
.shootZ_reachverseLetterText::before,
.shootZ_reachverseForm::before,
.shootZ_motionfieldLeadVisual::before,
.shootZ_motionfieldLeadText::before,
.shootZ_motionfieldFetchText::before,
.shootZ_motionfieldFetchPanel::before,
.shootZ_motionfieldValueCard::before,
.shootZ_motionfieldSenseCard::before,
.shootZ_motionfieldMatrixBoard::before,
.shootZ_motionfieldPatchCard::before,
.shootZ_motionfieldAssistLead::before,
.shootZ_motionfieldAssistList details::before,
.shootZ_motionfieldInstallColumn::before,
.shootZ_motionfieldTrustCard::before,
.shootZ_motionfieldInviteGrid::before,
.shootZ_motionfieldJoinBox::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .12;
  pointer-events: none;
  background-image:
    linear-gradient(135deg, rgba(18,18,18,.12) 0%, transparent 38%),
    linear-gradient(45deg, rgba(255,255,255,.14) 0%, transparent 46%);
}

.shootZ_reachverseLeadText h1,
.shootZ_motionfieldLeadText h1 {
  margin: 18px 0 16px;
  font-size: clamp(2.25rem, 4vw, 3.95rem);
  line-height: 1.06;
  color: var(--shootZ_text);
}

.shootZ_reachverseLeadText p:last-child,
.shootZ_motionfieldLeadText p:last-child {
  margin: 0;
  color: rgba(16,23,23,.88);
  line-height: 1.9;
}

.shootZ_reachverseLeadVisual,
.shootZ_motionfieldLeadVisual,
.shootZ_motionfieldFetchPanel {
  min-height: 360px;
  background: linear-gradient(180deg, rgba(189,222,255,.18) 0%, rgba(255,255,255,.10) 100%);
}

.shootZ_reachverseCore,
.shootZ_reachverseFloat,
.shootZ_motionfieldFloat,
.shootZ_motionfieldFetchAura {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--shootZ_line);
  box-shadow: var(--shootZ_glow);
}

.shootZ_reachverseCore {
  inset: 74px 86px;
  flex-direction: column;
  justify-content: center;
  border-radius: 30px;
  background: rgba(189,222,255,.52);
  color: var(--shootZ_text);
  text-align: center;
}

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

.shootZ_reachverseFloat,
.shootZ_motionfieldFloat {
  padding: 14px 16px;
  border-radius: 18px;
  color: var(--shootZ_text);
  background: rgba(189,222,255,.82);
  font-weight: 900;
}

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

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

.shootZ_reachverseQuickGrid,
.shootZ_motionfieldValueGrid,
.shootZ_motionfieldSenseGrid,
.shootZ_motionfieldTrustGrid {
  display: grid;
  gap: 18px;
}

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

.shootZ_reachverseQuickCard i,
.shootZ_motionfieldSenseCard h3 span,
.shootZ_motionfieldTrustCard span,
.shootZ_motionfieldInstallStep span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  color: #C6FC03;
  background: #0f1416;
  box-shadow: 0 6px 0 rgba(0,0,0,.34);
  font-size: 1.1rem;
}

.shootZ_reachverseQuickCard small {
  display: block;
  margin: 16px 0 10px;
  color: var(--shootZ_text);
  font-weight: 900;
}

.shootZ_reachverseQuickCard a,
.shootZ_reachverseQuickCard span,
.shootZ_reachverseQuickCard time {
  display: block;
  color: var(--shootZ_text);
  font-size: 1.04rem;
  font-weight: 900;
}

.shootZ_reachverseQuickCard p {
  margin: 12px 0 0;
  color: rgba(16,23,23,.84);
  line-height: 1.8;
}

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

.shootZ_reachverseMapItem {
  padding: 0;
  background: rgba(255,255,255,.18);
}

.shootZ_reachverseTrigger {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 18px 20px;
  border: 0;
  color: var(--shootZ_text);
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-weight: 900;
}

.shootZ_reachverseTrigger span {
  flex: 1;
}

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

.shootZ_reachverseMapItem.is-open .shootZ_reachversePanel {
  display: block;
}

.shootZ_reachversePanelInner p {
  margin: 0 0 14px;
  color: rgba(16,23,23,.86);
  line-height: 1.85;
}

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

.shootZ_reachversePanelInner li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.7;
  color: var(--shootZ_text);
}

.shootZ_reachverseLetterMeta,
.shootZ_motionfieldCloud,
.shootZ_motionfieldFetchAction,
.shootZ_motionfieldJoinAction,
.shootZ_motionfieldFigures {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.shootZ_reachverseLetterMeta span,
.shootZ_motionfieldCloud span,
.shootZ_motionfieldInviteCode,
.shootZ_motionfieldJoinBadge,
.shootZ_motionfieldTrustTag,
.shootZ_motionfieldFigures div {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(18,18,18,.22);
  border-radius: 999px;
  background: rgba(189,222,255,.54);
  color: var(--shootZ_text);
  font-weight: 900;
}

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

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

.shootZ_reachverseForm label {
  display: grid;
  gap: 8px;
  font-weight: 800;
  color: var(--shootZ_text);
}

.shootZ_reachverseForm input,
.shootZ_reachverseForm textarea {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid rgba(18,18,18,.22);
  border-radius: 14px;
  outline: none;
  color: var(--shootZ_text);
  background: rgba(255,255,255,.74);
}

.shootZ_reachverseForm input::placeholder,
.shootZ_reachverseForm textarea::placeholder {
  color: rgba(16,23,23,.56);
}

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

.shootZ_motionfieldFigures strong {
  display: block;
  font-size: 1.6rem;
  color: var(--shootZ_text);
}

.shootZ_motionfieldPhone {
  position: absolute;
  inset: 34px 96px;
  padding: 14px;
  border: 2px solid rgba(18,18,18,.28);
  border-radius: 38px;
  background: rgba(255,255,255,.58);
  box-shadow: var(--shootZ_glow);
}

.shootZ_motionfieldScreen {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  color: var(--shootZ_text);
  background: linear-gradient(180deg, rgba(189,222,255,.48) 0%, rgba(198,252,3,.30) 100%);
  text-align: center;
}

.shootZ_motionfieldScreen i {
  margin-bottom: 10px;
  font-size: 2.3rem;
}

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

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

.shootZ_motionfieldFetchAura {
  inset: 50% auto auto 50%;
  flex-direction: column;
  justify-content: center;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(189,222,255,.56);
  color: var(--shootZ_text);
  transform: translate(-50%, -50%);
}

.shootZ_motionfieldFetchAura strong {
  font-size: 2.5rem;
  line-height: 1;
}

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

.shootZ_motionfieldValueCard h3,
.shootZ_motionfieldSenseCard h3,
.shootZ_motionfieldInstallColumn h3,
.shootZ_motionfieldPatchCard h3,
.shootZ_motionfieldTrustCard h3 {
  margin: 0 0 10px;
  color: var(--shootZ_text);
}

.shootZ_motionfieldValueCard p,
.shootZ_motionfieldSenseCard p,
.shootZ_motionfieldPatchCard p,
.shootZ_motionfieldTrustCard p,
.shootZ_motionfieldAssistLead p,
.shootZ_motionfieldAssistList details p,
.shootZ_motionfieldInstallStep p,
.shootZ_motionfieldInviteText p,
.shootZ_motionfieldJoinBox p {
  margin: 0;
  color: rgba(16,23,23,.86);
  line-height: 1.8;
}

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

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

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

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

.shootZ_motionfieldMatrixRow span {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(189,222,255,.52);
  color: var(--shootZ_text);
  font-weight: 900;
}

.shootZ_motionfieldMatrixRow--head span {
  background: rgba(189,222,255,.82);
}

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

.shootZ_motionfieldPatchYear {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--shootZ_line);
  border-radius: 999px;
  color: var(--shootZ_text);
  background: rgba(189,222,255,.54);
  box-shadow: var(--shootZ_glow);
  font-weight: 900;
}

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

.shootZ_motionfieldPatchCard li {
  position: relative;
  padding-left: 18px;
  color: var(--shootZ_text);
  line-height: 1.7;
}

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

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

.shootZ_motionfieldAssistList details summary {
  cursor: pointer;
  color: var(--shootZ_text);
  font-weight: 900;
}

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

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

.shootZ_motionfieldInstallStep h4 {
  margin: 0 0 6px;
  color: var(--shootZ_text);
}

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

.shootZ_motionfieldTrustTail {
  margin: 18px 0 0;
  color: rgba(16,23,23,.86);
  text-align: center;
}

.shootZ_motionfieldInviteGrid {
  align-items: center;
}

.shootZ_motionfieldInviteText h2,
.shootZ_motionfieldJoinBox h2 {
  margin: 0 0 12px;
  font-size: clamp(1.9rem, 3vw, 3rem);
  color: var(--shootZ_text);
}

.shootZ_motionfieldInviteCode {
  margin-top: 10px;
}

.shootZ_motionfieldJoinBox {
  text-align: center;
}

.shootZ_motionfieldJoinAction {
  justify-content: center;
}

@media (max-width: 1080px) {
  .shootZ_reachverseLeadGrid,
  .shootZ_reachverseMapGrid,
  .shootZ_reachverseLetterGrid,
  .shootZ_motionfieldLeadGrid,
  .shootZ_motionfieldFetchGrid,
  .shootZ_motionfieldAssistGrid,
  .shootZ_motionfieldInviteGrid,
  .shootZ_motionfieldInstallGrid {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 860px) {
  .shootZ_reachverseQuickGrid,
  .shootZ_motionfieldValueGrid,
  .shootZ_motionfieldSenseGrid,
  .shootZ_motionfieldTrustGrid,
  .shootZ_reachverseFormRow {
    grid-template-columns: 1fr;
  }

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

  .shootZ_motionfieldPhone {
    inset: 28px 38px;
  }

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

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

  .shootZ_reachverseLeadVisual,
  .shootZ_motionfieldLeadVisual,
  .shootZ_motionfieldFetchPanel {
    min-height: 280px;
  }

  .shootZ_motionfieldPhone {
    inset: 20px 20px;
  }

  .shootZ_motionfieldFetchAura {
    width: 154px;
    height: 154px;
  }

  .shootZ_reachverseQuickGrid,
  .shootZ_motionfieldTrustGrid {
    grid-template-columns: 1fr;
  }
}
/* list + show */
.shootZ_columnnest > section,
.shootZ_storygrid > section {
  padding: 84px 0;
}

.shootZ_columnnestLeadGrid,
.shootZ_columnnestDeckGrid,
.shootZ_storygridLeadGrid,
.shootZ_storygridDeckGrid {
  display: grid;
  gap: 20px;
}

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

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

.shootZ_columnnestLeadText,
.shootZ_columnnestLeadVisual,
.shootZ_columnnestMain,
.shootZ_columnnestRail,
.shootZ_columnnestPanel,
.shootZ_columnnestCard,
.shootZ_storygridLeadText,
.shootZ_storygridLeadVisual,
.shootZ_storygridMain,
.shootZ_storygridRail,
.shootZ_storygridPaper,
.shootZ_storygridRelay,
.shootZ_storygridPanel,
.shootZ_storygridHotCard,
.shootZ_storygridRelayCard {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--shootZ_line);
  border-radius: 24px;
  background: var(--shootZ_card);
  box-shadow: var(--shootZ_shadow), var(--shootZ_glow);
}

.shootZ_columnnestLeadText,
.shootZ_columnnestLeadVisual,
.shootZ_columnnestMain,
.shootZ_columnnestRail,
.shootZ_columnnestPanel,
.shootZ_storygridLeadText,
.shootZ_storygridLeadVisual,
.shootZ_storygridMain,
.shootZ_storygridRail,
.shootZ_storygridPaper,
.shootZ_storygridRelay,
.shootZ_storygridPanel {
  padding: 24px;
}

.shootZ_columnnestLeadText::before,
.shootZ_columnnestLeadVisual::before,
.shootZ_columnnestMain::before,
.shootZ_columnnestRail::before,
.shootZ_columnnestPanel::before,
.shootZ_columnnestCard::before,
.shootZ_storygridLeadText::before,
.shootZ_storygridLeadVisual::before,
.shootZ_storygridMain::before,
.shootZ_storygridRail::before,
.shootZ_storygridPaper::before,
.shootZ_storygridRelay::before,
.shootZ_storygridPanel::before,
.shootZ_storygridHotCard::before,
.shootZ_storygridRelayCard::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .12;
  pointer-events: none;
  background-image:
    linear-gradient(135deg, rgba(18,18,18,.12) 0%, transparent 38%),
    linear-gradient(45deg, rgba(255,255,255,.14) 0%, transparent 46%);
}

.shootZ_columnnestLeadText h1,
.shootZ_storygridLeadText h1 {
  margin: 18px 0 16px;
  font-size: clamp(2.2rem, 4vw, 3.85rem);
  line-height: 1.06;
  color: var(--shootZ_text);
}

.shootZ_columnnestLeadText p:last-child,
.shootZ_storygridLeadText p:last-child {
  margin: 0;
  color: rgba(16,23,23,.88);
  line-height: 1.9;
}

.shootZ_columnnestLeadVisual,
.shootZ_storygridLeadVisual {
  min-height: 330px;
  background: linear-gradient(180deg, rgba(189,222,255,.16) 0%, rgba(255,255,255,.12) 100%);
}

.shootZ_columnnestLeadCore,
.shootZ_storygridLeadCore {
  position: absolute;
  inset: 68px 82px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--shootZ_line);
  border-radius: 28px;
  color: var(--shootZ_text);
  background: rgba(189,222,255,.42);
  box-shadow: var(--shootZ_glow);
  text-align: center;
}

.shootZ_columnnestLeadCore i,
.shootZ_storygridLeadCore i {
  font-size: 2.5rem;
}

.shootZ_columnnestLeadCore span,
.shootZ_storygridLeadCore span {
  font-size: 1.15rem;
  font-weight: 900;
}

.shootZ_columnnestLeadFloat,
.shootZ_storygridLeadFloat {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid var(--shootZ_line);
  border-radius: 18px;
  color: var(--shootZ_text);
  background: rgba(189,222,255,.72);
  box-shadow: var(--shootZ_glow);
  font-weight: 900;
}

.shootZ_columnnestLeadFloat--left,
.shootZ_storygridLeadFloat--left {
  top: 22px;
  left: 22px;
}

.shootZ_columnnestLeadFloat--right,
.shootZ_storygridLeadFloat--right {
  right: 22px;
  bottom: 22px;
}

.shootZ_columnnestCrumb,
.shootZ_storygridCrumb {
  padding-top: 0 !important;
}

.shootZ_columnnestCrumbBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 18px 22px;
  border: 1px solid var(--shootZ_line);
  border-radius: 18px;
  color: var(--shootZ_text);
  background: var(--shootZ_card);
  box-shadow: var(--shootZ_shadow), var(--shootZ_glow);
  font-weight: 900;
}

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

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

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

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

.shootZ_columnnestCopy h2 {
  margin: 0 0 10px;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--shootZ_text);
}

.shootZ_columnnestCopy span,
.shootZ_storygridHotMeta p {
  color: rgba(16,23,23,.84);
  line-height: 1.78;
}

.shootZ_columnnestMeta time,
.shootZ_storygridHotMeta time,
.shootZ_storygridRelayMeta time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .9rem;
  font-weight: 900;
  color: var(--shootZ_text);
}

.shootZ_columnnestRailStack,
.shootZ_storygridRailStack,
.shootZ_storygridHotList {
  display: grid;
  gap: 18px;
}

.shootZ_columnnestPanel h3,
.shootZ_storygridPanel h3 {
  margin: 0 0 16px;
  color: var(--shootZ_text);
  font-size: 1.14rem;
}

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

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

.shootZ_columnnestField label {
  color: rgba(16,23,23,.72);
  font-size: .86rem;
  font-weight: 900;
}

.shootZ_columnnestField input {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid rgba(18,18,18,.22);
  border-radius: 14px;
  outline: none;
  color: var(--shootZ_text);
  background: rgba(255,255,255,.72);
}

.shootZ_columnnestField input::placeholder {
  color: rgba(16,23,23,.60);
}

.shootZ_columnnestSearchBtn,
.shootZ_storygridShareBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  min-width: 54px;
  height: 54px;
  border: 1px solid #03386b;
  border-radius: 16px;
  color: #fff;
  background: var(--shootZ_btn);
  box-shadow: 0 7px 0 var(--shootZ_btnDepth);
  cursor: pointer;
}

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

.shootZ_columnnestMenu a {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid rgba(18,18,18,.2);
  border-radius: 14px;
  background: rgba(189,222,255,.46);
  color: var(--shootZ_text);
  font-weight: 900;
  transition: var(--shootZ_ease);
}

.shootZ_columnnestMenu a:hover {
  transform: translateY(-2px);
  background: rgba(189,222,255,.68);
}

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

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

.shootZ_storygridInfo span,
.shootZ_storygridInfo time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(18,18,18,.18);
  border-radius: 999px;
  background: rgba(189,222,255,.44);
  color: var(--shootZ_text);
  font-weight: 900;
}

.shootZ_storygridContent {
  color: var(--shootZ_text);
  font-size: 1rem;
  line-height: 1.95;
}

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

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

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

.shootZ_storygridPagerLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 54px;
  padding: 0 16px;
  border: 1px solid rgba(18,18,18,.18);
  border-radius: 16px;
  background: rgba(189,222,255,.42);
  color: var(--shootZ_text);
  font-weight: 900;
}

.shootZ_storygridBack {
  margin-top: 22px;
}

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

.shootZ_storygridShare h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  color: var(--shootZ_text);
  font-size: 1.16rem;
}

.shootZ_storygridShare p {
  margin: 0 0 16px;
  color: rgba(16,23,23,.84);
}

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

.shootZ_storygridRelay {
  margin-top: 22px;
}

.shootZ_storygridRelay h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  color: var(--shootZ_text);
  font-size: 1.24rem;
}

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

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

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

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

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

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

.shootZ_storygridHotMeta h4,
.shootZ_storygridRelayMeta h3 {
  margin: 0 0 8px;
  font-size: .98rem;
  line-height: 1.45;
  color: var(--shootZ_text);
}

@media (max-width: 1080px) {
  .shootZ_columnnestLeadGrid,
  .shootZ_columnnestDeckGrid,
  .shootZ_storygridLeadGrid,
  .shootZ_storygridDeckGrid {
    grid-template-columns: 1fr;
  }

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

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

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

  .shootZ_columnnestLeadVisual,
  .shootZ_storygridLeadVisual {
    min-height: 280px;
  }

  .shootZ_columnnestLeadCore,
  .shootZ_storygridLeadCore {
    inset: 52px 22px;
  }
}

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

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

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

  .shootZ_storygridInfo {
    flex-direction: column;
  }

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

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