:root{--navy:#07182f;--navy2:#0d2748;--gold:#d8a62e;--teal:#16b8a6;--ink:#182333;--muted:#64748b;--bg:#f5f7fb;--white:#fff;--line:#dce3ec;--danger:#b42318;--success:#0f766e;--shadow:0 18px 50px rgba(7,24,47,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}a{color:var(--navy2)}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:rgba(7,24,47,.97);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.09)}.nav{min-height:74px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:800}.brand img{width:44px;height:44px;object-fit:contain}.brand small{display:block;color:#cbd5e1;font-weight:500;font-size:.72rem}.navlinks{display:flex;gap:18px;margin-left:auto;align-items:center}.navlinks a{color:#e7edf6;text-decoration:none;font-weight:650;font-size:.94rem}.navlinks a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:0;border-radius:10px;background:var(--navy);color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.btn:hover{background:var(--navy2);color:#fff}.btn.gold{background:var(--gold);color:#07182f}.btn.teal{background:var(--teal);color:#051a18}.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.hero{background:radial-gradient(circle at 75% 20%,rgba(22,184,166,.18),transparent 28%),linear-gradient(135deg,#06172e,#0b2c53 70%,#0a3248);color:#fff;padding:92px 0 76px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:850;color:#e0b74c}.hero h1{font-size:clamp(2.5rem,6vw,5.1rem);line-height:.98;max-width:900px;margin:12px 0 22px}.hero p{font-size:1.14rem;color:#d9e3ef;max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:72px 0}.section.white{background:#fff}.section.dark{background:var(--navy);color:#fff}.kicker{color:var(--teal);font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.section h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;margin:8px 0 15px}.lead{font-size:1.08rem;color:var(--muted);max-width:820px}.dark .lead{color:#cbd5e1}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px;color:var(--navy)}.metric{font-size:2rem;font-weight:850;color:var(--navy)}.muted{color:var(--muted)}.pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf8f6;color:#0d6e63;font-weight:800;font-size:.78rem}.pill.gold{background:#fff5d8;color:#7a5600}.form-card{max-width:820px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}label{font-weight:750;display:block;margin:12px 0 6px}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font:inherit}textarea{min-height:110px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flash{padding:12px 14px;border-radius:10px;margin:12px 0}.flash-success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.flash-error{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.progress{height:10px;background:#e8edf3;border-radius:999px;overflow:hidden}.progress span{height:100%;display:block;background:linear-gradient(90deg,var(--teal),var(--gold))}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e6eaf0;text-align:left;vertical-align:top}.footer{background:#041122;color:#aebed2;padding:36px 0;margin-top:60px}.footer a{color:#fff}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.notice{padding:14px;border:1px solid #c9d7e8;background:#f8fbff;border-radius:12px}.danger{color:var(--danger)}@media(max-width:860px){.grid.two,.grid.three,.grid.four,.form-grid{grid-template-columns:1fr}.navlinks{display:none}.hero{padding-top:64px}.section{padding:52px 0}}

/* Pass B mobile navigation */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.nav-toggle{display:none;margin-left:auto;width:46px;height:46px;border:1px solid rgba(255,255,255,.20);border-radius:11px;background:rgba(255,255,255,.07);color:#fff;align-items:center;justify-content:center;cursor:pointer}
.nav-toggle:focus-visible,.navlinks a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.nav-toggle-bars{width:22px;display:grid;gap:5px}
.nav-toggle-bars span{display:block;height:2px;background:#fff;border-radius:99px;transition:transform .2s ease,opacity .2s ease}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-backdrop{display:none}

@media(max-width:860px){
  .topbar{position:sticky}
  .nav{min-height:68px;position:relative}
  .brand{min-width:0;max-width:calc(100% - 62px)}
  .brand span{min-width:0;line-height:1.15}
  .brand small{margin-top:3px;white-space:normal}
  .nav-toggle{display:inline-flex}
  .navlinks{
    display:none;
    position:absolute;
    top:calc(100% + 1px);
    right:0;
    left:0;
    margin:0;
    padding:12px;
    gap:4px;
    flex-direction:column;
    align-items:stretch;
    background:#07182f;
    border:1px solid rgba(255,255,255,.10);
    border-top:0;
    border-radius:0 0 16px 16px;
    box-shadow:0 22px 45px rgba(0,0,0,.28);
    max-height:calc(100vh - 80px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
  }
  .navlinks.is-open{display:flex}
  .navlinks a{
    display:flex;
    width:100%;
    min-height:46px;
    align-items:center;
    padding:11px 13px;
    border-radius:9px;
    font-size:1rem
  }
  .navlinks a:hover,.navlinks a:focus{background:rgba(255,255,255,.08)}
  .navlinks .btn.gold{justify-content:center;margin-top:4px;color:#07182f}
  body.nav-open{overflow:hidden}
  .nav-backdrop.is-open{
    display:block;
    position:fixed;
    inset:68px 0 0;
    z-index:40;
    background:rgba(4,17,34,.52);
    backdrop-filter:blur(1px)
  }
  .topbar{z-index:60}
}
@media(max-width:520px){
  .shell{width:min(100% - 22px,1180px)}
  .brand img{width:38px;height:38px}
  .brand{gap:8px;font-size:.94rem}
  .brand small{font-size:.64rem}
}
@media(prefers-reduced-motion:reduce){
  .nav-toggle-bars span{transition:none}
}