/* 3M Capital Holdings — "quantum" overlay. Purely visual: no copy, links, forms or pricing are changed. */
@property --qx-a { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
:root { --qx-cyan: #22d3ee; --qx-blue: #38bdf8; --qx-violet: #8b5cf6; --qx-glow: rgba(34, 211, 238, 0.35); }

#qx-bg { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; display: block; }
.bg-mesh { animation: qx-aurora 18s ease-in-out infinite alternate; }
@keyframes qx-aurora { 0% { transform: translate3d(0,0,0) scale(1); opacity: .9; } 100% { transform: translate3d(-2%, 3%, 0) scale(1.12); opacity: 1; } }

#qx-progress { position: fixed; top: 0; left: 0; height: 2px; width: 100%; z-index: 200; transform-origin: 0 50%; transform: scaleX(0); background: linear-gradient(90deg, var(--qx-cyan), var(--qx-violet)); box-shadow: 0 0 12px var(--qx-glow); pointer-events: none; }

/* nav */
nav { border-image: linear-gradient(90deg, transparent, rgba(34,211,238,.45), rgba(139,92,246,.35), transparent) 1; }
.nav-links a:not(.nav-cta) { position: relative; }
.nav-links a:not(.nav-cta)::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 1px; background: linear-gradient(90deg, var(--qx-cyan), var(--qx-violet)); transform: scaleX(0); transform-origin: 0 50%; transition: transform .35s ease; }
.nav-links a:not(.nav-cta):hover::after { transform: scaleX(1); }
.nav-cta { box-shadow: 0 0 0 0 var(--qx-glow); animation: qx-ring 2.8s ease-out infinite; }
@keyframes qx-ring { 0% { box-shadow: 0 0 0 0 rgba(34,211,238,.45); } 70%, 100% { box-shadow: 0 0 0 12px rgba(34,211,238,0); } }

/* hero */
.hero { position: relative; isolation: isolate; }
.hero h1 span { background: linear-gradient(100deg, #22d3ee 0%, #7dd3fc 30%, #a78bfa 55%, #22d3ee 80%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--qx-cyan); animation: qx-shimmer 7s linear infinite; }
@keyframes qx-shimmer { to { background-position: -220% 0; } }
.hero img { animation: qx-float 7s ease-in-out infinite; }
@keyframes qx-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.qx-orbit { position: absolute; left: 50%; top: 210px; width: 0; height: 0; z-index: -1; pointer-events: none; }
.qx-orbit i { position: absolute; left: 0; top: 0; border-radius: 50%; border: 1px solid rgba(34,211,238,.22); transform: translate(-50%, -50%) rotateX(68deg) rotateZ(var(--qx-a)); animation: qx-spin 24s linear infinite; }
.qx-orbit i::after { content: ""; position: absolute; top: -3px; left: 50%; width: 6px; height: 6px; border-radius: 50%; background: var(--qx-cyan); box-shadow: 0 0 14px 3px var(--qx-glow); }
.qx-orbit i:nth-child(1) { width: 420px; height: 420px; }
.qx-orbit i:nth-child(2) { width: 640px; height: 640px; border-color: rgba(139,92,246,.2); animation-duration: 38s; animation-direction: reverse; }
.qx-orbit i:nth-child(2)::after { background: var(--qx-violet); box-shadow: 0 0 14px 3px rgba(139,92,246,.4); }
.qx-orbit i:nth-child(3) { width: 880px; height: 880px; border-color: rgba(56,189,248,.12); animation-duration: 56s; }
@keyframes qx-spin { to { --qx-a: 360deg; } }
.stat { transition: transform .3s ease; }
.stat:hover { transform: translateY(-3px); }
.stat-value { text-shadow: 0 0 22px rgba(34,211,238,.35); }

/* buttons */
.btn { position: relative; overflow: hidden; }
.btn-primary { box-shadow: 0 0 28px rgba(34,211,238,.28); }
.btn-primary::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.35) 50%, transparent 65%); transform: translateX(-120%); animation: qx-sheen 4.2s ease-in-out infinite; pointer-events: none; }
@keyframes qx-sheen { 0%, 55% { transform: translateX(-120%); } 85%, 100% { transform: translateX(120%); } }
.btn:hover { box-shadow: 0 0 34px rgba(34,211,238,.4); }

