/* ══════════════════════════════════════════
   ELITE — LUXURY DARK THEME
   Cormorant Garamond + Jost
   Palette: Near-black · Deep gold · Bone white
══════════════════════════════════════════ */
:root {
  --ink:    #0A0C09;
  --ink2:   #111509;
  --ink3:   #1A2018;
  --gold:   #C09020;
  --gold2:  #D4A83A;
  --gold3:  #E8B830;
  --bone:   #F0EDE6;
  --bone2:  #E8E4DC;
  --mid:    #6B7A62;
  --muted:  rgba(240,237,230,.38);
  --green:  #1E5C38;
  --green2: #2D7A50;
  --br-d:   rgba(192,144,32,.18);
  --br-l:   rgba(22,37,24,.09);
  --s1: 0 4px 24px rgba(0,0,0,.25);
  --s2: 0 12px 48px rgba(0,0,0,.35);
  --r2: 12px; --r3: 20px; --r4: 28px;
  --nh: 64px;
  --E: cubic-bezier(.16,1,.3,1);
  --F: .18s cubic-bezier(.4,0,.2,1);
  --M: .38s cubic-bezier(.4,0,.2,1);
  --S: .72s cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0 }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; cursor: none; overflow-x: hidden }
body { background: var(--ink); color: var(--bone); font-family: 'Jost', sans-serif; line-height: 1.7; overflow-x: hidden }
@media(hover:none) { html, button, a { cursor: pointer } }
a { text-decoration: none; color: inherit }
ul { list-style: none }
button { border: none; background: none; cursor: none; font-family: inherit }

/* Grain */
body::before {
  content: '';
  position: fixed; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
  pointer-events: none; z-index: 9997; opacity: .6; mix-blend-mode: overlay;
}

#pb { position: fixed; top: 0; left: 0; width: 0%; height: 1px; z-index: 9999; background: linear-gradient(90deg, var(--gold), var(--gold3)) }
#cd, #cr { position: fixed; top: 0; left: 0; pointer-events: none; z-index: 9998; border-radius: 50%; transform: translate(-50%,-50%) }
#cd { width: 5px; height: 5px; background: var(--gold) }
#cr { width: 28px; height: 28px; border: 1px solid rgba(192,144,32,.45); transition: width var(--M), height var(--M), background var(--M) }
body.ch #cr { width: 48px; height: 48px; background: rgba(192,144,32,.08); border-color: var(--gold2) }
@media(hover:none) { #cd, #cr { display: none } }

.rv { opacity: 0; transform: translateY(30px); transition: opacity .8s var(--E), transform .8s var(--E) }
.rv.vs { opacity: 1; transform: none }

/* ══ NAVBAR ══ */
#nav {
  position: relative;
  height: var(--nh);
  z-index: 900;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(1.5rem, 5vw, 4rem);
  background: var(--ink);
  border-bottom: 1px solid rgba(192,144,32,.12);
}
.logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.2rem, 2.2vw, 1.5rem);
  font-weight: 500;
  letter-spacing: .06em;
  color: var(--bone);
  display: flex;
  align-items: center;
  gap: 12px;
}
.logo-mark {
  width: 34px; height: 34px;
  border: 1px solid var(--gold);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: .72rem; font-weight: 600;
  color: var(--gold); letter-spacing: .08em; flex-shrink: 0;
}
.nl { display: flex; align-items: center; gap: clamp(.875rem, 2vw, 2rem) }
.nl a {
  font-size: .72rem; font-weight: 500;
  letter-spacing: .1em; text-transform: uppercase;
  color: rgba(240,237,230,.45);
  position: relative; transition: color var(--F);
}
.nl a::after {
  content: ''; position: absolute;
  bottom: -4px; left: 0; width: 0; height: 1px;
  background: var(--gold); transition: width var(--M);
}
.nl a:hover { color: var(--bone) }
.nl a:hover::after { width: 100% }
.nl a.nav-active { color: var(--gold3) }
.nl a.nav-active::after { width: 100%; background: var(--gold3) }
/* ── DROPDOWN MENU ── */
.has-dropdown{position:relative}.dd-toggle{display:inline-flex;align-items:center;gap:5px}.dd-arrow{transition:transform .38s cubic-bezier(.4,0,.2,1);flex-shrink:0}.has-dropdown.open .dd-arrow{transform:rotate(180deg)}.dd-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(6px);min-width:180px;background:rgba(16,28,20,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(192,144,32,.2);border-radius:12px;box-shadow:0 8px 32px rgba(5,15,10,.4);padding:.5rem 0;opacity:0;pointer-events:none;transition:opacity .38s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1);z-index:950;list-style:none}.dd-menu li{padding:0}.dd-menu li a{display:block;padding:.6rem 1.25rem;font-size:.76rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5);transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1);white-space:nowrap}.dd-menu li a::after{display:none}.dd-menu li a:hover{color:#fff;background:rgba(192,144,32,.1)}.dd-menu li a.nav-active{color:var(--gold3);font-weight:700;background:rgba(192,144,32,.12)}.ml-sub{padding-left:2.75rem !important;font-size:.82rem !important;color:rgba(255,255,255,.45) !important;border-bottom-color:rgba(255,255,255,.05) !important}.ml-sub.nav-active{color:var(--gold3) !important;font-weight:600}
.has-dropdown.open .dd-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}

