/* Papalas Financial Group - Dark Luxury Theme */
:root{
  --bg: #111315;
  --bg2:#0F2E2C;
  --panel:#15181c;
  --panel2:#0f1418;
  --text:#EAEAEA;
  --muted:#B8BDC6;
  --gold:#C8A75E;
  --line:#2A2D31;
  --shadow: 0 20px 60px rgba(0,0,0,.45);
  --radius: 18px;
  --radius2: 12px;
  --max: 1200px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background:
    radial-gradient(1200px 800px at 20% -10%, rgba(200,167,94,.14), transparent 60%),
    radial-gradient(900px 700px at 90% 10%, rgba(15,46,44,.55), transparent 60%),
    radial-gradient(900px 700px at 60% 120%, rgba(200,167,94,.08), transparent 55%),
    linear-gradient(180deg, #0d0f11 0%, var(--bg) 35%, #0c0f11 100%);
  line-height:1.55;
}
a{color:inherit; text-decoration:none}
a:hover{color:var(--gold)}
img{max-width:100%; display:block}
svg{display:block}
.container{width:min(var(--max), calc(100% - 40px)); margin-inline:auto;}
.skiplink{position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden;}
.skiplink:focus{left:16px; top:16px; width:auto; height:auto; background:var(--panel); padding:10px 12px; border:1px solid var(--line); border-radius:10px; z-index:9999;}
.header{position:sticky; top:0; z-index:1000; backdrop-filter: blur(10px); background: rgba(9, 10, 12, .55); border-bottom:1px solid rgba(42,45,49,.75);}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0; gap:16px;}
.brand{display:flex; align-items:center; gap:12px;}
.brand-mark{width:34px; height:34px; border-radius:12px; background: radial-gradient(circle at 20% 30%, rgba(200,167,94,.55), rgba(200,167,94,.10) 55%, transparent 60%), linear-gradient(135deg, rgba(15,46,44,.9), rgba(17,19,21,.9)); border:1px solid rgba(200,167,94,.35); box-shadow: 0 10px 30px rgba(0,0,0,.35); position:relative;}
.brand-mark:after{content:""; position:absolute; inset:9px 10px 9px 10px; border-radius:8px; border:1px solid rgba(200,167,94,.45);}
.brand-text{display:flex; flex-direction:column; line-height:1.15;}
.brand-text strong{font-family: ui-serif, Georgia, "Times New Roman", Times, serif; letter-spacing:.4px; font-size:15px;}
.brand-text span{font-size:12px; color:var(--muted); letter-spacing:.08em; text-transform:uppercase;}
.nav{display:flex; align-items:center; gap:22px;}
.nav a{font-size:13px; color: rgba(234,234,234,.92); letter-spacing:.02em; position:relative;}
.nav a:after{content:""; position:absolute; left:0; bottom:-8px; height:1px; width:0%; background: linear-gradient(90deg, var(--gold), transparent); transition: width .22s ease;}
.nav a:hover:after{width:100%}
.actions{display:flex; align-items:center; gap:12px;}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:10px 14px; border-radius: 999px; border:1px solid var(--line); background: rgba(21,24,28,.55); color:var(--text); font-size:13px; letter-spacing:.02em; transition: transform .15s ease, border-color .15s ease, background .15s ease;}
.btn:hover{transform: translateY(-1px); border-color: rgba(200,167,94,.45); background: rgba(21,24,28,.75);}
.btn-primary{border-color: rgba(200,167,94,.55); background: linear-gradient(135deg, rgba(200,167,94,.22), rgba(15,46,44,.22));}
.btn-primary:hover{border-color: rgba(200,167,94,.9)}
.btn-ghost{background: transparent;}
.badge{display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid rgba(200,167,94,.35); border-radius:999px; color: rgba(234,234,234,.95); font-size:12px; background: rgba(15,46,44,.20);}
.hero{padding:72px 0 36px; position:relative;}
.hero-grid{display:grid; grid-template-columns: 1.25fr .75fr; gap:28px; align-items:start;}
.kicker{display:inline-flex; align-items:center; gap:10px; color: rgba(234,234,234,.92); font-size:12px; letter-spacing:.10em; text-transform:uppercase;}
.kicker i{width:28px; height:1px; background: linear-gradient(90deg, var(--gold), transparent); display:inline-block;}
h1, h2, h3{font-family: ui-serif, Georgia, "Times New Roman", Times, serif; font-weight: 600; margin: 12px 0 10px;}
h1{font-size: clamp(34px, 4vw, 54px); letter-spacing:.2px;}
.lead{color: rgba(184,189,198,.95); font-size: 16px; max-width: 62ch;}
.hero-ctas{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px;}
.hero-note{margin-top:16px; color: rgba(184,189,198,.85); font-size:12px;}
.hero-card{border-radius: var(--radius); border: 1px solid rgba(200,167,94,.20); background: linear-gradient(180deg, rgba(15,46,44,.40), rgba(21,24,28,.45)); box-shadow: var(--shadow); overflow:hidden;}
.hero-card .inner{padding:18px 18px 14px;}
.hero-card h3{margin:0 0 8px; font-size:18px}
.hero-card p{margin:0 0 12px; color: rgba(184,189,198,.95); font-size:13px}
.mini-list{display:grid; gap:10px; margin-top:12px;}
.mini-item{display:flex; gap:10px; align-items:flex-start; padding:10px 10px; border-radius: 14px; border:1px solid rgba(42,45,49,.75); background: rgba(9,10,12,.35);}
.dot{width:8px; height:8px; border-radius:50%; background: var(--gold); margin-top:6px; box-shadow: 0 0 0 4px rgba(200,167,94,.15);}
.section{padding:44px 0;}
.section-title{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px;}
.section-title p{margin:0; color: rgba(184,189,198,.92); max-width: 70ch; font-size:13px;}
.grid-3{display:grid; grid-template-columns: repeat(3, 1fr); gap:16px;}
.card{padding:18px; border-radius: var(--radius); border:1px solid rgba(42,45,49,.85); background: linear-gradient(180deg, rgba(21,24,28,.70), rgba(15,20,24,.55)); box-shadow: 0 18px 50px rgba(0,0,0,.25); transition: transform .15s ease, border-color .15s ease;}
.card:hover{transform: translateY(-2px); border-color: rgba(200,167,94,.35);}
.card h3{margin:2px 0 8px; font-size:18px}
.card p{margin:0; color: rgba(184,189,198,.95); font-size:13px}
.card .meta{margin-top:12px; color: rgba(184,189,198,.85); font-size:12px; display:flex; gap:12px; flex-wrap:wrap;}
.icon{width:38px; height:38px; border-radius:14px; border:1px solid rgba(200,167,94,.25); background: radial-gradient(circle at 30% 20%, rgba(200,167,94,.22), rgba(15,46,44,.25) 60%, rgba(21,24,28,.55)); display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
.icon svg{opacity:.95}
.split{display:grid; grid-template-columns: 1fr 1fr; gap:16px;}
.panel{padding:18px; border-radius: var(--radius); border:1px solid rgba(42,45,49,.85); background: rgba(9,10,12,.35);}
.panel h3{margin-top:0}
.list{margin:0; padding-left:18px; color: rgba(184,189,198,.95);}
.list li{margin: 6px 0}
.hr{height:1px; background: rgba(42,45,49,.8); margin: 14px 0;}
.callout{padding:18px; border-radius: var(--radius); border:1px solid rgba(200,167,94,.25); background: linear-gradient(135deg, rgba(200,167,94,.12), rgba(15,46,44,.18)); display:flex; justify-content:space-between; align-items:center; gap:16px;}
.callout h3{margin:0; font-size:20px}
.callout p{margin:6px 0 0; color: rgba(184,189,198,.95); font-size:13px}
.footer{padding:34px 0 26px; border-top: 1px solid rgba(42,45,49,.75); background: rgba(9,10,12,.35);}
.footer-grid{display:grid; gap:18px; grid-template-columns: 1.2fr .8fr 1fr;}
.footer h4{font-family: ui-serif, Georgia, "Times New Roman", Times, serif; margin:0 0 10px;}
.footer a{color: rgba(184,189,198,.92)}
.footer a:hover{color: var(--gold)}
.small{font-size:12px; color: rgba(184,189,198,.85);}
.footer-links{display:grid; gap:8px; font-size:13px;}
.page-hero{padding:54px 0 16px;}
.breadcrumb{font-size:12px; color: rgba(184,189,198,.88);}
.breadcrumb a{color: rgba(184,189,198,.95)}
.breadcrumb a:hover{color:var(--gold)}
.prose{color: rgba(184,189,198,.98); font-size: 14px;}
.prose h2, .prose h3{color: var(--text)}
.prose a{color: var(--gold)}
.prose code{padding:2px 6px; border-radius: 8px; background: rgba(21,24,28,.8); border:1px solid rgba(42,45,49,.75); color: rgba(234,234,234,.95);}
.form{display:grid; gap:12px;}
.field{display:grid; gap:6px;}
label{font-size:13px; color: rgba(234,234,234,.92)}
input, select, textarea{width:100%; padding:12px 12px; border-radius: 14px; border: 1px solid rgba(42,45,49,.95); background: rgba(9,10,12,.35); color: var(--text); outline:none;}
textarea{min-height:120px; resize:vertical}
input:focus, select:focus, textarea:focus{border-color: rgba(200,167,94,.45); box-shadow: 0 0 0 4px rgba(200,167,94,.10);}
.notice{padding:14px 14px; border-radius: 16px; border:1px solid rgba(200,167,94,.22); background: rgba(15,46,44,.16); color: rgba(184,189,198,.95); font-size:13px;}
.modal-backdrop{position:fixed; inset:0; background: rgba(0,0,0,.65); display:none; align-items:center; justify-content:center; padding:20px; z-index:2000;}
.modal{width:min(720px, 100%); border-radius: 20px; border:1px solid rgba(200,167,94,.25); background: linear-gradient(180deg, rgba(17,19,21,.98), rgba(15,20,24,.98)); box-shadow: var(--shadow); overflow:hidden;}
.modal-head{padding:16px 16px; border-bottom:1px solid rgba(42,45,49,.85); display:flex; align-items:center; justify-content:space-between; gap:12px;}
.modal-head strong{font-family: ui-serif, Georgia, "Times New Roman", Times, serif; letter-spacing:.2px;}
.modal-body{padding:16px}
.xbtn{border:none; cursor:pointer; background: transparent; color: rgba(234,234,234,.9); font-size:18px; padding:6px 10px; border-radius: 12px;}
.xbtn:hover{color: var(--gold); background: rgba(21,24,28,.6)}
.modal-backdrop.show{display:flex}
.mobile-toggle{display:none; border:1px solid rgba(42,45,49,.85); background: rgba(21,24,28,.55); color: var(--text); border-radius: 14px; padding:10px 12px;}
.mobile-nav{display:none; padding: 10px 0 16px;}
.mobile-nav a{display:block; padding:10px 0; color: rgba(234,234,234,.92); border-top:1px solid rgba(42,45,49,.6);}
.mobile-nav a:last-child{border-bottom:1px solid rgba(42,45,49,.6)}
@media (max-width: 920px){
  .hero-grid{grid-template-columns: 1fr; }
  .grid-3{grid-template-columns: 1fr;}
  .split{grid-template-columns: 1fr;}
  .footer-grid{grid-template-columns: 1fr;}
  .nav{display:none}
  .actions .btn-ghost{display:none}
  .mobile-toggle{display:inline-flex}
}


/* Charts section */
.charts-wrap{
  border-radius: var(--radius);
  border:1px solid rgba(42,45,49,.85);
  background: rgba(9,10,12,.25);
  overflow:hidden;
}
.charts-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-bottom:14px;
}
.charts-header .lead{margin:0; font-size:14px;}
.charts-img{
  width:100%;
  height:auto;
  display:block;
}


