:root {
    --fin-bg: #fdfdfd;
    --fin-surface: #ffffff;
    --fin-text: #1c1e21;
    --fin-muted: #737373;
    --fin-gold: #c5a87b;
    --fin-navy: #0d1b2a;
    --fin-border: #eaeaea;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    background-color: var(--fin-bg); color: var(--fin-text);
    font-family: 'Times New Roman', Times, serif; /* Mixed serif/sans-serif for fin look */
}
h1, h2, h3, .fin-sans { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
a { text-decoration: none; color: inherit; }

/* Nav */
.fin-nav-wrap { border-bottom: 1px solid var(--fin-border); background: var(--fin-surface); }
.fin-nav {
    max-width: 1200px; margin: 0 auto; padding: 20px;
    display: flex; justify-content: space-between; align-items: center;
}
.fin-brand { font-size: 24px; font-weight: 800; color: var(--fin-navy); letter-spacing: 1px;}
.fin-brand span { color: var(--fin-gold); }
.fin-links { display: flex; gap: 40px; }
.fin-links a { font-size: 14px; color: var(--fin-muted); transition: color 0.3s;}
.fin-links a:hover, .fin-links a.active { color: var(--fin-navy); }
.fin-btn {
    background: var(--fin-navy); color: #fff; padding: 10px 24px; font-size: 14px;
    border: 1px solid var(--fin-navy); transition: all 0.3s;
}
.fin-btn:hover { background: #fff; color: var(--fin-navy); }
.fin-btn-gold {
    background: var(--fin-gold); color: #fff; padding: 10px 24px; font-size: 14px;
    border: 1px solid var(--fin-gold); transition: all 0.3s;
}
.fin-btn-gold:hover { background: #fff; color: var(--fin-gold); }

/* Hero */
.fin-hero { max-width: 1200px; margin: 80px auto; padding: 0 20px; display: flex; gap: 60px; align-items: center;}
.fh-text { flex: 1; }
.fh-text h1 { font-size: 48px; line-height: 1.2; margin-bottom: 20px; color: var(--fin-navy);}
.fh-text p { font-size: 20px; color: var(--fin-muted); margin-bottom: 40px; font-family: 'Helvetica Neue', sans-serif;}
.fh-visual { flex: 1; position: relative;}
.fh-card {
    background: var(--fin-navy); padding: 40px; color: #fff; border-radius: 10px;
    box-shadow: 0 20px 40px rgba(13,27,42,0.15); border-top: 5px solid var(--fin-gold);
}
.fhc-label { font-size: 12px; color: var(--fin-gold); text-transform: uppercase; margin-bottom: 10px; font-family: 'Helvetica Neue', sans-serif;}
.fhc-val { font-size: 40px; margin-bottom: 20px; font-family: 'Helvetica Neue', sans-serif; font-weight: 300;}
.fhc-desc { font-size: 16px; color: #aaa; font-family: 'Helvetica Neue', sans-serif;}

/* Trust Bar */
.fin-trust { background: var(--fin-navy); color: #fff; padding: 40px 0; font-family: 'Helvetica Neue', sans-serif;}
.ft-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center;}
.ft-item { display: flex; align-items: center; gap: 15px;}
.ft-icon { font-size: 24px; color: var(--fin-gold);}
.ft-item span { font-size: 14px; font-weight: bold; letter-spacing: 1px;}

/* Value Props */
.fin-values { max-width: 1200px; margin: 80px auto; padding: 0 20px;}
.fv-head { text-align: center; margin-bottom: 60px;}
.fv-head h2 { font-size: 32px; color: var(--fin-navy); margin-bottom: 15px;}
.fv-head p { font-size: 18px; color: var(--fin-muted); font-family: 'Helvetica Neue', sans-serif;}

.fv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
.fv-card { padding: 30px; border: 1px solid var(--fin-border); transition: transform 0.3s; background: var(--fin-surface);}
.fv-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.05);}
.fvc-icon { font-size: 30px; color: var(--fin-gold); margin-bottom: 20px;}
.fv-card h3 { font-size: 20px; color: var(--fin-navy); margin-bottom: 15px;}
.fv-card p { font-size: 15px; color: var(--fin-muted); line-height: 1.6; font-family: 'Helvetica Neue', sans-serif;}

/* Regions */
.fin-regions { background: #f4f6f8; padding: 80px 0; border-top: 1px solid var(--fin-border); border-bottom: 1px solid var(--fin-border);}
.fr-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; gap: 60px;}
.fr-text { flex: 1; }
.fr-text h2 { font-size: 32px; color: var(--fin-navy); margin-bottom: 20px;}
.fr-text p { font-size: 16px; color: var(--fin-muted); line-height: 1.6; font-family: 'Helvetica Neue', sans-serif;}
.fr-list { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.fr-item { background: var(--fin-surface); padding: 20px; border-left: 3px solid var(--fin-gold); font-family: 'Helvetica Neue', sans-serif; box-shadow: 0 2px 5px rgba(0,0,0,0.02);}
.fri-city { font-weight: bold; font-size: 16px; color: var(--fin-navy); margin-bottom: 5px;}
.fri-stat { font-size: 13px; color: var(--fin-muted);}

/* Testimonial & FAQ */
.fin-bottom { max-width: 1200px; margin: 80px auto; padding: 0 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px;}
.fb-testi { padding: 40px; border: 1px solid var(--fin-gold); background: #faf9f6; text-align: center;}
.fb-testi p { font-size: 22px; font-style: italic; color: var(--fin-navy); margin-bottom: 20px; line-height: 1.6;}
.fb-testi span { font-family: 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: bold; color: var(--fin-muted); text-transform: uppercase;}

.fb-faq h2 { font-size: 28px; color: var(--fin-navy); margin-bottom: 30px;}
.faq-row { border-bottom: 1px solid var(--fin-border); padding: 20px 0; font-family: 'Helvetica Neue', sans-serif;}
.faq-q { font-size: 16px; font-weight: bold; color: var(--fin-navy); margin-bottom: 10px;}
.faq-a { font-size: 14px; color: var(--fin-muted); line-height: 1.5;}

footer { text-align: center; padding: 40px; font-family: 'Helvetica Neue', sans-serif; font-size: 12px; color: var(--fin-muted);}

@media (max-width: 900px) {
    .fin-hero { flex-direction: column; }
    .ft-inner { flex-direction: column; gap: 20px; align-items: flex-start;}
    .fv-grid { grid-template-columns: 1fr; }
    .fr-inner { flex-direction: column; }
    .fin-bottom { grid-template-columns: 1fr; }
    .fin-links { display: none; }
}