:root{
  --QueenZ_shell:min(1280px, calc(100% - 32px));
  --QueenZ_bg:#0BF9E9;
  --QueenZ_card:#FD08DC;
  --QueenZ_border:#E8D4D6;
  --QueenZ_navA:#66D20F;
  --QueenZ_navB:#90f73a;
  --QueenZ_btn:#0B4B5B;
  --QueenZ_btnDark:#072f38;
  --QueenZ_text:#07151b;
  --QueenZ_white:#ffffff;
  --QueenZ_shadow:0 18px 50px rgba(5, 22, 31, .24);
  --QueenZ_glow:0 0 0 1px rgba(232,212,214,.75), 0 0 24px rgba(232,212,214,.38), 0 0 56px rgba(232,212,214,.16);
}

body{
  color:var(--QueenZ_text);
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.25), transparent 28%),
    radial-gradient(circle at 80% 10%, rgba(255,255,255,.16), transparent 22%),
    radial-gradient(circle at 50% 80%, rgba(11,75,91,.16), transparent 28%),
    repeating-radial-gradient(circle at 0 0, rgba(255,255,255,.08) 0 12px, rgba(11,249,233,.02) 12px 28px),
    linear-gradient(180deg, #0BF9E9 0%, #09d9ca 100%);
}

.QueenZ_visuallyHidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.QueenZ_topbar{
  position:sticky;
  top:0;
  z-index:99;
  padding:16px 0;
  backdrop-filter:blur(14px);
}

.QueenZ_topbarInner{
  width:var(--QueenZ_shell);
  margin:0 auto;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:18px;
  padding:14px 18px;
  border-radius:22px;
  background:linear-gradient(90deg, rgba(102,210,15,.94), rgba(152,255,92,.88));
  box-shadow:var(--QueenZ_shadow);
  border:1px solid rgba(255,255,255,.35);
}

.QueenZ_brandZone{
  display:flex;
  align-items:center;
  min-width:max-content;
}

.QueenZ_brandMark a{
  display:flex;
  align-items:center;
}

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

.QueenZ_primaryNav{
  justify-self:center;
}

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

.QueenZ_primaryNavItem a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border-radius:14px;
  color:#06240d;
  font-weight:800;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  transition:all .25s ease;
}

.QueenZ_primaryNavItem a:hover,
.QueenZ_primaryNavItem a:focus-visible{
  transform:translateY(-2px);
  background:rgba(255,255,255,.32);
}

.QueenZ_actionCluster{
  display:flex;
  align-items:center;
  gap:12px;
}

.QueenZ_searchForm{
  display:flex;
  align-items:center;
  gap:8px;
}

.QueenZ_searchInput{
  width:8em;
  height:42px;
  padding:0 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.92);
  color:#0d2430;
  outline:none;
}

.QueenZ_searchSubmit,
.QueenZ_mobileToggle,
.QueenZ_backTop{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 16px;
  border:none;
  border-radius:14px;
  background:linear-gradient(180deg, #0B4B5B 0%, #0a3945 55%, #072f38 100%);
  color:#fff;
  font-weight:800;
  box-shadow:0 7px 0 #042029, 0 14px 32px rgba(4,32,41,.28);
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
}

.QueenZ_searchSubmit:hover,
.QueenZ_mobileToggle:hover,
.QueenZ_backTop:hover,
.QueenZ_actionButton:hover{
  transform:translateY(-2px);
}

.QueenZ_mobileToggle{
  min-width:48px;
  padding:10px 14px;
}

.QueenZ_mobileToggleIcon{
  font-size:20px;
  line-height:1;
}

.QueenZ_mobilePanel{
  grid-column:1 / -1;
  margin-top:8px;
}

.QueenZ_mobileNavList{
  display:grid;
  gap:10px;
  padding-top:8px;
}

.QueenZ_mobileNavItem a{
  display:flex;
  min-height:44px;
  align-items:center;
  padding:10px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.32);
  color:#06240d;
  font-weight:800;
}

