/* Creative unique theme — flashtethercloud (not tetherflash.cc gold) */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&family=Quicksand:wght@700&display=swap');
:root {
  --theme-color: 2, 132, 199 !important;
  --theme-hex: #0284c7 !important;
  --theme-hex-secondary: #38bdf8 !important;
  --theme-accent: #38bdf8 !important;
  --theme-color-secondary: 2, 132, 199 !important;
  --theme-gradient: linear-gradient(135deg, #e0f2fe 0%, #0284c7 55%, #0369a1 100%) !important;
  --theme-gradient-vertical: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%) !important;
  --theme-gradient-text: linear-gradient(135deg, #0c4a6e 0%, #0284c7 100%) !important;
  --theme-glow: rgba(2, 132, 199, .35) !important;
  --theme-glow-strong: rgba(2, 132, 199, .55) !important;
  --body-bg: #f0f9ff !important;
  --card-bg: #ffffff !important;
  --text-color: #64748b !important;
  --heading-color: #0c4a6e !important;
  --black-color: #0c4a6e !important;
  --section-dark: #0c4a6e !important;
  --section-alt-bg: #f0f9ff !important;
  --tq-night: #0c4a6e !important;
  --tq-deep: #075985 !important;
  --tq-teal: #0284c7 !important;
  --tq-teal2: #38bdf8 !important;
  --tq-mint: #e0f2fe !important;
  --tq-ink: #0c4a6e !important;
  --tq-ink2: #64748b !important;
  --tq-pearl: #f0f9ff !important;
  --tq-pearl2: #ffffff !important;
  --tq-text: #64748b !important;
  --tq-muted: #64748b !important;
  --tq-tgrad: linear-gradient(120deg, #e0f2fe, #38bdf8, #7dd3fc) !important;
  --radius: 28px !important;
  --site-radius: 28px;
  --site-btn-radius: 999px;
}
html, body {
  background: #f0f9ff !important;
  color: #64748b;
  font-family: 'Nunito', system-ui, sans-serif !important;
  background-image: radial-gradient(ellipse at 50% -20%, #e0f2fe, transparent 55%), linear-gradient(180deg,#f0f9ff,#e0f2fe) !important;
}
body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: radial-gradient(ellipse at 30% 40%, rgba(56,189,248,.12), transparent 50%);
  background-size: 28px 28px;
}
h1, h2, h3, .tq-hero-h1, .logo-text, .section-title {
  font-family: 'Quicksand', system-ui, sans-serif !important;
  letter-spacing: 0;
}
.logo-text em { color: #0284c7 !important; font-style: normal; }
.tq-buy, .tq-btn-dark, .primary-btn, a.tq-buy {
  background: linear-gradient(135deg, #38bdf8, #0284c7 55%, #0369a1) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 28px rgba(2, 132, 199, .28) !important;
}
.tq-btn-line {
  border-color: #0284c7 !important;
  color: #0284c7 !important;
  border-radius: 999px !important;
}
.tq-hero, .tq-hero-glow {
  background: linear-gradient(180deg, rgba(2,132,199,.75) 0%, rgba(224,242,254,.95) 100%) !important;
}
.tq-hero-bg, .tq-hero img, img.tq-hero-bg {
  filter: hue-rotate(195deg) brightness(1.05) saturate(.85) !important;
  opacity: .42 !important;
}
/* coin restored in theme-motion.css */ /* hide sample gold coin — new composition */
.tq-bar, .header, .tq-sub { border-radius: 0 0 28px 28px !important; }
.pricing-card, .tq-card, .faq-item, .blog-card, .fus-card {
  border-radius: 28px !important;
}
.cta-band, .tq-cta, .tq-ready {
  background: linear-gradient(135deg, #0c4a6e, #0284c7 55%, #0369a1) !important;
  color: #fff !important;
  border-radius: 28px !important;
}
::selection { background: rgba(2, 132, 199, .28); }
@media (max-width: 860px) {
  .tq-hero-in, .hero-content { grid-template-columns: 1fr !important; }
  .tq-bar-in, .header-actions { flex-wrap: wrap !important; gap: .5rem; }
}
@media (max-width: 640px) {
  .tq-hero-h1, h1 { font-size: clamp(1.7rem, 8.5vw, 2.5rem) !important; line-height: 1.15 !important; }
  .logo-text { font-size: clamp(.8rem, 3.6vw, 1.05rem) !important; }
}

/* === TETHER_MOTION_START === */

/* === TETHER_MOTION_START === */
/* Unique tether motions for flashtether.cloud — shape:cloud */

@keyframes tqSpinCloud { 0%{transform:rotateY(0) translateY(0)} 50%{transform:rotateY(180deg) translateY(-10px)} 100%{transform:rotateY(360deg) translateY(0)} }
@keyframes tqOrbitCloud { to { transform: rotate(360deg); } }
@keyframes tqSoftCloud { 0%,100%{transform:translate(0,0)} 50%{transform:translate(10px,-22px)} }
@keyframes tqFadeUpCloud { from{opacity:0;transform:translateY(36px)} to{opacity:1;transform:none} }
@keyframes tqBreathCloud { 0%,100%{transform:scale(1)} 50%{transform:scale(1.04)} }
@keyframes tqTetherDrift { 0%,100%{transform:translate(0,0)} 25%{transform:translate(12px,-8px)} 75%{transform:translate(-10px,6px)} }


.tq-coin, .tq-coin-stage { display:block !important; }
.tq-coin-stage { filter: drop-shadow(0 24px 50px rgba(56,189,248,.35)); }
.tq-coin { border-radius:28px !important; animation:tqSpinCloud 11s ease-in-out infinite; }
.tq-coin-face { border-radius:28px !important; background:linear-gradient(180deg,#e0f2fe,#0284c7) !important; border:3px solid #fff !important; box-shadow:inset 0 -8px 20px rgba(2,132,199,.25); }
.tq-coin-back span { color:#0369a1 !important; }
.tq-orbit { border-radius:40px !important; border-style:dotted !important; border-color:rgba(56,189,248,.5) !important; animation:tqOrbitCloud 20s linear infinite; }
.tq-orbit-2 { animation-duration:13s; animation-direction:reverse; }
.tq-float { border-radius:28px !important; animation:tqSoftCloud 5s ease-in-out infinite; background:rgba(255,255,255,.88) !important; box-shadow:0 10px 30px rgba(2,132,199,.15) !important; }
.tq-float-b { animation-delay:.7s; } .tq-float-c { animation-delay:1.4s; }


/* ---- site-wide motion (unique timing via vars) ---- */
.tq-buy, .tq-btn-dark, .primary-btn, a.tq-buy {
  animation: tqBreathCloud 3s ease-in-out infinite !important;
}
.pricing-card, .tq-card, .faq-item, .blog-card, .fus-card, .feature-card,
.tq-plan, .plan-card, .review-card, .team-card {
  animation: tqFadeUpCloud .9s ease both;
  animation-timeline: view();
  animation-range: entry 0% cover 35%;
}
@supports not (animation-timeline: view()) {
  .pricing-card, .tq-card, .faq-item, .blog-card, .fus-card, .feature-card,
  .tq-plan, .plan-card, .review-card, .team-card {
    animation: tqFadeUpCloud .9s ease both;
  }
}
@keyframes tqMarqueeShared { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.logo-track {
  animation: tqMarqueeShared 28s linear infinite;
}
.tq-hero-h1, .tq-hero-line, .tq-hero-cta {
  animation: tqFadeUpCloud .9s ease both;
}
.tq-hero-h1 { animation-delay: .05s; }
.tq-hero-line { animation-delay: .15s; }
.tq-hero-cta { animation-delay: .28s; }
.cta-band, .tq-cta, .tq-ready {
  position: relative;
  overflow: hidden;
}
.cta-band::after, .tq-cta::after, .tq-ready::after {
  content: "₮";
  position: absolute;
  right: 8%;
  top: 20%;
  font-size: clamp(3rem, 8vw, 6rem);
  opacity: .18;
  animation: tqTetherDrift 6s ease-in-out infinite;
  pointer-events: none;
  font-weight: 800;
  color: #38bdf8;
}
.collaborators .client-logo {
  transition: transform .35s ease, color .35s ease;
}
.collaborators .client-logo:hover {
  transform: translateY(-4px) scale(1.05);
  color: #38bdf8;
}
/* mini tether badges in multiple zones */
.tq-motion-tether {
  position: absolute;
  width: 42px; height: 42px;
  border-radius: 28px;
  background: linear-gradient(135deg, #0284c7, #38bdf8);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 1.1rem;
  animation: tqTetherDrift 5.5s ease-in-out infinite;
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  z-index: 2;
  pointer-events: none;
}
.tq-motion-tether--a { top: 12%; left: 6%; animation-delay: 0s; }
.tq-motion-tether--b { top: 28%; right: 7%; animation-delay: .8s; animation-duration: 7s; }
.tq-motion-tether--c { bottom: 18%; left: 10%; animation-delay: 1.4s; animation-duration: 6.2s; }
.tq-motion-tether--d { bottom: 22%; right: 12%; animation-delay: .4s; animation-duration: 8s; }
.section, .tq-plans, .pricing, .faq, .tq-blog, .cta-band, .tq-ready, .about, .project {
  position: relative;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
@media (max-width: 640px) {
  .tq-motion-tether { width: 32px; height: 32px; font-size: .9rem; opacity: .85; }
  .tq-orbit { opacity: .55; }
}


/* === TETHER_MOTION_END === */