/* AgAu.ai V35.0 premium graphics layer
   Purpose: visual enhancement only. Preserves existing engine/data/cookie/ticker behaviour. */
:root {
  --agau-brand-dark-hero: url("../agau-brand/assets/dark/webp/06_hero_background_artwork.webp");
  --agau-brand-light-hero: url("../agau-brand/assets/light/webp/06_hero_background_artwork_light.webp");
  --agau-brand-dark-wave: url("../agau-brand/assets/dark/webp/02_flowing_wave_divider_dark.webp");
  --agau-brand-light-wave: url("../agau-brand/assets/light/webp/02_flowing_wave_divider_light.webp");
  --agau-brand-dark-chart: url("../agau-brand/assets/dark/webp/03_long_term_chart_background.webp");
  --agau-brand-light-chart: url("../agau-brand/assets/light/webp/03_long_term_chart_background_light.webp");
  --agau-brand-dark-banner: url("../agau-brand/assets/dark/webp/05_section_banner_1_wave.webp");
  --agau-brand-light-banner: url("../agau-brand/assets/light/webp/05_section_banner_light_1_wave.webp");
  --agau-brand-dark-motif: url("../agau-brand/assets/dark/png/01_primary_market_motif_transparent.png");
  --agau-brand-light-motif: url("../agau-brand/assets/light/png/01_primary_market_motif_light.png");
  --agau-brand-card-glow: rgba(224, 180, 76, .16);
}

/* Header logo: keeps the old hardfix dimensions but swaps in the new sans-serif v35 wordmark. */
.site-header .brand {
  background-image: url("../images/agau-logo-v35.svg") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}
.site-header .brand img.brand-logo { opacity: 0 !important; }
.site-footer img[src*="agau-logo"], footer img[src*="agau-logo"] { filter: saturate(1.04) contrast(1.04); }

/* Premium surface refresh without changing layout/IDs. */
body {
  background-image:
    radial-gradient(circle at 8% 2%, rgba(224,180,76,.16), transparent 34rem),
    radial-gradient(circle at 86% 10%, rgba(192,199,209,.08), transparent 32rem),
    linear-gradient(180deg, rgba(8,19,32,.94), rgba(8,11,16,1));
}
html[data-theme="light"] body,
html:not([data-theme="dark"]) body {
  background-image:
    radial-gradient(circle at 8% 0%, rgba(224,180,76,.12), transparent 34rem),
    radial-gradient(circle at 86% 8%, rgba(169,178,190,.20), transparent 30rem),
    linear-gradient(180deg, #f8fafc, #eef2f7);
}

.hero, .dashboard-hero, .section-title, .daily-outlook-card, .hero-panel, .premium-card, .driver-card, .market-card, .locked-card, .story-card, .platform-card, .research-card, .method-card {
  position: relative;
}
.home-visitor-hero,
.hero.home-visitor-hero {
  isolation: isolate;
  overflow: hidden;
  border-radius: 34px;
  padding-inline: clamp(18px, 3vw, 34px);
  margin-top: 14px;
}
.home-visitor-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  border-radius: inherit;
  background-image: linear-gradient(90deg, rgba(8,19,32,.98), rgba(8,19,32,.80) 44%, rgba(8,19,32,.35)), var(--agau-brand-dark-hero);
  background-position: center;
  background-size: cover;
  opacity: .92;
}
.home-visitor-hero::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  border: 1px solid rgba(224,180,76,.14);
  pointer-events: none;
}
html[data-theme="light"] .home-visitor-hero::before,
html:not([data-theme="dark"]) .home-visitor-hero::before {
  background-image: linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.84) 44%, rgba(255,255,255,.45)), var(--agau-brand-light-hero);
  opacity: 1;
}
html[data-theme="light"] .home-visitor-hero::after,
html:not([data-theme="dark"]) .home-visitor-hero::after {
  border-color: rgba(15,29,51,.10);
}

