:root { --tenant-primary: #0D1B2A; --tenant-accent: #C9973A; }
  .tenant-brand { display:flex; align-items:center; gap:.6rem; }
  .tenant-brand img { max-height: 42px; max-width: 180px; object-fit: contain; }
  .tenant-tagline { font-size: .85rem; opacity: .75; }
  .tenant-nav .nav-link.active { font-weight: 600; }
  .btn-tenant { background: var(--tenant-primary); border-color: var(--tenant-primary); color: #fff; }
  .btn-tenant:hover { opacity: .9; color:#fff; }

  .tenant-nav, .tenant-nav .container, .tenant-nav .navbar-collapse { overflow: visible !important; }
  .tenant-nav, .tenant-nav .container, .tenant-nav .navbar-collapse, .tenant-nav .nav-item.dropdown { overflow: visible !important; }
  .tenant-nav .dropdown-menu { z-index: 2500 !important; position: absolute !important; pointer-events: auto; }
  .tenant-nav .nav-item.dropdown.show > .dropdown-menu { display: block !important; }
  .tenant-nav .dropdown-menu.show { display: block !important; }

  .dropdown-submenu { position: relative; }
  .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-left: .15rem; margin-right: .15rem; }
  @media (max-width: 991.98px) { .dropdown-submenu > .dropdown-menu { left: 0; margin-left: 0; } }

  .dropdown-item.disabled, .nav-link.disabled { pointer-events: none; opacity: .55; }
  .lock-icon { font-size: .9em; opacity: .85; }

.tenant-content-wrap{
    width:100%;
    margin:0 !important;
    padding:0 !important;
}
.tenant-content-wrap .tenant-page{
    margin:0 !important;
    padding:0 !important;
}
.tenant-content-wrap .tenant-page > *:first-child{
    margin-top:0 !important;
}
.tenant-content-wrap .tenant-page > *:last-child{
    margin-bottom:0 !important;
}

.tal-home{
      --navy:#0b1e36;
      --navy-2:#102946;
      --gold:#c79a45;
      --gold-2:#e6c978;
      --cream:#fbf8f1;
      --ink:#172033;
      --muted:#667085;
      --line:#e7dfcf;
      --white:#ffffff;
      --shadow:0 24px 60px rgba(11,30,54,.14);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--ink);
      background:var(--cream);
      width:100%;
      overflow:hidden;
    }
    .tal-home *{box-sizing:border-box}
    .tal-home a{text-decoration:none;color:inherit}
    .tal-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}

    .tal-hero{
      position:relative;
      min-height:720px;
      display:flex;
      align-items:center;
      background:
        linear-gradient(90deg,rgba(8,22,42,.90) 0%,rgba(8,22,42,.78) 42%,rgba(8,22,42,.35) 72%,rgba(8,22,42,.18) 100%),
        url('/uploads/tenants/YOUR_TENANT_ID/signup-bg.jpg') center/cover no-repeat;
      color:#fff;
    }
    .tal-hero:after{
      content:"";
      position:absolute;inset:0;
      background:linear-gradient(180deg,transparent 60%,rgba(8,22,42,.30));
      pointer-events:none;
    }
    .tal-hero-inner{
      position:relative;z-index:1;
      width:min(1180px,calc(100% - 40px));
      margin:0 auto;
      padding:72px 0;
      display:grid;
      grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
      gap:54px;
      align-items:center;
    }
    .tal-brandmark{
      width:min(440px,86%);
      background:#fff;
      border-radius:18px;
      padding:10px 16px;
      box-shadow:0 18px 50px rgba(0,0,0,.22);
      margin-bottom:28px;
    }
    .tal-brandmark img{display:block;width:100%;height:auto}
    .tal-kicker{
      display:inline-flex;align-items:center;gap:9px;
      font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;
      color:#f1d891;margin-bottom:18px
    }
    .tal-title{
      margin:0;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(48px,6vw,84px);
      line-height:.98;
      letter-spacing:-2.4px;
      max-width:760px;
    }
    .tal-title span{color:var(--gold-2)}
    .tal-lead{
      margin:24px 0 0;
      max-width:650px;
      font-size:19px;line-height:1.7;
      color:rgba(255,255,255,.88);
      font-weight:500;
    }
    .tal-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
    .tal-btn{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:52px;padding:0 22px;border-radius:12px;
      font-weight:850;font-size:14px;
      border:1px solid transparent;
      transition:.18s ease;
    }
    .tal-btn:hover{transform:translateY(-2px)}
    .tal-btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#0b1e36;box-shadow:0 14px 32px rgba(199,154,69,.26)}
    .tal-btn.ghost{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
    .tal-quote-card{
      justify-self:end;
      width:min(100%,430px);
      background:rgba(255,255,255,.94);
      color:var(--ink);
      border:1px solid rgba(255,255,255,.7);
      border-radius:26px;
      padding:30px;
      box-shadow:0 24px 70px rgba(0,0,0,.24);
      backdrop-filter:blur(12px);
    }
    .tal-quote-mark{font-family:Georgia,serif;font-size:76px;line-height:.7;color:var(--gold)}
    .tal-quote-card p{font-family:Georgia,serif;font-size:24px;line-height:1.45;margin:14px 0 18px;color:var(--navy)}
    .tal-quote-card span{font-size:13px;font-weight:800;color:#7b6b4c;text-transform:uppercase;letter-spacing:.12em}

    .tal-strip{background:var(--navy);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
    .tal-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
    .tal-strip-item{padding:22px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.10)}
    .tal-strip-item:last-child{border-right:0}
    .tal-strip-item strong{display:block;font-family:Georgia,serif;font-size:24px;color:var(--gold-2)}
    .tal-strip-item span{font-size:13px;color:rgba(255,255,255,.72)}

    .tal-section{padding:82px 0}
    .tal-section.white{background:#fff}
    .tal-section.dark{background:var(--navy);color:#fff}
    .tal-heading{text-align:center;max-width:760px;margin:0 auto 38px}
    .tal-eyebrow{font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
    .tal-heading h2{margin:0;font-family:Georgia,serif;font-size:clamp(38px,4.8vw,58px);line-height:1.05;color:var(--navy)}
    .tal-section.dark .tal-heading h2{color:#fff}
    .tal-heading p{margin:15px auto 0;color:var(--muted);font-size:17px;line-height:1.6}
    .tal-section.dark .tal-heading p{color:rgba(255,255,255,.72)}

    .tal-books{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
    .tal-book{
      background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;
      box-shadow:0 14px 40px rgba(11,30,54,.07);
      display:flex;flex-direction:column;
    }
    .tal-book-cover{
      aspect-ratio:4/5;
      background:linear-gradient(145deg,#e9e2d2,#faf8f3);
      display:grid;place-items:center;
      padding:28px;
    }
    .tal-book-cover img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.18))}
    .tal-book-body{padding:24px;display:flex;flex-direction:column;gap:13px;flex:1}
    .tal-book-tag{font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
    .tal-book h3{margin:0;font-family:Georgia,serif;font-size:28px;color:var(--navy)}
    .tal-book p{margin:0;color:#5f6878;line-height:1.6;font-size:14.5px}
    .tal-book-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:10px}
    .tal-buy{
      min-height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;
      font-size:13px;font-weight:850;border:1px solid var(--line)
    }
    .tal-buy.digital{background:var(--navy);color:#fff;border-color:var(--navy)}
    .tal-buy.print{background:#fff;color:var(--navy)}

    .tal-about{
      display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;
      background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;
      box-shadow:var(--shadow)
    }
    .tal-about-photo{
      min-height:470px;border-radius:20px;
      background:linear-gradient(135deg,#d9d0bd,#efe9de);
      overflow:hidden;display:grid;place-items:center;
    }
    .tal-about-photo img{width:100%;height:100%;object-fit:cover}
    .tal-about-copy h2{font-family:Georgia,serif;font-size:48px;line-height:1.04;color:var(--navy);margin:0 0 18px}
    .tal-about-copy p{color:#596579;font-size:16.5px;line-height:1.75;margin:0 0 18px}
    .tal-signature{font-family:Georgia,serif;font-style:italic;font-size:28px;color:var(--gold)}

    .tal-cta{
      position:relative;overflow:hidden;
      border-radius:28px;
      padding:58px;
      background:
        linear-gradient(120deg,rgba(10,29,53,.95),rgba(10,29,53,.86)),
        url('/uploads/tenants/YOUR_TENANT_ID/signup-bg.jpg') center/cover no-repeat;
      box-shadow:var(--shadow);
      color:#fff;text-align:center;
    }
    .tal-cta h2{font-family:Georgia,serif;font-size:48px;margin:0 0 14px}
    .tal-cta p{max-width:680px;margin:0 auto;color:rgba(255,255,255,.78);font-size:17px;line-height:1.65}
    .tal-cta .tal-actions{justify-content:center}

    .tal-footer{background:#07182d;color:#fff;padding:36px 0}
    .tal-footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
    .tal-footer small{color:rgba(255,255,255,.62)}
    .tal-footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:750;color:rgba(255,255,255,.78)}

    @media(max-width:960px){
      .tal-hero-inner{grid-template-columns:1fr}
      .tal-quote-card{justify-self:start}
      .tal-books{grid-template-columns:1fr 1fr}
      .tal-about{grid-template-columns:1fr}
      .tal-about-photo{min-height:360px}
    }
    @media(max-width:680px){
      .tal-wrap,.tal-hero-inner{width:min(100% - 28px,1180px)}
      .tal-hero{min-height:auto}
      .tal-hero-inner{padding:54px 0}
      .tal-title{font-size:48px;letter-spacing:-1.5px}
      .tal-lead{font-size:16px}
      .tal-strip-grid{grid-template-columns:1fr}
      .tal-strip-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}
      .tal-books{grid-template-columns:1fr}
      .tal-section{padding:60px 0}
      .tal-about{padding:20px}
      .tal-about-copy h2,.tal-cta h2{font-size:38px}
      .tal-cta{padding:38px 22px}
      .tal-book-actions{grid-template-columns:1fr}
    }

:root{
    --tenant-primary: #0D1B2A;
    --tenant-accent: #6610f2;
  }
  .tenant-footer a{ color: rgba(15,23,42,.85); }
  .tenant-footer a:hover{ color: var(--tenant-primary); }
  .tenant-footer .brand img{ max-height: 44px; max-width: 200px; object-fit: contain; }

/* ===== PiTown Help Modal Styling ===== */
.pitown-help-modal {
  border-radius: 18px;
  overflow: hidden;
}

.pitown-help-header {
  background: linear-gradient(135deg, #059669, #047857);
  color: #fff;
}

.pitown-help-header .modal-title {
  font-weight: 800;
  letter-spacing: -0.01em;
}

.help-badge {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  font-size: 18px;
}

.help-card {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 16px;
  height: 100%;
  background: linear-gradient(180deg, #ffffff, #f9fafb);
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

.help-card h6 {
  font-weight: 700;
  margin-top: 8px;
}

.help-card p {
  font-size: .95rem;
  line-height: 1.5;
}

.help-icon {
  font-size: 26px;
}