.nc { display: flex; align-items: center; gap: .875rem }
.btn-g {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1px solid rgba(192,144,32,.4);
  color: var(--gold2);
  padding: .55rem 1.25rem; border-radius: 100px;
  font-family: 'Jost', sans-serif;
  font-size: .72rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase;
  transition: border-color var(--F), background var(--F), color var(--F);
}
.btn-g:hover { border-color: var(--gold); background: rgba(192,144,32,.08); color: var(--gold3) }
#hm { display: none; flex-direction: column; gap: 5px; padding: 8px; cursor: none }
.hl { width: 22px; height: 1px; background: var(--bone2); border-radius: 2px; transition: transform var(--M), opacity var(--M); transform-origin: center }
#hm.op .hl:nth-child(1) { transform: translateY(6px) rotate(45deg) }
#hm.op .hl:nth-child(2) { opacity: 0; transform: scaleX(0) }
#hm.op .hl:nth-child(3) { transform: translateY(-6px) rotate(-45deg) }
@media(max-width: 900px) { .nl { display: none } #hm { display: flex } .nc .btn-g { display: none } }

/* Mobile menu */
#mob {
  position: static;
  max-height: 0; overflow: hidden;
  background: #0D1009;
  border-bottom: 1px solid rgba(192,144,32,.1);
  display: flex; flex-direction: column; align-items: stretch;
  transition: max-height .42s cubic-bezier(.4,0,.2,1);
}
#mob.op {
  max-height: 900px }
.ml {
  font-family: 'Jost', sans-serif;
  font-size: .88rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase;
  color: rgba(240,237,230,.45);
  padding: 1.1rem 1.75rem;
  border-bottom: 1px solid rgba(192,144,32,.08);
  opacity: 0; transform: translateX(-12px);
  transition: opacity .28s var(--E), transform .28s var(--E), color var(--F), background var(--F);
}
.ml:hover, .ml.nav-active { color: var(--gold2); background: rgba(192,144,32,.05) }
#mob.op .ml { opacity: 1; transform: translateX(0) }
#mob.op .ml:nth-child(1) { transition-delay: .04s }
#mob.op .ml:nth-child(2) { transition-delay: .08s }
#mob.op .ml:nth-child(3) { transition-delay: .12s }
#mob.op .ml:nth-child(4) { transition-delay: .16s }
#mob.op .ml:nth-child(5) { transition-delay: .20s }
#mob.op .ml:nth-child(6) { transition-delay: .24s }
#mob.op .ml:nth-child(7) { transition-delay: .28s }
.mob-ph {
  position: static;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.1rem; color: var(--gold2); font-style: italic;
  padding: .875rem 1.75rem;
  border-bottom: 1px solid rgba(192,144,32,.08);
  opacity: 0; transform: translateX(-12px);
  transition: opacity .28s var(--E) .26s, transform .28s var(--E) .26s;
}
#mob.op .mob-ph { opacity: 1; transform: translateX(0) }
.mob-ft {
  position: static;
  font-size: .62rem; letter-spacing: .14em; text-transform: uppercase;
  color: rgba(240,237,230,.2); padding: 1rem 1.75rem 1.5rem;
  opacity: 0; transition: opacity .3s var(--E) .28s;
}
#mob.op .mob-ft { opacity: 1 }

