/* ═══════════════════════════════════════
   HERO
═══════════════════════════════════════ */
.hero{
  margin-top:var(--nav-h);
  min-height: calc(100vh - var(--nav-h));
  background:var(--hero-grad);
  display:flex;align-items:center;
  padding:60px 80px 60px 80px;
  position:relative;overflow:hidden;
}
/* Circuit grid */
.hero::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(var(--border) 1px,transparent 1px),
    linear-gradient(90deg,var(--border) 1px,transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
}
/* Radial glow */
.hero::after{
  content:'';position:absolute;
  top:-20%;right:10%;
  width:700px;height:700px;
  background:radial-gradient(ellipse,rgba(79,142,247,0.1) 0%,transparent 65%);
  pointer-events:none;
}
.hero-inner{
  display:grid;grid-template-columns:1fr 1fr;
  gap:60px;align-items:center;max-width:1300px;
  margin:0 auto;width:100%;position:relative;z-index:1;
}
.hero-text{}
.hero-h1{
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(36px,4.5vw,62px);
  font-weight:800;line-height:1.1;
  margin-bottom:24px;
}
.hero-h1 .white{color:var(--text-primary);}
.hero-h1 .purple{color:var(--purple);}
.hero-h1 .blue{color:var(--blue);}
.hero-p{
  font-size:16px;color:var(--text-secondary);
  max-width:460px;margin-bottom:36px;line-height:1.75;
}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px;}
.btn-primary{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--blue);color:#fff;border:none;
  border-radius:10px;padding:13px 26px;
  font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;
  cursor:pointer;transition:filter .2s,transform .15s;
  box-shadow:0 6px 28px rgba(79,142,247,0.4);
}
.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);}
.btn-secondary{
  display:inline-flex;align-items:center;gap:9px;
  background:transparent;color:var(--text-primary);
  border:1.5px solid var(--border2);
  border-radius:10px;padding:13px 26px;
  font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;
  cursor:pointer;transition:all .2s;
}
.btn-secondary:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-dim);}
.hero-search-tags{display:flex;flex-wrap:wrap;gap:9px;align-items:center;}
.search-label{font-size:13px;font-weight:600;color:var(--text-primary);}
.s-tag{
  background:var(--bg-card);border:1px solid var(--border2);
  border-radius:6px;padding:5px 13px;font-size:12.5px;
  color:var(--text-secondary);cursor:pointer;transition:all .2s;
}
.s-tag:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-dim);}

/* Hero visual — chip showcase */
.hero-visual{
  position:relative;
  background:var(--bg-card);
  border:1px solid var(--border2);
  border-radius:20px;padding:24px;
  box-shadow:0 20px 60px rgba(0,0,0,0.35);
  overflow:hidden;
}
.hero-visual::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,var(--blue-dim),var(--purple-dim));
  pointer-events:none;
}
.chip-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:12px;position:relative;z-index:1;
}
.chip-card{
  background:var(--bg-card2);border:1px solid var(--border);
  border-radius:12px;padding:16px 14px;
  transition:border-color .25s,transform .2s;cursor:pointer;
}
.chip-card:hover{border-color:var(--blue);transform:translateY(-3px);}
.chip-card .chip-name{
  font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:700;
  color:var(--text-primary);margin-bottom:3px;
}
.chip-card .chip-sub{font-size:11.5px;color:var(--text-secondary);}
.chip-card .chip-badge{
  display:inline-block;margin-top:8px;
  background:var(--blue-dim);border:1px solid var(--blue);
  border-radius:5px;padding:2px 9px;font-size:10.5px;color:var(--blue);font-weight:600;
}
.chip-card:nth-child(2) .chip-badge{background:var(--green-dim);border-color:var(--green);color:var(--green);}
.chip-card:nth-child(3) .chip-badge{background:var(--purple-dim);border-color:var(--purple);color:var(--purple);}
.chip-card:nth-child(4) .chip-badge{background:var(--amber-dim);border-color:var(--amber);color:var(--amber);}
.chip-icon{font-size:28px;margin-bottom:10px;}