:root {
    --navy: #242349;
    --gold: #c89078;
    --gold-light: #e8c97a;
    --cream: #faf8f3;
    --text: #1a1a2e;
    --muted: #64748b;
    --border: #e2d9c8;
    --white: #ffffff;
    --green: #16a34a;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { font-family: 'DM Sans', sans-serif; background: var(--cream); color: var(--text); font-size: 15px; line-height: 1.7; }

  /* NAV */
  nav { background: var(--navy); padding: 0 40px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 12px rgba(0,0,0,0.18); }
  .nav-brand { display: flex; flex-direction: column; padding: 14px 0; }
  .nav-brand strong { color: var(--gold); font-family: 'Playfair Display', serif; font-size: 1.3rem; letter-spacing: 1px; }
  .nav-brand span { color: #94a3b8; font-size: 0.7rem; letter-spacing: 2px; text-transform: uppercase; }
  .nav-links { display: flex; gap: 4px; flex-wrap: wrap; }
  .nav-links button { background: none; border: none; color: #cbd5e1; font-family: 'DM Sans', sans-serif; font-size: 0.78rem; padding: 8px 12px; cursor: pointer; border-radius: 4px; transition: all 0.2s; white-space: nowrap; }
  .nav-links button:hover, .nav-links button.active { background: rgba(201,168,76,0.15); color: var(--gold); }

  /* PAGE */
  .page { display: none; max-width: 900px; margin: 0 auto; padding: 50px 40px 80px; }
  .page.active { display: block; }
  .page-title { font-family: 'Playfair Display', serif; font-size: 2.2rem; color: var(--navy); margin-bottom: 8px; }
  .page-subtitle { color: var(--muted); font-size: 0.85rem; letter-spacing: 1px; text-transform: uppercase; border-bottom: 2px solid var(--gold); display: inline-block; padding-bottom: 4px; margin-bottom: 36px; }

  /* SECTIONS */
  h3 { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--navy); margin: 32px 0 10px; }
  h5 { font-size: 0.85rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; margin: 20px 0 8px; }
  p { margin-bottom: 12px; color: #334155; }
  hr { border: none; border-top: 1px solid var(--border); margin: 24px 0; }
  strong { color: var(--navy); }
  a { color: var(--navy); text-decoration: underline; }
  a:hover { color: var(--gold); }

  /* CARD */
  .card { background: var(--white); border: 1px solid var(--border); border-radius: 10px; padding: 28px 32px; margin: 20px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
  .card.highlight { border-left: 4px solid var(--gold); }

  /* BADGE */
  .badge { display: inline-block; background: var(--navy); color: var(--gold); font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; margin-left: 8px; vertical-align: middle; }
  .badge-green { background: #dcfce7; color: var(--green); }

  /* TABLE */
  table { width: 100%; border-collapse: collapse; margin: 16px 0 28px; }
  th { background: var(--navy); color: var(--gold); font-size: 0.78rem; text-align: left; padding: 10px 14px; font-weight: 600; letter-spacing: 0.5px; }
  td { padding: 9px 14px; border-bottom: 1px solid var(--border); font-size: 0.88rem; }
  tr:hover td { background: #f8f6f0; }
  td a { font-size: 0.82rem; }

  /* OL / UL */
  ol, ul { padding-left: 22px; margin: 8px 0 16px; }
  li { margin-bottom: 6px; color: #334155; }
  li strong { color: var(--navy); }

  /* TIMELINE */
  .timeline { display: flex; gap: 16px; margin: 20px 0; }
  .tl-item { flex: 1; background: var(--white); border: 1px solid var(--border); border-radius: 8px; padding: 16px 18px; text-align: center; }
  .tl-item .tl-num { font-family: 'Playfair Display', serif; font-size: 2rem; color: var(--gold); font-weight: 700; }
  .tl-item .tl-label { font-size: 0.78rem; color: var(--muted); margin-top: 4px; }

  /* FOOTER STRIP */
  .footer-strip { background: var(--navy); color: #94a3b8; font-size: 0.78rem; text-align: center; padding: 18px 40px; line-height: 1.6; margin-top: 60px; }
  .footer-strip strong { color: var(--gold); }

  /* AMFI BAR */
  .amfi-bar{background:linear-gradient(180deg,#ffffff,#fbf8f3);border:1px solid #e9e2d5;border-left:4px solid #242349;border-radius:14px;padding:24px 28px;margin:26px 0;box-shadow:0 12px 30px rgba(36,35,73,.05)}
  .amfi-name{font-size:1.05rem;color:#242349;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #ece5d8;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
  .amfi-name b{font-weight:700}
  .amfi-name .arn{color:#c89078;font-weight:600;font-size:.82rem;letter-spacing:.04em;background:rgba(200,144,120,.12);padding:3px 10px;border-radius:20px}
  .amfi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 30px}
  .amfi-item{display:flex;flex-direction:column;gap:4px}
  .amfi-item.full{grid-column:1 / -1}
  .amfi-item .k{font-size:.64rem;letter-spacing:.11em;text-transform:uppercase;color:#a39c8e;font-weight:600}
  .amfi-item .v{font-size:.92rem;color:#242349;font-weight:500;line-height:1.4}
  @media(max-width:640px){.amfi-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:440px){.amfi-grid{grid-template-columns:1fr}}
  

  /* EMAIL SIG */
  .sig-box { background: var(--white); border: 1px solid var(--border); border-radius: 10px; padding: 28px 32px; }
  .sig-name { font-family: 'Playfair Display', serif; font-size: 1.4rem; color: var(--navy); }
  .sig-role { color: var(--gold); font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 16px; }
  .sig-row { display: flex; gap: 10px; align-items: flex-start; margin: 5px 0; font-size: 0.88rem; color: #475569; }
  .sig-row span:first-child { color: var(--navy); font-weight: 600; min-width: 70px; }
  .disclaimer-box { background: #fffbeb; border: 1px solid #e0c3a8; border-radius: 8px; padding: 16px 20px; margin-top: 24px; font-size: 0.8rem; color: #78350f; line-height: 1.65; }
  .disclaimer-box strong { color: #92400e; display: block; margin-bottom: 6px; font-size: 0.85rem; }

  /* BACK TO TOP */
  .scroll-tabs { position: fixed; bottom: 24px; right: 24px; display: flex; flex-direction: column; gap: 6px; }
  .scroll-top { background: var(--navy); color: var(--gold); border: none; border-radius: 50%; width: 42px; height: 42px; font-size: 1.1rem; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }

  @media(max-width:700px) {
    nav { padding: 0 16px; flex-direction: column; align-items: flex-start; }
    .nav-links { overflow-x: auto; padding-bottom: 6px; }
    .page { padding: 30px 18px 60px; }
    .timeline { flex-direction: column; }
  }

#email,#btn-email{display:none!important}

#fvnav{position:sticky;top:0;z-index:99999;background:#0c0c11;padding:12px 0;font-family:Poppins,system-ui,sans-serif}
#fvnav *{box-sizing:border-box}
#fvnav .fvwrap{max-width:1210px;margin:0 auto;padding:0 20px}
#fvnav .fvbar{display:flex;align-items:center;justify-content:space-between;background:rgba(245,241,234,.98);border:1px solid #e6e0d3;border-radius:60px;padding:11px 24px}
#fvnav .fvlogo{width:112px;height:40px;background:url("../img/logo.webp") no-repeat left center;background-size:contain;display:block}
#fvnav .fvmenu{display:flex;gap:24px;align-items:center;list-style:none;margin:0;padding:0}
#fvnav .fvmenu>li{position:relative}
#fvnav .fvmenu>li>a{font-size:14px;color:#242349;font-weight:400;text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:5px}
#fvnav .fvmenu>li>a:hover{color:#c89078}
#fvnav .fvcar{font-size:9px;opacity:.6}
#fvnav .fvdrop{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border:1px solid #e6e0d3;border-radius:16px;box-shadow:0 24px 50px rgba(36,35,73,.14);padding:10px;min-width:220px;opacity:0;visibility:hidden;transition:.22s}
#fvnav .fvmenu>li:hover .fvdrop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(6px)}
#fvnav .fvdrop a{display:block;padding:9px 14px;border-radius:10px;font-size:13px;color:#3a3a63;text-decoration:none;white-space:nowrap}
#fvnav .fvdrop a:hover{background:#f5f1ea;color:#c89078}
#fvnav .fvact{display:flex;align-items:center;gap:16px}
#fvnav .fvlog{font-size:14px;color:#242349;text-decoration:none}#fvnav .fvlog:hover{color:#c89078}
#fvnav .fvcta{background:#0c0c11;color:#fff;font-size:13px;font-weight:500;padding:11px 20px;border-radius:40px;text-decoration:none}
@media(max-width:920px){#fvnav .fvmenu,#fvnav .fvlog{display:none}}