@font-face{font-family:Montserrat;font-weight:400;font-display:swap;src:url(fonts/montserrat-400.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:500;font-display:swap;src:url(fonts/montserrat-500.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(fonts/montserrat-600.woff2) format("woff2")}
@font-face{font-family:Lora;font-weight:500;font-display:swap;src:url(fonts/lora-500.woff2) format("woff2")}
:root{--navy:#1F3A5F;--navy-d:#162a45;--gold:#B8975A;--ink:#22303f;--muted:#5d6b7c;--line:#e3e7ec;--bg:#ffffff;--soft:#f5f7fa}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px}
a{color:var(--navy)}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;gap:20px}
header img{height:54px;display:block}
.hright{display:flex;align-items:center;gap:26px}
nav a{margin-left:24px;text-decoration:none;font-weight:500;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
nav a:hover{color:var(--gold)}
.hphone{font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.lang{font-size:13px;font-weight:600;letter-spacing:.08em;white-space:nowrap}
.lang a{text-decoration:none;color:var(--muted)}
.lang a.on{color:var(--navy);border-bottom:2px solid var(--gold)}
.hero{background:var(--navy);color:#fff;padding:110px 0 100px}
.eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:13px;font-weight:600;margin-bottom:18px}
.hero h1{font-family:Lora,Georgia,serif;font-weight:500;font-size:clamp(32px,5vw,52px);line-height:1.15;max-width:760px}
.hero p{margin-top:22px;max-width:620px;color:#d5dde8;font-size:18px}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.btn{display:inline-block;padding:14px 30px;border:1px solid var(--gold);color:#fff;text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:600}
.btn:hover,.btn.solid{background:var(--gold)}
.btn.solid:hover{background:transparent}
.btn.dark{color:var(--navy)}
.btn.dark.solid{color:#fff}
section{padding:90px 0}
h2{font-family:Lora,Georgia,serif;font-weight:500;font-size:34px;color:var(--navy);margin-bottom:14px}
.lead{color:var(--muted);max-width:680px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px;margin-top:46px}
.card{border-top:3px solid var(--gold);background:var(--soft);padding:30px 26px}
.card h3{font-size:17px;color:var(--navy);margin-bottom:10px;font-weight:600}
.card p{color:var(--muted);font-size:15px}
.about{background:var(--soft)}
.about .wrap{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:60px;align-items:center}
.about img{width:100%;height:auto;display:block;box-shadow:0 18px 40px rgba(31,58,95,.18)}
.role{color:var(--gold);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin-bottom:18px}
.about p+p{margin-top:14px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0;margin-top:40px;border:1px solid var(--line)}
.facts div{padding:22px 24px;border:1px solid var(--line)}
.facts span{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.facts strong{font-weight:500;color:var(--navy)}
.legal{max-width:800px}
.legal h1{font-family:Lora,Georgia,serif;font-weight:500;font-size:40px;color:var(--navy);margin-bottom:8px}
.legal h2{font-size:26px;margin:48px 0 12px}
.legal h3{font-size:16px;color:var(--navy);margin:26px 0 6px;font-weight:600}
.legal p,.legal li{color:var(--ink);margin-bottom:10px}
.legal ul{padding-left:22px}
.legal .muted{color:var(--muted);font-size:14px}
footer{background:var(--navy-d);color:#b9c4d2;padding:46px 0;font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
footer img{height:40px}
footer a{color:#dfe6ef;text-decoration:none;margin-left:20px}
footer a:hover{color:var(--gold)}
@media(max-width:900px){nav{display:none}}
@media(max-width:760px){.about .wrap{grid-template-columns:1fr;gap:34px}.hero{padding:80px 0 70px}section{padding:66px 0}header img{height:42px}.hphone{display:none}footer a{margin:0 20px 0 0}}