/* =====================================================
   CINEMATIC • LUXURY • RICH CONSULTANT UI (FINAL)
   Rolex / Private Banking / High-Net-Worth Level
===================================================== */

:root{
 --bg-main:#080705;
 --bg-soft:#0F0D0A;
 --bg-card:#15120D;

 --gold:#C9A24D;
 --gold-soft:#E6C87A;
 --gold-glow:rgba(201,162,77,0.45);

 --text-main:#F4F1EA;
 --text-muted:#B8B2A6;

 --border:rgba(201,162,77,0.25);
}

/* RESET */
*{box-sizing:border-box}
body{
 margin:0;
 background:var(--bg-main);
 color:var(--text-main);
 font-family:'Inter','Segoe UI',sans-serif;
 line-height:1.9;
}

/* TYPOGRAPHY */
h1,h2,h3,h4,h5{
 font-family:'Playfair Display',serif;
 font-weight:500;
 letter-spacing:0.2px;
}
p{color:var(--text-muted);font-size:16px}

/* NAVBAR */
.navbar{
 background:rgba(8,7,5,0.82)!important;
 backdrop-filter:blur(14px);
 border-bottom:1px solid var(--border);
}
.navbar-brand{
 color:var(--gold)!important;
 letter-spacing:1px;
 font-weight:600;
}
.nav-link{
 color:var(--text-muted)!important;
 margin-left:22px;
 font-size:14px;
}
.nav-link:hover{color:var(--gold)!important}

/* HERO – CINEMATIC */
.hero{
 min-height:100vh;
 display:flex;
 align-items:center;
 background:
  radial-gradient(900px at 75% 30%, var(--gold-glow), transparent 45%);
 position:relative;
 overflow:hidden;
}
.hero::after{
 content:"";
 position:absolute;
 inset:0;
 background:url("https://grainy-gradients.vercel.app/noise.svg");
 opacity:0.08;
 pointer-events:none;
}
.hero h1{
 font-size:62px;
 max-width:920px;
}
.hero p{
 max-width:780px;
 margin-top:26px;
 font-size:17px;
}
.hero .btn{
 margin-top:42px;
 background:linear-gradient(135deg,var(--gold),var(--gold-soft));
 color:#000;
 border:none;
 padding:14px 48px;
 border-radius:50px;
 font-size:14px;
 font-weight:600;
 letter-spacing:1px;
 box-shadow:0 12px 50px var(--gold-glow);
}

/* SECTIONS */
.section{
 padding:160px 0;
 background:var(--bg-main);
}
.section.soft{background:var(--bg-soft)}
.section-title span{
 color:var(--gold);
 font-size:12px;
 letter-spacing:4px;
 text-transform:uppercase;
}
.section-title h2{
 margin-top:16px;
 font-size:42px;
}

