/* WEQEX v16 — hero refinement based on production screenshot */

/* Remove leftover debug / dashboard decoration */
.home-v16 .hero-content:before,
.home-v16 .hero h1:after{display:none!important;content:none!important}
.home-v16 .hud{display:none!important}

/* Header: quieter, tighter, less floating-widget feeling */
.home-v16 .site-header{
  height:62px;
  top:14px;
  border-radius:16px;
  box-shadow:0 12px 36px rgba(43,67,99,.065);
}
.home-v16 .site-header.scrolled{top:8px}
.home-v16 .brand-lockup{width:152px}

/* Background: grid should be sensed, not read */
.home-v16 .hero{
  padding-top:132px;
  grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr);
  gap:clamp(42px,5vw,86px);
  background:
    linear-gradient(rgba(35,65,101,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,65,101,.018) 1px,transparent 1px);
  background-size:80px 80px;
}
.home-v16 .hero:before{
  width:720px;height:720px;
  right:-80px;
  background:radial-gradient(circle,rgba(25,121,255,.10) 0,rgba(24,215,234,.035) 35%,transparent 68%);
  filter:blur(3px);
}
.home-v16 .hero:after{opacity:.25}
.home-v16 .cursor-glow{opacity:.20}

/* Typography: preserve impact, add air and contrast */
.home-v16 .hero h1{
  font-size:clamp(62px,6vw,106px);
  line-height:.91;
  margin:27px 0 38px;
}
.home-v16 .hero h1 .hero-outline{color:#5d6e83!important}
.home-v16 .hero-lead{max-width:650px;line-height:1.65;color:#596b80}
.home-v16 .hero-lead b{margin-bottom:7px;color:#0c1b2e}
.home-v16 .hero-actions{margin-top:30px}
.home-v16 .hero-meta{margin-top:38px;padding-top:0;border-top:0;gap:26px;color:#7b899b}

/* Clean product graph */
.home-v16 .hero-core-v4{
  width:min(660px,100%);
  justify-self:center;
}
.home-v16 .hero-core-v4 .qx-grid-plane{
  inset:12%;
  opacity:.42;
  background-image:
    linear-gradient(rgba(32,91,156,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,91,156,.038) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(circle,#000 0 34%,transparent 70%);
}
.home-v16 .hero-graph-lines{
  position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none;
}
.home-v16 .hero-graph-lines path{
  fill:none;
  stroke:rgba(27,111,235,.17);
  stroke-width:1.2;
  stroke-linecap:round;
  stroke-dasharray:2 8;
  vector-effect:non-scaling-stroke;
}
.home-v16 .hero-core-v4 .qx-sphere{
  width:250px;height:250px;
  z-index:4;
  box-shadow:0 30px 78px rgba(43,79,126,.14),0 0 0 12px rgba(255,255,255,.52);
}
.home-v16 .hero-core-v4 .qx-sphere:before{inset:-38px;border-color:rgba(23,108,255,.15)}
.home-v16 .hero-core-v4 .qx-sphere:after{inset:-78px;border-color:rgba(32,217,245,.11)}
.home-v16 .hero-core-v4 .qx-ring{opacity:.58;border-color:rgba(23,108,255,.17)}
.home-v16 .hero-core-v4 .r2{border-color:rgba(91,121,255,.14)}
.home-v16 .hero-core-v4 .r3{opacity:.40;border-color:rgba(8,17,31,.10)}
.home-v16 .hero-core-v4 .qx-logo .qx-core-mark{width:154px;height:154px;filter:drop-shadow(0 12px 20px rgba(26,83,154,.10))}
.home-v16 .hero-core-v4 .qx-logo small{display:none!important}

.home-v16 .hero-core-v4 .qx-tag{
  z-index:6;
  min-width:96px;
  text-align:center;
  padding:11px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(25,76,140,.10);
  color:#31465e;
  font:750 10px/1.15 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.075em;
  box-shadow:0 10px 28px rgba(42,73,112,.075);
  backdrop-filter:blur(14px);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease;
}
.home-v16 .hero-core-v4 .qx-tag:hover{
  color:#0a62df;border-color:rgba(23,108,255,.25);box-shadow:0 15px 36px rgba(42,73,112,.12);
}
.home-v16 .hero-core-v4 .qx-tag b{display:none}
.home-v16 .hero-core-v4 .t1{left:50%;top:5%;transform:translateX(-50%)}
.home-v16 .hero-core-v4 .t2{right:1%;top:32%}
.home-v16 .hero-core-v4 .t3{left:1%;top:34%}
.home-v16 .hero-core-v4 .t4{left:7%;bottom:14%;min-width:128px}
.home-v16 .hero-core-v4 .t5{display:block;right:7%;bottom:14%}
.home-v16 .hero-core-v4 .t6{left:50%;bottom:1%;transform:translateX(-50%);min-width:74px}
.home-v16 .hero-core-v4 .t1:hover,.home-v16 .hero-core-v4 .t6:hover{transform:translateX(-50%) translateY(-2px)}
.home-v16 .hero-core-v4 .t2:hover,.home-v16 .hero-core-v4 .t3:hover,.home-v16 .hero-core-v4 .t4:hover,.home-v16 .hero-core-v4 .t5:hover{transform:translateY(-2px)}

@media(max-width:1180px){
  .home-v16 .hero{grid-template-columns:minmax(0,1fr) minmax(440px,.88fr)}
  .home-v16 .hero-core-v4{width:560px}
  .home-v16 .hero h1{font-size:clamp(60px,6.7vw,96px)}
}
@media(max-width:980px){
  .home-v16 .hero{display:block;padding-top:120px}
  .home-v16 .hero-core-v4{width:min(630px,94vw);margin:16px auto -36px}
}
@media(max-width:760px){
  .home-v16 .site-header{height:58px;top:8px;border-radius:14px}
  .home-v16 .brand-lockup{width:132px}
  .home-v16 .hero{padding:104px 18px 50px;background-size:58px 58px}
  .home-v16 .hero h1{font-size:clamp(52px,16.5vw,74px);line-height:.92;margin:22px 0 28px}
  .home-v16 .hero-lead{font-size:16px;max-width:100%}
  .home-v16 .hero-meta{margin-top:26px}
  .home-v16 .hero-core-v4{width:108vw;margin:10px -4vw -48px;transform:scale(.91)!important}
  .home-v16 .hero-core-v4 .qx-sphere{width:205px;height:205px}
  .home-v16 .hero-core-v4 .qx-logo .qx-core-mark{width:126px;height:126px}
  .home-v16 .hero-core-v4 .qx-tag{font-size:8px;padding:9px 11px;min-width:74px}
  .home-v16 .hero-core-v4 .t4{min-width:104px}
  .home-v16 .hero-core-v4 .t1{top:7%}
  .home-v16 .hero-core-v4 .t2{right:2%;top:31%}
  .home-v16 .hero-core-v4 .t3{left:2%;top:33%}
  .home-v16 .hero-core-v4 .t4{left:5%;bottom:17%}
  .home-v16 .hero-core-v4 .t5{right:5%;bottom:17%}
  .home-v16 .hero-core-v4 .t6{bottom:4%}
}