/* Magellanix — shared styles for static pages (loaded alongside Tailwind Play CDN) */
:root {
  --navy: #0a1a33;
  --navy-2: #0f2547;
  --accent: #06b6d4;
  --accent-2: #22d3ee;
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; color: #0f172a; }
h1, h2, h3, h4, .font-display { font-family: 'Sora', 'Inter', sans-serif; }

/* Layout helpers */
.container-x { width: 100%; max-width: 80rem; margin-inline: auto; padding-inline: 1rem; }
@media (min-width: 640px) { .container-x { padding-inline: 1.5rem; } }
@media (min-width: 1024px) { .container-x { padding-inline: 2rem; } }

/* Navigation */
.nav-link {
  display: inline-flex; align-items: center; gap: .25rem;
  color: rgba(255, 255, 255, .78); padding: .5rem .85rem; border-radius: .5rem;
  font-size: .875rem; font-weight: 500; transition: all .15s ease; cursor: pointer;
  background: transparent; border: 0;
}
.nav-link:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.nav-link.active { color: #fff; background: rgba(6, 182, 212, .16); }
.nav-group { position: relative; }
.nav-dropdown {
  position: absolute; top: 100%; left: 0; min-width: 15rem;
  background: #fff; border: 1px solid #e2e8f0; border-radius: .75rem;
  box-shadow: 0 18px 40px -12px rgba(2, 8, 23, .25);
  padding: .5rem; opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: all .15s ease; z-index: 60;
}
.nav-group:hover > .nav-dropdown, .nav-group:focus-within > .nav-dropdown {
  opacity: 1; visibility: visible; transform: translateY(0);
}
.nav-dropdown a {
  display: block; padding: .5rem .75rem; border-radius: .5rem;
  color: #334155; font-size: .875rem; font-weight: 500;
}
.nav-dropdown a:hover { background: #f1f5f9; color: var(--navy); }

/* Mobile menu */
#mobile-menu { background: var(--navy); }
#mobile-menu a {
  display: block; padding: .75rem 1rem; color: rgba(255,255,255,.85);
  font-size: .95rem; font-weight: 500; border-bottom: 1px solid rgba(255,255,255,.06);
}
#mobile-menu details > summary { list-style: none; cursor: pointer; }
#mobile-menu details > summary::-webkit-details-marker { display: none; }
#mobile-menu details[open] > summary { color: var(--accent-2); }
#mobile-menu details > div a { padding-left: 2rem; font-size: .85rem; color: rgba(255,255,255,.7); }

/* Hero */
.hero-grid {
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 44px 44px;
}
.hero-glow {
  background: radial-gradient(60% 60% at 70% 20%, rgba(6,182,212,.35), transparent 70%),
              radial-gradient(50% 50% at 10% 90%, rgba(34,211,238,.18), transparent 70%);
}

/* Cards */
.feature-card {
  background: #fff; border: 1px solid #e2e8f0; border-radius: 1rem;
  padding: 1.25rem; transition: all .2s ease;
}
.feature-card:hover { border-color: var(--accent); box-shadow: 0 16px 40px -16px rgba(6,182,212,.4); transform: translateY(-2px); }
.feature-card .icon { color: var(--accent); }

.section-bar { width: 3.5rem; height: .25rem; background: var(--accent); border-radius: 999px; }

/* Go to top */
.go-top {
  position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 50;
  width: 2.75rem; height: 2.75rem; border-radius: .75rem;
  background: var(--navy); color: #fff; display: none; align-items: center; justify-content: center;
  box-shadow: 0 10px 25px -5px rgba(2,8,23,.4); cursor: pointer; border: none;
}
.go-top.show { display: inline-flex; }

/* Footer feed list */
.feed-list a { color: rgba(255,255,255,.75); }
.feed-list a:hover { color: var(--accent-2); }