*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --gold:        #d4af37;
  --gold-bright: #f0d060;
  --gold-deep:   #8b6914;
  --ink:         #03030a;
  --cream:       #ece8df;
  --cream-dim:   rgba(236,232,223,.58);
}

html, body { height:100%; margin:0; }
body { background:var(--ink); font-family:'Barlow',sans-serif; color:var(--cream); overflow-x:hidden; }

.noise {
  position:fixed; inset:0; z-index:9999; pointer-events:none; opacity:.02;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:160px;
}
.orbit-canvas { position:fixed; inset:0; z-index:2; pointer-events:none; }

/* NAVBAR */
.navbar {
  position:fixed; top:0; left:0; right:0; height:120px;
  display:flex; justify-content:space-between; align-items:center;
  padding:0 40px; z-index:200;
  background:linear-gradient(to bottom,rgba(3,3,10,.98),rgba(3,3,10,.75));
  border-bottom:1px solid rgba(212,175,55,.1);
  backdrop-filter:blur(24px);
}
.logo-wrap img { height:105px; width:auto; filter:drop-shadow(0 0 10px rgba(212,175,55,.2)); }
nav { display:flex; align-items:center; gap:40px; }
nav a {
  color:rgba(236,232,223,.48); text-decoration:none;
  font-size:11.5px; font-weight:500; letter-spacing:2.5px; text-transform:uppercase; transition:color .25s;
}
nav a:hover { color:var(--gold); }

/* PAGE WRAPPER */
.page { display:flex; flex-direction:column; min-height:100vh; height:100vh; padding-top:80px; }

/* HERO — fills remaining space */
.hero {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:1;
  overflow:hidden;
}

/* NIGHT SKYLINE — dark financial district */
.hero-bg {
  position:absolute; inset:0;
  background:
    url('https://images.unsplash.com/photo-1486325212027-8081e485255e?q=90&w=2400&auto=format&fit=crop')
    center 35% / cover no-repeat;
  animation:kb 34s ease-in-out infinite alternate;
  /* Darken & desaturate to pure night mood */
  filter: brightness(.55) saturate(.65) contrast(1.05);
}
@keyframes kb {
  from { transform:scale(1.0); }
  to   { transform:scale(1.06) translateX(-1%); }
}

/* Gradient layers */
.hero-overlay {
  position:absolute; inset:0;
  background:
    linear-gradient(108deg,
      rgba(3,3,10,.88) 0%,
      rgba(3,3,10,.78) 30%,
      rgba(3,3,10,.38) 62%,
      rgba(3,3,10,.15) 100%
    ),
    linear-gradient(to top, rgba(3,3,10,.98) 0%, rgba(3,3,10,.0) 18%),
    linear-gradient(to bottom, rgba(3,3,10,.5) 0%, rgba(3,3,10,.0) 12%);
}

/* Amber glow from building windows */
.hero-glow {
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 55% 50% at 72% 65%, rgba(160,100,10,.16), transparent 68%),
    radial-gradient(ellipse 30% 40% at 88% 45%, rgba(212,175,55,.06), transparent 60%);
}

/* HERO CONTENT — vertically centered */
.hero-content {
  position:relative; z-index:10;
  padding:0 40px;
  max-width:640px;
  width:100%;
  /* push content to true vertical center */

}

.eyebrow-wrap { display:flex; align-items:center; gap:14px; margin-bottom:24px; }
.eyebrow-line { display:block; width:36px; height:1px; background:var(--gold); flex-shrink:0; }
.eyebrow {
  font-family:'Barlow Condensed',sans-serif;
  font-size:10.5px; font-weight:600; letter-spacing:4.5px; color:var(--gold); text-transform:uppercase;
}

h1 {
  font-family:'Playfair Display',serif;
  display:flex; flex-direction:column;
  line-height:.88; letter-spacing:-1.5px; margin-bottom:24px;
}
.line-white { font-size:clamp(36px,3.4vw,54px); font-weight:700; color:var(--cream); }
.line-gold  { font-size:clamp(40px,3.8vw,60px); font-weight:900; color:var(--gold); }

.desc {
  font-size:15px; font-weight:300; line-height:1.85;
  color:var(--cream-dim); margin-bottom:38px; max-width:460px;
}

/* CTA ROW */
.cta-row { display:flex; align-items:center; gap:12px; flex-wrap:nowrap; }
.cta-primary, .cta-secondary, .cta-gold-outline {
  display:inline-flex; align-items:center; gap:9px;
  padding:13px 20px; border-radius:3px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:11.5px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase;
  text-decoration:none; cursor:pointer; transition:all .28s; white-space:nowrap; border:none;
}
.arrow { margin-left:2px; transition:transform .28s; }
.cta-primary:hover .arrow,
.cta-secondary:hover .arrow,
.cta-gold-outline:hover .arrow { transform:translateX(5px); }

.cta-primary {
  background:linear-gradient(130deg,var(--gold-bright) 0%,var(--gold) 55%,var(--gold-deep) 100%);
  color:#060606;
  box-shadow:0 6px 26px rgba(212,175,55,.28),inset 0 1px 0 rgba(255,248,180,.25);
}
.cta-primary:hover { box-shadow:0 12px 44px rgba(212,175,55,.5); transform:translateY(-2px); }
.cta-secondary {
  background:rgba(236,232,223,.04); border:1px solid rgba(236,232,223,.16)!important;
  color:var(--cream); backdrop-filter:blur(10px);
}
.cta-secondary:hover { border-color:rgba(212,175,55,.42)!important; color:var(--gold); transform:translateY(-2px); }
.cta-gold-outline {
  background:rgba(212,175,55,.05); border:1px solid rgba(212,175,55,.32)!important;
  color:var(--gold); backdrop-filter:blur(10px);
}
.cta-gold-outline:hover { background:rgba(212,175,55,.1); transform:translateY(-2px); }

