:root{
  --FoepZ_bg:#514347;
  --FoepZ_grid:#6c5a5f;
  --FoepZ_card:#E41131;
  --FoepZ_glow:#07F24E;
  --FoepZ_btn:#1809F1;
  --FoepZ_nav:#0C0D0E;
  --FoepZ_text:#fff6f7;
  --FoepZ_dark:#141114;
  --FoepZ_soft:#f6d9df;
  --FoepZ_pale:#f3ecee;
  --FoepZ_shell:min(1280px,calc(100% - 24px));
  --FoepZ_radius:24px;
  --FoepZ_shadow:0 20px 42px rgba(0,0,0,.24);
  --FoepZ_borderGlow:0 0 0 1px rgba(7,242,78,.65),0 0 20px rgba(7,242,78,.2);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--FoepZ_text);
  font:16px/1.75 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:
    linear-gradient(var(--FoepZ_grid) 1px, transparent 1px),
    linear-gradient(90deg,var(--FoepZ_grid) 1px, transparent 1px),
    var(--FoepZ_bg);
  background-size:34px 34px,34px 34px,auto;
}

a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
button{border:0;cursor:pointer}

.FoepZ_headerShell,
.FoepZ_footerShell,
.FoepZ_homeMain{
  width:var(--FoepZ_shell);
  margin:0 auto;
}

.FoepZ_homeMain{
  padding:28px 0 72px;
}

.FoepZ_badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(7,242,78,.12);
  border:1px solid rgba(7,242,78,.55);
  color:#cbffd8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
}

.FoepZ_sectionHead{
  margin-bottom:18px;
}

.FoepZ_sectionHead h2{
  margin:14px 0 0;
  font-size:clamp(30px,3vw,44px);
  line-height:1.1;
}

.FoepZ_solidBtn,
.FoepZ_outlineBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 22px;
  border-radius:16px;
  font-weight:900;
}