.QueenZ_homeFrame > section{
  width:var(--QueenZ_shell);
  margin:28px auto 0;
}

.QueenZ_fluxStageInner,
.QueenZ_originPanel,
.QueenZ_reachPort{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:24px;
  align-items:center;
}

.QueenZ_fluxStageInner,
.QueenZ_originPanel,
.QueenZ_proofGrid,
.QueenZ_signalMatrix,
.QueenZ_arenaScope,
.QueenZ_matchStack,
.QueenZ_voiceLoop,
.QueenZ_faqShell,
.QueenZ_newsPulse,
.QueenZ_reachPort{
  position:relative;
}

.QueenZ_fluxStageCopy,
.QueenZ_fluxStageVisual,
.QueenZ_originMedia,
.QueenZ_originContent,
.QueenZ_proofCard,
.QueenZ_diamondCell,
.QueenZ_quadrantItem,
.QueenZ_matchCard,
.QueenZ_voiceCard,
.QueenZ_faqList details,
.QueenZ_newsCard,
.QueenZ_reachIntro,
.QueenZ_reachForm,
.QueenZ_footerBrand,
.QueenZ_footerLinks,
.QueenZ_footerContact{
  background:linear-gradient(180deg, rgba(253,8,220,.96), rgba(224,6,194,.98));
  border:1px solid var(--QueenZ_border);
  box-shadow:var(--QueenZ_glow), var(--QueenZ_shadow);
  border-radius:26px;
}

.QueenZ_fluxStageCopy,
.QueenZ_fluxStageVisual,
.QueenZ_originMedia,
.QueenZ_originContent,
.QueenZ_reachIntro,
.QueenZ_reachForm{
  padding:28px;
}

.QueenZ_stageBadge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  color:#fff;
  background:rgba(11,75,91,.28);
  border:1px solid rgba(255,255,255,.25);
}

.QueenZ_stageTitle{
  margin:16px 0 14px;
  font-size:clamp(34px, 4.6vw, 68px);
  line-height:1.06;
  color:#fff;
}

.QueenZ_stageText,
.QueenZ_visualOverlay p,
.QueenZ_originContent p,
.QueenZ_proofCard p:last-child,
.QueenZ_diamondCell p,
.QueenZ_quadrantItem span,
.QueenZ_matchCard p,
.QueenZ_voiceCard p,
.QueenZ_faqList p,
.QueenZ_newsBody p,
.QueenZ_reachIntro p{
  color:rgba(255,255,255,.92);
  line-height:1.8;
}

.QueenZ_fluxStageActions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:20px;
}

.QueenZ_actionButton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:12px 20px;
  border-radius:16px;
  background:linear-gradient(180deg, #0B4B5B 0%, #0a3945 55%, #072f38 100%);
  color:#fff;
  font-weight:800;
  box-shadow:0 7px 0 #042029, 0 14px 32px rgba(4,32,41,.28);
}

.QueenZ_actionButtonGhost{
  background:linear-gradient(180deg, #14667b 0%, #0B4B5B 100%);
}

.QueenZ_visualCard img,
.QueenZ_originMedia img,
.QueenZ_matchCard img,
.QueenZ_newsThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:20px;
}

.QueenZ_visualCardLarge{
  position:relative;
  min-height:420px;
  overflow:hidden;
}

.QueenZ_visualOverlay{
  position:absolute;
  inset:auto 18px 18px 18px;
  padding:18px;
  border-radius:18px;
  background:rgba(11,75,91,.44);
  backdrop-filter:blur(8px);
  color:#fff;
}

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

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

.QueenZ_proofCard{
  padding:24px;
  text-align:center;
}

.QueenZ_proofCard i,
.QueenZ_diamondCell i,
.QueenZ_quadrantItem i{
  font-size:30px;
  color:#fff;
  margin-bottom:14px;
}

