/* Institutional market infrastructure: graphite, electric lime, editorial grids. */
:root { --accent: #c7f86b; --surface: #111713; --line: #2b342b; }
body { background: #080d0a !important; color: #edf0e8; }
body .max-w-7xl { max-width: 1360px; }
body nav { min-height: 100px; border-color: #ffffff18; }
body nav > .lg\:flex { gap: 14px 20px; font-size: 12px; }
body nav button[onclick*="Booking"] { background: #c7f86b; color: #152008; border: 0; padding: 13px 18px; }
body nav button[onclick*="Booking"] i { color: inherit; }
body h2 { font-size: clamp(30px, 3.5vw, 48px); letter-spacing: -.055em; }
body .text-gradient-cyan { color: #c7f86b; }
body .text-gradient-emerald { color: #c7f86b; }
body :is(.text-cyan-300,.text-cyan-400,.text-cyber-cyan) { color: #c7f86b; }
body :is(a,button)[class*="bg-gradient-to-"] { background: #c7f86b !important; color: #111a08 !important; }
body :is(a,button)[class*="bg-gradient-to-"]:hover { background: #dbff9f !important; }
body section[class*="bg-dark"] { background: #0c120e !important; }
body .glass-card { background: linear-gradient(145deg,#161e18,#0e1410) !important; border-color: #303b2e !important; }
body .glass-card-hover:hover { background: #192218 !important; border-color: #7b9854 !important; }
body .market-hero {
  isolation: isolate;
  padding-top: 100px !important;
  padding-bottom: 72px !important;
  background: radial-gradient(ellipse at 83% 35%,#45672330,transparent 50%),#080d0a;
}
.market-hero::before {
  content: '';
  position: absolute;
  inset: 0 0 0 48%;
  background-image: linear-gradient(#c7f86b09 1px,transparent 1px),linear-gradient(90deg,#c7f86b09 1px,transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg,transparent,#000 35%,transparent);
  z-index: -1;
}
body .market-hero .hero-layout { grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 64px; }
body .market-hero .hero-copy { grid-column: auto; padding-right: 0 !important; }
body .market-hero .hero-terminal { grid-column: auto; position: relative; }
body .market-hero h1 { font-size: clamp(44px,4.9vw,72px) !important; font-weight: 500 !important; line-height: 1.055 !important; max-width: 720px; }
body .market-hero h1 + p { font-size: 15px; max-width: 540px; line-height: 1.85 !important; color: #a8b4a8; }
body .market-hero .hero-copy > .inline-flex { color: #c7f86b; margin-bottom: 12px; }
body .market-hero .hero-copy > .grid.sm\:grid-cols-3 { margin-top: 28px; }
body .market-hero .hero-copy > .grid.sm\:grid-cols-3 > div { border-left-color: #c7f86b44; }
body .market-hero .hero-copy > .grid.sm\:grid-cols-3 > div > div:first-child { display: none; }
body .market-hero .hero-copy > .pt-2 { gap: 12px; padding-top: 18px; }
body .market-hero .hero-copy > .pt-2 > :is(a,button) { min-height: 48px; font-size: 11px; padding-inline: 18px; }
body .market-hero .hero-copy > .pt-2 > a:last-child { padding: 0; min-height: 32px; flex-basis: 100%; }
body .market-hero .hero-copy > .pt-3 { margin-top: 32px; padding-top: 24px; border-top-color: #ffffff20; }
body .market-hero .hero-copy > .pt-3 > div > div:first-child { color: #edf0e8; font-size: 27px; font-weight: 500; }
body .market-hero .hero-copy > .pt-3 > div > div:last-child { font-size: 9px; letter-spacing: .05em; margin-top: 7px; }
body .market-hero .hero-terminal > .glass-card {
  background: linear-gradient(150deg,#1c261c,#0d140f 65%) !important;
  border: 1px solid #586c435e !important;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 35px 90px #0008,0 0 90px #9bcd3e0b !important;
}
.hero-terminal::before {
  content: '';
  position: absolute;
  inset: -16px 18px 22px -16px;
  border: 1px solid #b3dc6a20;
  border-radius: 18px;
  z-index: -1;
}
body .hero-terminal [class*="bg-dark-900"] { background-color: #090f0b !important; }
body .hero-terminal .text-emerald-400 { color: #b4ee70; }
body .hero-terminal .text-rose-400 { color: #dc8d83; }
body .hero-terminal [class*="bg-rose-500/"] { background-color: #dc8d8314; }
body .hero-terminal [class*="bg-emerald-500/"] { background-color: #b4ee7015; }
body #exchanges { background: #11180f !important; padding-block: 28px; border-color: #35432a; }
body #exchanges .animate-marquee > div { border: 0; background: transparent; padding: 14px 28px; }
body #exchanges .animate-marquee > div > span:first-of-type { color: #d7dfce; font-family: inherit; font-size: 20px; letter-spacing: -.04em; }
body #exchanges .animate-marquee { gap: 8px; animation-duration: 45s; }
body section:not(:first-of-type):not(#exchanges) { padding-block: 110px; }
body section > div > .text-center { max-width: 780px; margin-left: 0; text-align: left; margin-bottom: 52px; }
body section > div > .text-center > p { margin-left: 0; max-width: 630px; font-size: 15px; }
body section > div > .text-center > .inline-flex { color: #c7f86b; }
body #services .grid { gap: 1px; background: #303a2b; border: 1px solid #303a2b; border-radius: 14px; overflow: hidden; }
body #services .glass-card { border: 0 !important; border-radius: 0; padding: 36px; min-height: 285px; }
body #services .glass-card > div > .w-10 { background: #c7f86b12; color: #c7f86b; border: 1px solid #c7f86b29; border-radius: 50%; height: 48px; width: 48px; margin-bottom: 28px; }
body #services .glass-card h3 { font-size: 19px; }
body #services .glass-card p { color: #9eae9f; }
body #portfolio { background: #090e0b !important; }
body #portfolioGrid .glass-card { border-radius: 10px; }
body #portfolioGrid [class*="text-xl"] { font-size: 25px; font-weight: 500; }
body #pricing { background: radial-gradient(ellipse at 50% 0,#c7f86b08,transparent 60%); }
body #pricing .glass-card { padding: 26px 20px; }
body #pricing .glass-card:nth-child(2) { background: linear-gradient(155deg,#2b3a20,#141c11) !important; border-color: #a4ce64 !important; box-shadow: 0 0 48px #c7f86b08 !important; }
body #pricing .glass-card .text-3xl { font-size: 38px; font-weight: 500; }
body #pricing .glass-card .flex.items-center.justify-between { gap: 8px; flex-wrap: wrap; }
body #performance { background: #121a10 !important; }
body #research .glass-card { border-radius: 12px; }
body #faq > div { max-width: 1050px; }
body #faq .glass-card { background: transparent !important; border-width: 0 0 1px !important; border-radius: 0; padding-block: 22px; }
body #faq .glass-card h3 { font-size: 17px; }
body #contact { background: radial-gradient(ellipse at 0 100%,#c7f86b10,transparent 60%),#0c120e !important; border-top-color: #465538; }
body #contact h2 { font-size: clamp(36px,4.5vw,60px); }
body #contact .glass-card { padding: 32px; }
body :is(input,select,textarea) { background: #0b100b !important; }
body footer { background: #060a07 !important; padding-top: 64px; }
body .exchange-sidebar { display: none; }
/* Deliberate hierarchy: a market desk above, a quiet brand network below. */
body .market-hero { padding-top: 82px !important; }
body .market-hero .hero-copy > .inline-flex { font-family: inherit; font-weight: 500; }
body .market-hero h1 .text-gradient-cyan { display: inline; }
body .hero-terminal .depth-visual { height: 104px; margin: 2px 0 20px; background: repeating-linear-gradient(0deg,transparent,transparent 25px,#ffffff05 26px); }
.depth-visual svg { display: block; width: 100%; height: 100%; }
body #exchanges.exchange-network { padding-block: 54px; background: #0c120e !important; border-block: 1px solid #ffffff12; }
.exchange-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.section-kicker { font-family: 'JetBrains Mono',monospace; font-size: 10px; letter-spacing: .16em; color: #a7bd92; }
body .exchange-heading h2 { font-size: clamp(26px,3vw,36px); margin-top: 10px; letter-spacing: -.045em; }
.exchange-heading p { color: #91a18e; font-size: 13px; max-width: 300px; }
.exchange-logo-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border: 1px solid #ffffff12; border-radius: 12px; overflow: hidden; gap: 1px; background: #ffffff0c; }
.exchange-brand { display: flex; align-items: center; gap: 13px; padding: 24px 22px; background: #111812; min-width: 0; transition: background .2s; }
.exchange-brand:hover { background: #1a2519; }
.exchange-brand img { width: 36px; height: 36px; object-fit: contain; border-radius: 8px; flex-shrink: 0; }
.exchange-brand span { color: #e3e9df; font-size: 17px; font-weight: 600; letter-spacing: -.035em; }
.exchange-brand svg { margin-left: auto; color: #7d9176; flex-shrink: 0; }
.exchange-footnote { display: flex; justify-content: space-between; gap: 16px; margin-top: 18px; color: #7e8e7d; font-size: 10px; }
.exchange-footnote > span:first-child { display: flex; align-items: center; gap: 8px; }
.exchange-footnote i { width: 5px; height: 5px; background: #c7f86b; border-radius: 50%; }
body #services { counter-reset: service; }
body #services .glass-card { position: relative; counter-increment: service; }
body #services .glass-card::after { content: '0' counter(service); position: absolute; top: 36px; right: 28px; font: 11px 'JetBrains Mono',monospace; color: #697c61; }
body #services .glass-card { background: linear-gradient(135deg,#172016,#10170f) !important; }
body #research .glass-card:hover h3 { color: #c7f86b; }
body #pricing .glass-card { transition: border-color .2s,transform .2s; }
body #pricing .glass-card:hover { transform: translateY(-4px); }
body #contact .glass-card { border-top: 2px solid #9dbf70 !important; }
@media(max-width:1023px) {
  .exchange-logo-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .exchange-brand { flex-direction: column; padding: 22px 10px; gap: 10px; }
  .exchange-brand svg { display: none; }
  .exchange-brand span { font-size: 15px; }
}
@media(max-width:600px) {
  .exchange-heading { align-items: start; flex-direction: column; gap: 12px; }
  .exchange-heading p { max-width: 100%; }
  .exchange-logo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .exchange-brand { flex-direction: row; padding: 20px 16px; gap: 12px; }
  .exchange-brand img { width: 30px; height: 30px; }
  .exchange-footnote { flex-direction: column; gap: 8px; }
  body .market-hero { padding-top: 44px !important; }
}
@media(min-width:1024px) and (max-width:1279px) {
  body nav > .lg\:flex { gap: 10px 14px; font-size: 11px; }
  body .market-hero .hero-layout { gap: 32px; }
  body #pricing .grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:1023px) {
  body .market-hero .hero-layout { grid-template-columns: minmax(0,1fr); gap: 50px; }
  body .market-hero h1 { max-width: 740px; }
  body .market-hero .hero-terminal { width: 100%; max-width: 640px; margin-inline: auto; }
}
@media(max-width:767px) {
  body nav { min-height: 80px; }
  body .market-hero { padding-top: 52px !important; padding-bottom: 52px !important; }
  body .market-hero h1 { font-size: clamp(39px,9vw,58px) !important; }
  body .market-hero .hero-copy > .pt-3 { gap: 24px; }
  body .market-hero .hero-terminal > .glass-card { padding: 16px; }
  .hero-terminal::before { inset: -10px 10px 16px -6px; }
  body section:not(:first-of-type):not(#exchanges) { padding-block: 64px; }
  body #services .glass-card { min-height: 0; padding: 28px; }
  body #contact .glass-card { padding: 22px; }
  body #pricing .glass-card { padding: 26px; }
  body section > div > .text-center { margin-bottom: 32px; }
}