.hero-panel, .daily-outlook-card, .premium-card, .signal-box, .insight-card, .driver-card, .market-card, .locked-card, .driver-item, .story-card, .paid-cta, .platform-feature-grid article, .research-card, .method-card, .rates-card, .xaut-card, .holder-card {
  backdrop-filter: blur(16px);
  border-color: rgba(224,180,76,.16);
}
html[data-theme="light"] .hero-panel,
html[data-theme="light"] .daily-outlook-card,
html[data-theme="light"] .premium-card,
html[data-theme="light"] .signal-box,
html[data-theme="light"] .insight-card,
html[data-theme="light"] .driver-card,
html[data-theme="light"] .market-card,
html[data-theme="light"] .locked-card,
html[data-theme="light"] .driver-item,
html[data-theme="light"] .story-card,
html[data-theme="light"] .paid-cta,
html[data-theme="light"] .platform-feature-grid article,
html[data-theme="light"] .research-card,
html[data-theme="light"] .method-card,
html[data-theme="light"] .rates-card,
html[data-theme="light"] .xaut-card,
html[data-theme="light"] .holder-card,
html:not([data-theme="dark"]) .hero-panel,
html:not([data-theme="dark"]) .daily-outlook-card,
html:not([data-theme="dark"]) .premium-card,
html:not([data-theme="dark"]) .signal-box,
html:not([data-theme="dark"]) .insight-card,
html:not([data-theme="dark"]) .driver-card,
html:not([data-theme="dark"]) .market-card,
html:not([data-theme="dark"]) .locked-card,
html:not([data-theme="dark"]) .driver-item,
html:not([data-theme="dark"]) .story-card,
html:not([data-theme="dark"]) .paid-cta,
html:not([data-theme="dark"]) .platform-feature-grid article,
html:not([data-theme="dark"]) .research-card,
html:not([data-theme="dark"]) .method-card,
html:not([data-theme="dark"]) .rates-card,
html:not([data-theme="dark"]) .xaut-card,
html:not([data-theme="dark"]) .holder-card {
  border-color: rgba(15,29,51,.10);
  box-shadow: 0 18px 50px rgba(35,50,71,.08);
}

/* Decorative gold/silver progression motif. */
.section-title::after,
.daily-outlook-head::after,
.proof-section::before,
.beta-section::before {
  content: "";
  display: block;
  width: min(520px, 100%);
  height: 74px;
  margin-top: 18px;
  background-image: var(--agau-brand-dark-wave);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  opacity: .58;
  pointer-events: none;
}
html[data-theme="light"] .section-title::after,
html[data-theme="light"] .daily-outlook-head::after,
html[data-theme="light"] .proof-section::before,
html[data-theme="light"] .beta-section::before,
html:not([data-theme="dark"]) .section-title::after,
html:not([data-theme="dark"]) .daily-outlook-head::after,
html:not([data-theme="dark"]) .proof-section::before,
html:not([data-theme="dark"]) .beta-section::before {
  background-image: var(--agau-brand-light-wave);
  opacity: .74;
}

/* Page-specific polish: add subtle market backgrounds where they help, without adding new markup. */
.daily-outlook-card::before,
.home-change-grid::before,
.signal-proof-strip::before,
.platform-feature-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .16;
  background-image: var(--agau-brand-dark-chart);
  background-size: cover;
  background-position: center;
  mask-image: linear-gradient(90deg, transparent, #000 35%, #000 100%);
}
html[data-theme="light"] .daily-outlook-card::before,
html[data-theme="light"] .home-change-grid::before,
html[data-theme="light"] .signal-proof-strip::before,
html[data-theme="light"] .platform-feature-grid::before,
html:not([data-theme="dark"]) .daily-outlook-card::before,
html:not([data-theme="dark"]) .home-change-grid::before,
html:not([data-theme="dark"]) .signal-proof-strip::before,
html:not([data-theme="dark"]) .platform-feature-grid::before {
  background-image: var(--agau-brand-light-chart);
  opacity: .20;
}
.daily-outlook-card > *, .home-change-grid > *, .signal-proof-strip > *, .platform-feature-grid > * { position: relative; z-index: 1; }

/* Use the approved app icon language in small logo/mark moments. */
.source-pill::after, .nav-cta::after, .button.primary::after {
  content: "";
  width: .45rem;
  height: .45rem;
  border-radius: 999px;
  background: currentColor;
  opacity: .65;
  margin-left: .2rem;
}

/* Lightweight scroll motion. Falls back cleanly where scroll-driven animation is unsupported. */
@keyframes agau-fade-up {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@supports (animation-timeline: view()) {
  .section > *, .hero-copy, .hero-panel, .dashboard-hero > *, .platform-feature-grid article, .research-card, .driver-card, .market-card {
    animation: agau-fade-up both;
    animation-timeline: view();
    animation-range: entry 5% cover 28%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .section > *, .hero-copy, .hero-panel, .dashboard-hero > *, .platform-feature-grid article, .research-card, .driver-card, .market-card { animation: none !important; transform: none !important; }
}

@media (max-width: 760px) {
  .home-visitor-hero,
  .hero.home-visitor-hero { border-radius: 24px; }
  .home-visitor-hero::before { background-position: 56% center; }
  .section-title::after, .daily-outlook-head::after { height: 52px; margin-top: 12px; }
}

/* V35.0 safety fix: pseudo artwork is contained inside existing grid/card blocks. */
.home-change-grid, .signal-proof-strip, .platform-feature-grid {
  position: relative;
  overflow: hidden;
}
.home-change-grid > *, .signal-proof-strip > *, .platform-feature-grid > * {
  position: relative;
  z-index: 1;
}