
:root{--dark:#060708;--ink:#101216;--panel:#10151d;--gold:#B89654;--gold2:#d8c18c;--cream:#f6f1e7;--muted:rgba(255,255,255,.68);--line:rgba(184,150,84,.24);--body:'Montserrat',Arial,sans-serif;--display:'Cormorant Garamond',Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--dark);color:#fff;font-family:var(--body);line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.hero{position:relative;min-height:calc(88vh - var(--mc-current-nav-height,72px));display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:42px;align-items:center;padding:92px clamp(20px,5vw,72px) 64px;background:#070707;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.55));opacity:.82}
.hero>*{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--gold2);font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px}
.eyebrow:before{content:"";width:42px;height:1px;background:var(--gold)}
h1{font-family:var(--display);font-size:clamp(44px,6.2vw,86px);line-height:.94;font-weight:700;letter-spacing:0;max-width:820px}
h1 em{color:var(--gold2);font-style:italic}
.lead{max-width:720px;color:rgba(255,255,255,.78);font-size:17px;margin-top:24px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid rgba(216,193,140,.45);font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold2);background:rgba(184,150,84,.08)}
.btn.primary{background:var(--gold);border-color:var(--gold);color:#090909}
.panel{background:rgba(16,21,29,.84);border:1px solid var(--line);padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.36)}
.panel h2{font-family:var(--display);font-size:30px;color:#fff;margin-bottom:14px}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:22px}
.metric{background:rgba(6,7,8,.82);padding:20px}
.metric strong{display:block;font-family:var(--display);font-size:34px;color:var(--gold2);line-height:1}
.metric span{display:block;color:var(--muted);font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-top:8px}
.section{padding:76px clamp(20px,5vw,72px)}
.section.light{background:var(--cream);color:var(--ink)}
.wrap{max-width:1160px;margin:0 auto}
.kicker{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}
.section h2{font-family:var(--display);font-size:clamp(34px,4vw,54px);line-height:1.04;margin-bottom:18px}
.section p{max-width:880px;color:rgba(255,255,255,.7)}
.light p{color:rgba(16,18,22,.72)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.card{border:1px solid rgba(184,150,84,.24);background:rgba(255,255,255,.035);padding:24px;min-height:190px}
.light .card{background:#fff;border-color:rgba(16,18,22,.1);box-shadow:0 18px 42px rgba(16,18,22,.06)}
.card h3{font-family:var(--display);font-size:26px;margin-bottom:10px}
.card p{font-size:14px}
.proof{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-top:34px}
.proof img{width:100%;height:auto;border:1px solid rgba(184,150,84,.2);box-shadow:0 18px 54px rgba(0,0,0,.18)}
.list{display:grid;gap:12px;margin-top:22px}
.list li{list-style:none;border-top:1px solid rgba(184,150,84,.22);padding-top:12px;color:rgba(255,255,255,.72)}
.light .list li{color:rgba(16,18,22,.72)}
.list strong{color:var(--gold2)}
.light .list strong{color:#8f6b25}
.cta{background:#0d1118;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.cta p{margin:0 auto;color:rgba(255,255,255,.72)}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.panel{max-width:680px}.grid,.proof{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){h1{font-size:42px}.hero{padding-top:62px}.actions .btn{width:100%}.metric-grid{grid-template-columns:1fr}.section{padding:56px 18px}}