/* ══ SHARED ══ */
.el-wrap { max-width: 1200px; margin: 0 auto; padding: 0 clamp(1.25rem, 5vw, 4rem) }
.el-section { padding: clamp(5rem, 10vw, 8rem) 0 }

.el-label {
  font-size: .58rem; font-weight: 600; letter-spacing: .3em; text-transform: uppercase;
  color: var(--gold); margin-bottom: 1.25rem;
  display: flex; align-items: center; gap: .75rem;
}
.el-label::before { content: '✦'; font-size: .5rem }
.el-label-light { color: rgba(192,144,32,.7) }

.el-h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.2rem, 4.5vw, 3.8rem);
  font-weight: 400; line-height: 1.1;
  color: var(--bone); margin-bottom: 1.25rem;
}
.el-h2 em { font-style: italic; color: var(--gold2) }
.el-h2-light { color: var(--bone) }
.el-body-text {
  font-size: clamp(.88rem, 1.2vw, .95rem);
  color: var(--muted); line-height: 1.9;
  margin-bottom: 1rem; max-width: 480px;
}

.el-sec-head { text-align: center; max-width: 640px; margin: 0 auto clamp(3rem, 6vw, 5rem) }
.el-sec-head .el-label { justify-content: center }

/* ══ HERO ══ */
.el-hero {
  position: relative;
  min-height: calc(100vh - var(--nh));
  display: flex; flex-direction: column; justify-content: center;
  padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 4rem);
  overflow: hidden;
}
.el-hero-bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 70% 40%, rgba(192,144,32,.06) 0%, transparent 60%),
    radial-gradient(ellipse 60% 80% at 20% 80%, rgba(30,92,56,.08) 0%, transparent 55%),
    linear-gradient(160deg, #070A06 0%, #0A0C09 100%);
}
.el-line {
  position: absolute;
  background: rgba(192,144,32,.08);
  pointer-events: none;
}
.el-line-1 { top: 20%; left: 0; right: 0; height: 1px }
.el-line-2 { top: 0; bottom: 0; left: 50%; width: 1px }
@media(max-width: 768px) { .el-line-2 { display: none } }

.el-hero-inner { position: relative; z-index: 1; max-width: 780px }

.el-eyebrow {
  display: flex; align-items: center; gap: 1rem;
  font-size: .62rem; letter-spacing: .3em; text-transform: uppercase;
  color: rgba(192,144,32,.55);
  margin-bottom: 2rem;
  opacity: 0; transform: translateY(16px);
  animation: fadeUp .8s .1s var(--E) forwards;
}
.el-rule { flex: 0 0 32px; height: 1px; background: rgba(192,144,32,.35) }

.el-h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(3.5rem, 8vw, 7.5rem);
  font-weight: 300; line-height: .95;
  letter-spacing: -.01em;
  color: var(--bone);
  margin-bottom: 2rem;
  opacity: 0; transform: translateY(28px);
  animation: fadeUp 1s .25s var(--E) forwards;
}
.el-h1 em { font-style: italic; color: var(--gold2); font-weight: 400 }

.el-hero-sub {
  font-size: clamp(.9rem, 1.4vw, 1.05rem);
  color: rgba(240,237,230,.32);
  max-width: 520px; line-height: 1.85;
  margin-bottom: 3rem;
  opacity: 0; transform: translateY(20px);
  animation: fadeUp .8s .45s var(--E) forwards;
}

@keyframes fadeUp {
  to { opacity: 1; transform: translateY(0) }
}

.el-hero-actions {
  display: flex; align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  opacity: 0; transform: translateY(16px);
  animation: fadeUp .7s .65s var(--E) forwards;
}
.el-btn-primary {
  display: inline-flex; align-items: center; gap: .625rem;
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold2) 100%);
  color: var(--ink);
  padding: 1rem 2.25rem;
  border-radius: 100px;
  font-family: 'Jost', sans-serif;
  font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  transition: transform var(--F), box-shadow var(--F);
  cursor: none;
}
.el-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(192,144,32,.35) }
.el-hero-divider { width: 1px; height: 40px; background: rgba(192,144,32,.2); flex-shrink: 0 }
.el-hero-stat { display: flex; flex-direction: column; gap: .25rem }
.el-stat-n { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; font-weight: 500; color: var(--bone); line-height: 1 }
.el-stat-l { font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(240,237,230,.3) }