.FoepZ_solidBtn{
  background:linear-gradient(180deg,#4b3dff 0%,#1809F1 64%,#0f0697 100%);
  color:#fff;
  box-shadow:0 8px 0 #0c0476,0 16px 26px rgba(24,9,241,.34);
}

.FoepZ_outlineBtn{
  background:rgba(255,255,255,.08);
  color:#fff;
  box-shadow:var(--FoepZ_borderGlow);
  border:1px solid rgba(7,242,78,.4);
}

/* header */
.FoepZ_siteHeader{
  position:sticky;
  top:0;
  z-index:99;
  backdrop-filter:blur(12px);
}

.FoepZ_topRibbon{
  background:linear-gradient(90deg,#6e0f23 0%,#8d2036 48%,#5f0d1f 100%);
}

.FoepZ_topRibbonInner{
  min-height:76px;
  display:grid;
  grid-template-columns:220px 1fr 190px;
  gap:16px;
  align-items:center;
}

.FoepZ_brandPocket{
  display:flex;
  align-items:center;
}

.FoepZ_brandMark{
  width:58px;
  height:58px;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:var(--FoepZ_borderGlow);
}

.FoepZ_brandName{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}

.FoepZ_noticeTrack{
  overflow:hidden;
  white-space:nowrap;
}

.FoepZ_noticeTrain{
  display:flex;
  gap:64px;
  width:max-content;
  animation:FoepZ_noticeMove 22s linear infinite;
}

.FoepZ_noticeLine p{
  margin:0;
  color:#d8ffe3;
  font-weight:900;
}

@keyframes FoepZ_noticeMove{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.FoepZ_bookmarkSlot{
  display:flex;
  justify-content:flex-end;
}

.FoepZ_bookmarkBtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 16px;
  border-radius:16px;
  background:linear-gradient(180deg,#4b3dff 0%,#1809F1 64%,#0f0697 100%);
  color:#fff;
  font-weight:900;
  box-shadow:0 8px 0 #0c0476,0 16px 26px rgba(24,9,241,.34);
}

.FoepZ_bookmarkIcon{
  color:#8bffae;
}

.FoepZ_navRibbon{
  background:rgba(12,13,14,.96);
  border-bottom:1px solid rgba(7,242,78,.18);
}

.FoepZ_navRibbonInner{
  min-height:68px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.FoepZ_primeNav{
  width:100%;
}

.FoepZ_primeList{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px 16px;
}

.FoepZ_primeList a,
.FoepZ_mobileList a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:14px;
  color:#fff;
  font-weight:900;
  transition:.25s ease;
}

.FoepZ_primeList a:hover,
.FoepZ_mobileList a:hover{
  background:rgba(7,242,78,.08);
  color:#9cffb6;
  box-shadow:0 0 0 1px rgba(7,242,78,.2),0 0 14px rgba(7,242,78,.14);
}

.FoepZ_hamburgerDock{
  display:none;
  position:absolute;
  right:0;
}

.FoepZ_hamburgerBtn{
  width:50px;
  height:50px;
  border-radius:14px;
  background:#17181a;
  color:#fff;
  box-shadow:var(--FoepZ_borderGlow);
}

.FoepZ_mobileNavPanel{
  display:none;
  padding:12px 0 0;
}

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

.FoepZ_mobileNav{
  padding:12px;
  border-radius:20px;
  background:#0C0D0E;
  box-shadow:var(--FoepZ_borderGlow),var(--FoepZ_shadow);
}

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

/* card base */
.FoepZ_vanguardCopy,
.FoepZ_vanguardImage,
.FoepZ_vanguardMarkA,
.FoepZ_vanguardMarkB,
.FoepZ_profileVisual,
.FoepZ_profileNarrative,
.FoepZ_metricUnit,
.FoepZ_shieldCard,
.FoepZ_capacityLead,
.FoepZ_capacityNode,
.FoepZ_territoryCard,
.FoepZ_dialogueCard,
.FoepZ_solutionAsideLeft,
.FoepZ_solutionGrid,
.FoepZ_solutionAsideRight,
.FoepZ_questionIntro,
.FoepZ_questionList,
.FoepZ_journalCard,
.FoepZ_accessAsideLeft,
.FoepZ_accessFormWrap,
.FoepZ_accessInfoWrap,
.FoepZ_accessAsideRight,
.FoepZ_footerBrand,
.FoepZ_footerLinks,
.FoepZ_footerReach,
.FoepZ_footerCopy{
  background:var(--FoepZ_card);
  color:var(--FoepZ_text);
  border-radius:var(--FoepZ_radius);
  box-shadow:var(--FoepZ_borderGlow),var(--FoepZ_shadow);
  overflow:hidden;
}

/* 1 banner */
.FoepZ_vanguardScene{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:18px;
}

.FoepZ_vanguardCopy,
.FoepZ_vanguardImage,
.FoepZ_vanguardMarkA,
.FoepZ_vanguardMarkB{
  min-height:260px;
  padding:24px;
}

.FoepZ_vanguardCopy,
.FoepZ_vanguardMarkB{
  background:#0C0D0E;
}

.FoepZ_vanguardImage,
.FoepZ_vanguardMarkA{
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_vanguardCopy h1{
  margin:14px 0 0;
  font-size:clamp(34px,4.3vw,58px);
  line-height:1.05;
}

.FoepZ_vanguardCopy p{
  color:rgba(255,255,255,.82);
}

.FoepZ_vanguardActions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px;
}

.FoepZ_vanguardImage{
  padding:14px;
}

.FoepZ_vanguardImage img{
  width:100%;
  height:100%;
  min-height:232px;
  object-fit:cover;
  border-radius:18px;
}

.FoepZ_vanguardMarkA{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.FoepZ_vanguardMarkA strong{
  font-size:36px;
  color:#1809F1;
}

.FoepZ_vanguardMarkA span{
  font-weight:900;
  color:#5f4c52;
}

.FoepZ_vanguardMarkB{
  display:grid;
  place-items:center;
}

.FoepZ_vanguardMarkB i{
  font-size:68px;
  color:#07F24E;
}

/* 2 intro */
.FoepZ_profileSphere{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:stretch;
}

.FoepZ_profileVisual,
.FoepZ_profileNarrative{
  min-height:420px;
  padding:28px;
}

.FoepZ_profileVisual{
  padding:14px;
  background:linear-gradient(180deg,#0C0D0E 0 44%, #f5eef0 44% 100%);
}

.FoepZ_profileVisual img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50px;
}

.FoepZ_profileNarrative{
  background:#E41131;
}

.FoepZ_profileNarrative h2{
  margin:14px 0 0;
  font-size:clamp(30px,3vw,44px);
}

.FoepZ_profileTags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}

.FoepZ_profileTags span{
  padding:10px 14px;
  border-radius:14px;
  background:#0C0D0E;
  color:#d8ffe3;
  font-weight:900;
  box-shadow:var(--FoepZ_borderGlow);
}

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

.FoepZ_metricUnit{
  min-height:250px;
  padding:24px;
}

.FoepZ_metricUnit i{
  font-size:30px;
  color:#b6ffd0;
}

.FoepZ_metricUnit h3{
  margin:14px 0 0;
}

.FoepZ_metricUnit strong{
  display:block;
  margin-top:10px;
  font-size:34px;
  color:#fff;
}

.FoepZ_metricUnit p{
  color:#ffe5ea;
}

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

.FoepZ_shieldCard{
  min-height:230px;
  padding:24px;
  transform:skewX(-8deg);
}

.FoepZ_shieldCard > *{
  transform:skewX(8deg);
}

.FoepZ_shieldCard:nth-child(2),
.FoepZ_shieldCard:nth-child(3){
  background:#0C0D0E;
}

.FoepZ_shieldCard i{
  font-size:28px;
  color:#07F24E;
}

.FoepZ_shieldCard h3{
  margin:14px 0 0;
}

.FoepZ_shieldCard strong{
  display:block;
  margin-top:10px;
  color:#d8ffe3;
}

.FoepZ_shieldCard p{
  color:rgba(255,255,255,.82);
}

/* 5 */
.FoepZ_capacityLane{
  display:grid;
  grid-template-columns:1.2fr .92fr .92fr .92fr;
  gap:18px;
}

.FoepZ_capacityLead,
.FoepZ_capacityNode{
  min-height:250px;
  padding:24px;
}

.FoepZ_capacityLead{
  background:#0C0D0E;
}

.FoepZ_capacityLead h2{
  margin:14px 0 0;
  font-size:clamp(30px,3vw,42px);
}

.FoepZ_capacityLead p{
  color:rgba(255,255,255,.82);
}

.FoepZ_capacityNode{
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_capacityNode i{
  font-size:28px;
  color:#1809F1;
}

.FoepZ_capacityNode h3{
  margin:14px 0 0;
}

.FoepZ_capacityNode strong{
  display:block;
  margin-top:10px;
  font-size:30px;
  color:#d2092b;
}

.FoepZ_capacityNode p{
  color:#534347;
}

/* 6 */
.FoepZ_territoryGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.FoepZ_territoryCard{
  min-height:248px;
  padding:24px;
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_territoryCardDark{
  background:#0C0D0E;
  color:#fff;
}

.FoepZ_territoryCard i{
  font-size:40px;
  color:#07F24E;
}

.FoepZ_territoryCard h3{
  margin:16px 0 0;
}

.FoepZ_territoryCard strong{
  display:block;
  margin-top:10px;
  font-size:22px;
}

.FoepZ_territoryCard p{
  margin:8px 0 0;
  color:#534347;
}

.FoepZ_territoryCardDark p{
  color:rgba(255,255,255,.82);
}

/* 7 */
.FoepZ_dialogueViewport{
  overflow:hidden;
}

.FoepZ_dialogueRail{
  display:flex;
  gap:18px;
  width:max-content;
  animation:FoepZ_dialogueShift 34s linear infinite;
}

@keyframes FoepZ_dialogueShift{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.FoepZ_dialogueCard{
  width:320px;
  padding:24px;
}

.FoepZ_dialogueCard i{
  font-size:34px;
  color:#b6ffd0;
}

.FoepZ_dialogueCard h3{
  margin:14px 0 0;
}

.FoepZ_dialogueCard p{
  color:#ffe7ec;
}

/* 8 */
.FoepZ_solutionBelt{
  display:grid;
  grid-template-columns:.7fr 1.6fr .7fr;
  gap:18px;
}

.FoepZ_solutionAsideLeft,
.FoepZ_solutionAsideRight{
  min-height:100%;
  padding:24px;
  background:#0C0D0E;
  display:flex;
  align-items:center;
  justify-content:center;
}

.FoepZ_solutionAsideLeft h2{
  margin:14px 0 0;
  font-size:clamp(28px,3vw,42px);
}

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

.FoepZ_solutionCard{
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(7,242,78,.32);
}

.FoepZ_solutionCard img{
  width:100%;
  height:210px;
  object-fit:cover;
  border-radius:16px;
}

.FoepZ_solutionCard h3{
  margin:14px 0 0;
}

.FoepZ_solutionCard p{
  color:#ffe5ea;
}

.FoepZ_solutionAsideRight i{
  font-size:62px;
  color:#07F24E;
}

/* 9 */
.FoepZ_questionVault{
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:24px;
}

.FoepZ_questionIntro,
.FoepZ_questionList{
  padding:28px;
}

.FoepZ_questionIntro{
  background:linear-gradient(180deg,#f5eef0 0 44%, #0C0D0E 44% 100%);
  color:#23171a;
}

.FoepZ_questionIntro h2{
  margin:14px 0 0;
  color:#23171a;
  font-size:clamp(30px,3vw,42px);
}

.FoepZ_questionIntro p{
  color:#4e3f44;
}

.FoepZ_questionList{
  background:#E41131;
}

.FoepZ_questionItem + .FoepZ_questionItem{
  margin-top:14px;
}

.FoepZ_questionItem{
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(7,242,78,.34);
}

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

.FoepZ_questionItem p{
  color:#ffe6eb;
}

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

.FoepZ_journalCard{
  padding:14px;
}

.FoepZ_journalCard:nth-child(2),
.FoepZ_journalCard:nth-child(4),
.FoepZ_journalCard:nth-child(6){
  background:#0C0D0E;
}

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

.FoepZ_journalText{
  padding:14px 4px 6px;
}

.FoepZ_journalText h3{
  margin:0;
  font-size:20px;
  line-height:1.45;
}

.FoepZ_journalText span{
  display:block;
  margin-top:10px;
  color:#ffe6eb;
}

.FoepZ_journalText time{
  display:block;
  margin-top:12px;
  color:#b6ffd0;
  font-weight:900;
}

/* 11 */
.FoepZ_accessPanel{
  display:grid;
  grid-template-columns:.56fr 1.2fr 1.2fr .56fr;
  gap:18px;
}

.FoepZ_accessAsideLeft,
.FoepZ_accessFormWrap,
.FoepZ_accessInfoWrap,
.FoepZ_accessAsideRight{
  min-height:100%;
  padding:24px;
}

.FoepZ_accessAsideLeft,
.FoepZ_accessAsideRight{
  background:#f5eef0;
  color:#23171a;
  display:grid;
  place-items:center;
}

.FoepZ_accessAsideLeft i,
.FoepZ_accessAsideRight i{
  font-size:56px;
  color:#1809F1;
}

.FoepZ_accessFormWrap,
.FoepZ_accessInfoWrap{
  background:#0C0D0E;
}

.FoepZ_accessFormWrap h2{
  margin:14px 0 0;
  font-size:clamp(30px,3vw,40px);
}

.FoepZ_accessFormWrap p{
  color:rgba(255,255,255,.82);
}

.FoepZ_accessForm{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:18px;
}

.FoepZ_accessField{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.FoepZ_accessField label{
  font-weight:900;
}

.FoepZ_accessField input,
.FoepZ_accessField textarea{
  width:100%;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(7,242,78,.36);
  background:rgba(255,255,255,.1);
  color:#fff;
}

.FoepZ_accessField input::placeholder,
.FoepZ_accessField textarea::placeholder{
  color:rgba(255,255,255,.6);
}

.FoepZ_accessWide{
  grid-column:1 / -1;
}

.FoepZ_accessInfoWrap{
  display:grid;
  gap:14px;
  align-content:start;
}

.FoepZ_accessInfo{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:60px;
  padding:0 16px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  font-weight:900;
}

.FoepZ_accessInfo i{
  color:#07F24E;
}

/* footer */
.FoepZ_siteFooter{
  padding:0 0 28px;
}

.FoepZ_footerPanel{
  display:grid;
  grid-template-columns:1.06fr .94fr .94fr;
  gap:20px;
}

.FoepZ_footerBrand,
.FoepZ_footerLinks,
.FoepZ_footerReach{
  padding:24px;
}

.FoepZ_footerBrand img{
  width:58px;
  height:58px;
  border-radius:16px;
  background:#fff;
}

.FoepZ_footerTitle{
  margin:14px 0 0;
  font-size:22px;
  font-weight:900;
}

.FoepZ_footerText{
  color:#ffe7ec;
}

.FoepZ_footerList{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

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

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

.FoepZ_footerReach span{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:800;
}

.FoepZ_footerReach i{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#0C0D0E;
  color:#9cffb6;
  box-shadow:var(--FoepZ_borderGlow);
}

.FoepZ_footerCopy{
  grid-column:1 / -1;
  padding:18px 22px;
  text-align:center;
  font-weight:700;
}

.FoepZ_footerCopy a{
  color:#b6ffd0;
}

/* top button */
.FoepZ_backPeak{
  position:fixed;
  right:18px;
  bottom:18px;
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#4b3dff 0%,#1809F1 64%,#0f0697 100%);
  color:#fff;
  box-shadow:0 8px 0 #0c0476,0 16px 26px rgba(24,9,241,.34);
  opacity:0;
  visibility:hidden;
  z-index:99;
}

.FoepZ_backPeak.is-show{
  opacity:1;
  visibility:visible;
}

/* responsive */
@media (max-width:1180px){
  .FoepZ_profileSphere,
  .FoepZ_questionVault,
  .FoepZ_footerPanel{
    grid-template-columns:1fr;
  }

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

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

@media (max-width:860px){
  .FoepZ_topRibbonInner{
    grid-template-columns:1fr;
    padding:12px 0;
  }

  .FoepZ_brandPocket,
  .FoepZ_bookmarkSlot{
    justify-content:center;
  }

  .FoepZ_primeNav{
    display:none;
  }

  .FoepZ_navRibbonInner{
    justify-content:flex-end;
  }

  .FoepZ_hamburgerDock{
    display:block;
    position:static;
  }

  .FoepZ_vanguardScene,
  .FoepZ_metricGrid,
  .FoepZ_shieldFlow,
  .FoepZ_territoryGrid,
  .FoepZ_solutionGrid,
  .FoepZ_journalGrid,
  .FoepZ_accessForm,
  .FoepZ_footerList{
    grid-template-columns:1fr;
  }

  .FoepZ_capacityLane,
  .FoepZ_solutionBelt,
  .FoepZ_accessPanel{
    grid-template-columns:1fr;
  }

  .FoepZ_homeMain{
    padding:22px 0 60px;
  }
}

@media (max-width:640px){
  .FoepZ_vanguardCopy,
  .FoepZ_vanguardImage,
  .FoepZ_vanguardMarkA,
  .FoepZ_vanguardMarkB,
  .FoepZ_profileVisual,
  .FoepZ_profileNarrative,
  .FoepZ_questionIntro,
  .FoepZ_questionList,
  .FoepZ_accessAsideLeft,
  .FoepZ_accessFormWrap,
  .FoepZ_accessInfoWrap,
  .FoepZ_accessAsideRight{
    padding:22px;
  }

  .FoepZ_vanguardImage,
  .FoepZ_profileVisual,
  .FoepZ_solutionCard,
  .FoepZ_journalCard{
    padding:12px;
  }
}
/* =========================
   contact.html + app.html
========================= */
.FoepZ_contactMain,
.FoepZ_appMain{
  width:var(--FoepZ_shell);
  margin:0 auto;
  padding:28px 0 72px;
}

.FoepZ_signalHubText,
.FoepZ_signalHubVisual,
.FoepZ_reachCell,
.FoepZ_routeIntro,
.FoepZ_routeCore,
.FoepZ_mailAxisLead,
.FoepZ_mailAxisPhone,
.FoepZ_mailAxisPlace,
.FoepZ_mailAxisForm,
.FoepZ_mobileHeroText,
.FoepZ_mobileHeroArt,
.FoepZ_downloadSpanA,
.FoepZ_downloadSpanB,
.FoepZ_downloadSpanC,
.FoepZ_downloadSpanD,
.FoepZ_appAcquireCell,
.FoepZ_edgeCell,
.FoepZ_experienceLead,
.FoepZ_experienceGrid,
.FoepZ_compareStackHead,
.FoepZ_compareStackTable,
.FoepZ_releaseHead,
.FoepZ_releaseGrid,
.FoepZ_answerDeckHead,
.FoepZ_answerDeckList,
.FoepZ_installCard,
.FoepZ_trustRackLead,
.FoepZ_trustRackCell,
.FoepZ_inviteWheelText,
.FoepZ_inviteWheelArt,
.FoepZ_readyGridA,
.FoepZ_readyGridB,
.FoepZ_readyGridC,
.FoepZ_readyGridD{
  background:var(--FoepZ_card);
  color:var(--FoepZ_text);
  border-radius:var(--FoepZ_radius);
  box-shadow:var(--FoepZ_borderGlow),var(--FoepZ_shadow);
  overflow:hidden;
}

/* contact */
.FoepZ_signalHub{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:center;
}

.FoepZ_signalHubText,
.FoepZ_signalHubVisual{
  min-height:420px;
  padding:30px;
}

.FoepZ_signalHubText{
  background:linear-gradient(180deg,#f5eef0 0 46%, #0C0D0E 46% 100%);
  color:#23171a;
}

.FoepZ_signalHubText h1{
  margin:14px 0 0;
  font-size:clamp(34px,4.2vw,56px);
  line-height:1.05;
}

.FoepZ_signalHubText p{
  color:#4f4045;
}

.FoepZ_signalHubVisual{
  position:relative;
  display:grid;
  place-items:center;
  background:#0C0D0E;
}

.FoepZ_signalOrb{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(7,242,78,.56);
  background:rgba(255,255,255,.05);
}

.FoepZ_signalOrbMain{
  width:190px;
  height:190px;
  display:grid;
  place-items:center;
  background:#E41131;
  color:#fff;
  z-index:2;
}

.FoepZ_signalOrbMain i{
  font-size:62px;
  color:#b7ffd0;
}

.FoepZ_signalOrbA{width:280px;height:280px}
.FoepZ_signalOrbB{width:360px;height:360px}
.FoepZ_signalOrbC{width:440px;height:440px}

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

.FoepZ_reachCell{
  min-height:250px;
  padding:24px;
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_reachCellDark{
  background:#0C0D0E;
  color:#fff;
}

.FoepZ_reachCell i{
  font-size:30px;
  color:#1809F1;
}

.FoepZ_reachCellDark i{
  color:#07F24E;
}

.FoepZ_reachCell h2{
  margin:16px 0 0;
  font-size:28px;
}

.FoepZ_reachCell p{
  color:#4f4045;
}

.FoepZ_reachCellDark p{
  color:rgba(255,255,255,.82);
}

.FoepZ_reachCell a,
.FoepZ_reachCell span,
.FoepZ_reachCell time{
  display:block;
  margin-top:12px;
  font-weight:900;
  font-size:20px;
}

.FoepZ_routeAtlas{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:24px;
}

.FoepZ_routeIntro,
.FoepZ_routeCore{
  padding:28px;
}

.FoepZ_routeIntro{
  background:#0C0D0E;
}

.FoepZ_routeIntro h2{
  margin:0;
  font-size:clamp(30px,3vw,42px);
}

.FoepZ_routeIntro p{
  color:rgba(255,255,255,.82);
}

.FoepZ_routeCore{
  min-height:920px;
  position:relative;
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_routeCenter{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:170px;
  height:170px;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  background:#0C0D0E;
  color:#b7ffd0;
  z-index:2;
  box-shadow:var(--FoepZ_borderGlow);
}

.FoepZ_routeCenter i{
  font-size:38px;
}

.FoepZ_routeCenter strong{
  display:block;
  font-size:18px;
}

.FoepZ_routePanel{
  position:absolute;
  width:310px;
  padding:18px;
  border-radius:22px;
  background:#E41131;
  color:#fff;
  box-shadow:var(--FoepZ_borderGlow);
}

.FoepZ_routePanelNorth{left:50%;top:22px;transform:translateX(-50%)}
.FoepZ_routePanelEast{right:22px;top:50%;transform:translateY(-50%)}
.FoepZ_routePanelSouth{left:50%;bottom:22px;transform:translateX(-50%)}
.FoepZ_routePanelWest{left:22px;top:50%;transform:translateY(-50%)}
.FoepZ_routePanelCorner{right:26px;top:42px;width:260px}

.FoepZ_routeToggle{
  width:100%;
  padding:0;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  background:none;
  color:#fff;
  font-weight:900;
}

.FoepZ_routeContent{
  display:none;
  margin-top:12px;
}

.FoepZ_routeContentOn{
  display:block;
}

.FoepZ_routeContent p{
  margin:0;
  color:#ffe4ea;
}

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

.FoepZ_routeContent li{
  display:flex;
  gap:10px;
  color:#fff;
}

.FoepZ_routeContent li i{
  color:#b7ffd0;
  margin-top:4px;
}

.FoepZ_mailAxis{
  display:grid;
  grid-template-columns:1.06fr .74fr .74fr 1.2fr;
  gap:18px;
}

.FoepZ_mailAxisLead,
.FoepZ_mailAxisPhone,
.FoepZ_mailAxisPlace,
.FoepZ_mailAxisForm{
  padding:24px;
  min-height:100%;
}

.FoepZ_mailAxisLead,
.FoepZ_mailAxisForm{
  background:#0C0D0E;
}

.FoepZ_mailAxisPhone,
.FoepZ_mailAxisPlace{
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_mailAxisLead h2{
  margin:14px 0 0;
  font-size:clamp(28px,3vw,40px);
}

.FoepZ_mailAxisLead p{
  color:rgba(255,255,255,.82);
}

.FoepZ_mailInfo{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  min-height:180px;
  padding:18px;
  border-radius:18px;
  background:rgba(12,13,14,.08);
  border:1px solid rgba(7,242,78,.28);
}

.FoepZ_mailInfo i{
  font-size:28px;
  color:#1809F1;
}

.FoepZ_mailInfo span{
  font-weight:900;
  line-height:1.7;
}

.FoepZ_mailForm{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.FoepZ_mailField{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.FoepZ_mailField label{
  font-weight:900;
}

.FoepZ_mailField input,
.FoepZ_mailField textarea{
  width:100%;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(7,242,78,.34);
  background:rgba(255,255,255,.1);
  color:#fff;
}

.FoepZ_mailField input::placeholder,
.FoepZ_mailField textarea::placeholder{
  color:rgba(255,255,255,.62);
}

.FoepZ_mailWide{
  grid-column:1 / -1;
}

/* app */
.FoepZ_mobileHero{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:24px;
}

.FoepZ_mobileHeroText,
.FoepZ_mobileHeroArt{
  min-height:420px;
  padding:30px;
}

.FoepZ_mobileHeroText{
  background:#0C0D0E;
}

.FoepZ_mobileHeroText h1{
  margin:14px 0 0;
  font-size:clamp(34px,4.2vw,56px);
  line-height:1.05;
}

.FoepZ_mobileHeroText p{
  color:rgba(255,255,255,.84);
}

.FoepZ_mobileHeroActions{
  margin-top:24px;
}

.FoepZ_mobileHeroArt{
  position:relative;
  display:grid;
  place-items:center;
  background:#f5eef0;
}

.FoepZ_mobileHeroCircle{
  width:194px;
  height:194px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#E41131;
  color:#fff;
  position:relative;
  z-index:2;
  box-shadow:var(--FoepZ_borderGlow);
}

.FoepZ_mobileHeroCircle i{
  font-size:60px;
  color:#b7ffd0;
}

.FoepZ_mobileHeroSlice{
  position:absolute;
  width:132px;
  height:132px;
  border-radius:50%;
  background:rgba(24,9,241,.08);
  border:1px solid rgba(24,9,241,.34);
}

.FoepZ_mobileHeroSliceA{left:48px;top:40px;clip-path:polygon(0 0,100% 0,100% 100%)}
.FoepZ_mobileHeroSliceB{right:48px;top:40px;clip-path:polygon(0 0,100% 0,0 100%)}
.FoepZ_mobileHeroSliceC{left:48px;bottom:40px;clip-path:polygon(0 0,100% 100%,0 100%)}
.FoepZ_mobileHeroSliceD{right:48px;bottom:40px;clip-path:polygon(100% 0,100% 100%,0 100%)}

.FoepZ_downloadSpan{
  display:grid;
  grid-template-columns:.7fr 1.1fr 1.1fr .5fr;
  gap:18px;
}

.FoepZ_downloadSpanA,
.FoepZ_downloadSpanB,
.FoepZ_downloadSpanC,
.FoepZ_downloadSpanD{
  min-height:220px;
  padding:24px;
}

.FoepZ_downloadSpanA,
.FoepZ_downloadSpanD{
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_downloadSpanB,
.FoepZ_downloadSpanC{
  background:#0C0D0E;
}

.FoepZ_downloadTag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  background:#1809F1;
  color:#fff;
  font-weight:900;
  box-shadow:0 8px 0 #0c0476;
}

.FoepZ_downloadSpanB h2{
  margin:0;
  font-size:clamp(28px,3vw,40px);
}

.FoepZ_downloadSpanB p{
  color:rgba(255,255,255,.82);
}

.FoepZ_downloadSpanC{
  display:grid;
  place-items:center;
  text-align:center;
  gap:10px;
}

.FoepZ_downloadScore h3{
  margin:0;
  color:#b7ffd0;
  font-size:34px;
}

.FoepZ_downloadScore small{
  display:block;
  margin-top:6px;
  color:#fff;
  font-weight:900;
}

.FoepZ_downloadSpanD{
  display:grid;
  place-items:center;
}

.FoepZ_downloadSpanD i{
  font-size:56px;
  color:#1809F1;
}

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

.FoepZ_appAcquireCell{
  min-height:220px;
  padding:24px;
  background:#f5eef0;
  color:#23171a;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:22px;
  font-weight:900;
}

.FoepZ_appAcquireCell:first-child{
  display:block;
  text-align:left;
}

.FoepZ_appAcquireCell:first-child h2{
  margin:0;
  font-size:clamp(28px,3vw,40px);
  line-height:1.16;
}

.FoepZ_appAcquireCell:first-child p{
  color:#4f4045;
}

.FoepZ_appAcquireDark{
  background:#0C0D0E;
  color:#fff;
}

.FoepZ_appAcquireAction{
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:center;
}

.FoepZ_edgeMatrix{
  display:grid;
  grid-template-columns:1.08fr .92fr .92fr 1.08fr;
  gap:18px;
}

.FoepZ_edgeCell{
  min-height:248px;
  padding:24px;
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_edgeCellDark{
  background:#0C0D0E;
  color:#fff;
}

.FoepZ_edgeCell h2{
  margin:0;
  font-size:clamp(28px,3vw,40px);
  line-height:1.16;
}

.FoepZ_edgeCell h6{
  margin:0;
  font-size:19px;
}

.FoepZ_edgeCell p{
  color:#4f4045;
}

.FoepZ_edgeCellDark p{
  color:rgba(255,255,255,.84);
}

.FoepZ_edgeCell h6 + p{
  margin-top:8px;
}

.FoepZ_edgeCell p + h6{
  margin-top:18px;
}

.FoepZ_experienceLoop{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:24px;
}

.FoepZ_experienceLead,
.FoepZ_experienceGrid{
  padding:28px;
}

.FoepZ_experienceLead{
  background:linear-gradient(180deg,#0C0D0E 0 44%, #f5eef0 44% 100%);
  color:#23171a;
}

.FoepZ_experienceLead h2{
  margin:0;
  color:#fff;
  font-size:clamp(28px,3vw,42px);
}

.FoepZ_experienceLead p{
  color:#4f4045;
}

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

.FoepZ_experienceCard{
  padding:22px;
  border-radius:20px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(7,242,78,.34);
}

.FoepZ_experienceCard span{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#1809F1;
  color:#fff;
  font-size:24px;
  box-shadow:0 8px 0 #0c0476;
}

.FoepZ_experienceCard h3{
  margin:16px 0 0;
}

.FoepZ_experienceCard p{
  color:#ffe5ea;
}

.FoepZ_compareStackHead{
  padding:28px;
  margin-bottom:18px;
  background:linear-gradient(180deg,#0C0D0E 0 44%, #f5eef0 44% 100%);
  color:#23171a;
}

.FoepZ_compareStackHead h2{
  margin:0;
  color:#fff;
  font-size:clamp(28px,3vw,42px);
}

.FoepZ_compareStackHead p{
  color:#4f4045;
}

.FoepZ_compareStackTable{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
  gap:1px;
  padding:1px;
  background:rgba(7,242,78,.4);
}

.FoepZ_compareCol{
  padding:16px 18px;
  background:rgba(255,255,255,.12);
  font-weight:800;
}

.FoepZ_compareTitle{
  background:#0C0D0E;
  color:#fff;
}

.FoepZ_releaseHead{
  padding:28px;
  margin-bottom:18px;
}

.FoepZ_releaseHead h2{
  margin:0;
  font-size:clamp(28px,3vw,42px);
}

.FoepZ_releaseHead p{
  color:#ffe5ea;
}

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

.FoepZ_releaseYear{
  grid-column:1 / -1;
  width:150px;
  min-height:48px;
  margin:0 auto;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#1809F1;
  color:#fff;
  font-weight:900;
  box-shadow:0 8px 0 #0c0476;
}

.FoepZ_releaseCard{
  padding:22px;
  border-radius:22px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(7,242,78,.38);
  color:#fff;
}

.FoepZ_releaseCard:nth-child(2n){
  transform:translateY(18px);
}

.FoepZ_releaseCard h3{
  margin:0;
}

.FoepZ_releaseCard p{
  margin:8px 0 0;
  color:#b7ffd0;
  font-weight:900;
}

.FoepZ_releaseCard ul{
  margin:14px 0 0;
  padding-left:18px;
  color:#ffe5ea;
}

.FoepZ_answerDeck{
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:24px;
}

.FoepZ_answerDeckHead,
.FoepZ_answerDeckList{
  padding:28px;
}

.FoepZ_answerDeckHead{
  background:#0C0D0E;
}

.FoepZ_answerDeckHead h2{
  margin:0;
  font-size:clamp(28px,3vw,42px);
}

.FoepZ_answerDeckHead p{
  color:rgba(255,255,255,.84);
}

.FoepZ_answerDeckList{
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_answerItem + .FoepZ_answerItem{
  margin-top:14px;
}

.FoepZ_answerItem{
  padding:18px 20px;
  border-radius:20px;
  background:rgba(12,13,14,.06);
  border:1px solid rgba(24,9,241,.18);
}

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

.FoepZ_answerItem summary span{
  color:#1809F1;
  margin-right:8px;
}

.FoepZ_answerItem p{
  color:#4f4045;
}

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

.FoepZ_installCard{
  min-height:250px;
  padding:24px;
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_installCard h3{
  margin:0 0 18px;
  font-size:26px;
}

.FoepZ_installStep + .FoepZ_installStep{
  margin-top:14px;
}

.FoepZ_installStep{
  padding:16px;
  border-radius:18px;
  background:rgba(12,13,14,.06);
  border:1px solid rgba(24,9,241,.16);
}

.FoepZ_installStep span{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#1809F1;
  color:#fff;
  font-weight:900;
  box-shadow:0 8px 0 #0c0476;
}

.FoepZ_installStep h4{
  margin:12px 0 0;
}

.FoepZ_installStep p{
  margin:8px 0 0;
  color:#4f4045;
}

.FoepZ_installCardVisual{
  background:#0C0D0E;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

.FoepZ_installCardVisual i{
  font-size:68px;
  color:#07F24E;
}

.FoepZ_installCardVisual p{
  color:rgba(255,255,255,.84);
}

.FoepZ_trustRack{
  display:grid;
  grid-template-columns:1.15fr repeat(3,.95fr);
  gap:18px;
}

.FoepZ_trustRackLead,
.FoepZ_trustRackCell{
  min-height:214px;
  padding:22px;
}

.FoepZ_trustRackLead{
  grid-row:1 / span 2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#0C0D0E;
}

.FoepZ_trustRackLead p{
  margin:0;
  color:#b7ffd0;
  font-weight:900;
}

.FoepZ_trustRackLead h2{
  margin:14px 0 0;
  font-size:clamp(28px,3vw,42px);
  line-height:1.22;
}

.FoepZ_trustRackLead span{
  display:block;
  margin-top:14px;
  color:#fff;
}

.FoepZ_trustRackCell{
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_trustRackCell i{
  font-size:28px;
  color:#1809F1;
}

.FoepZ_trustRackCell h5{
  margin:14px 0 0;
  font-size:20px;
}

.FoepZ_trustRackCell p{
  color:#4f4045;
}

.FoepZ_inviteWheel{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:24px;
}

.FoepZ_inviteWheelText,
.FoepZ_inviteWheelArt{
  padding:28px;
}

.FoepZ_inviteWheelText h2{
  margin:0;
  font-size:clamp(28px,3vw,42px);
}

.FoepZ_inviteWheelText p{
  color:#ffe5ea;
}

.FoepZ_inviteWheelText span{
  display:inline-flex;
  margin:10px 0 20px;
  padding:12px 18px;
  border-radius:14px;
  background:#1809F1;
  color:#fff;
  font-size:28px;
  font-weight:900;
  box-shadow:0 8px 0 #0c0476;
}

.FoepZ_inviteWheelArt{
  position:relative;
  display:grid;
  place-items:center;
  background:#f5eef0;
}

.FoepZ_inviteWheelCore{
  width:194px;
  height:194px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#0C0D0E;
  color:#b7ffd0;
  font-size:58px;
  position:relative;
  z-index:2;
}

.FoepZ_inviteWheelPart{
  position:absolute;
  width:132px;
  height:132px;
  border-radius:50%;
  background:rgba(228,17,49,.16);
  border:1px solid rgba(228,17,49,.34);
}

.FoepZ_inviteWheelPartA{left:48px;top:40px}
.FoepZ_inviteWheelPartB{right:48px;top:40px}
.FoepZ_inviteWheelPartC{left:48px;bottom:40px}
.FoepZ_inviteWheelPartD{right:48px;bottom:40px}

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

.FoepZ_readyGridA,
.FoepZ_readyGridB,
.FoepZ_readyGridC,
.FoepZ_readyGridD{
  min-height:220px;
  padding:24px;
}

.FoepZ_readyGridA,
.FoepZ_readyGridC{
  background:#f5eef0;
  color:#23171a;
  display:flex;
  align-items:center;
  justify-content:center;
}

.FoepZ_readyGridA span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 16px;
  border-radius:14px;
  background:#1809F1;
  color:#fff;
  font-weight:900;
  box-shadow:0 8px 0 #0c0476;
}

.FoepZ_readyGridB,
.FoepZ_readyGridD{
  background:#0C0D0E;
}

.FoepZ_readyGridB h2{
  margin:0;
  font-size:clamp(28px,3vw,42px);
}

.FoepZ_readyGridB p{
  color:rgba(255,255,255,.84);
}

.FoepZ_readyGridActions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

.FoepZ_readyGridC i{
  font-size:62px;
  color:#1809F1;
}

.FoepZ_readyGridD{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.FoepZ_readyGridD strong{
  font-size:34px;
  color:#b7ffd0;
}

.FoepZ_readyGridD small{
  color:#fff;
  font-weight:900;
  letter-spacing:.12em;
}

/* responsive add */
@media (max-width:1180px){
  .FoepZ_signalHub,
  .FoepZ_routeAtlas,
  .FoepZ_mobileHero,
  .FoepZ_experienceLoop,
  .FoepZ_answerDeck,
  .FoepZ_inviteWheel{
    grid-template-columns:1fr;
  }

  .FoepZ_reachStrip,
  .FoepZ_downloadSpan,
  .FoepZ_appAcquire,
  .FoepZ_installCards,
  .FoepZ_readyGrid{
    grid-template-columns:repeat(2,1fr);
  }

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

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

  .FoepZ_trustRackLead{
    grid-row:auto;
    grid-column:1 / -1;
  }
}

@media (max-width:860px){
  .FoepZ_contactMain,
  .FoepZ_appMain{
    padding:22px 0 60px;
  }

  .FoepZ_reachStrip,
  .FoepZ_downloadSpan,
  .FoepZ_appAcquire,
  .FoepZ_edgeMatrix,
  .FoepZ_experienceGrid,
  .FoepZ_compareStackTable,
  .FoepZ_releaseGrid,
  .FoepZ_installCards,
  .FoepZ_trustRack,
  .FoepZ_mailAxis,
  .FoepZ_mailForm,
  .FoepZ_readyGrid{
    grid-template-columns:1fr;
  }

  .FoepZ_routeCore{
    min-height:auto;
    display:grid;
    gap:16px;
  }

  .FoepZ_routeCenter,
  .FoepZ_routePanel,
  .FoepZ_routePanelNorth,
  .FoepZ_routePanelEast,
  .FoepZ_routePanelSouth,
  .FoepZ_routePanelWest,
  .FoepZ_routePanelCorner{
    position:static;
    width:auto;
    transform:none;
  }

  .FoepZ_routeCenter{
    margin:0 auto;
  }

  .FoepZ_releaseCard:nth-child(2n){
    transform:none;
  }
}

@media (max-width:640px){
  .FoepZ_signalHubText,
  .FoepZ_signalHubVisual,
  .FoepZ_routeIntro,
  .FoepZ_routeCore,
  .FoepZ_mailAxisLead,
  .FoepZ_mailAxisPhone,
  .FoepZ_mailAxisPlace,
  .FoepZ_mailAxisForm,
  .FoepZ_mobileHeroText,
  .FoepZ_mobileHeroArt,
  .FoepZ_compareStackHead,
  .FoepZ_compareStackTable,
  .FoepZ_releaseHead,
  .FoepZ_releaseGrid,
  .FoepZ_answerDeckHead,
  .FoepZ_answerDeckList,
  .FoepZ_inviteWheelText,
  .FoepZ_inviteWheelArt,
  .FoepZ_readyGridA,
  .FoepZ_readyGridB,
  .FoepZ_readyGridC,
  .FoepZ_readyGridD{
    padding:22px;
  }

  .FoepZ_signalHubVisual{
    min-height:320px;
  }

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

  .FoepZ_signalOrbA{width:220px;height:220px}
  .FoepZ_signalOrbB{width:280px;height:280px}
  .FoepZ_signalOrbC{width:340px;height:340px}

  .FoepZ_mobileHeroSliceA,
  .FoepZ_mobileHeroSliceC{left:26px}
  .FoepZ_mobileHeroSliceB,
  .FoepZ_mobileHeroSliceD{right:26px}
  .FoepZ_mobileHeroSliceA,
  .FoepZ_mobileHeroSliceB{top:26px}
  .FoepZ_mobileHeroSliceC,
  .FoepZ_mobileHeroSliceD{bottom:26px}
}
/* =========================
   list.html + show.html
========================= */
.FoepZ_listMain,
.FoepZ_storyMain{
  width:var(--FoepZ_shell);
  margin:0 auto;
  padding:28px 0 72px;
}

.FoepZ_columnCrossNorth,
.FoepZ_columnCrossWest,
.FoepZ_columnCrossCore,
.FoepZ_columnCrossEast,
.FoepZ_columnCrossSouth,
.FoepZ_columnCrumb,
.FoepZ_columnCard,
.FoepZ_columnFinder,
.FoepZ_columnNavigator,
.FoepZ_columnHeat,
.FoepZ_storyCompassLead,
.FoepZ_storyCompassStage,
.FoepZ_storyCrumb,
.FoepZ_storyArticleBox,
.FoepZ_storySuggest,
.FoepZ_storyFinder,
.FoepZ_storyNavigator,
.FoepZ_storyHeat{
  background:var(--FoepZ_card);
  color:var(--FoepZ_text);
  border-radius:var(--FoepZ_radius);
  box-shadow:var(--FoepZ_borderGlow),var(--FoepZ_shadow);
  overflow:hidden;
}

/* list */
.FoepZ_columnCross{
  display:grid;
  grid-template-columns:.85fr 170px 1fr 220px;
  grid-template-rows:auto auto;
  gap:18px;
  align-items:stretch;
}

.FoepZ_columnCrossNorth{
  grid-column:1 / 3;
  min-height:220px;
  padding:24px;
  background:#0C0D0E;
}

.FoepZ_columnCrossNorth h1{
  margin:14px 0 0;
  font-size:clamp(34px,4vw,54px);
  line-height:1.05;
}

.FoepZ_columnCrossNorth p{
  color:rgba(255,255,255,.82);
}

.FoepZ_columnCrossWest{
  grid-column:3 / 4;
  min-height:220px;
  display:grid;
  place-items:center;
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_columnCrossWest i{
  font-size:58px;
  color:#1809F1;
}

.FoepZ_columnCrossCore{
  grid-column:4 / 5;
  grid-row:1 / 3;
  padding:14px;
  background:#f5eef0;
}

.FoepZ_columnCrossCore img{
  width:100%;
  height:100%;
  min-height:458px;
  object-fit:cover;
  border-radius:18px;
}

.FoepZ_columnCrossEast{
  grid-column:1 / 2;
  min-height:220px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_columnCrossEast strong{
  font-size:52px;
  color:#1809F1;
  line-height:1;
}

.FoepZ_columnCrossEast small{
  font-weight:900;
  letter-spacing:.14em;
}

.FoepZ_columnCrossSouth{
  grid-column:2 / 4;
  min-height:220px;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0C0D0E;
}

.FoepZ_columnCrossSouth span{
  font-size:28px;
  color:#b7ffd0;
  font-weight:900;
  text-align:center;
}

.FoepZ_columnCrumb{
  margin-top:24px;
  padding:18px 24px;
  display:grid;
  grid-template-columns:auto 42px 1fr;
  gap:12px;
  align-items:center;
  background:linear-gradient(90deg,#0C0D0E 0 40%, #f5eef0 40% 100%);
}

.FoepZ_columnCrumbHome,
.FoepZ_columnCrumbCurrent{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:900;
}

.FoepZ_columnCrumbHome{
  color:#fff;
}

.FoepZ_columnCrumbArrow{
  display:grid;
  place-items:center;
  color:#07F24E;
}

.FoepZ_columnCrumbCurrent{
  color:#23171a;
}

.FoepZ_columnFrame,
.FoepZ_storyFrame{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) 360px;
  gap:24px;
  margin-top:24px;
}

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

.FoepZ_columnCard{
  padding:14px;
}

.FoepZ_columnCard:nth-child(2),
.FoepZ_columnCard:nth-child(5){
  background:#0C0D0E;
}

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

.FoepZ_columnBody{
  padding:14px 4px 6px;
}

.FoepZ_columnCopy h5{
  margin:0;
  font-size:19px;
  line-height:1.5;
}

.FoepZ_columnCopy span{
  display:block;
  margin-top:10px;
  color:#ffe5ea;
}

.FoepZ_columnMeta time{
  display:block;
  margin-top:12px;
  color:#b7ffd0;
  font-weight:900;
}

.FoepZ_columnPaging{
  margin-top:24px;
}

.FoepZ_columnPagingInner{
  padding:18px;
  border-radius:20px;
  background:#0C0D0E;
  color:#fff;
  box-shadow:var(--FoepZ_borderGlow),var(--FoepZ_shadow);
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.FoepZ_columnSide,
.FoepZ_storySide{
  display:grid;
  gap:24px;
  align-self:start;
}

.FoepZ_columnFinder,
.FoepZ_columnNavigator,
.FoepZ_columnHeat,
.FoepZ_storyFinder,
.FoepZ_storyNavigator,
.FoepZ_storyHeat{
  padding:24px;
}

.FoepZ_columnFinder,
.FoepZ_storyFinder{
  background:#0C0D0E;
}

.FoepZ_columnFinder h6,
.FoepZ_columnNavigator h6,
.FoepZ_columnHeat h6,
.FoepZ_storyFinder h6,
.FoepZ_storyNavigator h6,
.FoepZ_storyHeat h6{
  margin:0 0 16px;
  font-size:26px;
}

.FoepZ_columnFinderForm,
.FoepZ_storyFinderForm{
  display:flex;
  gap:12px;
}

.FoepZ_columnFinderField,
.FoepZ_storyFinderField{
  flex:1;
  position:relative;
}

.FoepZ_columnFinderField input,
.FoepZ_storyFinderField input{
  width:100%;
  height:52px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(7,242,78,.4);
  background:rgba(255,255,255,.92);
  color:#23171a;
}

.FoepZ_columnFinderField label,
.FoepZ_storyFinderField label{
  position:absolute;
  left:14px;
  top:-10px;
  padding:0 8px;
  border-radius:10px;
  background:#1809F1;
  color:#fff;
  font-size:12px;
  font-weight:900;
}

.FoepZ_columnFinderBtn,
.FoepZ_storyFinderBtn{
  width:52px;
  height:52px;
  border-radius:16px;
  background:linear-gradient(180deg,#4b3dff 0%,#1809F1 64%,#0f0697 100%);
  color:#fff;
  box-shadow:0 8px 0 #0c0476,0 16px 26px rgba(24,9,241,.34);
}

.FoepZ_columnNavigator{
  background:#f5eef0;
  color:#23171a;
}

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

.FoepZ_columnNavigatorList a,
.FoepZ_storyNavigatorList a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:0 16px;
  border-radius:16px;
  background:rgba(12,13,14,.08);
  font-weight:900;
  transition:.25s ease;
}

.FoepZ_columnNavigatorList a:hover,
.FoepZ_storyNavigatorList a:hover{
  background:#1809F1;
  color:#fff;
}

.FoepZ_columnHeat{
  background:linear-gradient(180deg,#f5eef0 0 18%, #0C0D0E 18% 100%);
}

.FoepZ_columnHeat h6{
  color:#23171a;
}

.FoepZ_columnHeatList,
.FoepZ_storyHeatList{
  display:grid;
  gap:14px;
}

.FoepZ_columnHeatItem,
.FoepZ_storyHeatItem{
  display:grid;
  grid-template-columns:94px 1fr;
  gap:14px;
  align-items:start;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(7,242,78,.22);
}

.FoepZ_columnHeatThumb img,
.FoepZ_storyHeatThumb img{
  width:100%;
  height:90px;
  object-fit:cover;
  border-radius:14px;
}

.FoepZ_columnHeatCopy h5,
.FoepZ_storyHeatCopy h5{
  margin:0;
  font-size:16px;
  line-height:1.5;
}

.FoepZ_columnHeatCopy h5 a,
.FoepZ_storyHeatCopy h5 a{
  color:#fff;
}

.FoepZ_columnHeatCopy span,
.FoepZ_storyHeatCopy p{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.65;
}

.FoepZ_columnHeatMeta time,
.FoepZ_storyHeatMeta time{
  display:block;
  margin-top:8px;
  color:#b7ffd0;
  font-size:13px;
  font-weight:900;
}

/* show */
.FoepZ_storyCompass{
  display:grid;
  grid-template-columns:.96fr 1.04fr;
  gap:24px;
}

.FoepZ_storyCompassLead,
.FoepZ_storyCompassStage{
  min-height:420px;
  padding:28px;
}

.FoepZ_storyCompassLead{
  background:#0C0D0E;
}

.FoepZ_storyCompassLead h1{
  margin:14px 0 0;
  font-size:clamp(34px,4vw,54px);
  line-height:1.08;
}

.FoepZ_storyCompassLead p{
  color:rgba(255,255,255,.82);
}

.FoepZ_storyCompassStage{
  position:relative;
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_storyCompassCenter{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:160px;
  height:160px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#E41131;
  color:#fff;
  z-index:2;
  box-shadow:var(--FoepZ_borderGlow);
}

.FoepZ_storyCompassCenter i{
  font-size:52px;
  color:#b7ffd0;
}

.FoepZ_storyCompassArm{
  position:absolute;
  width:210px;
  height:130px;
  border-radius:22px;
  display:grid;
  place-items:center;
  text-align:center;
  background:#0C0D0E;
  color:#fff;
  box-shadow:var(--FoepZ_borderGlow);
}

.FoepZ_storyCompassArmN{
  top:24px;
  left:50%;
  transform:translateX(-50%);
  background:#fff;
  padding:10px;
}

.FoepZ_storyCompassArmN img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:14px;
}

.FoepZ_storyCompassArmE{
  right:24px;
  top:50%;
  transform:translateY(-50%);
}

.FoepZ_storyCompassArmE strong{
  font-size:26px;
  color:#b7ffd0;
}

.FoepZ_storyCompassArmS{
  bottom:24px;
  left:50%;
  transform:translateX(-50%);
  background:#E41131;
}

.FoepZ_storyCompassArmS small{
  font-size:15px;
  letter-spacing:.12em;
  font-weight:900;
}

.FoepZ_storyCompassArmW{
  left:24px;
  top:50%;
  transform:translateY(-50%);
  background:#1809F1;
}

.FoepZ_storyCompassArmW i{
  font-size:42px;
}

.FoepZ_storyCrumb{
  margin-top:24px;
  padding:18px 24px;
  display:grid;
  grid-template-columns:auto 34px auto 34px 1fr;
  gap:10px;
  align-items:center;
  background:linear-gradient(180deg,#0C0D0E 0 48%, #f5eef0 48% 100%);
}

.FoepZ_storyCrumbHome,
.FoepZ_storyCrumbColumn,
.FoepZ_storyCrumbCurrent{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:900;
}

.FoepZ_storyCrumbHome,
.FoepZ_storyCrumbArrowA{
  color:#fff;
}

.FoepZ_storyCrumbColumn,
.FoepZ_storyCrumbCurrent,
.FoepZ_storyCrumbArrowB{
  color:#23171a;
}

.FoepZ_storyArticleBox{
  padding:28px;
}

.FoepZ_storyHeader h2{
  margin:0;
  font-size:clamp(30px,3vw,42px);
  line-height:1.28;
}

.FoepZ_storyMeta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

.FoepZ_storyMeta span,
.FoepZ_storyMeta time{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  background:rgba(255,255,255,.14);
  font-weight:900;
}

.FoepZ_storyBody{
  margin-top:26px;
  color:#fff;
}

.FoepZ_storyBody h1,
.FoepZ_storyBody h2,
.FoepZ_storyBody h3,
.FoepZ_storyBody h4,
.FoepZ_storyBody h5,
.FoepZ_storyBody h6{
  color:#fff;
}

.FoepZ_storyBody p,
.FoepZ_storyBody li,
.FoepZ_storyBody blockquote{
  color:#ffe5ea;
}

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

.FoepZ_storyBody a{
  color:#b7ffd0;
  text-decoration:underline;
}

.FoepZ_storySwitch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:30px;
}

.FoepZ_storyPrev,
.FoepZ_storyNext{
  min-height:88px;
  padding:18px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  font-weight:900;
}

.FoepZ_storyPrev{
  background:#f5eef0;
  color:#23171a;
  box-shadow:var(--FoepZ_borderGlow);
}

.FoepZ_storyNext{
  background:#0C0D0E;
  color:#fff;
  box-shadow:var(--FoepZ_borderGlow);
}

.FoepZ_storyBack{
  margin-top:18px;
}

.FoepZ_storyShare{
  display:grid;
  grid-template-columns:.48fr 1.1fr 1fr .48fr;
  gap:16px;
  margin-top:26px;
}

.FoepZ_storyShareA,
.FoepZ_storyShareB,
.FoepZ_storyShareC,
.FoepZ_storyShareD{
  min-height:122px;
  padding:20px;
  border-radius:20px;
  box-shadow:var(--FoepZ_borderGlow);
}

.FoepZ_storyShareA,
.FoepZ_storyShareD{
  background:#f5eef0;
  color:#23171a;
  display:grid;
  place-items:center;
}

.FoepZ_storyShareA i{
  font-size:34px;
  color:#1809F1;
}

.FoepZ_storyShareB,
.FoepZ_storyShareC{
  background:#0C0D0E;
}

.FoepZ_storyShareB h6{
  margin:0;
  font-size:22px;
}

.FoepZ_storyShareB p{
  margin:8px 0 0;
  color:rgba(255,255,255,.82);
}

.FoepZ_storyShareC{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.FoepZ_storyShareBtn{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#4b3dff 0%,#1809F1 64%,#0f0697 100%);
  color:#fff;
  border:0;
  box-shadow:0 8px 0 #0c0476,0 14px 24px rgba(24,9,241,.24);
}

.FoepZ_storySuggest{
  margin-top:24px;
  padding:24px;
}

.FoepZ_storySuggest h3{
  margin:0 0 16px;
  font-size:28px;
}

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

.FoepZ_storySuggestItem{
  position:relative;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(7,242,78,.38);
}

.FoepZ_storySuggestItem:nth-child(2),
.FoepZ_storySuggestItem:nth-child(4){
  background:#0C0D0E;
}

.FoepZ_storySuggestIndex{
  position:absolute;
  top:12px;
  right:12px;
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#1809F1;
  color:#fff;
  font-weight:900;
  box-shadow:0 8px 0 #0c0476;
}

.FoepZ_storySuggestThumb img{
  width:100%;
  height:190px;
  object-fit:cover;
  border-radius:16px;
}

.FoepZ_storySuggestInfo{
  margin-top:14px;
}

.FoepZ_storySuggestInfo h6{
  margin:0;
  font-size:18px;
  line-height:1.5;
}

.FoepZ_storySuggestInfo time{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  color:#b7ffd0;
  font-weight:900;
}

.FoepZ_storyFinder{
  background:#0C0D0E;
}

.FoepZ_storyNavigator{
  background:#f5eef0;
  color:#23171a;
}

.FoepZ_storyHeat{
  background:linear-gradient(180deg,#0C0D0E 0 18%, #f5eef0 18% 100%);
}

.FoepZ_storyHeat h6{
  color:#fff;
}

.FoepZ_storyHeatItem{
  background:rgba(12,13,14,.08);
}

.FoepZ_storyHeatCopy h5 a{
  color:#23171a;
}

.FoepZ_storyHeatCopy p{
  color:#4f4045;
}

.FoepZ_storyHeatMeta time{
  color:#1809F1;
}

/* responsive add */
@media (max-width:1180px){
  .FoepZ_columnCross,
  .FoepZ_storyCompass,
  .FoepZ_columnFrame,
  .FoepZ_storyFrame{
    grid-template-columns:1fr;
  }

  .FoepZ_columnCrossCore{
    grid-column:auto;
    grid-row:auto;
  }

  .FoepZ_columnCrossNorth,
  .FoepZ_columnCrossWest,
  .FoepZ_columnCrossEast,
  .FoepZ_columnCrossSouth{
    grid-column:auto;
  }

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

@media (max-width:860px){
  .FoepZ_listMain,
  .FoepZ_storyMain{
    padding:22px 0 60px;
  }

  .FoepZ_columnWall,
  .FoepZ_storySwitch,
  .FoepZ_storyShare,
  .FoepZ_storySuggestGrid{
    grid-template-columns:1fr;
  }

  .FoepZ_storyCompassStage{
    min-height:520px;
  }

  .FoepZ_storyCrumb{
    grid-template-columns:1fr;
    justify-items:start;
  }
}

@media (max-width:640px){
  .FoepZ_columnCrossNorth,
  .FoepZ_columnCrossWest,
  .FoepZ_columnCrossCore,
  .FoepZ_columnCrossEast,
  .FoepZ_columnCrossSouth,
  .FoepZ_columnFinder,
  .FoepZ_columnNavigator,
  .FoepZ_columnHeat,
  .FoepZ_storyCompassLead,
  .FoepZ_storyCompassStage,
  .FoepZ_storyArticleBox,
  .FoepZ_storySuggest,
  .FoepZ_storyFinder,
  .FoepZ_storyNavigator,
  .FoepZ_storyHeat{
    padding:20px;
  }

  .FoepZ_columnCrossCore{
    padding:12px;
  }

  .FoepZ_columnCrumb,
  .FoepZ_storyCrumb{
    padding:16px 18px;
  }

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

  .FoepZ_storyCompassCenter{
    width:132px;
    height:132px;
  }

  .FoepZ_storyCompassArm{
    width:170px;
    height:104px;
  }

  .FoepZ_storyCompassArmW,
  .FoepZ_storyCompassArmE{
    left:50%;
    right:auto;
    transform:translateX(-50%);
  }

  .FoepZ_storyCompassArmW{top:160px}
  .FoepZ_storyCompassArmE{top:284px}
}