:root{
  --navy:#0F172A;
  --navy-2:#1E3A5F;
  --gold:#C8A96B;
  --ivory:#F8F7F3;
  --stone:#D9D6CF;
  --text:#334155;
  --muted:#5B6470;
  --white:#ffffff;
  --shadow:0 20px 60px rgba(15,23,42,.08);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:var(--ivory);
  line-height:1.6;
}
h1,h2,h3,.brand-title,.hero-title,.serif{
  font-family: Georgia, 'Times New Roman', serif;
  color:var(--navy);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px, calc(100% - 40px)); margin:0 auto}
.topbar{
  background:var(--navy); color:#F8F7F3; font-size:14px;
}
.topbar .container{
  display:flex; justify-content:space-between; gap:16px; align-items:center; padding:10px 0; flex-wrap:wrap;
}
.topbar .links{display:flex; gap:18px; flex-wrap:wrap}
.topbar a:hover{color:var(--gold)}
.header{
  position:sticky; top:0; z-index:100;
  background:rgba(248,247,243,.95); backdrop-filter: blur(10px);
  border-bottom:1px solid var(--stone);
}
.header .container{
  display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 0;
}
.logo{display:flex; align-items:center; gap:14px}
.logo-mark{
  width:52px;height:52px;border-radius:50%;
  border:1px solid rgba(200,169,107,.65);
  background:var(--navy); color:var(--ivory);
  display:flex; align-items:center; justify-content:center;
  font-family:Georgia, serif; font-size:20px; letter-spacing:.06em;
}
.brand-title{font-size:18px; letter-spacing:.08em; font-weight:600}
.brand-sub{font-size:11px; text-transform:uppercase; letter-spacing:.24em; color:#6B7280}
.nav{display:flex; gap:28px; align-items:center; font-size:15px}
.nav a:hover{color:var(--navy)}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:14px 24px; border-radius:999px; border:1px solid transparent;
  font-weight:600; transition:.2s ease; cursor:pointer;
}
.btn-primary{background:var(--navy); color:var(--ivory)}
.btn-primary:hover{background:var(--navy-2)}
.btn-outline{border-color:rgba(200,169,107,.65); color:var(--navy); background:transparent}
.btn-outline:hover{background:#fff}
.mobile-toggle{display:none}
.hero{
  position:relative; overflow:hidden;
  background:
    radial-gradient(circle at top left, rgba(200,169,107,.12), transparent 36%),
    radial-gradient(circle at bottom right, rgba(15,23,42,.08), transparent 34%);
}
.hero .container{
  display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; padding:72px 0 96px;
}
.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid rgba(200,169,107,.4); background:rgba(255,255,255,.7);
  box-shadow:0 8px 30px rgba(15,23,42,.04);
  border-radius:999px; padding:10px 16px; color:var(--navy-2); font-size:14px; font-weight:600;
}
.hero-title{font-size:74px; line-height:1.02; margin:22px 0 0}
.hero p{font-size:20px; color:var(--muted); max-width:760px; margin:24px 0 0}
.chips{display:flex; gap:12px; flex-wrap:wrap; margin-top:22px}
.chip{padding:10px 16px; background:#fff; border:1px solid var(--stone); border-radius:999px; font-size:14px; color:var(--muted)}
.card{
  background:#fff; border:1px solid var(--stone); border-radius:32px; box-shadow:var(--shadow);
}
.about-head{background:var(--navy); color:var(--ivory); padding:38px}
.about-head h2{color:var(--ivory); font-size:36px; line-height:1.15; margin:10px 0 0}
.about-head p{color:#D9D6CF}
.about-grid{
  padding:30px; display:grid; grid-template-columns:1fr 1fr; gap:16px;
}
.info-box{
  border:1px solid #E5E7EB; background:var(--ivory); border-radius:22px; padding:18px;
}
.info-box .label{font-size:14px; color:#6B7280}
.info-box .value{font-weight:700; color:var(--navy); margin-top:4px}
section{padding:88px 0}
.section-title .eyebrow2{
  font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.28em; color:var(--gold)
}
.section-title h2{font-size:54px; line-height:1.08; margin:10px 0 0}
.section-title p{font-size:19px; color:var(--muted); max-width:850px}
.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:42px}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:42px}
.grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:42px}
.feature-card,.offer-card,.trust-card{
  border:1px solid var(--stone); border-radius:32px; padding:30px; background:#fff;
}
.feature-card h3,.offer-card h3,.trust-card h3{font-size:32px; margin:18px 0 0}
.feature-card .sub{font-size:14px; color:var(--gold); font-weight:700}
.icon-round{
  width:56px;height:56px;border-radius:50%; background:#EAF0F6; display:flex; align-items:center; justify-content:center;
  color:var(--navy-2); font-size:24px;
}
.bullet-list{margin-top:18px; display:grid; gap:12px}
.bullet{display:flex; gap:10px; align-items:flex-start}
.check{color:var(--gold); font-weight:700}
.alt{background:#fff}
.dark{
  background:var(--navy); color:var(--ivory);
}
.dark .section-title h2,.dark .trust-card h3{color:var(--ivory)}
.dark .section-title p,.dark .trust-card p{color:#D9D6CF}
.trust-card{background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.1)}
.split{display:grid; grid-template-columns:.95fr 1.05fr; gap:42px; align-items:start}
.contact-list{display:grid; gap:16px; margin-top:28px}
.contact-item{display:flex; gap:12px; align-items:flex-start}
.form-card{padding:34px}
.form-card h3{font-size:40px; margin:0}
.form-card p{color:var(--muted)}
.form{display:grid; gap:14px; margin-top:18px}
.input, textarea{
  width:100%; border:1px solid var(--stone); background:var(--ivory);
  border-radius:18px; padding:15px 16px; font:inherit;
}
textarea{min-height:150px; resize:vertical}
.input:focus, textarea:focus{outline:none; border-color:var(--gold)}
.footer{
  border-top:1px solid var(--stone); background:#fff;
}
.footer .container{display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:40px; padding:56px 0}
.footer .title{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.24em; color:var(--gold)}
.footer p,.footer a,.footer div{color:var(--muted); font-size:14px}
.footer a:hover{color:var(--navy)}
.page-hero{padding:70px 0 48px; background:#fff}
.page-hero h1{font-size:58px; line-height:1.06; margin:10px 0 0}
.content-card{padding:34px}
.content-card h2{font-size:34px; margin:0 0 10px}
.note{
  border-left:3px solid var(--gold); padding:14px 18px; background:#fff; border-radius:0 16px 16px 0;
}
@media (max-width: 1080px){
  .hero .container,.split,.grid-4,.grid-3,.grid-2,.footer .container{grid-template-columns:1fr 1fr}
  .hero-title{font-size:58px}
}
@media (max-width: 820px){
  .nav{display:none}
  .mobile-toggle{display:block}
  .hero .container,.split,.grid-4,.grid-3,.grid-2,.footer .container,.about-grid{grid-template-columns:1fr}
  .hero-title{font-size:44px}
  .section-title h2,.page-hero h1{font-size:38px}
  .header .container{padding:14px 0}
}