/* A&A MOTION SYSTEM v2.3 — Background geometry + refined microinteractions */

/* ── Ambient glow orbs ── */
.ambient-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(120px);z-index:0;animation:orbPulse 12s ease-in-out infinite}
.ambient-orb.gold{background:rgba(200,164,92,0.04)}
@keyframes orbPulse{0%,100%{transform:translate(0,0) scale(1);opacity:0.5}33%{transform:translate(30px,-20px) scale(1.15);opacity:0.7}66%{transform:translate(-20px,15px) scale(0.9);opacity:0.4}}

/* ── Cursor glow (desktop only) ── */
.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(200,164,92,0.04),transparent 70%);transform:translate(-50%,-50%);transition:opacity 0.4s;opacity:0;will-change:left,top}
.cursor-glow.active{opacity:1}
@media(max-width:1024px){.cursor-glow{display:none}}

/* ── Scroll progress bar ── */
.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);z-index:101;transition:width 0.1s linear;box-shadow:0 0 8px rgba(200,164,92,0.5)}

/* ── Enhanced nav ── */
nav{transition:all 0.4s;border-bottom:1px solid transparent}
nav.scrolled{background:rgba(10,15,30,0.96);border-bottom-color:var(--border);box-shadow:0 1px 20px rgba(0,0,0,0.3)}
nav .logo{transition:all 0.4s}
nav.scrolled .logo{font-size:1.15rem}
nav a{position:relative}
nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width 0.3s}
nav a:hover::after,nav a.active::after{width:100%}
nav .cta::after{display:none}
nav .cta:hover{background:rgba(200,164,92,0.1);box-shadow:0 0 20px rgba(200,164,92,0.15)}

/* ── Refined card hover — Old Money micro-elevation ── */
.pain-card, .proof-card, .svc-plan, .tier-card, .cc-card, .cc-tier,
.guarantee-card, .founder-card, .stat-card, .how-step {
  transition: border-color 0.35s, transform 0.35s, box-shadow 0.35s;
}
.pain-card:hover, .proof-card:hover, .svc-plan:hover, .tier-card:hover,
.cc-card:hover, .cc-tier:hover, .guarantee-card:hover, .founder-card:hover,
.stat-card:hover, .how-step:hover {
  border-color: var(--gold);
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
}

/* ── Buttons — refined ── */
.btn-primary{transition:all 0.35s}
.btn-primary:hover{background:var(--gold-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,164,92,0.25)}
.btn-outline{transition:all 0.35s}
.btn-outline:hover{background:rgba(200,164,92,0.08);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,164,92,0.12)}

/* ── WhatsApp float pulse ── */
.whatsapp-float{animation:floatPulse 3s ease-in-out infinite}
.whatsapp-float:hover{transform:scale(1.12);box-shadow:0 6px 32px rgba(37,211,102,0.4);animation-play-state:paused}
@keyframes floatPulse{0%,100%{box-shadow:0 4px 24px rgba(0,0,0,0.4)}50%{box-shadow:0 4px 32px rgba(37,211,102,0.35)}}

/* ── Section gold accent line ── */
.gold-accent{position:relative;overflow:hidden}
.gold-accent::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0.3}