:root {
  --bg: #080808;
  --bg-soft: #11100f;
  --card: rgba(255, 255, 255, 0.045);
  --line: rgba(222, 170, 83, 0.22);
  --gold: #d7a84f;
  --gold-light: #f0cf8d;
  --text: #f6f1e8;
  --muted: #aaa39a;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Manrope", sans-serif;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }

.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 99; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
}

.site-header {
  position: fixed; z-index: 50; top: 0; left: 0; right: 0;
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px max(24px, calc((100vw - var(--max)) / 2));
  background: linear-gradient(to bottom, rgba(8,8,8,.94), rgba(8,8,8,.56), transparent);
  transition: .35s ease;
}
.site-header.scrolled { backdrop-filter: blur(18px); background: rgba(8,8,8,.82); border-bottom: 1px solid rgba(255,255,255,.06); }
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-mark { width: 46px; height: 46px; display: grid; place-items: center; }
.brand-mark svg { width: 100%; fill: none; stroke: var(--gold); stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { font-family: "Cormorant Garamond", serif; letter-spacing: .14em; font-size: 27px; color: var(--gold-light); }
.brand-copy small { margin-top: 5px; letter-spacing: .18em; text-transform: uppercase; font-size: 8px; color: var(--muted); }
.main-nav { display: flex; gap: 30px; align-items: center; font-size: 13px; }
.main-nav > a:not(.nav-cta) { color: #cbc5bb; transition: .25s; }
.main-nav > a:hover { color: var(--gold-light); }
.nav-cta { border: 1px solid var(--line); padding: 12px 18px; color: var(--gold-light); }
.menu-toggle { display:none; background:none; border:0; width:42px; height:42px; position:relative; }
.menu-toggle span { position:absolute; left:9px; right:9px; height:1px; background:var(--gold-light); }
.menu-toggle span:first-child { top:16px; }.menu-toggle span:last-child { top:25px; }

.section { width: min(var(--max), calc(100% - 48px)); margin-inline: auto; }
.hero { min-height: 100vh; padding: 180px 0 60px; position: relative; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 80px; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { text-transform: uppercase; letter-spacing: .22em; color: var(--gold); font-size: 11px; font-weight: 700; }
h1,h2,h3 { font-family: "Cormorant Garamond", serif; margin: 0; font-weight: 600; }
h1 { font-size: clamp(58px, 7vw, 102px); line-height: .89; letter-spacing: -.045em; max-width: 780px; }
h1 em { font-style: italic; color: var(--gold-light); font-weight: 500; }
.hero-text { max-width: 670px; color: #bbb4aa; font-size: 17px; line-height: 1.85; margin: 32px 0; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 22px; border:1px solid transparent; transition:.25s ease; cursor:pointer; }
.button-gold { background:linear-gradient(135deg, #b78331, #e0b964); color:#0b0906; font-weight:800; }
.button-gold:hover { transform:translateY(-2px); box-shadow:0 16px 50px rgba(215,168,79,.18); }
.button-ghost { border-color:rgba(255,255,255,.14); color:#e5dfd4; }
.button-ghost:hover { border-color:var(--gold); color:var(--gold-light); }
.hero-glow { position:absolute; border-radius:50%; filter:blur(90px); pointer-events:none; }
.hero-glow-one { width:420px;height:420px;right:0;top:120px;background:rgba(161,111,34,.14); }
.hero-glow-two { width:300px;height:300px;left:-180px;bottom:40px;background:rgba(223,174,85,.08); }
.hero-visual { position:relative; min-height:560px; display:grid; place-items:center; }
.orbital-ring { position:absolute; border:1px solid rgba(215,168,79,.17); border-radius:50%; animation:spin 18s linear infinite; }
.ring-one { width:510px;height:510px; }
.ring-two { width:380px;height:380px; animation-direction:reverse; animation-duration:12s; }
.ring-one:before,.ring-two:before { content:"";position:absolute;width:8px;height:8px;background:var(--gold);border-radius:50%;top:-4px;left:50%;box-shadow:0 0 20px var(--gold); }
.glass-panel { background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); border:1px solid rgba(255,255,255,.09); box-shadow:0 28px 90px rgba(0,0,0,.48); backdrop-filter:blur(18px); }
.main-panel { position:relative;z-index:2;width:min(470px,90%);padding:28px; }
.panel-topline,.metric-row,.panel-footer { display:flex; justify-content:space-between; align-items:center; }
.panel-topline { font-size:12px;color:#bcb5aa;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:18px; }
.live-dot { color:var(--gold-light); }
.live-dot:before { content:"";display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--gold); }
.metric-row { padding:28px 0 18px; }
.metric-row small { display:block;color:var(--muted);font-size:11px;margin-bottom:8px; }
.metric-row strong { font-family:"Cormorant Garamond",serif;font-size:34px; }
.trend { color:var(--gold-light);font-size:22px;font-weight:700; }
.chart { height:180px;display:flex;align-items:flex-end;gap:14px;padding:24px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06); }
.chart span { flex:1;height:var(--h);background:linear-gradient(to top,#7f581d,#e1bd72);position:relative;overflow:hidden; }
.chart span:after { content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.24),transparent 30%); }
.panel-footer { padding-top:18px;color:#8d877e;font-size:10px;text-transform:uppercase;letter-spacing:.14em; }
.floating-card { position:absolute;z-index:3;padding:18px 22px;min-width:190px;animation:float 5s ease-in-out infinite; }
.floating-card small { display:block;color:var(--muted);font-size:10px;margin-bottom:6px; }
.floating-card strong { font-family:"Cormorant Garamond",serif;font-size:21px; }
.card-a { top:75px;right:-12px; }.card-b { bottom:80px;left:-18px;animation-delay:-2s; }
.hero-strip { grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;color:#8d877e;font-size:10px;text-transform:uppercase;letter-spacing:.18em;text-align:center; }

.trust-bar { border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:26px max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:30px;color:#817b73;font-size:11px;text-transform:uppercase;letter-spacing:.14em; }
.trust-bar div { display:flex;gap:36px;flex-wrap:wrap;justify-content:flex-end;color:#b9b2a8; }

.split-section { padding:140px 0;display:grid;grid-template-columns:1fr 1fr;gap:110px; }
.section-heading h2 { font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-.03em;max-width:800px; }
.about-copy p { color:#aaa39a;line-height:1.9;font-size:16px;margin:0 0 20px; }
.text-link { display:inline-block;margin-top:14px;color:var(--gold-light); }

.services-section { padding:120px 0; }
.centered { text-align:center;margin-inline:auto; }
.centered h2 { margin-inline:auto; }
.services-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);margin-top:70px;border:1px solid rgba(255,255,255,.08); }
.service-card { min-height:330px;background:var(--bg-soft);padding:34px;display:flex;flex-direction:column;transition:.35s ease;position:relative;overflow:hidden; }
.service-card:before { content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:.35s; }
.service-card:hover { background:#151310;transform:translateY(-4px);z-index:2; }
.service-card:hover:before { transform:scaleX(1); }
.service-number { color:var(--gold);font-size:11px;letter-spacing:.16em; }
.service-card h3 { font-size:34px;line-height:1.05;margin:70px 0 18px; }
.service-card p { color:#918b82;line-height:1.75;font-size:14px;margin:0; }
.service-card a { margin-top:auto;padding-top:24px;color:var(--gold-light);font-size:12px; }

.process-section { padding:140px 0; }
.process-line { margin-top:80px;display:grid;grid-template-columns:repeat(5,1fr);position:relative; }
.process-line:before { content:"";position:absolute;left:0;right:0;top:18px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(215,168,79,.18)); }
.process-step { padding-right:26px;position:relative; }
.process-step span { display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0c0b09;border:1px solid var(--gold);color:var(--gold);font-size:10px;position:relative;z-index:2; }
.process-step h3 { margin:32px 0 12px;font-size:28px; }
.process-step p { color:#8f887f;font-size:13px;line-height:1.75; }

.insight-section { padding:70px 0 140px; }
.insight-card { border:1px solid var(--line);padding:70px;background:radial-gradient(circle at 84% 18%,rgba(215,168,79,.14),transparent 28%),#0d0c0a;display:flex;justify-content:space-between;align-items:end;gap:40px; }
.insight-card h2 { font-size:64px; }
.insight-card p:not(.eyebrow) { max-width:690px;color:#9e978e;line-height:1.8; }

.contact-section { padding:130px 0;display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;border-top:1px solid rgba(255,255,255,.07); }
.contact-copy h2 { font-size:68px;line-height:1; }
.contact-copy > p:not(.eyebrow) { color:#9d968d;line-height:1.8;max-width:500px; }
.contact-details { display:flex;flex-direction:column;gap:12px;margin-top:36px;color:#d7d0c6; }
.contact-details a:hover { color:var(--gold-light); }
.contact-form { padding:38px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025); }
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
label { display:flex;flex-direction:column;gap:9px;color:#aaa39a;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px; }
input,select,textarea { width:100%;border:1px solid rgba(255,255,255,.11);background:#0b0b0b;color:var(--text);padding:15px 14px;outline:none;transition:.2s; }
input:focus,select:focus,textarea:focus { border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,168,79,.07); }
textarea { resize:vertical; }
.contact-form .button { width:100%;border:0; }
.form-status { min-height:18px;color:var(--gold-light);font-size:12px;margin:14px 0 0; }

.site-footer { width:min(var(--max),calc(100% - 48px));margin:auto;padding:45px 0 32px;border-top:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end; }
.footer-brand p,.copyright { color:#77716a;font-size:11px; }
.footer-links { display:flex;gap:24px;color:#a69f96;font-size:12px; }
.copyright { grid-column:1/-1;margin:0; }

.reveal { opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease; }
.reveal.visible { opacity:1;transform:none; }
.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.delay-3{transition-delay:.36s}.delay-4{transition-delay:.48s}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-12px)}}

@media (max-width: 980px) {
  .menu-toggle{display:block;z-index:3}.main-nav{position:fixed;inset:0;background:rgba(8,8,8,.98);display:flex;flex-direction:column;justify-content:center;font-size:20px;transform:translateX(100%);transition:.35s}.main-nav.open{transform:none}.nav-cta{margin-top:12px}
  .hero{grid-template-columns:1fr;padding-top:150px;gap:30px}.hero-visual{min-height:500px}.hero-strip{grid-template-columns:1fr 1fr;gap:18px}
  .trust-bar{align-items:flex-start;flex-direction:column}.trust-bar div{justify-content:flex-start;gap:20px}
  .split-section,.contact-section{grid-template-columns:1fr;gap:50px}.services-grid{grid-template-columns:1fr 1fr}.process-line{grid-template-columns:1fr 1fr;gap:45px 24px}.process-line:before{display:none}.insight-card{align-items:flex-start;flex-direction:column}
}
@media (max-width: 640px) {
  .section,.site-footer{width:min(100% - 32px,var(--max))}.site-header{padding:16px}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:23px}
  .hero{padding-top:130px}.hero-text{font-size:15px}.hero-visual{min-height:390px}.ring-one{width:340px;height:340px}.ring-two{width:260px;height:260px}.main-panel{padding:20px}.chart{height:130px}.floating-card{display:none}.hero-strip{font-size:8px}
  .split-section,.services-section,.process-section,.contact-section{padding:90px 0}.services-grid{grid-template-columns:1fr}.service-card{min-height:290px}.service-card h3{margin-top:45px}
  .process-line{grid-template-columns:1fr}.insight-card{padding:38px 24px}.insight-card h2,.contact-copy h2{font-size:50px}.form-grid{grid-template-columns:1fr}.contact-form{padding:24px}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}
}