.el-hero-scroll {
  position: absolute; bottom: 2.5rem; left: clamp(1.25rem, 5vw, 4rem);
  display: flex; flex-direction: column; align-items: center; gap: .5rem;
}
.el-scroll-line {
  width: 1px; height: 60px;
  background: linear-gradient(to bottom, transparent, rgba(192,144,32,.5));
  animation: scrollDrop 2s ease-in-out infinite;
}
@keyframes scrollDrop { 0%, 100% { opacity: .3 } 50% { opacity: 1 } }

/* ══ SERVE ══ */
.el-serve { background: #0D1009 }
.el-serve-inner {
  display: grid; grid-template-columns: 1fr 1.2fr;
  gap: clamp(3rem, 6vw, 7rem); align-items: start;
}
@media(max-width: 860px) { .el-serve-inner { grid-template-columns: 1fr } }

.el-serve-right { display: flex; flex-direction: column; gap: 1rem }
.el-client-card {
  display: flex; align-items: flex-start; gap: 1.125rem;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(192,144,32,.1);
  border-radius: var(--r3);
  padding: 1.375rem 1.5rem;
  transition: background var(--M), border-color var(--M);
}
.el-client-card:hover { background: rgba(192,144,32,.04); border-color: rgba(192,144,32,.25) }
.el-cc-ic { font-size: 1.5rem; flex-shrink: 0; margin-top: .1rem }
.el-cc-t { font-family: 'Cormorant Garamond', serif; font-size: 1.1rem; font-weight: 500; color: var(--bone); margin-bottom: .375rem }
.el-cc-d { font-size: .78rem; color: var(--muted); line-height: 1.7 }

/* ══ BUILD ══ */
.el-build { background: var(--ink) }
.el-build-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 1px;
  border: 1px solid rgba(192,144,32,.12);
  border-radius: var(--r4);
  overflow: hidden;
}
@media(max-width: 640px) { .el-build-grid { grid-template-columns: 1fr } }

.el-build-card {
  position: relative;
  padding: clamp(2rem, 4vw, 3rem);
  background: #0A0C09;
  border-right: 1px solid rgba(192,144,32,.1);
  border-bottom: 1px solid rgba(192,144,32,.1);
  transition: background var(--M);
}
.el-build-card:hover { background: #0D100A }
.el-build-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 5rem; font-weight: 300;
  color: rgba(192,144,32,.08);
  line-height: 1; position: absolute;
  top: 1rem; right: 1.5rem;
}
.el-build-t {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.5rem; font-weight: 500;
  color: var(--bone); margin-bottom: .875rem;
}
.el-build-d { font-size: .82rem; color: var(--muted); line-height: 1.8; margin-bottom: 1.25rem }
.el-build-tags { display: flex; flex-wrap: wrap; gap: .5rem }
.el-build-tags span {
  font-size: .6rem; letter-spacing: .1em; text-transform: uppercase;
  border: 1px solid rgba(192,144,32,.25); color: rgba(192,144,32,.7);
  padding: .25rem .7rem; border-radius: 100px;
}

