
/* ZYROTREDING Hero Globe V2 */
.premium-hero{
  min-height:86vh;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,480px);
  align-items:center;
  gap:44px;
  text-align:left;
  padding:80px 7%;
}
.premium-hero:before{display:none!important}
.premium-hero .hero-content{max-width:760px;z-index:3}
.premium-hero .hero-content p{margin:0 0 30px;text-align:left}
.premium-hero .actions{justify-content:flex-start}
.premium-hero .trust-row{justify-content:flex-start}
.hero-visual{
  position:relative;
  width:min(42vw,460px);
  aspect-ratio:1;
  justify-self:center;
  display:grid;
  place-items:center;
  perspective:900px;
  filter:drop-shadow(0 30px 70px rgba(0,0,0,.45));
}
.digital-globe{
  position:relative;
  width:74%;
  aspect-ratio:1;
  border-radius:50%;
  overflow:hidden;
  border:1px solid rgba(244,208,120,.62);
  background:
    radial-gradient(circle at 32% 25%,rgba(255,245,204,.30),transparent 14%),
    radial-gradient(circle at 46% 46%,rgba(216,170,67,.18),transparent 38%),
    radial-gradient(circle at 50% 58%,#141008 0,#090909 62%,#030303 100%);
  box-shadow:
    inset -35px -30px 65px rgba(0,0,0,.85),
    inset 18px 14px 38px rgba(244,208,120,.10),
    0 0 32px rgba(216,170,67,.30),
    0 0 110px rgba(183,130,32,.19);
  animation:globeFloat 5.5s ease-in-out infinite;
  transform-style:preserve-3d;
}
.globe-shine{
  position:absolute;inset:7%;
  border-radius:50%;
  background:linear-gradient(132deg,rgba(255,255,255,.16),transparent 29%,transparent 72%,rgba(216,170,67,.08));
  filter:blur(1px);
}
.globe-latitude,.globe-longitude{
  position:absolute;inset:14%;
  border:1px solid rgba(216,170,67,.28);
  border-radius:50%;
}
.latitude-one{transform:scaleY(.30)}
.latitude-two{transform:scaleY(.62)}
.latitude-three{transform:scaleY(.84)}
.longitude-one{transform:scaleX(.38)}
.longitude-two{transform:scaleX(.72)}
.globe-core{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  text-shadow:0 0 22px rgba(216,170,67,.45);
}
.zyro-mark{
  width:72px;height:72px;border-radius:24px;
  display:grid;place-items:center;
  font-size:42px;font-weight:950;color:#090909;
  background:linear-gradient(145deg,#fff0b4,#d8aa43 55%,#815b16);
  box-shadow:0 12px 35px rgba(216,170,67,.27),inset 0 1px 1px rgba(255,255,255,.7);
  transform:rotate(-6deg);
}
.globe-core small{
  color:#ebca78;
  letter-spacing:4px;
  font-weight:800;
  margin-top:15px;
  font-size:10px;
}
.globe-halo{
  position:absolute;border-radius:50%;
  border:1px solid rgba(216,170,67,.24);
  box-shadow:0 0 32px rgba(216,170,67,.10);
}
.halo-one{inset:2%;animation:haloSpin 17s linear infinite}
.halo-two{inset:10%;border-style:dashed;animation:haloSpinReverse 12s linear infinite}
.orbit-dot{
  position:absolute;width:8px;height:8px;border-radius:50%;
  background:#ffe39a;
  box-shadow:0 0 12px #d8aa43,0 0 26px #d8aa43;
}
.dot-one{left:10%;top:38%;animation:dotPulse 2.1s infinite}
.dot-two{right:15%;top:22%;animation:dotPulse 2.6s .5s infinite}
.dot-three{right:22%;bottom:15%;animation:dotPulse 2.3s 1s infinite}
@keyframes globeFloat{50%{transform:translateY(-13px) rotateY(5deg) rotateX(2deg)}}
@keyframes haloSpin{to{transform:rotate(360deg)}}
@keyframes haloSpinReverse{to{transform:rotate(-360deg)}}
@keyframes dotPulse{50%{transform:scale(1.7);opacity:.55}}
.stats-section{
  margin-top:0!important;
  padding-top:26px!important;
}
.stat-card{min-width:0}
.stat-card strong,.stat-card span{display:block!important}
@media(max-width:900px){
  .premium-hero{
    grid-template-columns:1fr;
    text-align:center;
    padding-top:64px;
  }
  .premium-hero .hero-content{order:2}
  .hero-visual{order:1;width:min(76vw,360px)}
  .premium-hero .hero-content p{text-align:center}
  .premium-hero .actions,.premium-hero .trust-row{justify-content:center}
}
@media(max-width:520px){
  .premium-hero{gap:22px;padding:42px 6% 58px;min-height:auto}
  .hero-visual{width:min(82vw,310px)}
  .zyro-mark{width:58px;height:58px;font-size:34px;border-radius:19px}
  .globe-core small{letter-spacing:2.6px;font-size:8px}
  .stats-section{grid-template-columns:1fr 1fr!important;padding:22px 5%!important}
  .stat-card{padding:16px 8px!important}
  .stat-card strong{font-size:25px!important}
  .stat-card span{font-size:11px!important;line-height:1.35}
}
@media(prefers-reduced-motion:reduce){
  .digital-globe,.globe-halo,.orbit-dot{animation:none!important}
}

/* Truthful premium stats fallback */
.stats-section .stat-card strong{
  letter-spacing:.5px;
  min-height:42px;
}
.stats-section .stat-card span{
  max-width:170px;
  margin:0 auto;
}
@media(max-width:520px){
  .stats-section .stat-card strong{
    font-size:22px!important;
    letter-spacing:.2px;
  }
  .stats-section .stat-card span{
    max-width:130px;
  }
}
