@tailwind base;
@tailwind components;
@tailwind utilities;

/* Site custom styles that were inline before */
html { scroll-behavior: smooth; }

.gradient-text {
  background-clip:text; -webkit-background-clip:text; color:transparent;
  background-image:linear-gradient(90deg,#14b8a6,#8b5cf6);
}
.gradient-bg { background-image:linear-gradient(135deg,#14b8a6,#8b5cf6); }

.card-hover:hover { transform:translateY(-5px); box-shadow:0 20px 25px -5px rgba(0,0,0,.1); }

.nav-link { position:relative; }
.nav-link:after {
  content:''; position:absolute; width:0; height:2px; bottom:-2px; left:0;
  background:linear-gradient(90deg,#14b8a6,#8b5cf6); transition:width .3s ease;
}
.nav-link:hover:after { width:100%; }

/* Optional: steps/brand ticker from homepage (keep if used) */
.step-connector { position:relative; }
.step-connector:after { content:''; position:absolute; top:24px; left:12px; width:2px; height:calc(100% - 24px); background:#e2e8f0; z-index:0; }
.step-connector:last-child:after { display:none; }
.step-number{
  width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-variant-numeric:tabular-nums slashed-zero;background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0;
}

.brand-ticker{ --gap:3rem; --speed:45s; position:relative; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.brand-track{ display:flex; align-items:center; gap:var(--gap); width:max-content; animation:brand-scroll var(--speed) linear infinite; }
.brand-ticker:hover .brand-track{ animation-play-state:paused; }
@keyframes brand-scroll{ from{transform:translateX(0)} to{transform:translateX(calc(-50% - var(--gap)/2))} }
.brand{ display:inline-flex; align-items:center; gap:.625rem; padding:.5rem 1rem; border-radius:.5rem; border:1px solid rgb(226 232 240 / .6); color:rgb(71 85 105); background:#fff; white-space:nowrap; font-weight:600; letter-spacing:.02em }
