:root{--bg:#050712;--panel:#0c1226;--panel2:#111936;--text:#eef4ff;--muted:#b8c2d8;--gold:#ffd34d;--green:#2dd4a4;--line:#23304f;--shadow:0 24px 80px rgba(0,0,0,.42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,#172142 0%,#050712 42%,#03040a 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(18px,4vw,56px);background:rgba(5,7,18,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800}.brand img{width:38px;height:38px}nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px}nav a{text-decoration:none}.nav-cta{background:rgba(45,212,164,.14);color:#d9fff5;border:1px solid rgba(45,212,164,.4);padding:9px 14px;border-radius:999px}.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:38px;align-items:center;max-width:1180px;margin:0 auto;padding:84px clamp(18px,4vw,28px) 54px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:12px}.hero h1,.section h2{letter-spacing:-.04em;line-height:1.03}.hero h1{font-size:clamp(42px,6vw,78px);margin:10px 0 18px}.lead{font-size:clamp(18px,2vw,22px);color:#dce5fb;max-width:740px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:999px;background:linear-gradient(135deg,var(--gold),#ffb52e);color:#101010;font-weight:900;padding:15px 22px;box-shadow:0 16px 45px rgba(255,198,58,.2)}.button.secondary{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.micro,.fine-print{font-size:13px;color:var(--muted)}.hero-art{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow)}.hero-art img{width:100%;display:block;border-radius:18px}.trust-strip{max-width:1180px;margin:0 auto 28px;padding:0 clamp(18px,4vw,28px);display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-strip div,.card,.feature-grid article,.pricing-grid article,.app-grid div,.optin-box{background:rgba(12,18,38,.86);border:1px solid var(--line);border-radius:18px;padding:20px}.trust-strip strong,.app-grid strong{display:block;color:#fff}.trust-strip span,.app-grid span{display:block;color:var(--muted);font-size:14px}.section{max-width:1180px;margin:0 auto;padding:64px clamp(18px,4vw,28px)}.section h2{font-size:clamp(30px,4vw,48px);margin:8px 0 18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.wide{max-width:950px;color:var(--muted);font-size:18px}.check-list{margin:0;padding-left:20px}.check-list li{margin:8px 0}.feature-grid,.pricing-grid,.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.feature-grid article span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,211,77,.12);color:var(--gold);font-weight:900}.feature-grid h3,.pricing-grid h3{margin-bottom:8px}.feature-grid p,.pricing-grid p{color:var(--muted)}.dark-panel{background:linear-gradient(145deg,rgba(17,25,54,.95),rgba(7,11,24,.95));border:1px solid var(--line);border-radius:26px}.app-grid{grid-template-columns:repeat(2,1fr)}.highlight{border-color:rgba(255,211,77,.55)}.two-col{columns:2}.optin-box{text-align:left;background:linear-gradient(145deg,rgba(21,35,70,.94),rgba(7,10,22,.94));box-shadow:var(--shadow)}.optin-box .button{margin-top:18px}.pricing-grid{grid-template-columns:repeat(4,1fr)}.price{font-size:28px!important;color:var(--gold)!important;font-weight:900}.best{border-color:rgba(45,212,164,.58)}.faq details{background:rgba(12,18,38,.84);border:1px solid var(--line);border-radius:16px;margin:10px 0;padding:15px 18px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted)}.final-cta{text-align:center}.final-cta p{max-width:760px;margin:0 auto 24px;color:var(--muted)}.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:34px 18px;text-align:center;color:var(--muted);font-size:14px}.site-footer a{color:#dbe6ff}@media (max-width:900px){.hero,.grid-2{grid-template-columns:1fr}.trust-strip,.feature-grid,.pricing-grid{grid-template-columns:1fr 1fr}.app-grid{grid-template-columns:1fr}nav a:not(.nav-cta){display:none}.two-col{columns:1}}@media (max-width:560px){.site-header{padding:14px 16px}.brand span{font-size:14px}.hero{padding-top:48px}.trust-strip,.feature-grid,.pricing-grid{grid-template-columns:1fr}.cta-row .button{width:100%}}
body {
  background:
    radial-gradient(
      circle at center,
      rgba(255,255,255,0.03) 0%,
      rgba(3,8,25,0.20) 55%,
      rgba(3,8,25,0.45) 100%
    ),
    url("/assets/amazing-bg.png")
    center center / cover no-repeat fixed;
}

/* ===== Subtle Animation System ===== */
.card,
.feature-grid article,
.app-grid > div,
.trust-strip > div,
.optin-box,
.faq details {
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity .75s ease,
    transform .75s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease;
  will-change: opacity, transform;
}

.card.reveal,
.feature-grid article.reveal,
.app-grid > div.reveal,
.trust-strip > div.reveal,
.optin-box.reveal,
.faq details.reveal {
  opacity: 1;
  transform: translateY(0);
}

.card:hover,
.feature-grid article:hover,
.app-grid > div:hover,
.trust-strip > div:hover {
  transform: translateY(-6px);
  border-color: rgba(255,211,77,.48);
  box-shadow: 0 18px 48px rgba(0,0,0,.30);
  background: rgba(17,25,54,.92);
}

.optin-box:hover {
  transform: translateY(-4px);
  border-color: rgba(45,212,164,.52);
  box-shadow: 0 22px 60px rgba(0,0,0,.36);
}

.button {
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.button:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 20px 55px rgba(255,198,58,.28);
}

.button.secondary:hover {
  box-shadow: 0 14px 34px rgba(0,0,0,.22);
  border-color: rgba(255,255,255,.24);
}

.hero-copy {
  animation: heroFadeUp .9s ease both;
}

.hero-art {
  animation: heroFloat 6s ease-in-out infinite;
}

@keyframes heroFadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes heroFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.affiliate-note {
  max-width: 960px;
  margin: 0 auto 18px;
  color: #c9d4ea;
  font-size: 13px;
  line-height: 1.55;
}
@media (max-width: 768px) {

  body {

    background:
      radial-gradient(
        circle at center,
        rgba(255,255,255,0.04) 0%,
        rgba(3,8,25,0.15) 55%,
        rgba(3,8,25,0.35) 100%
      ),
      url("/assets/amazing-bg.png")
      center top / cover no-repeat scroll;

  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .card,
  .feature-grid article,
  .app-grid > div,
  .trust-strip > div,
  .optin-box,
  .faq details,
  .hero-copy,
  .hero-art,
  .button {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}