:root {
  --ink: #050c16;
  --navy: #071421;
  --navy-2: #0b1b2b;
  --panel: rgba(15, 32, 48, .72);
  --panel-solid: #0d2232;
  --line: rgba(183, 201, 216, .17);
  --white: #f4f6f8;
  --muted: #9ba9b7;
  --gold: #e2ac45;
  --gold-light: #ffda78;
  --green: #3fdb9d;
  --red: #ff667a;
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  font-family: var(--font-body);
  color: var(--white);
  background: var(--ink);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--ink); color: var(--white); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.site-shell { position: relative; overflow: hidden; background: linear-gradient(180deg, #061321 0%, #081726 52%, #040b13 100%); }
.ambient { position: absolute; width: 520px; height: 520px; filter: blur(110px); opacity: .13; pointer-events: none; border-radius: 50%; }
.ambient-one { background: var(--gold); top: 440px; left: -300px; }.ambient-two { background: #155c91; right: -320px; top: 1300px; }
.container { max-width: 1200px; }
.section-pad { padding: 112px 0; position: relative; }
.compact-pad { padding: 38px 0 34px; }
.site-nav { z-index: 20; padding: 17px 0; border-bottom: 1px solid transparent; transition: .35s ease; }
.site-nav.scrolled { background: rgba(4, 14, 25, .86); backdrop-filter: blur(18px); border-color: var(--line); padding: 0 0; }
.nav-inner { display: flex; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-display); font-weight: 600; letter-spacing: -.03em; white-space: nowrap; }
.brand img { width: 120px; height: 120px; object-fit: contain; }
.brand span { font-size: 16px; }.brand em { color: var(--gold-light); font-size: 10px; letter-spacing: .16em; font-style: normal; display: block; text-transform: uppercase; margin-top: -1px; }
.navbar-nav .nav-link { color: #bdc8d2; font-size: 13px; padding: 7px 11px !important; transition: color .2s; }.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active { color: var(--gold-light); }
.nav-actions { display: flex; align-items: center; gap: 22px; }.login-link { color: #d4dbe2; font-size: 13px; }.login-link:hover { color: var(--gold-light); }
.navbar-toggler { border: 1px solid var(--line); color: var(--white); padding: 7px 10px; }.navbar-toggler:focus { box-shadow: 0 0 0 2px rgba(226,172,69,.25); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 0 22px; border-radius: 6px; font-size: 13px; font-weight: 600; transition: transform .25s, box-shadow .25s, background .25s, color .25s; }.button:hover { transform: translateY(-2px); }.button i { font-size: 15px; }.button-gold { color: #131b20; background: linear-gradient(135deg, #f2c45d, #d6942b); box-shadow: 0 10px 30px rgba(226,172,69,.17); }.button-gold:hover { color: #111820; box-shadow: 0 14px 35px rgba(226,172,69,.32); }.button-outline { color: var(--white); border: 1px solid rgba(226,172,69,.65); background: rgba(5, 17, 28, .23); }.button-outline:hover { color: var(--gold-light); background: rgba(226,172,69,.1); }.button-small { min-height: 37px; padding: 0 15px; font-size: 12px; border-radius: 5px; }
.hero { min-height: 690px; display: flex; align-items: center; padding-top: 150px; overflow: hidden; }.hero-backdrop,.cta-backdrop { position: absolute; inset: 0; background-size: cover; background-position: center; filter: blur(2px); transform: scale(1.05); }.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,14,24,.98) 0%, rgba(4,14,24,.88) 35%, rgba(4,14,24,.46) 75%, rgba(4,14,24,.85) 100%), linear-gradient(0deg, rgba(4,14,24,.9), transparent 42%); }.hero-content { z-index: 1; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--gold-light); font-size: 10px; letter-spacing: .19em; text-transform: uppercase; font-weight: 700; margin-bottom: 17px; }.eyebrow span { width: 26px; height: 1px; background: var(--gold); }
h1,h2,h3,h4,p { margin-top: 0; }h1,h2,h3,h4 { font-family: var(--font-display); }h1 { font-size: clamp(42px, 5.2vw, 72px); letter-spacing: -.055em; line-height: .99; max-width: 730px; margin-bottom: 24px; font-weight: 500; }h1 b,h2 b { color: var(--gold-light); font-weight: 500; }h2 { font-size: clamp(29px, 3vw, 42px); letter-spacing: -.045em; line-height: 1.06; font-weight: 500; margin-bottom: 16px; }p { color: var(--muted); line-height: 1.7; font-size: 14px; }.hero-copy { max-width: 475px; margin-bottom: 28px; }.hero-actions { display: flex; gap: 13px; flex-wrap: wrap; }.trust-row { display: flex; flex-wrap: wrap; gap: 21px; margin-top: 30px; color: #b2bdc6; font-size: 11px; }.trust-row i { color: var(--gold-light); margin-right: 5px; font-size: 14px; }
.glass-card { background: rgba(8, 24, 38, .67); border: 1px solid rgba(205, 219, 230, .22); border-radius: 12px; box-shadow: 0 28px 70px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255,255,255,.04); backdrop-filter: blur(18px); }.market-widget { padding: 20px; max-width: 445px; margin-left: auto; }.widget-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 14px; border-bottom: 1px solid var(--line); font-size: 12px; }.widget-header small { color: var(--muted); }.widget-header a { color: var(--gold-light); font-size: 10px; }.live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(63,219,157,.13); margin-right: 7px; }.widget-list { padding: 8px 0; }.widget-asset { display: grid; grid-template-columns: 28px 1.15fr 1fr 76px 55px; gap: 8px; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06); font-size: 11px; }.widget-name span,.widget-name strong { display: block; }.widget-name span { color: #83929e; font-size: 9px; margin-top: 2px; }.widget-price { text-align: right; font-size: 11px; font-weight: 500; }.widget-chart .sparkline { height: 22px; }.market-change { color: var(--green); font-size: 10px; text-align: right; }.market-change.down,.modal-asset em.down,.ticker-track em.down { color: var(--red); }.demo-label { color: #788995; font-size: 9px; padding-top: 13px; text-align: center; letter-spacing: .03em; }
.asset-icon { display: inline-grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; color: white; font-family: var(--font-display); font-size: 15px; font-weight: 600; background: #627384; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }.asset-icon.orange { background: #ec9218; }.asset-icon.violet { background: linear-gradient(145deg,#a69eea,#504b9f); }.asset-icon.blue { background: linear-gradient(145deg,#4eeca8,#3549bc); }.asset-icon.azure { background: #3c7fcb; }.asset-icon.silver { background: #1c2630; }.asset-icon.pink { background: #e6327e; }
.ticker-wrap { overflow: hidden; white-space: nowrap; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(7,23,37,.72); }.ticker-track { width: max-content; display: flex; gap: 62px; padding: 13px 0; animation: ticker 36s linear infinite; }.ticker-track span { display: inline-flex; align-items: center; gap: 8px; color: #bbc6ce; font-size: 10px; }.ticker-track .asset-icon { width: 18px; height: 18px; font-size: 10px; }.ticker-track b { color: var(--white); }.ticker-track em { color: var(--green); font-style: normal; font-size: 10px; }@keyframes ticker { to { transform: translateX(-50%); } }
.feature-strip { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line); background: rgba(10,28,44,.58); border-radius: 9px; }.feature-pill { display: flex; align-items: center; gap: 13px; padding: 19px 16px; border-right: 1px solid var(--line); transition: transform .25s, background .25s; }.feature-pill:last-child { border: 0; }.feature-pill:hover { background: rgba(226,172,69,.08); }.feature-pill > i { color: var(--gold-light); font-size: 22px; }.feature-pill strong,.feature-pill span { display:block; }.feature-pill strong { font-size: 11px; font-weight: 600; }.feature-pill span { color: #8d9ba7; font-size: 9px; margin-top: 3px; }
.real-assets { background: linear-gradient(180deg, rgba(8,23,36,.35), rgba(8,23,36,.8)); }.real-assets p { max-width: 310px; margin-bottom: 25px; }.property-card,.market-card,.insight-card,.testimonial { background: rgba(11, 31, 47, .73); border: 1px solid var(--line); border-radius: 9px; overflow: hidden; transition: transform .3s ease, border-color .3s, box-shadow .3s; }.property-card:hover,.market-card:hover { border-color: rgba(226,172,69,.72); box-shadow: 0 16px 40px rgba(0,0,0,.28); }.property-image { height: 175px; background-size: cover; background-position: center; position: relative; transition: transform .5s; }.property-card:hover .property-image { transform: scale(1.055); }.property-image:after,.insight-image:after { content: ''; position:absolute; inset:0; background: linear-gradient(0deg, rgba(5,17,27,.75), transparent 65%); }.property-tag { position: absolute; z-index: 1; top: 12px; right: 12px; padding: 4px 8px; font-size: 8px; color: var(--gold-light); text-transform: uppercase; letter-spacing: .1em; border: 1px solid rgba(226,172,69,.55); border-radius: 3px; background: rgba(5,17,27,.5); }.property-body { padding: 15px 16px 17px; }.property-body h3 { font-size: 17px; margin-bottom: 4px; }.property-location { color: var(--gold-light); font-size: 10px; }.property-body p { font-size: 10px; line-height: 1.5; margin: 9px 0 12px; }.text-button { border: 0; background: transparent; padding: 0; display: inline-flex; gap: 9px; align-items: center; color: var(--gold-light); font-size: 10px; font-weight: 600; }.text-button:hover { color: var(--white); }.text-button i { transition: transform .2s; }.text-button:hover i { transform: translateX(4px); }
.markets-section { background: rgba(4,15,25,.38); }.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 27px; }.section-heading .eyebrow { margin-bottom: 12px; }.market-card { padding: 17px 16px; position: relative; }.asset-heading { display: flex; align-items: center; gap: 10px; }.asset-heading > div strong,.asset-heading > div span { display: block; }.asset-heading > div strong { font-size: 13px; }.asset-heading > div span { font-size: 10px; color: var(--muted); margin-top: 2px; }.asset-heading > .bi { color: #73818d; margin-left: auto; }.market-price { font-family: var(--font-display); font-size: 22px; font-weight: 500; letter-spacing: -.04em; margin-top: 20px; }.market-card .market-change { text-align: left; margin-top: 4px; }.market-change span { color: #72808b; margin-left: 4px; }.sparkline { width: 100%; height: 45px; overflow: visible; margin: 10px 0; }.sparkline-line { fill: none; stroke: var(--green); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 4px rgba(63,219,157,.5)); }.sparkline-line.negative { stroke: var(--red); filter: drop-shadow(0 0 4px rgba(255,102,122,.35)); }.sparkline-grid { fill: none; stroke: rgba(255,255,255,.1); stroke-width: 1; }.market-card .text-button { border-top: 1px solid var(--line); padding-top: 12px; width: 100%; justify-content: space-between; }
.stats-band { padding: 30px 0; background: linear-gradient(90deg, rgba(15,41,56,.86), rgba(8,23,37,.93)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.stat { display:flex; gap: 15px; align-items: center; justify-content: center; }.stat > i { color: var(--gold-light); font-size: 30px; }.stat strong,.stat span { display: block; }.stat strong { font-family: var(--font-display); font-size: 26px; }.stat span { color: var(--muted); font-size: 11px; margin-top: 2px; }
.steps-section { background: linear-gradient(180deg, rgba(8,24,38,.78), rgba(5,16,27,.7)); }.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }.step { display: flex; align-items: center; gap: 13px; position: relative; }.step-number { display:grid; place-items:center; flex: 0 0 45px; height:45px; border: 1px solid var(--gold); border-radius:50%; color: var(--gold-light); font-family: var(--font-display); }.step strong { font-size: 12px; }.step p { font-size: 10px; margin: 4px 0 0; }.step-arrow { color: var(--gold); font-size: 18px; margin-left: auto; margin-right: 13px; }
.insights-section { background: rgba(4,15,25,.6); }.insight-card { height:100%; }.insight-image { height: 120px; background-size: cover; background-position: center; position: relative; }.insight-body { padding: 13px 14px 15px; }.insight-body > span { font-size: 9px; color: #7e8d99; }.insight-body h3 { font-size: 13px; line-height: 1.35; margin: 7px 0 14px; }.insight-body a { color: var(--gold-light); font-size: 10px; }.testimonial-title { font-size: 28px; }.testimonial-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; }.testimonial { padding: 14px 11px; }.avatar { width:31px; height:31px; border-radius:50%; display:grid; place-items:center; background: linear-gradient(135deg,#b9c3ca,#566879); color:#12202c; font-weight:700; font-size:10px; }.stars { color: var(--gold-light); letter-spacing: 2px; font-size: 10px; margin: 12px 0 8px; }.testimonial p { font-size: 10px; line-height: 1.55; min-height: 63px; margin-bottom: 10px; }.testimonial strong,.testimonial span { display:block; font-size: 10px; }.testimonial span { color: #80909d; font-size:9px; margin-top: 3px; }
.cta-section { min-height: 280px; display:flex; align-items:center; overflow:hidden; }.cta-overlay { position:absolute; inset:0; background: linear-gradient(90deg, rgba(5,16,26,.97), rgba(5,16,26,.66), rgba(5,16,26,.78)); }.cta-content { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:30px; }.cta-content p { max-width: 430px; margin-bottom:0; }
.site-footer { padding: 72px 0 18px; background: #040d16; }.footer-brand { margin-bottom: 22px; }.site-footer p { font-size: 11px; max-width: 280px; }.site-footer h4 { font-family: var(--font-body); font-size: 11px; color: var(--gold-light); margin-bottom: 18px; }.site-footer > .container > .row > div > a:not(.brand) { display:block; color:#82919d; font-size:11px; margin-bottom:10px; transition: color .2s; }.site-footer > .container > .row > div > a:not(.brand):hover { color: var(--gold-light); }.socials { display:flex; gap:8px; }.socials a { width:29px; height:29px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:#aebcc7; font-size:12px; }.socials a:hover { color:var(--gold-light); border-color:var(--gold); }.footer-note { line-height: 1.5; }.subscribe-form { display:flex; border:1px solid var(--line); border-radius:5px; overflow:hidden; }.subscribe-form input { min-width: 0; width:100%; background:transparent; border:0; padding:9px 10px; color:var(--white); outline:0; font-size:10px; }.subscribe-form input::placeholder { color:#73818d; }.subscribe-form button { width:37px; border:0; color:#17212a; background:var(--gold); }.footer-bottom { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); margin-top:50px; padding-top:16px; color:#71808c; font-size:9px; }.footer-bottom span:last-child { max-width: 480px; text-align:right; }
.modal-glass { background: #0d2334; color: var(--white); border: 1px solid rgba(226,172,69,.45); }.modal-glass .modal-header,.modal-glass .modal-footer { border-color: var(--line); }.modal-title { font-family: var(--font-display); }.modal-asset { display: flex; align-items:center; gap: 15px; padding: 14px; background: rgba(0,0,0,.18); border: 1px solid var(--line); border-radius: 8px; }.modal-asset > div { flex:1; }.modal-asset strong,.modal-asset span { display:block; }.modal-asset strong { font-size:16px; }.modal-asset small { color:var(--muted); font-size:10px; font-weight:400; }.modal-asset span { color:var(--gold-light); margin-top:4px; }.modal-asset span em { font-style:normal; color:var(--green); font-size:12px; margin-left:8px; }.modal-asset .sparkline { width:120px; height:32px; }.modal-message { margin: 18px 0 0; font-size:12px; }.property-modal-icon { font-size:28px; color:var(--gold-light); }.toast { background:#102d3c; border:1px solid var(--gold); color:var(--white); }.toast i { color:var(--green); margin-right:8px; }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }.reveal.is-visible { opacity:1; transform:translateY(0); }.reveal-delay-1 { transition-delay:.1s; }.reveal-delay-2 { transition-delay:.18s; }.reveal-delay-3 { transition-delay:.26s; }.reveal-delay-4 { transition-delay:.34s; }
@media (max-width: 991.98px) { .navbar-collapse { background: rgba(4,15,26,.97); padding: 16px; margin-top: 14px; border:1px solid var(--line); border-radius:8px; }.nav-actions { padding-top:15px; border-top:1px solid var(--line); margin-top:12px; justify-content:space-between; }.hero { min-height: auto; padding: 160px 0 90px; }.feature-strip { grid-template-columns: repeat(3, 1fr); }.feature-pill:nth-child(3) { border-right:0; }.feature-pill:nth-child(n+4) { border-top:1px solid var(--line); }.feature-pill:nth-child(4) { border-right:1px solid var(--line); }.market-widget { margin: 15px 0 0; }.steps-grid { grid-template-columns: repeat(2, 1fr); row-gap:30px; }.step-arrow { display:none; }.cta-content { align-items:flex-start; flex-direction:column; } }
@media (max-width: 767.98px) { .section-pad { padding: 78px 0; }.compact-pad { padding: 26px 0; }.hero { padding-top: 135px; }.hero h1 { font-size: clamp(39px, 12vw, 56px); }.hero-copy { font-size:13px; }.trust-row { gap:12px; }.feature-strip { grid-template-columns: 1fr 1fr; }.feature-pill { border-right:1px solid var(--line) !important; }.feature-pill:nth-child(2n) { border-right:0 !important; }.feature-pill:nth-child(n+3) { border-top:1px solid var(--line); }.section-heading { align-items:flex-start; flex-direction:column; margin-bottom:22px; }.section-heading > .text-button { margin-top:-8px; }.stats-band { padding:25px 0; }.stat { justify-content:flex-start; }.stat > i { font-size:24px; }.stat strong { font-size:21px; }.steps-grid { grid-template-columns:1fr; }.testimonial-grid { grid-template-columns:1fr; }.testimonial p { min-height:auto; }.testimonial { display:grid; grid-template-columns: 35px 1fr; column-gap:10px; }.testimonial .stars { grid-column:2; grid-row:1; margin:0; align-self:center; }.testimonial p,.testimonial strong,.testimonial span { grid-column:1 / -1; }.testimonial p { margin-top:13px; }.footer-bottom { flex-direction:column; margin-top:35px; }.footer-bottom span:last-child { text-align:left; }.footer-brand { margin-bottom:10px; }.market-widget { padding:15px; }.widget-asset { grid-template-columns:28px 1fr 1fr 50px; }.widget-chart { display:none; }.widget-price { text-align:right; }.market-card { min-height: 245px; } }
@media (max-width: 380px) { .brand span { font-size:14px; }.brand img { width:33px; }.nav-actions { gap:10px; }.feature-pill { padding:15px 10px; }.feature-pill > i { font-size:18px; }.feature-pill strong { font-size:10px; }.feature-pill span { font-size:8px; } }