/* Unique theme for flash-usd.xyz */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Space+Grotesk:wght@500;700&display=swap');
:root {
  --theme-color: 14, 116, 144 !important;
  --theme-hex: #0e7490 !important;
  --theme-hex-secondary: #14b8a6 !important;
  --theme-accent: #14b8a6 !important;
  --theme-gradient: linear-gradient(135deg, #2dd4bf 0%, #0e7490 55%, #155e75 100%) !important;
  --theme-gradient-vertical: linear-gradient(180deg, #14b8a6 0%, #0e7490 100%) !important;
  --theme-gradient-text: linear-gradient(135deg, #0f172a 0%, #0f172a 50%, #0e7490 100%) !important;
  --body-bg: #f0f9fb !important;
  --card-bg: #ffffff !important;
  --text-color: #475569 !important;
  --heading-color: #0f172a !important;
  --black-color: #0f172a !important;
  --tn-night: #0b1c22 !important;
  --tn-deep: #12303a !important;
  --tn-ox: #0e7490 !important;
  --tn-ox2: #155e75 !important;
  --tn-ox3: #2dd4bf !important;
  --tn-sap: #0e7490 !important;
  --tn-sap2: #14b8a6 !important;
  --tn-champ: #14b8a6 !important;
  --tn-champ2: #5eead4 !important;
  --tn-champl: #2dd4bf !important;
  --tn-cgrd: linear-gradient(120deg, #2dd4bf 0%, #14b8a6 50%, #5eead4 100%) !important;
  --tn-ogrd: linear-gradient(135deg, #0e7490 0%, #155e75 100%) !important;
  --tn-sgrad: linear-gradient(135deg, #0e7490 0%, #0b1c22 100%) !important;
  --tn-rgrad: linear-gradient(120deg, #2dd4bf 0%, #14b8a6 50%, #5eead4 100%) !important;
  --site-radius: 18px;
  --site-btn-radius: 999px;
}
html, body {
  background: #f0f9fb !important;
  color: #475569;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  background-image: radial-gradient(ellipse at 12% 0%, rgba(45,212,191,.18), transparent 42%), radial-gradient(ellipse at 88% 18%, rgba(14,116,144,.12), transparent 40%) !important;
}
body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: repeating-linear-gradient(90deg, transparent, transparent 48px, rgba(14,116,144,.04) 48px, rgba(14,116,144,.04) 49px);
  background-size: 24px 24px;
  opacity: .9;
}
h1, h2, h3, .tn-hero-h, .logo-text, .section-title {
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
  letter-spacing: 0.02em;
}
.logo-text { letter-spacing: 0.02em !important; }
.logo-text em { color: #0e7490 !important; font-style: normal; }
.tn-util { background: #0b1c22 !important; }
.tn-live { background: #0e7490 !important; box-shadow: 0 0 0 4px rgba(14, 116, 144, .2) !important; }
.tn-buy, .primary-btn, .primary-btn3, .primary-btn4, a.tn-buy, .cm-wa {
  background: linear-gradient(135deg, #14b8a6, #0e7490 55%, #155e75) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 28px rgba(14, 116, 144, .25) !important;
}
.tn-nav a:hover, .tn-nav a.active { color: #0e7490 !important; }
.tn-header, .header, .pricing-card, .fus-card, .blog-card, .faq-item, .feature-card {
  border-radius: 18px !important;
}
.cta-band {
  background: linear-gradient(135deg, #0b1c22, #0e7490 55%, #155e75) !important;
  color: #fff !important;
  border-radius: 18px !important;
}
.cta-band h2, .cta-band p { color: #fff !important; }
.tn-netmap { background: #0b1c22 !important; }
.tn-netmap::before {
  content: "";
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(115deg, rgba(14,116,144,.88) 0%, rgba(11,28,34,.55) 55%, rgba(45,212,191,.25) 100%);
}
.tn-netmap-bg, .tn-hero-media img, .hero-bg img, .tn-hero img {
  opacity: .28 !important;
  filter: hue-rotate(160deg) saturate(1.05) brightness(.92) !important;
}
.tn-nums > div { background: rgba(0,0,0,.45) !important; border-radius: 18px !important; }
::selection { background: rgba(14, 116, 144, .28); }
@media (max-width: 860px) {
  .tn-netmap-in, .hero-content, .fus-new-grid { grid-template-columns: 1fr !important; }
  .tn-bar-in, .header-actions { flex-wrap: wrap !important; gap: .5rem; }
  .tn-nav { max-width: 100%; }
}
@media (max-width: 640px) {
  .tn-hero-h, h1 { font-size: clamp(1.75rem, 8.5vw, 2.5rem) !important; line-height: 1.15 !important; }
  .tn-nums { grid-template-columns: 1fr 1fr !important; gap: .75rem !important; }
  .logo-text { font-size: clamp(.85rem, 3.8vw, 1.05rem) !important; }
  .tn-util-long { display: none !important; }
  .header-actions .tn-buy { padding: .55rem 1rem !important; }
}
@media (max-width: 400px) {
  .tn-nums { grid-template-columns: 1fr !important; }
}