/* Direction visuelle fidèle à la plaquette institutionnelle */
:root{--navy:#06172b;--navy2:#0b2747}
body{background:#fff}
.topbar{height:92px;background:linear-gradient(180deg,rgba(6,23,43,.97),rgba(6,23,43,.5),transparent);border:0;padding-inline:max(5.8vw,38px);position:absolute;inset:0 0 auto}
.brand img{width:176px;height:58px}.topbar nav{gap:26px}.topbar nav a{font-size:.8rem;text-transform:uppercase;letter-spacing:.055em}.nav-cta{border:0;border-left:2px solid var(--green);border-radius:0;padding:8px 0 8px 18px}
.hero{min-height:100vh;padding:19vh max(5.8vw,38px) 0;grid-template-columns:62% 38%;gap:0;background:#06172b}.hero:before{display:none}.hero-copy{position:relative;z-index:3;padding-right:4vw;align-self:start}.hero .eyebrow{color:#55b85a;font-size:.67rem;margin-bottom:28px}.hero h1{font-size:clamp(3rem,5vw,5.1rem);letter-spacing:-.045em;max-width:790px}.hero h1 em{color:#fff}.hero h1:after{content:"";display:block;width:74px;height:3px;background:#319a35;margin-top:30px}.lead{font-size:1.02rem;line-height:1.75;color:#b8c6d3;max-width:620px;margin:28px 0 32px}.btn{border-radius:0;min-height:46px;font-size:.88rem}.primary{background:#319a35}.ghost{border-color:#38536c}
.hero-visual{position:absolute;inset:0;overflow:hidden;z-index:1}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06172b 0%,rgba(6,23,43,.95) 35%,rgba(6,23,43,.36) 67%,rgba(6,23,43,.06) 100%),linear-gradient(0deg,rgba(6,23,43,.28) 0%,transparent 40%)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) brightness(.78) contrast(1.12)}.hero-foot{padding:16px 0;font-size:.67rem;letter-spacing:.12em;position:relative;z-index:4}
.section{padding:145px max(5.8vw,38px) 110px;position:relative}.section:before{content:"";position:absolute;left:max(5.8vw,38px);top:30px;width:150px;height:52px;background:url('logo.jpg') center/contain no-repeat}.section:after{content:"FINANCIAL CORP. SA";position:absolute;right:max(5.8vw,38px);top:48px;font:700 .66rem Manrope;letter-spacing:.09em;color:#697786}.section h2{font-size:clamp(2.25rem,3.8vw,4.25rem);max-width:950px}.intro{gap:8vw}.intro .eyebrow,.section-head .eyebrow{color:#319a35}.intro h2:after,.section-head h2:after{content:"";display:block;width:62px;height:3px;background:#1769c2;margin-top:22px}.intro-copy{border-left:1px solid #d9e2ea;padding:12px 0 0 42px}.intro-copy strong{color:#06172b;font-weight:700}
.manifesto{background:#fff;padding:18px max(5.8vw,38px) 100px}.manifesto article{padding:42px 38px;border-color:#cfdbe5}.manifesto h3{font-size:1.2rem;text-transform:uppercase;letter-spacing:.02em}.manifesto span{color:#319a35}
.expertise{background:#edf3f8}.expertise-grid{grid-template-columns:repeat(4,1fr);border:0;gap:42px}.expertise-grid article{background:transparent;padding:30px 10px 24px;border:0;border-top:4px solid #1769c2;min-height:330px}.expertise-grid article:nth-child(4){border-top-color:#319a35}.expertise-grid h3{font-size:1.38rem;margin-top:26px;text-transform:uppercase}.expertise-grid p{font-size:.96rem}.expertise-grid article:hover{background:transparent;transform:none}.expertise-grid article:hover h3{color:#06172b}.expertise-grid article:hover p{color:#607181}.expertise-grid article:hover a{color:#1769c2}
.approach{position:relative;background:#06172b;overflow:hidden;padding-top:145px}.approach:before{content:"";position:absolute;left:max(5.8vw,38px);top:30px;width:150px;height:52px;background:url('logo.jpg') center/contain no-repeat;z-index:2}.approach:after{content:"";position:absolute;right:0;top:0;width:54%;height:100%;background:linear-gradient(90deg,#06172b 0%,transparent 28%),url('architecture-financiere.png') center/cover no-repeat;opacity:.68}.approach>*{position:relative;z-index:1}.approach-title h2:after{content:"";display:block;width:62px;height:3px;background:#319a35;margin-top:24px}.approach li{grid-template-columns:50px 1fr}.approach li>span{font-size:.78rem}
.team{background:#fff}.team-grid{gap:0}.person{border:0;box-shadow:none;background:transparent;padding:0 34px 0 0}.person+.person{border-left:1px solid #cbd8e3;padding:0 0 0 40px}.person>div:last-child{border-top:0;padding-top:16px}.portrait{background:#edf3f8;border-radius:18px;overflow:hidden;max-height:440px}.experts{border-left:5px solid #319a35;margin-top:60px}
.contact{background:#06172b;position:relative;padding-top:145px}.contact:before{content:"";position:absolute;left:max(5.8vw,38px);top:30px;width:150px;height:52px;background:url('logo.jpg') center/contain no-repeat}.contact:after{content:"";position:absolute;right:0;bottom:0;width:38%;height:55%;background:url('architecture-financiere.png') center/cover no-repeat;opacity:.16}.contact>*{position:relative;z-index:1}.contact h2:after{content:"";display:block;width:70px;height:3px;background:#319a35;margin-top:25px}.contact input,.contact textarea{border-radius:0;background:rgba(255,255,255,.035)}
footer{background:#030e1b}footer img{width:185px}.copyright{color:#7f91a1}
@media(max-width:1050px){.expertise-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.topbar{height:76px}.hero{grid-template-columns:1fr;padding-top:150px}.hero-visual{width:100%;opacity:.72}.hero-visual:after{background:linear-gradient(90deg,#06172b 0%,rgba(6,23,43,.8) 80%),linear-gradient(0deg,#06172b 0%,transparent 45%)}.hero-copy{max-width:720px}.section{padding-top:125px}.section:before{top:27px}.section:after{top:43px}.person+.person{border-left:0;padding:0}.team-grid{gap:30px}.approach:after{width:100%;opacity:.22}}
@media(max-width:620px){.hero{padding-left:24px;padding-right:24px}.hero h1{font-size:2.8rem}.hero-actions{display:grid}.hero-actions .btn{width:100%}.expertise-grid{grid-template-columns:1fr;gap:18px}.expertise-grid article{min-height:auto}.intro-copy{padding-left:24px}.manifesto{padding-inline:24px}.section:before,.approach:before,.contact:before{left:24px}.section:after{display:none}}