/* Unique theme for flash-usd.shop */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root {
  --theme-color: 22, 101, 52 !important;
  --theme-hex: #166534 !important;
  --theme-hex-secondary: #16a34a !important;
  --theme-accent: #16a34a !important;
  --theme-gradient: linear-gradient(135deg, #4ade80 0%, #166534 55%, #14532d 100%) !important;
  --theme-gradient-vertical: linear-gradient(180deg, #16a34a 0%, #166534 100%) !important;
  --theme-gradient-text: linear-gradient(135deg, #14532d 0%, #14532d 50%, #166534 100%) !important;
  --body-bg: #f3faf4 !important;
  --card-bg: #ffffff !important;
  --text-color: #3f4f44 !important;
  --heading-color: #14532d !important;
  --black-color: #14532d !important;
  --tn-night: #0c1f14 !important;
  --tn-deep: #143824 !important;
  --tn-ox: #166534 !important;
  --tn-ox2: #14532d !important;
  --tn-ox3: #4ade80 !important;
  --tn-sap: #166534 !important;
  --tn-sap2: #16a34a !important;
  --tn-champ: #16a34a !important;
  --tn-champ2: #86efac !important;
  --tn-champl: #4ade80 !important;
  --tn-cgrd: linear-gradient(120deg, #4ade80 0%, #16a34a 50%, #86efac 100%) !important;
  --tn-ogrd: linear-gradient(135deg, #166534 0%, #14532d 100%) !important;
  --tn-sgrad: linear-gradient(135deg, #166534 0%, #0c1f14 100%) !important;
  --tn-rgrad: linear-gradient(120deg, #4ade80 0%, #16a34a 50%, #86efac 100%) !important;
  --site-radius: 12px;
  --site-btn-radius: 10px;
}
html, body {
  background: #f3faf4 !important;
  color: #3f4f44;
  font-family: 'Manrope', system-ui, sans-serif !important;
  background-image: linear-gradient(180deg, #f3faf4 0%, #e8f5eb 100%) !important;
}
body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: radial-gradient(circle at 20% 20%, rgba(22,101,52,.07) 0 2px, transparent 3px);
  background-size: 24px 24px;
  opacity: .9;
}
h1, h2, h3, .tn-hero-h, .logo-text, .section-title {
  font-family: 'Fraunces', Georgia, serif !important;
  letter-spacing: 0;
}
.logo-text { letter-spacing: 0 !important; }
.logo-text em { color: #166534 !important; font-style: normal; }
.tn-util { background: #0c1f14 !important; }
.tn-live { background: #166534 !important; box-shadow: 0 0 0 4px rgba(22, 101, 52, .2) !important; }
.tn-buy, .primary-btn, .primary-btn3, .primary-btn4, a.tn-buy, .cm-wa {
  background: linear-gradient(135deg, #16a34a, #166534 55%, #14532d) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px rgba(22, 101, 52, .25) !important;
}
.tn-nav a:hover, .tn-nav a.active { color: #166534 !important; }
.tn-header, .header, .pricing-card, .fus-card, .blog-card, .faq-item, .feature-card {
  border-radius: 12px !important;
}
.cta-band {
  background: linear-gradient(135deg, #0c1f14, #166534 55%, #14532d) !important;
  color: #fff !important;
  border-radius: 12px !important;
}
.cta-band h2, .cta-band p { color: #fff !important; }
.tn-netmap { background: #0c1f14 !important; }
.tn-netmap::before {
  content: "";
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(160deg, rgba(22,101,52,.9) 0%, rgba(12,31,20,.5) 60%, rgba(134,239,172,.2) 100%);
}
.tn-netmap-bg, .tn-hero-media img, .hero-bg img, .tn-hero img {
  opacity: .28 !important;
  filter: hue-rotate(85deg) saturate(.95) brightness(.9) !important;
}
.tn-nums > div { background: rgba(0,0,0,.45) !important; border-radius: 12px !important; }
::selection { background: rgba(22, 101, 52, .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; }
}