/* NexusBusiness Suite, page styles (light theme) */

/* ═══════════════════════════════════════
   HERO (dashboard mockup, typography via Tailwind)
═══════════════════════════════════════ */
.nb-page .hero{background:var(--white);position:relative;overflow:visible;}
.nb-page .hero__inner{position:relative;z-index:1;}

/* Dashboard mockup */
.nb-page .hero__dash{max-width:860px;margin:0 auto;
  background:#111827;border:1px solid rgba(255,255,255,.08);
  border-radius:16px;overflow:hidden;
  box-shadow:0 2px 4px rgba(0,0,0,.3),0 24px 64px rgba(0,0,0,.5);}
.nb-page .btn-primary{display:inline-flex;align-items:center;gap:7px;
  padding:13px 24px;background:linear-gradient(135deg,#7C3AED,#2563EB);
  color:#fff;border:none;border-radius:9px;font-weight:700;font-size:.88rem;
  box-shadow:0 6px 20px rgba(124,58,237,.35);transition:all .2s;white-space:nowrap;text-decoration:none;}
.nb-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(124,58,237,.5);}
.nb-page .btn-ghost{display:inline-flex;align-items:center;gap:7px;
  padding:12px 22px;background:#fff;color:#374151;
  border:1.5px solid #E5E7EB;border-radius:9px;font-weight:600;
  font-size:.88rem;transition:all .2s;white-space:nowrap;text-decoration:none;}
.nb-page .btn-ghost:hover{background:#F9FAFB;color:#111827;}
.nb-page .dash-bar{background:#1E293B;padding:10px 16px;
  display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.06);}
.nb-page .dash-dots{display:flex;gap:5px;}
.nb-page .dash-dots span{width:9px;height:9px;border-radius:50%;}
.nb-page .dash-url{flex:1;background:rgba(255,255,255,.05);border-radius:5px;
  padding:3px 10px;font-size:.65rem;color:rgba(255,255,255,.25);
  font-family:monospace;display:flex;align-items:center;gap:5px;}