/* cards: pointer glow + animated border */
.feature-card, .result-card, .indicator-card, .price-card, .coach-card, .community-card { position: relative; }
.feature-card::after, .result-card::after, .indicator-card::after, .price-card::after, .coach-card::after, .community-card::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .35s ease;
  background: radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%), rgba(34,211,238,.13), transparent 60%);
}
.feature-card:hover::after, .result-card:hover::after, .indicator-card:hover::after, .price-card:hover::after, .coach-card:hover::after, .community-card:hover::after { opacity: 1; }
.price-card.featured { border-color: transparent; background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box, conic-gradient(from var(--qx-a), #22d3ee, #8b5cf6, #38bdf8, #22d3ee) border-box; border: 1px solid transparent; animation: qx-spin 10s linear infinite; box-shadow: 0 0 40px rgba(34,211,238,.16); }
.price-card, .feature-card { transition: transform .35s ease, border-color .3s ease, box-shadow .35s ease; }
.price-card:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(0,0,0,.55), 0 0 28px rgba(34,211,238,.14); }
.feature-icon { box-shadow: 0 0 22px rgba(34,211,238,.18) inset; animation: qx-breathe 4s ease-in-out infinite; }
@keyframes qx-breathe { 0%, 100% { box-shadow: 0 0 10px rgba(34,211,238,.10) inset; } 50% { box-shadow: 0 0 26px rgba(34,211,238,.30) inset; } }
.section-label { letter-spacing: .18em; text-shadow: 0 0 16px rgba(34,211,238,.4); }
.badge { box-shadow: 0 0 24px rgba(34,211,238,.16); backdrop-filter: blur(6px); }
.badge-dot { box-shadow: 0 0 10px var(--qx-cyan); }
.tg-top { background-size: 200% 100%; animation: qx-slide 9s linear infinite; }
@keyframes qx-slide { to { background-position: 200% 0; } }

/* scroll reveal (only active when JS has marked the page) */
html.qx .qx-pre { opacity: 0; transform: translateY(30px); transition: none; }
html.qx .qx-show { transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1), border-color .3s ease, box-shadow .35s ease; }

@media (max-width: 760px) { .qx-orbit { top: 190px; } .qx-orbit i:nth-child(3) { display: none; } .qx-orbit i:nth-child(2) { width: 520px; height: 520px; } .qx-orbit i:nth-child(1) { width: 340px; height: 340px; } }
@media (prefers-reduced-motion: reduce) {
  .bg-mesh, .nav-cta, .hero h1 span, .hero img, .qx-orbit i, .btn-primary::after, .price-card.featured, .feature-icon, .tg-top { animation: none !important; }
  html.qx .qx-pre { opacity: 1; transform: none; }
}

/* Live XRP Tracker nav link */
.nav-live{display:inline-flex;align-items:center;gap:8px;color:#67e8f9 !important;font-weight:600 !important;padding:6px 12px;border:1px solid rgba(34,211,238,.4);border-radius:999px;background:rgba(34,211,238,.08);white-space:nowrap}
.nav-live:hover{background:rgba(34,211,238,.16);border-color:rgba(34,211,238,.7)}
.nl-dot{width:8px;height:8px;border-radius:50%;background:#36f3b6;box-shadow:0 0 0 0 rgba(54,243,182,.7);animation:nlpulse 1.8s infinite}
@keyframes nlpulse{0%{box-shadow:0 0 0 0 rgba(54,243,182,.6)}70%{box-shadow:0 0 0 8px rgba(54,243,182,0)}100%{box-shadow:0 0 0 0 rgba(54,243,182,0)}}
@media (prefers-reduced-motion:reduce){.nl-dot{animation:none}}
.mobile-menu .nav-live{justify-content:center}

/* prevent sideways page scroll on phones */
html,body{overflow-x:clip}