/* ZYROTREDING Homepage V4 — mobile layout repair */
.stats-v4{
  width:100% !important;
  max-width:1250px !important;
  margin:0 auto !important;
  padding:34px 7% 72px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.stats-v4 .stat-v4{
  display:grid !important;
  grid-template-columns:56px minmax(0,1fr) !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
  min-height:150px !important;
  padding:22px !important;
  margin:0 !important;
  border:1px solid rgba(216,170,67,.26) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 100% 0,rgba(216,170,67,.12),transparent 42%),
    linear-gradient(145deg,rgba(25,25,25,.96),rgba(8,8,8,.98)) !important;
  box-shadow:0 22px 65px rgba(0,0,0,.34) !important;
  overflow:hidden !important;
  position:relative !important;
}
.stats-v4 .stat-v4:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(216,170,67,.62) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 30px rgba(216,170,67,.08) !important;
}
.stats-v4 .stat-icon{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  border-radius:17px !important;
  font-size:22px !important;
  line-height:1 !important;
  color:#090909 !important;
  background:linear-gradient(145deg,#fff0b4,#d8aa43 58%,#8a6118) !important;
  box-shadow:0 12px 30px rgba(216,170,67,.24) !important;
}
.stats-v4 .stat-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  min-width:0 !important;
}
.stats-v4 .stat-copy strong{
  display:block !important;
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:31px !important;
  line-height:1 !important;
  letter-spacing:-.5px !important;
  white-space:nowrap !important;
}
.stats-v4 .stat-copy span{
  display:block !important;
  margin:0 !important;
  color:#f3f3f3 !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  overflow-wrap:anywhere !important;
}
.stats-v4 .stat-copy small{
  display:block !important;
  margin:6px 0 0 !important;
  color:#8e8e8e !important;
  font-size:12px !important;
  line-height:1.35 !important;
  overflow-wrap:anywhere !important;
}
.premium-hero .trust-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px 16px !important;
  line-height:1.45 !important;
}
.premium-hero .trust-row span{
  display:inline-flex !important;
  align-items:center !important;
  white-space:normal !important;
}
@media(max-width:1050px){
  .stats-v4{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:650px){
  .stats-v4{
    padding:28px 5% 58px !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .stats-v4 .stat-v4{
    grid-template-columns:50px minmax(0,1fr) !important;
    min-height:112px !important;
    padding:18px !important;
    border-radius:20px !important;
  }
  .stats-v4 .stat-icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:15px !important;
    font-size:20px !important;
  }
  .stats-v4 .stat-copy strong{
    font-size:28px !important;
  }
  .stats-v4 .stat-copy span{
    font-size:15px !important;
  }
  .stats-v4 .stat-copy small{
    font-size:12px !important;
  }
  .premium-hero .trust-row{
    justify-content:center !important;
    font-size:13px !important;
    padding:0 8px !important;
  }
}
@media(max-width:380px){
  .stats-v4 .stat-v4{
    grid-template-columns:44px minmax(0,1fr) !important;
    gap:13px !important;
    padding:16px !important;
  }
  .stats-v4 .stat-icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }
  .stats-v4 .stat-copy strong{
    font-size:25px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .stats-v4 .stat-v4{transition:none !important}
}


/* ZYROTREDING Market Insights */
.market-insights{
  position:relative;
  max-width:1250px;
  margin:0 auto;
  padding-top:62px;
  padding-bottom:76px;
}
.market-insights::before{
  content:"";
  position:absolute;
  inset:8% 4% auto;
  height:320px;
  pointer-events:none;
  background:radial-gradient(circle,rgba(216,170,67,.10),transparent 68%);
  filter:blur(12px);
}
.market-insights-head{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:26px;
}
.market-insights-head h2{margin:8px 0 10px}
.market-insights-head .lead{max-width:760px;margin:0}
.insight-range{
  display:flex;
  gap:8px;
  padding:6px;
  border:1px solid rgba(216,170,67,.24);
  border-radius:15px;
  background:rgba(10,10,10,.85);
  box-shadow:0 16px 40px rgba(0,0,0,.25);
}
.insight-range button{
  min-width:48px;
  border:0;
  border-radius:10px;
  padding:10px 12px;
  color:#8d8d8d;
  background:transparent;
  font-weight:800;
  cursor:pointer;
  transition:.25s ease;
}
.insight-range button:hover,.insight-range button.is-active{
  color:#090909;
  background:linear-gradient(145deg,#fff0b4,#d8aa43 60%,#8a6118);
  box-shadow:0 8px 22px rgba(216,170,67,.22);
}
.market-insights-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);
  gap:22px;
}
.insight-chart-card,.insight-metrics article{
  border:1px solid rgba(216,170,67,.22);
  background:linear-gradient(145deg,rgba(24,24,24,.98),rgba(7,7,7,.99));
  box-shadow:0 28px 85px rgba(0,0,0,.38);
}
.insight-chart-card{
  overflow:hidden;
  border-radius:28px;
  padding:26px;
}
.chart-toolbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.chart-kicker{display:block;color:#aaa;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}
.chart-toolbar strong{display:block;color:#fff;font-size:48px;line-height:1;margin:10px 0 7px;letter-spacing:-1.5px}
.chart-toolbar small{color:#68d391;font-weight:800}
.market-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid rgba(104,211,145,.28);
  border-radius:999px;
  background:rgba(104,211,145,.07);
  color:#83e2a5;
  font-size:12px;
  font-weight:800;
}
.market-status i{width:8px;height:8px;border-radius:50%;background:#68d391;box-shadow:0 0 12px #68d391;animation:marketPulse 1.8s infinite}
.chart-stage{
  position:relative;
  min-height:330px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(216,170,67,.035),rgba(0,0,0,.22));
}
.chart-stage svg{display:block;width:100%;height:330px;overflow:visible}
.chart-grid-lines line{stroke:rgba(255,255,255,.06);stroke-width:1}
.chart-area{fill:url(#zyroChartArea);transition:d .55s ease}
.chart-line{
  fill:none;
  stroke:#d8aa43;
  stroke-width:5;
  stroke-linecap:round;
  filter:url(#zyroGlow);
  stroke-dasharray:1;
  stroke-dashoffset:1;
  animation:chartDraw 1.8s ease forwards;
  transition:d .55s ease;
}
.chart-line.chart-redraw{animation:chartDraw .75s ease forwards}
.chart-pulse{fill:#fff0b4;stroke:#d8aa43;stroke-width:4;filter:url(#zyroGlow);animation:pointPulse 1.8s ease-in-out infinite}
.chart-labels{position:absolute;left:18px;right:18px;bottom:10px;display:flex;justify-content:space-between;color:#696969;font-size:11px;font-weight:700}
.chart-disclosure{margin-top:15px;color:#717171;font-size:12px;line-height:1.55}
.insight-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.insight-metrics article{
  min-height:142px;
  border-radius:21px;
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  transition:.25s ease;
}
.insight-metrics article:hover{transform:translateY(-4px);border-color:rgba(216,170,67,.56)}
.insight-metrics span{color:#8d8d8d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.insight-metrics strong{color:#fff;font-size:25px;margin:10px 0 6px}
.insight-metrics small{color:#d8aa43;font-size:12px}
.insight-metrics .btn{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:54px}
@keyframes chartDraw{to{stroke-dashoffset:0}}
@keyframes marketPulse{50%{opacity:.35;transform:scale(.72)}}
@keyframes pointPulse{50%{r:11;opacity:.65}}
@media(max-width:980px){
  .market-insights-grid{grid-template-columns:1fr}
  .insight-metrics{grid-template-columns:repeat(4,1fr)}
  .insight-metrics .btn{grid-column:1/-1}
}
@media(max-width:720px){
  .market-insights{padding:48px 5% 60px!important}
  .market-insights-head{align-items:flex-start;flex-direction:column}
  .insight-range{width:100%}
  .insight-range button{flex:1;min-width:0}
  .insight-chart-card{padding:18px;border-radius:22px}
  .chart-toolbar{align-items:flex-start;flex-direction:column}
  .chart-toolbar strong{font-size:40px}
  .market-status{align-self:flex-start}
  .chart-stage,.chart-stage svg{height:270px;min-height:270px}
  .insight-metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
  .insight-metrics{grid-template-columns:1fr}
  .chart-labels{font-size:9px}
  .chart-stage,.chart-stage svg{height:230px;min-height:230px}
}
@media(prefers-reduced-motion:reduce){
  .chart-line,.chart-pulse,.market-status i{animation:none!important}
  .insight-chart-card,.insight-metrics article{transition:none!important}
}