/* ══ PRIVACY ══ */
.el-privacy { background: #0D1009 }
.el-privacy-inner {
  display: grid; grid-template-columns: 1fr 1.3fr;
  gap: clamp(3rem, 6vw, 7rem); align-items: start;
}
@media(max-width: 860px) { .el-privacy-inner { grid-template-columns: 1fr } }

.el-shield {
  width: 80px; height: 80px;
  border: 1px solid rgba(192,144,32,.2);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 1.75rem;
  background: rgba(192,144,32,.04);
}
.el-privacy-right { display: flex; flex-direction: column; gap: 1.375rem }
.el-priv-item {
  display: flex; align-items: flex-start; gap: 1.125rem;
  padding-bottom: 1.375rem;
  border-bottom: 1px solid rgba(192,144,32,.08);
}
.el-priv-item:last-child { border-bottom: none; padding-bottom: 0 }
.el-priv-ic { font-size: 1.3rem; flex-shrink: 0; margin-top: .1rem }
.el-priv-t { font-family: 'Cormorant Garamond', serif; font-size: 1.1rem; font-weight: 500; color: var(--bone); margin-bottom: .375rem }
.el-priv-d { font-size: .78rem; color: var(--muted); line-height: 1.7 }

/* ══ INVEST ══ */
.el-invest { background: var(--ink) }
.el-invest-inner { display: flex; flex-direction: column; gap: 3.5rem }
.el-invest-head { max-width: 620px }
.el-invest-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  border: 1px solid rgba(192,144,32,.12);
  border-radius: var(--r3); overflow: hidden;
}
@media(max-width: 640px) { .el-invest-grid { grid-template-columns: 1fr 1fr } }
.el-invest-stat {
  padding: 2rem 1.75rem;
  background: rgba(192,144,32,.03);
  border-right: 1px solid rgba(192,144,32,.1);
  transition: background var(--M);
}
.el-invest-stat:hover { background: rgba(192,144,32,.07) }
.el-is-n {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 400; color: var(--gold2); margin-bottom: .5rem; line-height: 1;
}
.el-is-l { font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted) }

/* ══ CONNECT ══ */
.el-connect { background: #070A06 }
.el-connect-inner {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(2.5rem, 5vw, 5rem); align-items: start;
}
@media(max-width: 860px) { .el-connect-inner { grid-template-columns: 1fr } }

.el-connect-sub { font-size: .9rem; color: var(--muted); line-height: 1.85; margin-bottom: 2rem }
.el-connect-direct { display: flex; flex-direction: column; gap: .75rem }
.el-direct-label { font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; color: rgba(240,237,230,.25); margin-bottom: .25rem }

.el-wa-btn {
  display: inline-flex; align-items: center; gap: .625rem;
  background: #25D366; color: #fff;
  padding: .875rem 1.5rem; border-radius: 100px;
  font-family: 'Jost', sans-serif;
  font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  transition: transform var(--F), box-shadow var(--F); cursor: none;
}
.el-wa-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(37,211,102,.3) }

.el-call-btn {
  display: inline-flex; align-items: center; gap: .5rem;
  border: 1px solid rgba(192,144,32,.3); color: var(--gold2);
  padding: .875rem 1.5rem; border-radius: 100px;
  font-family: 'Jost', sans-serif;
  font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  transition: border-color var(--F), background var(--F); cursor: none;
}
.el-call-btn:hover { border-color: var(--gold); background: rgba(192,144,32,.06) }

/* ══ FORM ══ */
.el-form {
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(192,144,32,.15);
  border-radius: var(--r3);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  display: flex; flex-direction: column; gap: .875rem;
}
.el-form-header { margin-bottom: .5rem }
.el-form-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem; font-weight: 500; color: var(--bone);
  margin-bottom: .3rem;
}
.el-form-sub { font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(192,144,32,.5) }

.af-pkg-row {
  display: flex; align-items: center; gap: .625rem;
  background: rgba(192,144,32,.08);
  border: 1px solid rgba(192,144,32,.2);
  border-radius: var(--r2); padding: .625rem 1rem;
}
.af-pkg-badge { display: flex; align-items: center; gap: .5rem; font-size: .78rem; font-weight: 600; color: var(--gold2) }
.af-label {
  font-size: .6rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase;
  color: rgba(240,237,230,.3); display: block; margin-bottom: .35rem;
}
.af-label span { color: var(--gold2) }
.af-opt { color: rgba(240,237,230,.2); font-weight: 400; text-transform: none; letter-spacing: 0 }
.af-input {
  width: 100%; padding: .875rem 1rem;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(192,144,32,.15);
  border-radius: 10px;
  color: var(--bone); font-family: 'Jost', sans-serif; font-size: .88rem;
  outline: none;
  transition: border-color var(--F), background var(--F), box-shadow var(--F);
}
.af-input:focus { border-color: rgba(192,144,32,.5); background: rgba(192,144,32,.04); box-shadow: 0 0 0 3px rgba(192,144,32,.08) }
.af-input-err { border-color: rgba(248,113,113,.5) !important }
.af-textarea { min-height: 100px; resize: vertical }
.af-err { display: none; font-size: .68rem; color: #F87171; margin-top: .3rem; padding-left: .25rem }

.el-submit-btn {
  width: 100%; padding: 1rem 1.5rem;
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold2) 100%);
  color: var(--ink);
  border: none; border-radius: 100px;
  font-family: 'Jost', sans-serif;
  font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  display: flex; align-items: center; justify-content: center; gap: .5rem;
  cursor: none; transition: transform var(--F), box-shadow var(--F); margin-top: .25rem;
}
.el-submit-btn:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(192,144,32,.3) }
.el-submit-btn:disabled { opacity: .6; cursor: not-allowed; transform: none }
.af-spinner { display: none; width: 16px; height: 16px; flex-shrink: 0; border: 2px solid rgba(10,12,9,.3); border-top-color: var(--ink); border-radius: 50%; animation: spin .6s linear infinite }
@keyframes spin { to { transform: rotate(360deg) } }

