/* Shared presentation layer for the public Bitfilx website. */
:root {
  color-scheme: dark;
  --surface: #101a1e;
  --line: #29363a;
  --accent: #9ad8c0;
}
html { scroll-padding-top: 32px; }
body {
  background: #0b1316 !important;
  color: #e8eeec;
  font-family: 'Plus Jakarta Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.grid-bg { background-image: none !important; }
#geminiFlowCanvas { visibility: hidden; }
::selection { background: #9ad8c0; color: #0b1316; }
body .max-w-7xl { max-width: 1240px; }
body section { scroll-margin-top: 24px; }
body section:not(:first-of-type):not(#exchanges) {
  padding-top: 88px;
  padding-bottom: 88px;
}
body section[class*="bg-dark"] { background: #0e181b !important; }
body [class*="border-cyan-"] { border-color: var(--line) !important; }
body [class*="shadow-"] { box-shadow: none !important; }
body [class*="drop-shadow-"] { filter: none !important; }
body .glass-card {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}
body .glass-card-hover { transition: border-color .2s, background-color .2s; }
body .glass-card-hover:hover {
  transform: none;
  border-color: #608e7d !important;
  background: #142125 !important;
  box-shadow: none;
}
body .text-gradient-cyan, body .text-gradient-emerald {
  background: none;
  color: var(--accent);
  -webkit-text-fill-color: currentColor;
}
body :is(h1,h2,h3) { font-family: 'Plus Jakarta Sans', sans-serif; }
body h1 { font-weight: 600 !important; letter-spacing: -.055em !important; line-height: 1.09 !important; }
body h2 { font-weight: 600 !important; letter-spacing: -.04em; line-height: 1.2; }
body h3 { font-weight: 600 !important; letter-spacing: -.02em; }
body p { line-height: 1.8 !important; }
body p.text-xs { font-size: 13px; }
body p.text-sm { font-size: 15px; }
body .text-slate-300 { color: #b9c6c7; }
body .text-slate-400 { color: #94a7aa; }
body :is(.text-cyan-300,.text-cyan-400,.text-cyber-cyan) { color: var(--accent); }
body :is(.text-purple-300,.text-purple-400,.text-blue-300,.text-blue-400,.text-amber-300,.text-amber-400) { color: #b2c4cc; }
body [class*="bg-gradient-to-"]:is(a,button) {
  background: var(--accent) !important;
  color: #0c2119 !important;
  border: 1px solid var(--accent);
}
body :is(a,button)[class*="rounded-xl"] { border-radius: 7px; }
body :is(a,button)[class*="uppercase"] { text-transform: none; letter-spacing: .01em; }
body :is(a,button)[class*="bg-gradient-to-"]:hover { background: #b8e7d4 !important; }
body :is(button,a,input,select,textarea):focus-visible {
  outline: 2px solid var(--accent) !important;
  outline-offset: 4px;
}
body :is(input,select,textarea) {
  background: #0b1417 !important;
  border-color: #36464b !important;
  border-radius: 6px !important;
  min-height: 44px;
}
body input::placeholder, body textarea::placeholder { color: #819499; }
body nav { min-height: 92px; gap: 24px; border-bottom: 1px solid var(--line); }
body nav > .lg\:flex {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 18px;
  font-family: inherit;
  font-size: 11px;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.4;
}
body nav a { transition: color .2s; }
body nav a:hover { color: #e5fff3; }
body nav img { max-width: 150px; height: auto; max-height: 44px; }
body nav > div:last-child { gap: 8px; }
body nav > div:last-child > a { display: none; }
body nav button { min-height: 42px; }
body .animate-ping, body .animate-pulse, body .animate-pulse-slow { animation: none; }
body .floating-wa-btn { animation: none; bottom: 20px; right: 20px; }
body .exchange-sidebar { opacity: .6; }
body > section:first-of-type { padding-top: 80px; padding-bottom: 80px; }
body > section:first-of-type h1 { font-size: clamp(36px, 4.5vw, 62px); }
body > section:first-of-type h1 + p { margin-top: 24px; max-width: 570px; font-size: 16px; }
body > section:first-of-type .lg\:col-span-7 { padding-right: 20px; }
body > section:first-of-type .lg\:col-span-7 > .inline-flex {
  background: transparent;
  border: 0;
  padding: 0;
  font-size: 10px;
  letter-spacing: .08em;
  box-shadow: none;
}
body > section:first-of-type .lg\:col-span-7 > .grid.sm\:grid-cols-3 > div {
  background: transparent;
  border: 0;
  border-left: 1px solid #35464a;
  border-radius: 0;
  padding: 8px 12px;
}
body > section:first-of-type .lg\:col-span-5 > .glass-card {
  padding: 24px;
  border-top: 2px solid #9ad8c0 !important;
  box-shadow: 0 24px 64px #0003 !important;
}
body #services .glass-card { padding: 30px; }
body #services .glass-card h3 { font-size: 17px; }
body section > div > .text-center { margin-bottom: 48px; }
body section > div > .text-center > .inline-flex {
  background: none;
  border: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  color: #9ad8c0;
  font-size: 10px;
  letter-spacing: .12em;
  margin-bottom: 12px;
}
body #exchanges { background: #101b1e !important; padding-block: 26px; }
body #pricing .glass-card { border-radius: 12px; }
body #faq .glass-card { border-radius: 8px; }
body #faq button { min-height: 56px; }
body footer { background: #080f11 !important; line-height: 1.8; font-family: inherit !important; }
@media (min-width: 1024px) and (max-width: 1199px) {
  body nav { gap: 16px; }
  body nav > .lg\:flex { gap: 10px 12px; }
  body nav img { max-width: 116px; }
}
@media (max-width: 767px) {
  body nav { min-height: 76px; gap: 12px; }
  body nav img { max-width: 125px; }
  body section:not(:first-of-type):not(#exchanges) { padding-block: 56px; }
  body > section:first-of-type { padding-top: 44px; padding-bottom: 48px; }
  body > section:first-of-type .lg\:col-span-7 { padding-right: 0; }
  body > section:first-of-type h1 + p { font-size: 15px; }
  body > section:first-of-type .lg\:col-span-7 > .inline-flex { letter-spacing: .025em; font-size: 9px; }
  body #services .glass-card { padding: 24px; }
  body .floating-wa-btn { bottom: 14px; right: 14px; }
  body #contact { padding-bottom: 96px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  body *, body *::before, body *::after { animation: none !important; transition: none !important; }
}