/* ══════════════════════════════════════════════
   SCREEN: LANDING
══════════════════════════════════════════════ */
.hero{
  padding:64px 24px 48px;text-align:center;
  position:relative;overflow:hidden;
  background:var(--nv-dark);
}
.hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,.1) 0%,transparent 65%);
  pointer-events:none;
}
.hero-compass{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:380px;height:380px;opacity:.03;
  animation:spin-slow 80s linear infinite;pointer-events:none;
}
@keyframes spin-slow{to{transform:translate(-50%,-50%) rotate(360deg);}}
.hero-inner{position:relative;z-index:1;max-width:600px;margin:0 auto;}
.hero-h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(26px,5.5vw,40px);font-weight:700;
  color:#fff;line-height:1.2;margin-bottom:14px;
}
.hero-h1 em{font-style:italic;color:var(--nv-gold-light);}
.hero-sub{
  font-size:.92rem;color:rgba(255,255,255,.45);
  line-height:1.7;margin-bottom:24px;
}
.hero-pills{
  display:flex;justify-content:center;flex-wrap:wrap;
  gap:6px;margin-bottom:32px;
}
.hero-pill{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  border-radius:50px;padding:4px 12px;
  font-size:.72rem;color:rgba(255,255,255,.4);font-weight:500;
}

   STICKY BOTTOM CTA (landing, logged-out)
══════════════════════════════════════════════ */
.sticky-cta{
  position:fixed;bottom:0;left:0;right:0;
  background:var(--nv-dark-mid);border-top:2px solid var(--nv-gold);
  padding:14px 20px calc(14px + env(safe-area-inset-bottom));
  display:flex;align-items:center;justify-content:center;
  z-index:300;
  transform:translateY(100%);transition:transform .3s;
}
.sticky-cta.show{transform:translateY(0);}
.sticky-cta-btn{
  background:var(--nv-gold);color:var(--nv-dark);border:none;
  border-radius:var(--r);padding:13px 28px;
  font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;font-family:'DM Sans',sans-serif;
  max-width:360px;width:100%;
}

/* ══════════════════════════════════════════════
   MOBILE
══════════════════════════════════════════════ */
@media(max-width:768px){
  .sidebar{
    position:fixed;left:-240px;top:0;height:100vh;z-index:350;
    transition:left .3s;box-shadow:4px 0 24px rgba(0,0,0,.4);
  }
  .sidebar.open{left:0;}
  .app-layout{flex-direction:column;height:auto;}
  .main-panel{padding:20px 16px;}
  .mobile-topbar{
    display:flex!important;
    background:var(--nv-dark-mid);border-bottom:1px solid rgba(201,168,76,.1);
    padding:10px 16px;align-items:center;justify-content:space-between;
    position:sticky;top:96px;z-index:150;
  }
  .mob-menu-btn{
    background:none;border:none;color:var(--nv-gold);font-size:1.2rem;cursor:pointer;
  }
  .mob-report-name{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.6);}
  .mob-balance{
    font-size:.74rem;font-weight:600;color:var(--nv-gold-light);
    background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);
    border-radius:50px;padding:3px 10px;
  }
  .chapter-layout{flex-direction:column;}
  .chapter-nav{width:100%;max-height:200px;border-right:none;border-bottom:1px solid rgba(201,168,76,.1);}
  .chapter-reader{max-height:none;}
  .form-grid{grid-template-columns:1fr;}
  .packs-grid{grid-template-columns:1fr;}
  .app-layout{height:auto!important;}
}
.mobile-topbar{display:none;}
.sidebar-overlay{
  display:none;position:fixed;inset:0;z-index:340;
  background:rgba(0,0,0,.5);
}
.sidebar-overlay.show{display:block;}
/* ══════════════════════════════════════════════