.af-success {
  display: none; align-items: flex-start; gap: .875rem;
  background: rgba(192,144,32,.08); border: 1px solid rgba(192,144,32,.25);
  border-radius: var(--r2); padding: 1rem 1.125rem;
}
.af-success-ic { font-size: 1.2rem; flex-shrink: 0; color: var(--gold2) }
.af-success-t { font-size: .9rem; font-weight: 600; color: var(--gold2); margin-bottom: .25rem }
.af-success-s { font-size: .76rem; color: var(--muted); line-height: 1.6 }
.af-error-msg {
  display: none; align-items: center; gap: .625rem;
  background: rgba(248,113,113,.08); border: 1px solid rgba(248,113,113,.2);
  border-radius: var(--r2); padding: .875rem 1rem; font-size: .8rem; color: #FCA5A5;
}

.el-privacy-note {
  display: flex; align-items: center; gap: .5rem;
  font-size: .68rem; color: rgba(240,237,230,.2);
  letter-spacing: .04em;
}

/* ══ FOOTER ══ */
footer {
  background: #050706;
  padding: clamp(1.5rem, 3vw, 2rem) clamp(1.25rem, 5vw, 4rem);
  border-top: 1px solid rgba(192,144,32,.08);
}
.el-ft-wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem }
.el-ft-brand {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.1rem; font-weight: 400; color: rgba(240,237,230,.4);
}
.el-ft-brand span { color: var(--gold2) }
.el-ft-brand em { font-style: italic; color: rgba(192,144,32,.6) }
.el-ft-links { display: flex; gap: 1.5rem; flex-wrap: wrap }
.el-ft-links a { font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(240,237,230,.2); transition: color var(--F); cursor: none }
.el-ft-links a:hover { color: rgba(240,237,230,.5) }
.el-ft-copy { font-size: .65rem; color: rgba(240,237,230,.15); letter-spacing: .04em }
.credit { width: 100%; text-align: center; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(192,144,32,.06); font-size: .72rem; color: rgba(240,237,230,.22); letter-spacing: .05em; font-weight: 400 }
.credit a { color: var(--gold2); font-weight: 600; border-bottom: 1px dashed rgba(192,144,32,.35); padding-bottom: 1px; transition: color .18s }
.credit a:hover { color: var(--gold3) }

/* ══ INVEST WITH US ══ */
.el-invest-head { max-width: 620px; margin-bottom: clamp(3rem,5vw,4rem) }

.el-iw-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  border: 1px solid rgba(192,144,32,.12);
  border-radius: var(--r4);
  overflow: hidden;
  margin-bottom: 1px;
}
/* Last 2 cards — span to fill row nicely */
.el-iw-grid .el-iw-card:nth-child(4),
.el-iw-grid .el-iw-card:nth-child(5) {
  /* natural flow works fine */
}
@media(max-width: 860px) {
  .el-iw-grid { grid-template-columns: 1fr 1fr }
}
@media(max-width: 520px) {
  .el-iw-grid { grid-template-columns: 1fr }
}

