:root{ --ink:#0a0e1a; --panel:#111726; --line:#1f2937; --accent:#34d399; --accent2:#a78bfa; }
html{ scroll-behavior:smooth; }
body{ background:var(--ink); }

.glow{ background:radial-gradient(60% 60% at 50% 0%, rgba(52,211,153,.12) 0%, rgba(167,139,250,.06) 40%, transparent 70%); }
.reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.reveal.show{ opacity:1; transform:none; }
.card{ background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)); border:1px solid var(--line); transition:border-color .3s; }
.card:hover{ border-color:rgba(52,211,153,.4); }

/* Nav */
.nav{ position:fixed; top:0; left:0; right:0; z-index:50; backdrop-filter:blur(10px); background:rgba(10,14,26,.72); border-bottom:1px solid var(--line); }
.nav-inner{ max-width:72rem; margin:0 auto; padding:0 1.5rem; height:4rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand{ font-family:'Space Grotesk',sans-serif; font-weight:700; color:#fff; text-decoration:none; letter-spacing:-.01em; }
.brand span{ color:var(--accent); }
.nav-links{ display:flex; align-items:center; gap:1.25rem; }
.nav-link{ color:#cbd5e1; text-decoration:none; font-size:.9rem; font-weight:500; transition:color .2s; }
.nav-link:hover{ color:#fff; }
.nav-link.active{ color:var(--accent); }
.nav-cta{ background:var(--accent); color:var(--ink); font-weight:600; font-size:.85rem; padding:.5rem 1rem; border-radius:.5rem; text-decoration:none; transition:background .2s; white-space:nowrap; }
.nav-cta:hover{ background:#6ee7b7; }
.nav-toggle{ display:none; background:none; border:0; color:#fff; font-size:1.5rem; line-height:1; cursor:pointer; }
@media (max-width:820px){
  .nav-links{ position:fixed; top:4rem; left:0; right:0; flex-direction:column; align-items:flex-start; gap:0; background:rgba(10,14,26,.98); border-bottom:1px solid var(--line); padding:.5rem 1.5rem 1.25rem; transform:translateY(-160%); transition:transform .3s ease; }
  .nav-links.open{ transform:none; }
  .nav-link{ padding:.85rem 0; width:100%; border-bottom:1px solid var(--line); }
  .nav-cta{ margin-top:.85rem; }
  .nav-toggle{ display:block; }
}

/* Footer */
.footer{ border-top:1px solid var(--line); padding:3rem 0; }
.footer-inner{ max-width:72rem; margin:0 auto; padding:0 1.5rem; }
.footer-cols{ display:flex; flex-direction:column; gap:1.5rem; justify-content:space-between; }
@media (min-width:640px){ .footer-cols{ flex-direction:row; align-items:flex-start; } }
.footer p{ color:#64748b; font-size:.85rem; line-height:1.65; }
.footer a{ color:#64748b; text-decoration:none; }
.footer a:hover{ color:var(--accent); }
.footer .imp-title{ color:#94a3b8; font-weight:500; margin-bottom:.25rem; }
.footer .copy{ margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--line); font-size:.72rem; color:#475569; }