/* Finaxe Partners: business development & JV sourcing sub-brand.
   Builds on css/site.css; swaps the Finaxe cyan accent for amber so the sub-brand reads as distinct but related. */
:root{
  --cyan:#E3A23B; --cyan-text:#9A6510; --track:#F3E8D6;
  --card:#FAF6EF; --card-line:#EFE5D3; --bg-alt:#FBF8F2;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --cyan-text:#F0B85A; --track:#2A2416; --card:#14202E; --card-line:#24364A; --bg-alt:#0C1A2B }
}
:root[data-theme="dark"]{ --cyan-text:#F0B85A; --track:#2A2416; --card:#14202E; --card-line:#24364A; --bg-alt:#0C1A2B }

.btn-primary{background:var(--cyan); color:#0B1E33}
.btn-primary:hover{background:#D18F25}
.nav a.hl{background:var(--cyan); color:#0B1E33}
.nav a.hl:hover{background:#D18F25; color:#0B1E33}

/* lockup: Finaxe logo + PARTNERS tag */
.pbrand{display:flex; align-items:center; gap:12px; text-decoration:none}
.pb-tag{font:600 12px/1 'Poppins', system-ui, sans-serif; letter-spacing:.26em; text-transform:uppercase; color:var(--cyan-text); padding-inline-start:12px; border-inline-start:2px solid var(--cyan)}
html[dir="rtl"] .pb-tag{letter-spacing:.26em!important}

/* hero with a partner-network graphic instead of a photo */
.p-hero{background:radial-gradient(1200px 500px at 85% 10%, #16324F 0%, transparent 60%), var(--navy)}
.p-hero .hero-copy h1 b{color:var(--cyan)}
.net{position:absolute; inset-inline-end:clamp(16px,4vw,40px); top:40px; width:420px; height:420px; pointer-events:none}
.net .ln path{fill:none; stroke:#25405C; stroke-width:1.5}
.net .nd circle{fill:#0B1E33; stroke:var(--cyan); stroke-width:3}
.net .hub{fill:var(--cyan)}
.net .hub-ring{fill:none; stroke:var(--cyan); stroke-width:2; opacity:.35}
@media (max-width: 980px){ .net{display:none} }
.p-hero .stat b{color:var(--cyan)}

/* mandates */
.mandate-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap:20px}
.mandate{background:var(--bg); border:1px solid var(--card-line); border-inline-start:4px solid var(--cyan); border-radius:var(--radius); padding:26px; display:grid; gap:10px; align-content:start}
.mandate .tag{font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--cyan-text)}
.mandate p{font-size:15px}
html[dir="rtl"] .mandate .tag{text-transform:none}

/* why */
.p-why .wrap{display:block}
.p-why .sec-head{margin-bottom:36px}
.p-why h2{color:#fff}
.why-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap:18px}
.why-item{border:1px solid var(--navy-line); border-top:4px solid var(--cyan); border-radius:0 0 12px 12px; padding:22px; display:grid; gap:8px; align-content:start}
.why-item h3{color:#fff; font-size:17px}
.why-item p{font-size:14.5px}

/* industries & offices */
.chips-label{margin:28px 0 12px; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--mute)}
html[dir="rtl"] .chips-label{text-transform:none}
.offices .chip{border-color:var(--navy-2); color:var(--ink)}

/* brief form */
.brief{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:24px; align-items:start}
@media (max-width: 860px){ .brief{grid-template-columns:1fr} }
.brief-form{background:var(--bg); border:1px solid var(--card-line); border-radius:var(--radius); padding:clamp(20px,3vw,32px); display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px}
.brief-form .full{grid-column:1/-1}
@media (max-width: 560px){ .brief-form{grid-template-columns:1fr} }
.field{display:grid; gap:6px; min-width:0}
.field label{font-size:13.5px; font-weight:500; color:var(--ink)}
.field label span{font-weight:400; color:var(--mute)}
.field input,.field select,.field textarea{font:inherit; font-size:15px; padding:11px 13px; border:1.5px solid var(--card-line); border-radius:10px; background:var(--bg); color:var(--ink); width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none; border-color:var(--cyan)}
.field textarea{min-height:120px; resize:vertical}
.brief-form button{justify-self:start}
.brief-form button:disabled{opacity:.6; cursor:wait}
.form-status{font-size:14px; color:var(--mute)}
.form-status strong{color:var(--ink)}
.hp{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.reach-cards{display:grid; gap:16px}
.reach-cards .big{font-size:clamp(18px,2vw,22px); color:var(--ink); text-decoration:none}
.reach-cards a{text-decoration:none}
.reach-cards a:hover{color:var(--cyan-text)}
html[dir="rtl"] .reach-cards .card{text-align:right}

/* footer */
.p-foot .wrap{align-items:flex-start}
.foot-brand{display:grid; gap:12px; max-width:420px}
.foot-brand img{height:26px; width:auto}
.p-foot .pb-tag{color:var(--cyan)}