.el-iw-card {
  position: relative;
  padding: clamp(1.75rem, 3.5vw, 2.5rem);
  background: #0A0C09;
  border-right: 1px solid rgba(192,144,32,.1);
  border-bottom: 1px solid rgba(192,144,32,.1);
  transition: background var(--M);
}
.el-iw-card:hover { background: #0E110A }

.el-iw-num {
  position: absolute; top: 1rem; right: 1.25rem;
  font-family: 'Cormorant Garamond', serif;
  font-size: 4.5rem; font-weight: 300;
  color: rgba(192,144,32,.07); line-height: 1;
  pointer-events: none;
}
.el-iw-ic {
  font-size: 1.6rem; margin-bottom: 1rem; display: block;
}
.el-iw-t {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.3rem; font-weight: 500;
  color: var(--bone); margin-bottom: .75rem; line-height: 1.2;
}
.el-iw-d {
  font-size: .8rem; color: var(--muted); line-height: 1.85;
}

/* Stats strip */
.el-iw-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  border: 1px solid rgba(192,144,32,.12);
  border-top: none;
  border-radius: 0 0 var(--r4) var(--r4);
  overflow: hidden;
  background: rgba(192,144,32,.03);
}
.el-iws {
  flex: 1;
  text-align: center;
  padding: 1.5rem 1rem;
  border-right: 1px solid rgba(192,144,32,.1);
}
.el-iws:last-child { border-right: none }
.el-iws-n {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.5rem, 2.5vw, 2.2rem);
  font-weight: 400; color: var(--gold2); line-height: 1;
  margin-bottom: .375rem;
}
.el-iws-l {
  font-size: .6rem; letter-spacing: .12em;
  text-transform: uppercase; color: var(--muted);
}
.el-iws-div { display: none }
@media(max-width: 480px) {
  .el-iw-stats { flex-wrap: wrap }
  .el-iws { flex: 1 1 50%; border-bottom: 1px solid rgba(192,144,32,.1) }
}

/* ══ TARGETED FIXES ══ */

/* 1. Hero — reduce top gap */
.el-hero {
  min-height: calc(100vh - var(--nh)) !important;
  padding-top: clamp(2rem, 5vw, 4rem) !important;
}

/* 2. Build cards — full width, no side gap */
#el-build-section > .el-wrap,
.el-build > .el-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}
.el-build .el-sec-head {
  padding-left: clamp(1.25rem, 5vw, 4rem);
  padding-right: clamp(1.25rem, 5vw, 4rem);
}
.el-build-grid {
  border-radius: 0 !important;
  border-left: none !important;
  border-right: none !important;
}

/* 3. Invest cards — full width, no side gap */
.el-invest > .el-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}
.el-invest .el-invest-head {
  padding-left: clamp(1.25rem, 5vw, 4rem);
  padding-right: clamp(1.25rem, 5vw, 4rem);
  max-width: 100%;
}
.el-iw-grid {
  border-radius: 0 !important;
  border-left: none !important;
  border-right: none !important;
}
.el-iw-stats {
  border-radius: 0 !important;
  border-left: none !important;
  border-right: none !important;
}

/* 4. Form — 2-col layout: left = heading+buttons, right = form */
.el-connect > .el-wrap {
  max-width: 100% !important;
  padding-left: clamp(1.25rem, 5vw, 4rem) !important;
  padding-right: clamp(1.25rem, 5vw, 4rem) !important;
  display: grid !important;
  grid-template-columns: 1fr 1.3fr !important;
  gap: clamp(2.5rem, 5vw, 5rem) !important;
  align-items: start !important;
}
/* Stack heading + buttons vertically inside left column */
.el-connect-topgrid {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.el-connect-right { width: 100% !important }
.el-form { max-width: 100% !important; border-radius: var(--r3) !important; }

/* Mobile: stack columns + wider form */
@media(max-width: 860px) {
  .el-connect > .el-wrap {
    grid-template-columns: 1fr !important;
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }
}

/* Form fields — 2 col on desktop */
.el-form-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .875rem;
}
@media(max-width: 600px) {
  .el-form-fields { grid-template-columns: 1fr }
}

/* Form fields — 2 col on desktop */
.el-form-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .875rem;
}
@media(max-width: 600px) {
  .el-form-fields { grid-template-columns: 1fr }
}


/* ── Mobile sub-menu: hidden by default, shown by JS ── */
#mob .ml-sub { display: none; }
#mob .ml-sub.mob-shown { display: block; }