.nb-page .dash-url .live{width:5px;height:5px;border-radius:50%;background:#10B981;flex-shrink:0;}
.nb-page .dash-body{display:grid;grid-template-columns:52px 1fr;}
.nb-page .dash-rail{background:#0A0F1E;display:flex;flex-direction:column;
  align-items:center;padding:12px 0;gap:4px;border-right:1px solid rgba(255,255,255,.04);}
.nb-page .dash-rail-ic{width:34px;height:34px;border-radius:8px;display:flex;
  align-items:center;justify-content:center;font-size:.85rem;
  color:rgba(255,255,255,.3);transition:all .15s;}
.nb-page .dash-rail-ic.on{background:rgba(124,58,237,.4);color:#fff;}
.nb-page .dash-content{padding:16px;background:#0F172A;}
.nb-page .kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;}
.nb-page .kpi{background:#1E293B;border:1px solid rgba(255,255,255,.06);
  border-radius:10px;padding:12px 14px;}
.nb-page .kpi__val{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.25rem;
  font-weight:800;color:#fff;line-height:1;margin-bottom:3px;}
.nb-page .kpi__lbl{font-size:.6rem;font-weight:700;color:rgba(255,255,255,.35);
  text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;}
.nb-page .kpi__tag{display:inline-block;font-size:.58rem;font-weight:700;
  padding:2px 7px;border-radius:100px;}
.nb-page .activity{background:#1E293B;border:1px solid rgba(255,255,255,.06);
  border-radius:10px;overflow:hidden;}
.nb-page .activity__head{display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr;
  padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.05);background:#0F172A;}
.nb-page .activity__head span{font-size:.58rem;font-weight:700;
  color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.5px;}
.nb-page .activity__row{display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr;
  padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04);
  align-items:center;font-size:.68rem;color:rgba(255,255,255,.5);}
.nb-page .activity__row:last-child{border-bottom:none;}
.nb-page .activity__tag{font-size:.58rem;font-weight:700;padding:2px 8px;
  border-radius:100px;display:inline-block;}

/* ═══════════════════════════════════════
   STATS STRIP
═══════════════════════════════════════ */
.nb-page .stats{background:#F8FAFC;border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);padding:28px 0;}
.nb-page .stats__row{display:grid;grid-template-columns:repeat(4,1fr);}
.nb-page .stats__item{padding:0 24px;text-align:center;border-right:1px solid var(--border);}
.nb-page .stats__item:last-child{border-right:none;}
.nb-page .stats__val{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.8rem;
  font-weight:800;letter-spacing:-1px;margin-bottom:3px;color:var(--ink);}
.nb-page .stats__val--sm{font-size:1.55rem;letter-spacing:-.5px;}
.nb-page .stats__lbl{font-size:.8rem;color:#64748B;font-weight:500;line-height:1.45;}

/* ═══════════════════════════════════════
   FEATURE SECTIONS
═══════════════════════════════════════ */
.nb-page .feat{padding:80px 0;border-bottom:1px solid var(--border);}
.nb-page .feat.dark{background:#F8FAFC;}
.nb-page .feat__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.nb-page .feat__grid.flip .feat__text{order:2;}
.nb-page .feat__grid.flip .feat__mock{order:1;}

.nb-page .feat__tag{display:inline-flex;align-items:center;gap:6px;
  font-size:.65rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
  padding:4px 11px;border-radius:100px;margin-bottom:14px;}
.nb-page .feat__h{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.3rem,2.5vw,2rem);
  font-weight:800;color:var(--ink);line-height:1.12;letter-spacing:-.8px;margin-bottom:12px;}
.nb-page .feat__sub{font-size:.88rem;color:#64748B;line-height:1.75;
  margin-bottom:28px;max-width:420px;}
.nb-page .feat__list{display:flex;flex-direction:column;gap:11px;}
.nb-page .feat__item{display:flex;align-items:flex-start;gap:11px;}
.nb-page .feat__check{width:20px;height:20px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;
  font-size:.65rem;font-weight:700;}
.nb-page .feat__item-txt{font-size:.84rem;color:#475569;line-height:1.55;}
.nb-page .feat__item-txt strong{color:var(--ink);font-weight:600;}

/* Mock cards */
.nb-page .mock{background:#12122A;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;}
.nb-page .mock__head{background:#0A0A1E;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);
  display:flex;align-items:center;gap:8px;}
.nb-page .mock__title{font-size:.78rem;font-weight:700;color:rgba(255,255,255,.5);}
.nb-page .mock__body{padding:14px;}

/* Social platforms in 3 col grid inside mock */
.nb-page .mock-plats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;}
.nb-page .mock-plat{background:#1E293B;border:1px solid rgba(255,255,255,.05);
  border-radius:9px;padding:10px 11px;display:flex;align-items:center;gap:8px;}
.nb-page .mock-plat-ic{font-size:1.1rem;flex-shrink:0;}
.nb-page .mock-plat-name{font-size:.72rem;font-weight:700;color:rgba(255,255,255,.65);}
.nb-page .mock-plat-st{font-size:.58rem;color:#10B981;font-weight:600;margin-top:1px;}

/* Chat bubbles for AI studio */
.nb-page .bubble{border-radius:11px;padding:9px 12px;font-size:.72rem;line-height:1.55;margin-bottom:7px;}
.nb-page .bubble.user{background:rgba(124,58,237,.22);color:rgba(255,255,255,.8);
  margin-left:20%;text-align:right;}
.nb-page .bubble.ai{background:#1E293B;color:rgba(255,255,255,.6);margin-right:20%;}
.nb-page .img-gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;}
.nb-page .img-gen-box{aspect-ratio:1;border-radius:8px;display:flex;align-items:center;
  justify-content:center;font-size:1.4rem;border:1px solid rgba(255,255,255,.06);}

/* DM inbox items */
.nb-page .dm-item{background:#0F172A;border:1px solid rgba(255,255,255,.06);
  border-radius:10px;padding:11px 13px;margin-bottom:8px;}
.nb-page .dm-item:last-child{margin-bottom:0;}
.nb-page .dm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;}
.nb-page .dm-name{font-size:.74rem;font-weight:700;color:rgba(255,255,255,.7);}
.nb-page .dm-status{font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:100px;}
.nb-page .dm-msg{font-size:.71rem;color:rgba(255,255,255,.42);line-height:1.45;margin-bottom:6px;}
.nb-page .dm-reply{font-size:.67rem;line-height:1.45;padding:6px 9px;border-radius:7px;}

/* ═══════════════════════════════════════
   PRICING
═══════════════════════════════════════ */
.nb-page .pricing{padding:80px 0;background:#F8FAFC;}
.nb-page .pricing__head{text-align:center;margin-bottom:48px;}
.nb-page .sec-eye{display:inline-block;font-size:.65rem;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;color:#A78BFA;margin-bottom:12px;}
.nb-page .sec-h{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);
  font-weight:800;color:var(--ink);letter-spacing:-1px;margin-bottom:10px;}
.nb-page .sec-sub{font-size:.88rem;color:#64748B;max-width:400px;margin:0 auto;}
.nb-page .pricing__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  max-width:900px;margin:0 auto 24px;}
.nb-page .p-card{background:#fff;border:1.5px solid #E5E7EB;box-shadow:var(--sh-sm);
  border-radius:18px;padding:28px;position:relative;
  display:flex;flex-direction:column;transition:transform .2s;}
.nb-page .p-card:hover{transform:translateY(-3px);}
.nb-page .p-card.hot{border-color:#7C3AED;
  box-shadow:0 0 0 1px rgba(124,58,237,.2),0 20px 50px rgba(124,58,237,.15);}
.nb-page .p-card__pop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,#7C3AED,#2563EB);color:#fff;
  font-size:.65rem;font-weight:800;padding:3px 14px;border-radius:100px;
  white-space:nowrap;letter-spacing:.4px;}
.nb-page .p-card__tier{font-size:.65rem;font-weight:700;text-transform:uppercase;
  letter-spacing:1.2px;margin-bottom:10px;}
.nb-page .p-card__price{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.6rem;
  font-weight:800;color:var(--ink);letter-spacing:-1.5px;line-height:1;margin-bottom:3px;}
.nb-page .p-card__price sup{font-size:1.1rem;vertical-align:super;letter-spacing:0;}
.nb-page .p-card__period{font-size:.75rem;color:#94A3B8;margin-bottom:14px;}
.nb-page .p-card__desc{font-size:.8rem;color:#64748B;line-height:1.6;
  margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border);}
.nb-page .p-card__feats{display:flex;flex-direction:column;gap:9px;margin-bottom:24px;flex:1;}
.nb-page .p-feat{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#475569;}
.nb-page .p-feat.no{opacity:.3;text-decoration:line-through;}
.nb-page .p-feat svg{flex-shrink:0;}
.nb-page .p-btn{display:block;width:100%;padding:12px;text-align:center;border-radius:9px;
  font-weight:700;font-size:.85rem;transition:all .18s;border:none;}

/* Included row */
.nb-page .included{background:#fff;border:1px solid var(--border);
  border-radius:14px;padding:24px;max-width:900px;margin:0 auto;text-align:center;}
.nb-page .included__title{font-size:.82rem;font-weight:700;color:#374151;margin-bottom:16px;}
.nb-page .included__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.nb-page .included__item{display:flex;align-items:center;gap:8px;justify-content:center;
  font-size:.78rem;color:#64748B;}

/* ═══════════════════════════════════════
   FAQ
═══════════════════════════════════════ */
.nb-page .faq{padding:72px 0;background:#fff;}
.nb-page .faq__inner{max-width:680px;margin:0 auto;}
.nb-page .faq__head{text-align:center;margin-bottom:36px;}
.nb-page .faq-item{border:1px solid var(--border);border-radius:11px;
  margin-bottom:9px;overflow:hidden;}
.nb-page .faq-q{padding:16px 20px;font-weight:600;font-size:.88rem;
  color:#374151;cursor:pointer;display:flex;
  justify-content:space-between;align-items:center;background:#F8FAFC;
  transition:background .15s;gap:12px;}
.nb-page .faq-q:hover{background:#F1F5F9;}
.nb-page .faq-chev{font-size:.7rem;color:#94A3B8;flex-shrink:0;
  transition:transform .25s;}
.nb-page .faq-a{display:none;padding:0 20px 16px;font-size:.84rem;
  color:#64748B;line-height:1.75;background:#F8FAFC;}
.nb-page .faq-item.open .faq-a{display:block;}
.nb-page .faq-item.open .faq-chev{transform:rotate(180deg);}

/* ═══════════════════════════════════════
   BOTTOM CTA
═══════════════════════════════════════ */
.nb-page .cta-bottom{background:#EEF2FF;
  padding:80px 0;text-align:center;position:relative;overflow:hidden;
  border-top:1px solid #E0E7FF;}
.nb-page .cta-bottom::before{display:none;}
.nb-page .cta-bottom__inner{position:relative;z-index:1;max-width:560px;margin:0 auto;}
.nb-page .cta-bottom__h{font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;color:#18181B;
  letter-spacing:-1.2px;line-height:1.15;margin-bottom:28px;}
.nb-page .cta-bottom__h span{background:none;-webkit-text-fill-color:unset;color:#18181B;}
.nb-page .cta-bottom__p{font-size:.88rem;color:#52525B;line-height:1.75;margin-bottom:32px;}
.nb-page .cta-bottom__btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.nb-page .cta-bottom__note{font-size:.8rem;color:#71717A;margin-top:16px;}
.nb-page .cta-bottom .btn-ghost{background:#fff !important;color:#18181B !important;border:1.5px solid #E4E4E7 !important;}
.nb-page .cta-bottom .btn-ghost:hover{background:#F4F4F5 !important;color:#18181B !important;}

/* ═══════════════════════════════════════
   RESPONSIVE BREAKPOINTS
═══════════════════════════════════════ */
@media(max-width:900px){
.nb-page .feat__grid{grid-template-columns:1fr;gap:36px;}
.nb-page .feat__grid.flip .feat__text{order:1;}
.nb-page .feat__grid.flip .feat__mock{order:2;}
.nb-page .feat__sub{max-width:100%;}
.nb-page .pricing__cards{grid-template-columns:1fr;gap:14px;max-width:420px;}
.nb-page .stats__row{grid-template-columns:1fr 1fr;}
.nb-page .stats__item{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);
    padding:18px 16px;}
.nb-page .stats__item:last-child,
.nb-page .stats__item:nth-last-child(2){border-bottom:none;}
.nb-page .footer__grid{grid-template-columns:1fr 1fr;gap:24px;}
.nb-page .included__grid{grid-template-columns:1fr 1fr;}
}

@media(max-width:640px){
  /* Dashboard */
.nb-page .kpi-row{grid-template-columns:1fr 1fr;}
.nb-page .activity__head,
.nb-page .activity__row{grid-template-columns:1.2fr 2fr 1fr;}
.nb-page .activity__head span:last-child,
.nb-page .activity__row span:last-child{display:none;}
.nb-page .dash-body{grid-template-columns:42px 1fr;}
.nb-page .dash-content{padding:12px;}
  /* Stats */
.nb-page .stats{padding:20px 0;}
.nb-page .stats__val{font-size:1.5rem;}
  /* Features */
.nb-page .feat{padding:56px 0;}
.nb-page .feat__h{font-size:1.3rem;}
.nb-page .mock-plats{grid-template-columns:1fr 1fr;}
  /* Pricing */
.nb-page .pricing{padding:56px 0;}
.nb-page .pricing__cards{grid-template-columns:1fr;}
.nb-page .p-card__price{font-size:2.2rem;}
.nb-page .included__grid{grid-template-columns:1fr;}
  /* Footer */
.nb-page .footer__grid{grid-template-columns:1fr;}
.nb-page .footer{padding:40px 0 20px;}
  /* CTA */
.nb-page .cta-bottom{padding:56px 0;}
.nb-page .cta-bottom__btns{flex-direction:column;align-items:center;}
  .nb-page .cta-bottom__btns .btn-primary,
.nb-page .cta-bottom__btns .btn-ghost{width:100%;max-width:280px;justify-content:center;}
}

@media(max-width:400px){
.nb-page .btn-primary,
.nb-page .btn-ghost{width:100%;max-width:260px;justify-content:center;}
}

/* ── Light theme final overrides ── */
.nb-page .btn-primary{color:#fff !important;background:linear-gradient(135deg,#7C3AED,#2563EB) !important;box-shadow:0 6px 20px rgba(124,58,237,.35) !important;}
.nb-page .btn-primary:hover{background:linear-gradient(135deg,#6D28D9,#1D4ED8) !important;transform:translateY(-2px);}
.nb-page .cta-bottom .btn-ghost{background:#fff !important;color:#18181B !important;border:1.5px solid #E4E4E7 !important;}
.nb-page .cta-bottom .btn-ghost:hover{background:#F4F4F5 !important;color:#18181B !important;}
.nb-page .cta-bottom__h,.nb-page .cta-bottom__h span{color:#18181B;-webkit-text-fill-color:#18181B;}
.nb-page .cta-bottom__p{color:#52525B;}
.nb-page .cta-bottom__note{color:#71717A;}
.nb-page .sec-sub{color:#64748B;}
.nb-page .p-card__period{color:#94A3B8;}
.nb-page .p-card__desc{color:#64748B;}
.nb-page .p-feat{color:#475569;}
.nb-page .hero__sub{color:#64748B;}
.nb-page .stats__lbl{color:#64748B;}
.nb-page .feat__sub{color:#64748B;}
.nb-page .feat__item-txt{color:#475569;}
.nb-page .included__title{color:#374151;}
.nb-page .included__item{color:#64748B;}
@media(max-width:900px){.nav__right .nb-nav-login{display:none;}}