@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');

:root{
  --gold:#b28a32; --gold-dark:#8f6b20; --ink:#171717; --muted:#66625a;
  --cream:#f8f7f3; --line:#e6e2d8; --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--white);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1120px,92%);margin:auto}
.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(230,226,216,.8);backdrop-filter:blur(8px)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between}
.brand img{width:260px;height:auto;display:block}
.nav-cta{font-size:14px;font-weight:700;border:1px solid var(--gold);padding:11px 18px;border-radius:4px;color:var(--gold-dark)}
.hero{background:linear-gradient(120deg,#fbfaf7 0%,#fff 62%);padding:92px 0 86px}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}
.eyebrow{font-size:11px;letter-spacing:4px;font-weight:700;color:var(--gold-dark)}
h1,h2,h3,p{margin-top:0}
h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(44px,6vw,70px);line-height:1.04;font-weight:500;max-width:760px;margin:17px 0 24px}
.lead{font-size:19px;color:var(--muted);max-width:650px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 24px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:4px;font-weight:700;font-size:14px}
.button-primary{background:var(--ink);color:white}
.button-primary:hover{background:#333}
.button-secondary{border:1px solid #cfc9bc;background:white}
.trust{display:flex;gap:20px;flex-wrap:wrap;color:#777;font-size:12px}
.hero-card{background:var(--ink);color:#fff;padding:40px;min-height:330px;display:flex;flex-direction:column;justify-content:center;box-shadow:20px 20px 0 #eee9de}
.card-top{font-size:10px;letter-spacing:3px;color:#d2b66e}
.gold-line{width:55px;height:2px;background:var(--gold);margin:18px 0 25px}
.hero-card h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:30px;line-height:1.18}
.hero-card p{color:#c9c9c9;font-size:15px}
.mini-link{color:#d5b96d;font-weight:700;font-size:14px;margin-top:10px}
.types,.process,.contact{padding:88px 0}
.types{background:var(--cream)}
.section-heading{text-align:center;max-width:720px;margin:0 auto 48px}
.section-heading h2,.process h2,.about h2{font-family:"Playfair Display",Georgia,serif;font-size:43px;line-height:1.15;font-weight:500;margin:12px 0}
.section-heading p{color:var(--muted);margin-bottom:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.type-card{background:#fff;border:1px solid var(--line);padding:32px;min-height:235px}
.number{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:700;margin-bottom:34px}
.type-card h3{font-size:21px;margin-bottom:10px}
.type-card p{color:var(--muted);font-size:14px;margin:0}
.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}
.section-heading.left{text-align:left;margin:0}
.steps{border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}
.step>span{color:var(--gold);font-weight:700;font-size:13px;letter-spacing:1px}
.step h3{margin:0 0 4px;font-size:18px}
.step p{margin:0;color:var(--muted);font-size:14px}
.about{background:var(--ink);color:#fff;padding:75px 0}
.about-box{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about h2{margin-top:15px}
.about p{color:#c6c6c6;font-size:16px;margin:0}
.contact{background:#faf9f6}
.consultants{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:auto}
.consultant{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);padding:22px;transition:.2s}
.consultant:hover{border-color:var(--gold);transform:translateY(-2px)}
.avatar{width:54px;height:54px;border-radius:50%;background:#eee8da;color:var(--gold-dark);display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:22px}
.consultant small{font-size:9px;letter-spacing:2px;color:var(--gold-dark);font-weight:700}
.consultant h3{margin:2px 0 0;font-size:19px}
.consultant p{margin:0;color:var(--muted);font-size:13px}
.consultant strong{margin-left:auto;font-size:12px;color:var(--gold-dark);white-space:nowrap}
footer{background:#111;color:#fff;padding:42px 0 24px}
.footer-content{display:flex;align-items:center;gap:25px;padding-bottom:30px}
.footer-content img{width:220px;filter:brightness(0) invert(1);opacity:.95}
.footer-content p{margin:0 0 2px;font-weight:700}
.footer-content span{font-size:12px;color:#aaa}
.copyright{border-top:1px solid #2c2c2c;padding-top:20px;color:#777;font-size:11px}
@media(max-width:850px){
  .hero-grid,.process-grid,.about-box{grid-template-columns:1fr;gap:45px}
  .cards,.consultants{grid-template-columns:1fr}
  .hero{padding:65px 0}
  .hero-card{box-shadow:12px 12px 0 #eee9de}
  .nav-cta{display:none}
  .section-heading h2,.process h2,.about h2{font-size:36px}
}
@media(max-width:560px){
  .brand img{width:185px}
  .hero{padding:50px 0}
  h1{font-size:43px}
  .lead{font-size:17px}
  .actions .button{width:100%}
  .trust{display:block}
  .trust span{display:block;margin-bottom:7px}
  .hero-card{padding:30px}
  .types,.process,.contact{padding:65px 0}
  .consultant{align-items:flex-start}
  .consultant strong{display:none}
  .footer-content{display:block}
  .footer-content img{margin-bottom:18px}
}