/* BOTTOM BAR */
.bottom-bar {
  flex-shrink:0; position:relative; z-index:10;
  display:grid; grid-template-columns:repeat(4,1fr);
  background:rgba(3,3,10,.97); backdrop-filter:blur(32px);
  border-top:1px solid rgba(212,175,55,.1);
}
.bcard {
  display:flex; align-items:center; gap:16px; padding:22px 28px;
  border-right:1px solid rgba(212,175,55,.07); transition:background .3s;
}
.bcard:last-child { border-right:none; }
.bcard:hover { background:rgba(212,175,55,.03); }
.bcard-icon { color:var(--gold); flex-shrink:0; opacity:.8; }
.bcard-text { display:flex; flex-direction:column; gap:3px; }
.bcard-title {
  font-family:'Barlow Condensed',sans-serif;
  font-size:12px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; color:var(--cream);
}
.bcard-sub { font-size:11px; color:rgba(236,232,223,.35); }

@media(max-width:960px){
  .navbar { padding:0 20px; height:68px; }
  nav { display:none; }
  .logo-wrap img { height:50px; }
  .page { padding-top:68px; }
  .hero-content { padding:0 22px; max-width:100%; }
  .cta-row { flex-wrap:wrap; }
  .bottom-bar { grid-template-columns:1fr 1fr; }
  .bcard { padding:16px 18px; }
}

/* ── FOOTER ── */
.site-footer {
  position:relative; z-index:10;
  background:rgba(3,3,10,.99);
  border-top:1px solid rgba(212,175,55,.06);
  padding:14px 60px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.site-footer span {
  font-family:'Barlow Condensed',sans-serif;
  font-size:10.5px;
  font-weight:500;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(236,232,223,.28);
}


/* Premium institutional sections */
.docs-section,.corp-section{padding:90px 60px;}
.docs-section{background:#0b1118;}
.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.doc-card{
text-decoration:none;color:#fff;padding:28px;border:1px solid rgba(212,175,55,.18);
border-radius:18px;background:rgba(255,255,255,.03);display:block;
backdrop-filter:blur(10px);transition:.3s;
}
.doc-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(212,175,55,.12);border-color:rgba(212,175,55,.35)}
.doc-icon{font-size:28px;display:block;margin-bottom:12px}
.corp-section{background:linear-gradient(180deg,#10161f,#0a0f16)}
.corp-panel{
max-width:980px;border:1px solid rgba(212,175,55,.18);border-radius:24px;
padding:48px;background:rgba(255,255,255,.03);backdrop-filter:blur(12px);
box-shadow:0 20px 60px rgba(0,0,0,.35)
}
.footer-premium{
padding:70px 60px;background:linear-gradient(180deg,#050505,#020202);
border-top:1px solid rgba(212,175,55,.12)
}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.inst-five{font-size:.92rem}


/* Surgical Refinement */
.corporate-premium{
background:linear-gradient(180deg,rgba(212,175,55,.08),rgba(255,255,255,.02));
border:1px solid rgba(212,175,55,.20);
border-radius:24px;
backdrop-filter:blur(14px);
box-shadow:0 20px 60px rgba(212,175,55,.10);
}
.footer-premium{
background:linear-gradient(to bottom,#0a0f18,#050505);
border-top:1px solid rgba(212,175,55,.15);
}
.fifth-institution-card{
border-left:1px solid rgba(212,175,55,.08);
}


.doc-card svg{
width:42px;height:42px;
margin-bottom:14px;
stroke:#d4af37;
}
.doc-card{
transition:all .35s ease;
}
.doc-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 70px rgba(212,175,55,.15);
}


/* Native Finish */
.doc-card,.compliance-card{
background:rgba(255,255,255,.03);
border:1px solid rgba(212,175,55,.15);
border-radius:20px;
backdrop-filter:blur(12px);
transition:.35s ease;
}
.doc-card:hover,.compliance-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 70px rgba(212,175,55,.15);
}
.icon-gold{
width:40px;height:40px;
display:inline-flex;
align-items:center;
justify-content:center;
margin-bottom:12px;
color:#d4af37;
font-weight:bold;
font-size:28px;
}
.corporate-premium{
position:relative;
overflow:hidden;
background:linear-gradient(180deg,rgba(212,175,55,.10),rgba(255,255,255,.02));
box-shadow:0 0 80px rgba(212,175,55,.08);
}
.corporate-premium:before{
content:'';
position:absolute;
inset:0;
background:radial-gradient(circle at top right,rgba(212,175,55,.12),transparent 35%);
pointer-events:none;
}

.doc-card{display:flex;align-items:center;justify-content:center;min-height:110px;padding:20px;color:#fff;text-decoration:none;background:rgba(255,255,255,.03);border:1px solid rgba(212,175,55,.18);border-radius:18px;transition:.3s}
.doc-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(212,175,55,.15)}
.bottom-bar{display:grid;grid-template-columns:repeat(5,1fr)}