/* Lucashian — landing. Estilos base, animaciones, responsive y estados :hover.
   El resto del estilo va inline en index.html (tokens de lunian_design_system). */

  body { margin: 0; background: #FAFAF8; color: #222033; font-family: "Inter", system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
  * { box-sizing: border-box; }
  a { color: #5A3FA8; text-decoration: none; }
  a:hover { color: #7E5CD9; }
  h1, h2, h3, h4 { margin: 0; font-family: "Space Grotesk", system-ui, sans-serif; line-height: 1.12; letter-spacing: -.02em; }
  p { margin: 0; }
  ul, ol { margin: 0; padding: 0; list-style: none; }
  img { display: block; max-width: 100%; }
  summary::-webkit-details-marker { display: none; }
  @keyframes lc-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
  @keyframes lc-pulse { 0% { transform: scale(.6); opacity: .9; } 100% { transform: scale(1.9); opacity: 0; } }
  @keyframes lc-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @keyframes lc-sheen { 0% { transform: translateX(-120%) skewX(-18deg); } 55%, 100% { transform: translateX(320%) skewX(-18deg); } }
  @keyframes lc-scan { 0%,100% { transform: translateY(-56px); opacity: .15; } 50% { transform: translateY(56px); opacity: .85; } }
  @media (prefers-reduced-motion: reduce) { * { animation: none !important; } }

  [data-burger]{display:none}
  @media (max-width:960px){
    [data-desktop-nav],[data-desktop-actions]{display:none !important}
    [data-burger]{display:block !important;margin-left:auto}
    [data-hero-grid],[data-cols2]{grid-template-columns:1fr !important}
    [data-cols3]{grid-template-columns:repeat(2,1fr) !important}
    [data-strip]{grid-template-columns:repeat(2,1fr) !important}
  }
  @media (max-width:620px){
    [data-cols3],[data-strip]{grid-template-columns:1fr !important}
    [data-tiers]{flex-direction:column !important}
  }
  .hv-1:hover{color:#222033 !important;background:#F2F0F7 !important}
  .hv-2:hover{color:#222033 !important;background:#F2F0F7 !important}
  .hv-3:hover{color:#222033 !important;background:#F2F0F7 !important}
  .hv-4:hover{color:#222033 !important;background:#F2F0F7 !important}
  .hv-5:hover{color:#222033 !important;background:#F2F0F7 !important}
  .hv-6:hover{border-color:#7E5CD9 !important;color:#7E5CD9 !important;transform:translateY(-2px) !important}
  .hv-7:hover{transform:translateY(-2px) !important;box-shadow:0 14px 28px -8px rgba(126,92,217,.85) !important;color:#fff !important}
  .hv-8:hover{transform:translateY(-2px) !important;box-shadow:0 16px 32px -10px rgba(126,92,217,.9) !important;color:#fff !important}
  .hv-9:hover{border-color:#7E5CD9 !important;color:#7E5CD9 !important;transform:translateY(-2px) !important}
  .hv-10:hover{box-shadow:0 8px 24px rgba(34,32,51,.10) !important;border-color:#D8D3E4 !important}
  .hv-11:hover{box-shadow:0 8px 24px rgba(34,32,51,.10) !important;border-color:#D8D3E4 !important}
  .hv-12:hover{box-shadow:0 8px 24px rgba(34,32,51,.10) !important;border-color:#D8D3E4 !important}
  .hv-13:hover{box-shadow:0 8px 24px rgba(34,32,51,.10) !important;border-color:#D8D3E4 !important}
  .hv-13b:hover{box-shadow:0 8px 24px rgba(34,32,51,.10) !important;border-color:#D8D3E4 !important}
  .hv-14:hover{box-shadow:0 8px 24px rgba(34,32,51,.10) !important;border-color:#D8D3E4 !important}
  .hv-15:hover{box-shadow:0 8px 24px rgba(34,32,51,.10) !important;border-color:#D8D3E4 !important}
  .hv-16:hover{border-color:#7E5CD9 !important;color:#7E5CD9 !important}
  .hv-17:hover{transform:translateY(-2px) !important;color:#fff !important}
  .hv-18:hover{border-color:#7E5CD9 !important;color:#7E5CD9 !important}
  .hv-19:hover{background:rgba(0,0,0,.42) !important;transform:translateY(-2px) !important;color:#fff !important}
  .hv-20:hover{background:rgba(0,0,0,.42) !important;transform:translateY(-2px) !important;color:#fff !important}
  .hv-21:hover{color:#D6CDE8 !important}
  .hv-22:hover{color:#D6CDE8 !important}
  .hv-23:hover{color:#D6CDE8 !important}
  .hv-24:hover{color:#D6CDE8 !important}
  .hv-25:hover{color:#D6CDE8 !important}
  .hv-26:hover{color:#D6CDE8 !important}
  .hv-27:hover{color:#D6CDE8 !important}
  .hv-28:hover{color:#D6CDE8 !important}
  .hv-29:hover{color:#D6CDE8 !important}