/* CARDS – LUXURY */
.card{
 background:linear-gradient(180deg,#1B160E,#100C08);
 border:1px solid var(--border);
 border-radius:28px;
 padding:48px;
 height:100%;
 transition:.5s;
}
.card:hover{
 transform:translateY(-14px);
 box-shadow:0 40px 120px rgba(0,0,0,.7);
 border-color:var(--gold);
}
.card h4,h5{color:var(--text-main)}
.card p{color:var(--text-muted)}

/* TRUST NUMBERS */
h3{
 font-size:40px;
 color:var(--gold);
}

/* TESTIMONIAL */
.testimonial p{
 font-size:17px;
 line-height:1.9;
}

/* FOOTER */
footer{
 background:#050403;
 border-top:1px solid var(--border);
}

/* SOCIAL */
.social-fixed{
 position:fixed;
 left:34px;
 bottom:46px;
 display:flex;
 flex-direction:column;
 gap:20px;
}
.social-fixed a{
 color:var(--text-muted);
 font-size:18px;
}
.social-fixed a:hover{color:var(--gold)}

/* WHATSAPP */
.whatsapp-float{
 background:linear-gradient(135deg,var(--gold),var(--gold-soft));
 color:#000;
 box-shadow:0 12px 50px var(--gold-glow);
}
/* =============================
   LUXURY FOOTER – FINAL
============================= */

.footer-luxury{
 background:#050403;
 padding:100px 0 50px;
 border-top:1px solid var(--border);
}

.footer-brand{
 color:var(--gold);
 font-family:'Playfair Display',serif;
 font-weight:600;
 letter-spacing:1px;
}

.footer-title{
 color:var(--text-main);
 font-size:15px;
 letter-spacing:2px;
 text-transform:uppercase;
 margin-bottom:20px;
}

.footer-text{
 color:var(--text-muted);
 font-size:15px;
 line-height:1.8;
 max-width:420px;
}

.footer-links{
 list-style:none;
 padding:0;
 margin:0;
}

.footer-links li{
 margin-bottom:10px;
}

.footer-links a{
 color:var(--text-muted);
 font-size:15px;
 transition:.3s;
}

.footer-links a:hover{
 color:var(--gold);
}

.footer-divider{
 height:1px;
 background:var(--border);
 margin:40px 0;
}

/* SOCIAL ICONS – FOOTER */
.footer-social a{
 color:var(--text-muted);
 margin-left:18px;
 font-size:18px;
 transition:.3s;
}

.footer-social a:hover{
 color:var(--gold);
}

/* WHATSAPP – LUXURY FLOAT */
.whatsapp-luxury{
 position:fixed;
 right:28px;
 bottom:28px;
 width:58px;
 height:58px;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 background:linear-gradient(135deg,var(--gold),var(--gold-soft));
 color:#000;
 font-size:26px;
 box-shadow:0 12px 45px var(--gold-glow);
 z-index:999;
}
/* ===== ABOUT PAGE FIX ===== */

.about-photo-wrap{
 position:relative;
 border-radius:24px;
 overflow:hidden;
 border:1px solid var(--border);
 background:linear-gradient(180deg,#1B160E,#0E0A06);
}

.about-photo{
 width:100%;
 height:420px;
 object-fit:cover;
}

.about-title{
 font-size:34px;
 margin-bottom:20px;
}

.about-text{
 color:var(--text-main);
 font-size:16px;
 line-height:1.9;
 max-width:650px;
}

.about-credentials{
 margin-top:30px;
 display:flex;
 flex-wrap:wrap;
 gap:14px;
}

.about-credentials span{
 padding:8px 16px;
 border-radius:20px;
 border:1px solid var(--border);
 color:var(--gold);
 font-size:13px;
 letter-spacing:1px;
}

/* FORCE VISIBILITY */
.card, .card *{
 color:var(--text-main) !important;
}
/* ================================
   ABOUT PAGE – HIGH LEVEL UI
================================ */

.about-photo-wrap{
 border-radius:28px;
 overflow:hidden;
 border:1px solid var(--border);
 background:linear-gradient(180deg,#1C160E,#0C0804);
 box-shadow:0 40px 120px rgba(0,0,0,0.6);
}

.about-photo{
 width:100%;
 height:460px;
 object-fit:cover;
 filter:contrast(1.05);
}

.about-title{
 font-size:38px;
 margin-bottom:22px;
}

.about-text{
 color:var(--text-main);
 font-size:16px;
 line-height:1.95;
 max-width:680px;
}

.about-credentials{
 margin-top:36px;
 display:flex;
 flex-wrap:wrap;
 gap:14px;
}

.about-credentials span{
 padding:10px 18px;
 border-radius:22px;
 border:1px solid var(--border);
 color:var(--gold);
 font-size:13px;
 letter-spacing:1px;
 background:rgba(255,255,255,0.02);
}

/* FORCE TEXT VISIBILITY (CRITICAL) */
.about-text,
.about-text p,
.card,
.card *{
 color:var(--text-main) !important;
}
/* ================================
   CLIENTS & PARTNERS – LUXURY
================================ */

.partners-section{
 background:linear-gradient(180deg,#0B0906,#050403);
 padding:140px 0 100px;
 overflow:hidden;
}

.partners-marquee{
 width:100%;
 overflow:hidden;
 margin-top:60px;
}

.partners-track{
 display:flex;
 width:max-content;
 animation:scrollPartners 50s linear infinite;
}

.partner-logo{
 min-width:220px;
 margin:0 40px;
 display:flex;
 align-items:center;
 justify-content:center;
 opacity:0.9;
 transition:.3s;
}

.partner-logo img{
 max-height:70px;
 max-width:180px;
 filter:grayscale(100%) brightness(1.1);
 transition:.4s;
}

.partner-logo:hover img{
 filter:grayscale(0) brightness(1.2);
 transform:scale(1.05);
}

/* smooth infinite scroll */
@keyframes scrollPartners{
 from{ transform:translateX(0); }
 to{ transform:translateX(-50%); }
}
/* ================= MOBILE OPTIMIZATION ================= */
@media (max-width:768px){

 .hero{
  min-height:85vh;
  padding-top:120px;
 }

 .hero h1{
  font-size:36px;
 }

 .hero p{
  font-size:15px;
 }

 .section{
  padding:90px 0;
 }

 .about-photo{
  height:320px;
 }

 .partners-track{
  animation-duration:70s;
 }

 .partner-logo{
  min-width:160px;
  margin:0 20px;
 }

 .navbar-brand{
  font-size:18px;
 }

 .footer-luxury{
  text-align:center;
 }

 .footer-social{
  margin-top:20px;
 }
}