/* ============================================================
   AssetCore — Hero Section
   ============================================================ */
.hero{
  min-height:100vh;
  background:var(--grad-hero);
  display:flex;align-items:center;
  padding-top:var(--navbar-h);
  position:relative;overflow:hidden;
}

/* Animated background orbs */
.hero-orb{
  position:absolute;border-radius:50%;pointer-events:none;
  filter:blur(80px);opacity:.25;animation:orbFloat 8s ease-in-out infinite;
}
.hero-orb--1{width:600px;height:600px;background:var(--primary);top:-15%;right:-8%;animation-delay:0s}
.hero-orb--2{width:400px;height:400px;background:#4D9EFF;bottom:10%;left:-5%;animation-delay:3s}
.hero-orb--3{width:300px;height:300px;background:var(--cta);bottom:-10%;right:30%;animation-delay:5s;opacity:.15}

@keyframes orbFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-30px) scale(1.05)}
}

/* Grid noise texture overlay */
.hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:40px 40px;
}

.hero .container{
  display:grid;grid-template-columns:1fr 1fr;
  gap:64px;align-items:center;
  position:relative;z-index:1;padding:80px 1.5rem;
}

.hero-content{}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(0,102,255,.15);color:var(--primary-light);
  border:1px solid rgba(77,158,255,.25);border-radius:var(--r-full);
  padding:7px 18px;font-size:.8125rem;font-weight:700;
  font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:28px;
}
.hero-eyebrow i{font-size:.75rem;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}

.hero-title{
  font-size:clamp(2.5rem,5vw,4rem);color:#fff;
  line-height:1.05;margin-bottom:24px;
}
.hero-title .highlight{
  position:relative;display:inline-block;
  background:var(--grad-blue);-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;background-clip:text;
}

.hero-subtitle{
  font-size:1.125rem;color:rgba(255,255,255,.7);
  max-width:520px;line-height:1.7;margin-bottom:40px;
}

.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}

.hero-stats{
  display:flex;align-items:center;gap:32px;margin-top:48px;
  padding-top:32px;border-top:1px solid rgba(255,255,255,.08);
}
.hero-stat-value{
  font-family:var(--font-head);font-size:1.75rem;font-weight:800;
  color:#fff;letter-spacing:-.03em;
}
.hero-stat-label{font-size:.8125rem;color:rgba(255,255,255,.55);margin-top:2px}
.hero-stat-divider{width:1px;height:40px;background:rgba(255,255,255,.1)}

/* Hero visual */
.hero-visual{position:relative}
.hero-dashboard{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r-xl);
  padding:24px;
  backdrop-filter:blur(20px);
  box-shadow:0 32px 80px rgba(0,0,0,.4);
  position:relative;
  animation:dashFloat 6s ease-in-out infinite;
}
@keyframes dashFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.dash-topbar{
  display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.dash-dot{width:10px;height:10px;border-radius:50%}
.dash-dot--red{background:#FF5F57}
.dash-dot--yellow{background:#FFBD2E}
.dash-dot--green{background:#28CA42}
.dash-title{font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.6);margin-left:8px}

.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.dash-kpi{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);
  border-radius:12px;padding:16px;text-align:center;
}
.dash-kpi-value{font-family:var(--font-head);font-size:1.375rem;font-weight:800;color:#fff}
.dash-kpi-label{font-size:.7rem;color:rgba(255,255,255,.5);margin-top:2px}
.dash-kpi-trend{font-size:.7rem;color:var(--cta);margin-top:4px}

.dash-chart{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
  border-radius:12px;padding:16px;height:120px;
  display:flex;align-items:flex-end;gap:6px;overflow:hidden;
}
.dash-bar{
  flex:1;border-radius:4px 4px 0 0;background:rgba(0,102,255,.35);
  animation:barGrow .8s ease forwards;transform-origin:bottom;
}
.dash-bar:nth-child(2n){background:rgba(0,102,255,.6)}
.dash-bar:nth-child(3n){background:rgba(22,199,132,.4)}
@keyframes barGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.dash-bar--h1{height:40%}.dash-bar--h2{height:60%}.dash-bar--h3{height:80%}
.dash-bar--h4{height:55%}.dash-bar--h5{height:90%}.dash-bar--h6{height:70%}
.dash-bar--h7{height:45%}.dash-bar--h8{height:75%}.dash-bar--h9{height:95%}

/* Floating badge cards */
.hero-badge{
  position:absolute;background:rgba(255,255,255,.95);
  border-radius:14px;padding:12px 16px;
  display:flex;align-items:center;gap:10px;
  box-shadow:0 8px 32px rgba(0,0,0,.2);
  font-family:var(--font-head);font-size:.8125rem;font-weight:700;
  color:var(--text-dark);animation:floatBadge 5s ease-in-out infinite;
}
.hero-badge i{font-size:1.125rem}
.hero-badge--1{top:-16px;right:-24px;animation-delay:0s}
.hero-badge--2{bottom:30px;left:-28px;animation-delay:2s}
.hero-badge--3{bottom:-16px;right:40px;animation-delay:4s}
@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.badge-icon{
  width:32px;height:32px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
}

/* Responsive hero */
@media(max-width:1024px){
  .hero .container{grid-template-columns:1fr;gap:48px;text-align:center}
  .hero-subtitle{margin:0 auto 40px}
  .hero-actions{justify-content:center}
  .hero-stats{justify-content:center}
  .hero-visual{max-width:480px;margin:0 auto}
  .hero-badge--1{right:-8px}.hero-badge--2{left:-8px}
}
@media(max-width:480px){
  .hero-title{font-size:2rem}
  .hero-stats{flex-wrap:wrap;gap:16px}
  .hero-stat-divider{display:none}
  .hero-badge--3{display:none}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{justify-content:center}
}

/* ============================================================
   Trusted By (Logos)
   ============================================================ */
.trusted{padding:48px 0;border-top:1px solid rgba(10,37,64,.06);border-bottom:1px solid rgba(10,37,64,.06)}
.trusted-label{
  text-align:center;font-size:.8125rem;font-weight:600;
  color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:32px;
}
.logos-track{
  display:flex;align-items:center;gap:48px;
  animation:logoScroll 20s linear infinite;white-space:nowrap;
}
.logos-wrapper{display:flex;overflow:hidden;gap:48px}
.logo-item{
  display:flex;align-items:center;gap:10px;opacity:.45;
  transition:opacity var(--trans-base);cursor:default;flex-shrink:0;
}
.logo-item:hover{opacity:.8}
.logo-item i{font-size:1.5rem;color:var(--primary)}
.logo-item span{
  font-family:var(--font-head);font-weight:800;font-size:1rem;
  color:var(--text-dark);letter-spacing:-.02em;
}
@keyframes logoScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}