/* Full stylesheet for the landing theme (non-critical). */
:root{
  --bg:#0b0c13;--panel:#101224;--muted:#9aa3b2;--txt:#f2f3f6;
  --brand:#8b5cf6;--brand2:#a855f7;--accent:#7c3aed;
}
body{background:var(--bg);color:var(--txt)}
h1,h2,h3{margin:0 0 8px}
h3{font-size:20px}
ul{padding-left:18px}
summary{cursor:pointer;padding:.5rem 0}
.bg-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:auto;display:block;opacity:.9}
/* subtle hover lift */
.card{transition:transform .18s ease, box-shadow .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.45)}
.btn{transition:transform .06s ease, filter .2s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
/* menus */
.menu a{opacity:.9}
.menu a:hover{opacity:1}
/* responsive tweaks */
@media(max-width:720px){
  .nav .menu{gap:12px}
}

/* --- Hero CTA improvements --- */
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn.xl{padding:1.05rem 1.4rem;font-size:1.05rem;border-radius:16px}
.btn.glow{box-shadow:0 10px 35px rgba(139,92,246,.35), inset 0 0 1px rgba(255,255,255,.18)}
.btn.ghost{background:transparent;border-color:rgba(139,92,246,.55);color:#efeaff}
.btn.ghost:hover{background:rgba(139,92,246,.12)}
@media(max-width:640px){
  .cta-row{flex-direction:column}
  .cta-row .btn{width:100%;justify-content:center}
}