.QueenZ_proofCard h3,
.QueenZ_diamondCell h3,
.QueenZ_quadrantItem h3,
.QueenZ_matchCard h3,
.QueenZ_voiceCard h3,
.QueenZ_newsBody h3{
  margin:0 0 10px;
  color:#fff;
  font-size:24px;
}

.QueenZ_counter{
  margin:0 0 12px;
  color:#fff;
  font-size:36px;
  font-weight:900;
}

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

.QueenZ_diamondCell{
  min-height:240px;
  padding:26px;
  transform:rotate(45deg);
  display:flex;
  align-items:center;
  justify-content:center;
}

.QueenZ_diamondCell > *{
  transform:rotate(-45deg);
  text-align:center;
}

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

.QueenZ_quadrantItem{
  min-height:280px;
  padding:28px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.QueenZ_quadrantItem p{
  margin:0 0 8px;
  color:#fff;
  font-size:32px;
  font-weight:900;
}

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

.QueenZ_matchCard{
  overflow:hidden;
  display:grid;
  grid-template-columns:220px 1fr;
  gap:16px;
  padding:16px;
  align-items:center;
}

.QueenZ_matchCard img{
  height:180px;
}

.QueenZ_voiceViewport{
  overflow:hidden;
}

.QueenZ_voiceTrack{
  display:grid;
  grid-template-columns:repeat(5, 100%);
  transition:transform .45s ease;
}

.QueenZ_voiceCard{
  padding:28px;
  text-align:center;
}

.QueenZ_voiceCard i{
  font-size:34px;
  color:#fff;
  margin-bottom:12px;
}

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

.QueenZ_faqList details{
  padding:18px 20px;
}

.QueenZ_faqList summary{
  cursor:pointer;
  color:#fff;
  font-weight:800;
}

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

.QueenZ_newsCard{
  overflow:hidden;
  height:100%;
}

.QueenZ_newsThumb{
  aspect-ratio:16/10;
  overflow:hidden;
}

.QueenZ_newsBody{
  padding:20px;
}

.QueenZ_newsBody time{
  display:inline-flex;
  margin-top:12px;
  color:#fff;
  font-weight:700;
}

.QueenZ_reachPort{
  margin-bottom:34px;
}

.QueenZ_reachMeta{
  display:grid;
  gap:12px;
  margin-top:16px;
}

.QueenZ_reachMeta span{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
}

.QueenZ_reachMeta a{
  color:#fff;
}

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

.QueenZ_formRow{
  display:grid;
  gap:8px;
}

.QueenZ_formRow label{
  color:#fff;
  font-weight:700;
}

.QueenZ_formRow input,
.QueenZ_formRow textarea{
  width:100%;
  border:none;
  outline:none;
  border-radius:16px;
  background:rgba(255,255,255,.95);
  padding:14px 16px;
  color:#12242b;
}

.QueenZ_footerDeck{
  padding:24px 0 90px;
}

.QueenZ_footerInner{
  width:var(--QueenZ_shell);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr .9fr .9fr;
  gap:18px;
}

.QueenZ_footerBrand,
.QueenZ_footerLinks,
.QueenZ_footerContact{
  padding:24px;
}

.QueenZ_footerHeading{
  margin:0 0 14px;
  font-size:24px;
  color:#fff;
}

.QueenZ_footerName,
.QueenZ_footerSummary,
.QueenZ_footerMeta,
.QueenZ_footerMeta a,
.QueenZ_footerCopy,
.QueenZ_footerCopy a{
  color:#fff;
}

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

.QueenZ_footerLinkList a{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-weight:700;
}

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

.QueenZ_footerMeta{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.QueenZ_footerCopy{
  grid-column:1 / -1;
  text-align:center;
  padding-top:10px;
  font-size:14px;
}

.QueenZ_backTop{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:100;
}

@media (max-width: 1180px){
  .QueenZ_topbarInner,
  .QueenZ_fluxStageInner,
  .QueenZ_originPanel,
  .QueenZ_reachPort,
  .QueenZ_footerInner{
    grid-template-columns:1fr;
  }

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

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

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

  .QueenZ_mobileToggle{
    display:inline-flex;
  }

  .QueenZ_diamondField,
  .QueenZ_quadrantWrap,
  .QueenZ_matchGrid,
  .QueenZ_newsMatrix,
  .QueenZ_footerLinkList{
    grid-template-columns:1fr;
  }

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

  .QueenZ_matchCard img{
    height:220px;
  }

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

@media (min-width: 861px){
  .QueenZ_mobileToggle,
  .QueenZ_mobilePanel{
    display:none;
  }
}
document.addEventListener('DOMContentLoaded', function () {
  var QueenZ_mobileToggle = document.getElementById('QueenZ_mobileToggle');
  var QueenZ_mobilePanel = document.getElementById('QueenZ_mobilePanel');

  if (QueenZ_mobileToggle && QueenZ_mobilePanel) {
    QueenZ_mobileToggle.addEventListener('click', function () {
      var expanded = QueenZ_mobileToggle.getAttribute('aria-expanded') === 'true';
      QueenZ_mobileToggle.setAttribute('aria-expanded', String(!expanded));
      QueenZ_mobilePanel.hidden = expanded;
    });
  }

  var QueenZ_backTop = document.getElementById('QueenZ_backTop');
  if (QueenZ_backTop) {
    QueenZ_backTop.addEventListener('click', function () {
      window.scrollTo({
        top: 0,
        behavior: 'smooth'
      });
    });
  }

  var QueenZ_counters = document.querySelectorAll('.QueenZ_counter');
  QueenZ_counters.forEach(function (counter) {
    var target = parseInt(counter.getAttribute('data-target') || '0', 10);
    var suffix = counter.getAttribute('data-suffix') || '';
    var current = 0;
    var step = Math.max(1, Math.ceil(target / 60));

    function updateCounter() {
      current += step;
      if (current >= target) {
        current = target;
      }
      counter.textContent = current + suffix;
      if (current < target) {
        requestAnimationFrame(updateCounter);
      }
    }

    updateCounter();
  });

  var QueenZ_voiceTrack = document.querySelector('.QueenZ_voiceTrack');
  var QueenZ_voiceCards = document.querySelectorAll('.QueenZ_voiceCard');
  if (QueenZ_voiceTrack && QueenZ_voiceCards.length > 1) {
    var QueenZ_voiceIndex = 0;
    setInterval(function () {
      QueenZ_voiceIndex = (QueenZ_voiceIndex + 1) % QueenZ_voiceCards.length;
      QueenZ_voiceTrack.style.transform = 'translateX(-' + (QueenZ_voiceIndex * 100) + '%)';
      QueenZ_voiceCards.forEach(function (card, idx) {
        card.classList.toggle('is-active', idx === QueenZ_voiceIndex);
      });
    }, 3200);
  }
});
.QueenZ_pageHeadline{
  margin:16px 0 14px;
  font-size:clamp(32px, 4vw, 60px);
  line-height:1.08;
  color:#fff;
}

.QueenZ_blockLead,
.QueenZ_sectionEyebrow,
.QueenZ_contactHeroCopy p,
.QueenZ_appHeroCopy p,
.QueenZ_appValueBody p,
.QueenZ_appTrustTail,
.QueenZ_appInviteMain p,
.QueenZ_appFinal p{
  color:rgba(255,255,255,.92);
  line-height:1.8;
}

.QueenZ_contactFrame > section,
.QueenZ_appFrame > section{
  width:var(--QueenZ_shell);
  margin:28px auto 0;
}

.QueenZ_contactHeroInner,
.QueenZ_contactDock,
.QueenZ_appHeroWrap{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:24px;
  align-items:center;
}

.QueenZ_contactHeroCopy,
.QueenZ_contactHeroVisual,
.QueenZ_contactExpressCard,
.QueenZ_contactChannel,
.QueenZ_contactAccordionItem,
.QueenZ_contactDockInfo,
.QueenZ_contactDockForm,
.QueenZ_appHeroMedia,
.QueenZ_appHeroCopy,
.QueenZ_appMetricCard,
.QueenZ_appValueBody,
.QueenZ_appEdgeCard,
.QueenZ_appSceneCard,
.QueenZ_compareTable,
.QueenZ_timelineCard,
.QueenZ_installColumn,
.QueenZ_appTrustCard,
.QueenZ_appInviteMain,
.QueenZ_appFinal{
  background:linear-gradient(180deg, rgba(253,8,220,.96), rgba(224,6,194,.98));
  border:1px solid var(--QueenZ_border);
  box-shadow:var(--QueenZ_glow), var(--QueenZ_shadow);
  border-radius:26px;
}

.QueenZ_contactHeroCopy,
.QueenZ_contactHeroVisual,
.QueenZ_contactDockInfo,
.QueenZ_contactDockForm,
.QueenZ_appHeroMedia,
.QueenZ_appHeroCopy,
.QueenZ_appValueBody,
.QueenZ_appFinal,
.QueenZ_appInviteMain{
  padding:28px;
}

.QueenZ_contactHeroVisual,
.QueenZ_appHeroMedia{
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}

.QueenZ_contactHeroOrb,
.QueenZ_appPhoneShell{
  width:180px;
  height:180px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, rgba(11,75,91,.95), rgba(7,47,56,.95));
  box-shadow:0 0 0 10px rgba(255,255,255,.12), 0 0 50px rgba(11,75,91,.4);
}

.QueenZ_contactHeroOrb i,
.QueenZ_appPhoneShell i{
  font-size:74px;
  color:#fff;
}

.QueenZ_contactHeroStats{
  position:absolute;
  inset:auto 24px 24px 24px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
}

.QueenZ_contactHeroStats span,
.QueenZ_appIconChip{
  display:grid;
  gap:4px;
  padding:14px;
  border-radius:18px;
  background:rgba(11,75,91,.35);
  backdrop-filter:blur(8px);
  color:#fff;
  text-align:center;
}

.QueenZ_contactHeroStats strong{
  font-size:24px;
}

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

.QueenZ_contactExpressCard{
  padding:24px;
  text-align:center;
}

.QueenZ_contactExpressCard i{
  font-size:34px;
  color:#fff;
  margin-bottom:14px;
}

.QueenZ_contactExpressCard h3,
.QueenZ_contactAccordionItem h3,
.QueenZ_appSceneCard h3,
.QueenZ_appTrustCard h3,
.QueenZ_installColumn h3,
.QueenZ_timelineYear h3{
  margin:0 0 10px;
  color:#fff;
}

.QueenZ_contactExpressCard small,
.QueenZ_contactExpressCard a,
.QueenZ_contactExpressCard span{
  color:#fff;
  line-height:1.7;
}

.QueenZ_contactExpressCard a{
  display:inline-block;
  margin-top:10px;
  font-weight:800;
}

.QueenZ_contactChannel{
  padding:28px;
}

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

.QueenZ_contactAccordionItem{
  padding:0;
  overflow:hidden;
}

.QueenZ_contactAccordionButton{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  padding:20px 22px;
  border:none;
  background:transparent;
  color:#fff;
  font-size:18px;
  font-weight:800;
  cursor:pointer;
}

.QueenZ_contactAccordionPanel{
  padding:0 22px 22px;
}

.QueenZ_contactAccordionPanel p,
.QueenZ_contactAccordionPanel li{
  color:#fff;
  line-height:1.8;
}

.QueenZ_contactAccordionPanel ul{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.QueenZ_contactDockMeta{
  display:grid;
  gap:12px;
  margin-top:18px;
}

.QueenZ_contactDockMeta span{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
}

.QueenZ_contactDockMeta a{
  color:#fff;
}

.QueenZ_appPhoneStage{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}

.QueenZ_appPhoneShell{
  width:230px;
  height:420px;
  border-radius:42px;
}

.QueenZ_appIconChip{
  position:absolute;
  right:40px;
  top:40px;
  min-width:110px;
}

.QueenZ_appIconChip i{
  font-size:28px;
}

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

.QueenZ_appMetricCard{
  padding:18px;
  text-align:center;
}

.QueenZ_appMetricCard h2{
  margin:0 0 8px;
  color:#fff;
  font-size:32px;
}

.QueenZ_appMetricCard p{
  margin:0;
}

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

.QueenZ_appFeaturePills span{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(11,75,91,.28);
  border:1px solid rgba(255,255,255,.26);
  color:#fff;
}

.QueenZ_appDownloadRow,
.QueenZ_appFinalActions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:20px;
}

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

.QueenZ_appEdgeCard,
.QueenZ_appSceneCard,
.QueenZ_appTrustCard{
  padding:24px;
}

.QueenZ_appEdgeCard p,
.QueenZ_appSceneCard p,
.QueenZ_appTrustCard p,
.QueenZ_timelineCard p,
.QueenZ_timelineCard li,
.QueenZ_installColumn p{
  color:#fff;
  line-height:1.8;
}

.QueenZ_appSceneCard h3 span{
  display:inline-flex;
  width:48px;
  height:48px;
  align-items:center;
  justify-content:center;
  margin-right:10px;
  border-radius:14px;
  background:rgba(11,75,91,.25);
}

.QueenZ_compareTable{
  overflow:hidden;
}

.QueenZ_compareRow{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
}

.QueenZ_compareRow span{
  padding:16px 18px;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.16);
}

.QueenZ_compareHead span{
  font-weight:800;
  background:rgba(11,75,91,.28);
}

.QueenZ_timelineYear{
  margin-top:22px;
}

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

.QueenZ_timelineCard{
  padding:22px;
}

.QueenZ_timelineCard h4{
  margin:0 0 8px;
  color:#fff;
  font-size:24px;
}

.QueenZ_timelineCard ul{
  display:grid;
  gap:8px;
  margin-top:12px;
}

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

.QueenZ_appFaqList details{
  background:linear-gradient(180deg, rgba(253,8,220,.96), rgba(224,6,194,.98));
  border:1px solid var(--QueenZ_border);
  box-shadow:var(--QueenZ_glow), var(--QueenZ_shadow);
  border-radius:22px;
  padding:18px 20px;
}

.QueenZ_appFaqList summary{
  cursor:pointer;
  color:#fff;
  font-weight:800;
}

.QueenZ_appFaqList summary span{
  margin-right:8px;
}

.QueenZ_appFaqList p{
  margin-top:12px;
  color:#fff;
  line-height:1.8;
}

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

.QueenZ_installColumn{
  padding:24px;
}

.QueenZ_installColumn ol{
  display:grid;
  gap:14px;
  margin-top:14px;
}

.QueenZ_installColumn li{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:14px;
  align-items:flex-start;
}

.QueenZ_installColumn strong{
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:16px;
  background:linear-gradient(180deg, #0B4B5B 0%, #072f38 100%);
  color:#fff;
  font-size:22px;
  box-shadow:0 7px 0 #042029;
}

.QueenZ_installColumn h4{
  margin:0 0 8px;
  color:#fff;
}

.QueenZ_appTrustCard i{
  font-size:30px;
  color:#fff;
  margin-bottom:14px;
}

.QueenZ_appInviteMain{
  text-align:center;
}

.QueenZ_inviteCode{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  min-height:56px;
  margin:10px 0 4px;
  padding:12px 20px;
  border-radius:18px;
  background:rgba(11,75,91,.3);
  color:#fff;
  font-size:24px;
  font-weight:900;
  letter-spacing:2px;
}

.QueenZ_appFinal{
  text-align:center;
}

.QueenZ_appFinalBadge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(11,75,91,.28);
  color:#fff;
  margin-bottom:14px;
}

@media (max-width: 1180px){
  .QueenZ_contactHeroInner,
  .QueenZ_contactDock,
  .QueenZ_appHeroWrap{
    grid-template-columns:1fr;
  }

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

  .QueenZ_appHeroMetrics,
  .QueenZ_installGrid,
  .QueenZ_timelineList{
    grid-template-columns:1fr;
  }
}

@media (max-width: 860px){
  .QueenZ_contactExpressGrid,
  .QueenZ_appEdgeGrid,
  .QueenZ_appSceneGrid,
  .QueenZ_appTrustGrid{
    grid-template-columns:1fr;
  }

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

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

  .QueenZ_compareRow span{
    border-bottom:1px solid rgba(255,255,255,.12);
  }
}
.QueenZ_listFrame > section,
.QueenZ_showFrame > section{
  width:var(--QueenZ_shell);
  margin:28px auto 0;
}

.QueenZ_listHeroInner,
.QueenZ_showHeroInner{
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:24px;
  align-items:center;
}

.QueenZ_listHeroCopy,
.QueenZ_listHeroVisual,
.QueenZ_showHeroCopy,
.QueenZ_showHeroVisual,
.QueenZ_listPathway,
.QueenZ_showPathway,
.QueenZ_listStoryCard,
.QueenZ_sidePanel,
.QueenZ_showArticleCard,
.QueenZ_showRecommend,
.QueenZ_recommendCard{
  background:linear-gradient(180deg, rgba(253,8,220,.96), rgba(224,6,194,.98));
  border:1px solid var(--QueenZ_border);
  box-shadow:var(--QueenZ_glow), var(--QueenZ_shadow);
  border-radius:26px;
}

.QueenZ_listHeroCopy,
.QueenZ_listHeroVisual,
.QueenZ_showHeroCopy,
.QueenZ_showHeroVisual,
.QueenZ_listPathway,
.QueenZ_showPathway,
.QueenZ_showArticleCard,
.QueenZ_showRecommend,
.QueenZ_sidePanel{
  padding:26px;
}

.QueenZ_listHeroVisual,
.QueenZ_showHeroVisual{
  min-height:320px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.QueenZ_listHeroIconBox,
.QueenZ_showHeroBadge{
  position:absolute;
  z-index:2;
  width:110px;
  height:110px;
  border-radius:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, #0B4B5B 0%, #072f38 100%);
  box-shadow:0 10px 0 #042029, 0 18px 36px rgba(4,32,41,.28);
  color:#fff;
  font-size:42px;
}

.QueenZ_listHeroGlow,
.QueenZ_showHeroVisual img{
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:20px;
}

.QueenZ_listHeroGlow img,
.QueenZ_showHeroVisual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:.78;
}

.QueenZ_listPathway,
.QueenZ_showPathway{
  padding:18px 22px;
}

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

.QueenZ_breadcrumbItem,
.QueenZ_breadcrumbItem a,
.QueenZ_breadcrumbArrow{
  color:#fff;
  font-weight:700;
}

.QueenZ_breadcrumbItem{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.QueenZ_breadcrumbItem.is-current a{
  opacity:.9;
}

.QueenZ_listArena,
.QueenZ_showArena{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 340px;
  gap:20px;
  align-items:start;
}

.QueenZ_listMainRail,
.QueenZ_showContentRail{
  min-width:0;
}

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

.QueenZ_listStoryCard{
  overflow:hidden;
  display:grid;
  gap:0;
}

.QueenZ_listStoryThumb{
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
}

.QueenZ_listStoryThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.QueenZ_listStoryBody{
  padding:18px;
  display:grid;
  gap:14px;
}

.QueenZ_listStoryText h3,
.QueenZ_sideHotBody h3,
.QueenZ_recommendBody h3{
  margin:0 0 10px;
  color:#fff;
}

.QueenZ_listStoryText a,
.QueenZ_sideHotBody a,
.QueenZ_recommendBody a{
  color:#fff;
}

.QueenZ_listStoryText p,
.QueenZ_sideHotBody p,
.QueenZ_showShareZone p,
.QueenZ_showArticleHead,
.QueenZ_showArticleBody,
.QueenZ_showArticleBody p,
.QueenZ_showArticleBody li,
.QueenZ_showArticleBody blockquote{
  color:#fff;
  line-height:1.85;
}

.QueenZ_listStoryMeta time,
.QueenZ_sideHotBody time,
.QueenZ_recommendBody small{
  color:#fff;
  opacity:.92;
  font-weight:700;
}

.QueenZ_listSupportRail,
.QueenZ_showSupportRail{
  display:grid;
  gap:18px;
  position:sticky;
  top:110px;
}

.QueenZ_sidePanelTitle{
  margin:0 0 16px;
  color:#fff;
  font-size:24px;
}

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

.QueenZ_sideSearchField{
  flex:1;
}

.QueenZ_sideSearchField input{
  width:100%;
  min-height:46px;
  border:none;
  border-radius:15px;
  padding:0 14px;
  background:rgba(255,255,255,.95);
  color:#11252f;
  outline:none;
}

.QueenZ_sideSearchButton{
  min-width:50px;
  min-height:46px;
  border:none;
  border-radius:15px;
  background:linear-gradient(180deg, #0B4B5B 0%, #072f38 100%);
  color:#fff;
  box-shadow:0 7px 0 #042029;
  cursor:pointer;
}

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

.QueenZ_sideNavList a{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:10px 14px;
  border-radius:14px;
  background:rgba(11,75,91,.24);
  color:#fff;
  font-weight:700;
}

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

.QueenZ_sideHotThumb{
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:18px;
}

.QueenZ_sideHotThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.QueenZ_showArticleHead{
  margin-bottom:12px;
}

.QueenZ_showMetaRow{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.QueenZ_showMetaRow span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(11,75,91,.28);
  color:#fff;
}

.QueenZ_showArticleBody{
  font-size:17px;
}

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

.QueenZ_showArticleBody h2,
.QueenZ_showArticleBody h3,
.QueenZ_showArticleBody h4,
.QueenZ_showArticleBody strong{
  color:#fff;
}

.QueenZ_showArticleBody a{
  color:#dffcff;
  text-decoration:underline;
}

.QueenZ_showPager{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
  margin-top:24px;
}

.QueenZ_showPagerLink{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:58px;
  padding:14px 18px;
  border-radius:18px;
  background:rgba(11,75,91,.28);
  color:#fff;
  font-weight:700;
}

.QueenZ_showPagerIcon{
  display:inline-flex;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(255,255,255,.14);
}

.QueenZ_showShareZone{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.16);
}

.QueenZ_showShareActions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:14px;
}

.QueenZ_shareChip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:10px 16px;
  border:none;
  border-radius:14px;
  background:linear-gradient(180deg, #0B4B5B 0%, #072f38 100%);
  color:#fff;
  box-shadow:0 7px 0 #042029;
  cursor:pointer;
}

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

.QueenZ_recommendCard{
  padding:14px;
  display:grid;
  grid-template-columns:54px 110px 1fr;
  gap:14px;
  align-items:center;
}

.QueenZ_recommendIndex{
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:linear-gradient(180deg, #0B4B5B 0%, #072f38 100%);
  color:#fff;
  font-size:22px;
  font-weight:900;
  box-shadow:0 7px 0 #042029;
}

.QueenZ_recommendThumb{
  display:block;
  height:78px;
  overflow:hidden;
  border-radius:16px;
}

.QueenZ_recommendThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

@media (max-width: 1180px){
  .QueenZ_listHeroInner,
  .QueenZ_showHeroInner,
  .QueenZ_listArena,
  .QueenZ_showArena{
    grid-template-columns:1fr;
  }

  .QueenZ_listSupportRail,
  .QueenZ_showSupportRail{
    position:static;
    top:auto;
  }
}

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

  .QueenZ_recommendCard{
    grid-template-columns:54px 1fr;
  }

  .QueenZ_recommendThumb{
    grid-column:1 / -1;
    height:180px;
  }
}