/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/home.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/* Home page styles — extracted from page.tsx to avoid SSR hydration mismatch */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
a { text-decoration: none; color: inherit; }
html, body { background: #0a0a0a; }

@keyframes pulseDot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(0.92); }
}
@keyframes blobFloat {
  0%, 100% { transform: translate(0,0) scale(1); opacity: 0.55; }
  50% { transform: translate(20px,-15px) scale(1.08); opacity: 0.75; }
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.btn-primary {
  display: inline-flex; align-items: center; gap: 10px;
  background: #f0f0f0; color: #0d0d0d;
  border-radius: 10px; padding: 13px 26px;
  font-size: 14px; font-weight: 600; letter-spacing: -0.1px;
  box-shadow: 0 4px 16px rgba(240,240,240,0.1), 0 0 0 1px rgba(255,255,255,0.04);
  transition: transform 0.12s, box-shadow 0.15s, background 0.15s;
  cursor: pointer; border: none;
}
.btn-primary:hover {
  background: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(240,240,240,0.16), 0 0 0 1px rgba(255,255,255,0.08);
}
.btn-primary:active { transform: translateY(0); }

.btn-ghost {
  display: inline-flex; align-items: center; gap: 8px;
  background: #111;
  border: 1px solid #1e1e1e;
  color: #e8e8e8;
  border-radius: 10px; padding: 13px 22px;
  font-size: 14px; font-weight: 500;
  transition: border-color 0.15s, background 0.15s;
  cursor: pointer;
}
.btn-ghost:hover { border-color: #2a2a2a; background: #131313; }

.btn-text {
  font-size: 13px; color: #888;
  transition: color 0.15s;
  padding: 7px 12px;
}
.btn-text:hover { color: #e8e8e8; }

.nav-pill {
  background: rgba(255,255,255,0.06);
  border: 1px solid #1a1a1a;
  border-radius: 8px; padding: 7px 15px;
  font-size: 13px; font-weight: 500; color: #e8e8e8;
  transition: background 0.15s, border-color 0.15s;
}
.nav-pill:hover { background: rgba(255,255,255,0.1); border-color: #222; }

.surface {
  background: #0e0e0e;
  border: 1px solid #1a1a1a;
  border-radius: 14px;
}

.step-card {
  position: relative;
  background: #0e0e0e;
  border: 1px solid #1a1a1a;
  border-radius: 14px;
  padding: 26px 22px;
  transition: border-color 0.2s, transform 0.15s;
  overflow: hidden;
}
.step-card::before {
  content: "";
  position: absolute; top: 0; left: 16px; right: 16px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(22,163,74,0.5), transparent);
  opacity: 0.6;
}
.step-card:hover { border-color: #222; transform: translateY(-2px); }

.feature-card {
  position: relative;
  background: #0e0e0e;
  border: 1px solid #1a1a1a;
  border-radius: 14px;
  padding: 22px;
  transition: border-color 0.2s, background 0.2s;
}
.feature-card:hover { border-color: #222; background: #101010; }
.feature-card .ficon {
  width: 34px; height: 34px; border-radius: 9px;
  background: rgba(22,163,74,0.08);
  border: 1px solid rgba(22,163,74,0.18);
  display: flex; align-items: center; justify-content: center;
  color: #86efac;
  margin-bottom: 0;
}

.kbd {
  display: inline-flex; align-items: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px; font-weight: 600;
  color: #e8e8e8;
  background: #111;
  border: 1px solid #1e1e1e;
  border-bottom-width: 2px;
  border-radius: 6px;
  padding: 4px 9px;
  letter-spacing: 0.2px;
}

.mock-row {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(255,255,255,0.02);
  border: 1px solid #141414;
}
.mock-row + .mock-row { margin-top: 6px; }

.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  animation: blobFloat 14s ease-in-out infinite;
}

@media (max-width: 960px) {
  .hero-grid { grid-template-columns: 1fr !important; gap: 56px !important; }
  .hero-mock { max-width: 480px; margin: 0 auto; }
}
@media (max-width: 720px) {
  .hero-title { font-size: 40px !important; letter-spacing: -1.5px !important; }
  .features-grid { grid-template-columns: 1fr !important; }
  .steps-grid { grid-template-columns: 1fr !important; }
  .cta-row { flex-direction: column !important; align-items: stretch !important; }
  .cta-row > * { justify-content: center; text-align: center; }
  .trust-strip { flex-direction: column !important; gap: 14px !important; }
  .shortcuts-row { flex-direction: column !important; align-items: stretch !important; }
  .nav-inner { padding: 0 20px !important; }
  .section { padding-left: 20px !important; padding-right: 20px !important; }
}