/* ===== V3 Ultra Minimal Dark Upgrade ===== */

body{
  background:
    linear-gradient(180deg, #08090b 0%, #0b0d10 60%, #08090b 100%);
}

:root{
  --gold:#b89a52; /* more muted */
}

.section{
  padding:64px 0; /* more negative space */
}

.hero{
  padding:110px 0 80px;
}

.card, .panel{
  background: rgba(10,12,14,.55);
  border:1px solid rgba(255,255,255,.04);
}

.nav a:after{
  background: var(--gold);
}

.btn-primary{
  background: transparent;
  border:1px solid var(--gold);
}

.btn-primary:hover{
  background: rgba(184,154,82,.08);
}

.charts-wrap{
  display:none; /* remove heavy chart emphasis from homepage */
}



/* ===== V4 Institutional Sharp Edge Upgrade ===== */

/* Remove all rounded corners */
*{
  border-radius: 0 !important;
}

/* Sharpen buttons and panels explicitly */
.btn,
.card,
.panel,
.hero-card,
.charts-wrap,
.modal,
input,
textarea,
select {
  border-radius: 0 !important;
}

/* Slightly tighten spacing for sharper institutional tone */
.section{
  padding:56px 0;
}



/* ===== V5 Hard Institutional with Emerald Undertone ===== */

body{
  background: linear-gradient(180deg, #050607 0%, #0b1211 60%, #050607 100%);
}

:root{
  --gold:#8f7842;          /* ultra-muted accent */
  --bg2:#0b1413;           /* subtle emerald undertone */
}

.hero{
  padding:130px 0 100px;
}

.card, .panel, .hero-card{
  background: transparent !important;
  border:1px solid rgba(255,255,255,.04) !important;
  box-shadow:none !important;
}

.icon{
  display:none !important;
}

.btn-primary{
  background: transparent !important;
  border:1px solid rgba(143,120,66,.6) !important;
}

.btn-primary:hover{
  background: rgba(11,20,19,.35);
}

.section{
  padding:75px 0;
}

/* Founder Executive Section */

.founder-section{
padding:120px 0;
border-top:1px solid var(--line);
}

.founder-grid{
display:grid;
grid-template-columns:380px 1fr;
gap:80px;
align-items:center;
}

.founder-image{
display:flex;
justify-content:center;
}

.founder-photo{
width:300px;
height:360px;
border-radius:12px;
background:linear-gradient(145deg,#1a1c20,#0f1113);
border:1px solid var(--line);
box-shadow:0 20px 60px rgba(0,0,0,.6);
}

.founder-content h2{
color:var(--gold);
font-size:28px;
margin-bottom:20px;
}

.founder-content h3{
font-size:22px;
margin-bottom:20px;
}

.founder-content p{
color:var(--muted);
line-height:1.7;
margin-bottom:20px;
max-width:640px;
}

.founder-meta{
display:flex;
gap:50px;
margin-top:30px;
}

.meta-item span{
display:block;
font-size:12px;
color:var(--muted);
margin-bottom:6px;
}

.meta-item strong{
font-size:14px;
}
/* Leadership Section */

.leadership-section{
padding:80px 0;
}

.leadership-title{
font-size:36px;
margin-bottom:40px;
color:#fff;
}

.leadership-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}

.leader-card{
background:rgba(255,255,255,0.03);
border:1px solid rgba(212,175,55,0.4);
padding:40px;
border-radius:10px;
transition:all .35s cubic-bezier(.4,0,2,1);
}

.leader-card:hover{
border-color:#d4af37;
transform:translateY(-8px);
box-shadow:0 12px 30px rgba(212,175,55,0.25);
}

.leader-photo{
width:140px;
height:140px;
border-radius:8px;
overflow:hidden;
margin:0 auto 20px auto;
}

.leader-photo img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.leader-card h3{
font-size:22px;
margin-bottom:5px;
}

.leader-role{
color:#d4af37;
font-weight:600;
display:block;
margin-bottom:15px;
}