/* ============================================================
   EBKaC labs — home page
   Placeholder hero while the real home page is built out.
   ============================================================ */

*{ box-sizing:border-box; margin:0; padding:0 }
html{ scroll-behavior:smooth }
body{
  font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  color:#1d1d1f;
  background:#eef0f2;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

/* full-viewport hero with the brand gradient wash (echoes the nav demo) */
.home-hero{
  min-height:100vh;
  display:grid;
  place-items:center;
  text-align:center;
  padding:120px 24px 80px;          /* top padding clears the floating nav pill */
  background:
    radial-gradient(60% 50% at 20% 30%, rgba(255,86,0,.28), transparent 60%),
    radial-gradient(50% 60% at 85% 20%, rgba(27,58,45,.35), transparent 60%),
    radial-gradient(70% 60% at 60% 90%, rgba(80,120,255,.22), transparent 60%),
    #eef0f2;
}
.home-hero__inner{ max-width:40ch }

.home-eyebrow{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size:13px; letter-spacing:.08em; text-transform:uppercase;
  color:#FF5600; margin-bottom:18px;
}
.home-hero h1{
  font-family:'Fraunces', Georgia, serif; font-weight:600;
  font-size:clamp(2.4rem,6vw,4.5rem); color:#1B3A2D;
  line-height:1.04; letter-spacing:-.01em;
}
.home-hero .a{ color:#FF5600 }
.home-hero p{
  margin-top:20px; font-size:clamp(1rem,2.4vw,1.25rem);
  color:rgba(29,29,31,.72);
}
.home-hero__links{
  margin-top:32px; display:flex; flex-wrap:wrap; gap:12px 16px; justify-content:center;
}
.home-hero__links a{
  font-size:15px; font-weight:600; text-decoration:none;
  padding:11px 22px; border-radius:100vmax;
  color:#1d1d1f; background:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.7);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  transition:transform .2s ease, background .2s ease;
}
.home-hero__links a:hover{ transform:translateY(-2px); background:rgba(255,255,255,.8) }
