/* ============================================================
   Home-page elevation layer.
   Loaded ONLY on index.html.
   Adds photo backdrops, color depth, 3D card hovers, gradient
   accents, and entry animations to every existing section
   without changing any content. Pure visual polish.
   ============================================================ */

/* ── Hero: full-bleed photo backdrop with classical-justice imagery ── */
.hero {
  position: relative;
  background:
    linear-gradient(135deg, rgba(10,21,37,0.82) 0%, rgba(17,34,64,0.76) 60%, rgba(10,21,37,0.92) 100%),
    url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?w=1920&q=80&auto=format&fit=crop') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #fff !important;
  overflow: hidden;
  isolation: isolate;
}
.hero::before {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(circle at 20% 25%, rgba(201,168,76,0.20) 0%, transparent 55%),
    radial-gradient(circle at 80% 75%, rgba(45,74,122,0.45) 0%, transparent 55%);
  pointer-events: none; z-index: 0;
}
.hero::after {
  content: ''; position: absolute; inset: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(201,168,76,0.04) 0px, rgba(201,168,76,0.04) 1px, transparent 1px, transparent 36px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,0.025) 0px, rgba(255,255,255,0.025) 1px, transparent 1px, transparent 36px);
  pointer-events: none; z-index: 0;
}
.hero-container, .hero-content, .hero-visual { position: relative; z-index: 2; }

/* Hero photo (Larry portrait) — bigger, gold-ringed */
.hero-content > img[src*="larry-trustee-ai"] {
  width: 120px !important; height: 120px !important;
  border-radius: 50% !important;
  border: 4px solid rgba(232,200,102,0.85);
  box-shadow: 0 16px 40px rgba(0,0,0,0.5), 0 0 0 12px rgba(201,168,76,0.1);
  object-fit: cover; object-position: center top;
  margin-bottom: 24px !important;
}

/* Hero typography — light theme reversal */
.hero-title { color: #fff !important; }
.hero-title .text-gradient {
  background: linear-gradient(135deg, #e8c866, #f0da8a, #d4b85c) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.hero-subtitle { color: rgba(255,255,255,0.85) !important; }
.hero-badge {
  background: rgba(201,168,76,0.18) !important;
  border: 1px solid rgba(201,168,76,0.45) !important;
  color: #e8c866 !important;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}

/* Stats text on dark hero */
.stat-number { color: #e8c866 !important; }
.stat-label { color: rgba(255,255,255,0.7) !important; }
.stat-divider { background: rgba(255,255,255,0.15) !important; }

/* Hero visual card glass effect */
.hero-card {
  background: linear-gradient(160deg, rgba(255,255,255,0.96), rgba(255,255,255,0.88)) !important;
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.4) !important;
  box-shadow: 0 30px 70px rgba(0,0,0,0.4), 0 0 0 1px rgba(201,168,76,0.2) !important;
  transition: transform 0.5s ease;
}
.hero-card:hover { transform: translateY(-6px) rotateX(-2deg) rotateY(2deg); }

/* Phase-1 status card under hero */
.chain-status-card {
  background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04)) !important;
  backdrop-filter: blur(14px);
  border-color: rgba(201,168,76,0.4) !important;
}

/* ── Social Proof Bar ── */
.social-proof {
  background: linear-gradient(180deg, #fff 0%, #faf7f0 100%) !important;
  border-top: 3px solid rgba(201,168,76,0.35) !important;
  border-bottom: 1px solid rgba(201,168,76,0.15);
}
.proof-item {
  transition: transform 0.3s ease, color 0.3s ease;
}
.proof-item:hover { transform: translateY(-3px); color: #a68a3a; }
.proof-item svg { color: #c9a84c; }

/* ── How It Works ── library/wisdom backdrop, 3D step cards ── */
.how-it-works {
  position: relative;
  background:
    linear-gradient(180deg, rgba(250,247,240,0.97) 0%, rgba(255,255,255,0.97) 100%),
    url('https://images.unsplash.com/photo-1568667256549-094345857637?w=1600&q=70&auto=format&fit=crop');
  background-size: cover; background-position: center;
}
.step-card {
  background: #fff !important;
  border: 1px solid rgba(229,231,235,0.9);
  border-radius: 18px;
  padding: 32px 24px;
  box-shadow: 0 4px 16px rgba(12,26,46,0.06);
  transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.45s, border-color 0.3s;
  position: relative; overflow: hidden;
}
.step-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #c9a84c, #e8c866, #c9a84c);
  opacity: 0; transition: opacity 0.3s;
}
.step-card:hover {
  transform: translateY(-10px) perspective(900px) rotateX(2deg);
  box-shadow: 0 28px 60px rgba(12,26,46,0.15);
  border-color: rgba(201,168,76,0.5);
}
.step-card:hover::before { opacity: 1; }
.step-icon {
  background: linear-gradient(135deg, #faf0cc, #fff) !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  color: #a68a3a !important;
  box-shadow: 0 4px 14px rgba(201,168,76,0.18);
}
.step-number {
  font-family: 'Playfair Display', Georgia, serif;
  background: linear-gradient(135deg, #c9a84c, #e8c866);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ── Trust Types Section: dark notebook/document backdrop + glassy cards ── */
.trust-types {
  position: relative;
  background:
    linear-gradient(180deg, rgba(12,26,46,0.92), rgba(17,34,64,0.95)),
    url('https://images.unsplash.com/photo-1455390582262-044cdead277a?w=1920&q=70&auto=format&fit=crop') !important;
  background-size: cover !important; background-position: center !important;
  color: #fff;
}
.trust-types .section-tag { color: #e8c866; background: rgba(201,168,76,0.18); border-color: rgba(201,168,76,0.4); }
.trust-types .section-title { color: #fff; }
.trust-types .section-subtitle { color: rgba(255,255,255,0.8); }
.trust-types-card,
.trust-types .card,
.trust-card,
.trust-category {
  background: linear-gradient(160deg, rgba(255,255,255,0.97), rgba(250,247,240,0.97)) !important;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(201,168,76,0.3) !important;
  border-radius: 18px !important;
  color: #112240 !important;
  transition: transform 0.4s cubic-bezier(0.2,0.8,0.2,1), border-color 0.3s, box-shadow 0.4s;
  box-shadow: 0 12px 32px rgba(0,0,0,0.35);
}
.trust-types-card:hover,
.trust-types .card:hover,
.trust-card:hover,
.trust-category:hover {
  transform: translateY(-10px) perspective(900px) rotateX(2deg) rotateY(-1deg);
  border-color: rgba(232,200,102,0.7) !important;
  box-shadow: 0 28px 56px rgba(0,0,0,0.55);
}
.trust-types .category-header,
.trust-types .trust-category h3,
.trust-types .trust-category h4,
.trust-types .trust-category .trust-name { color: #0c1a2e !important; }
.trust-types .trust-category .trust-desc,
.trust-types .trust-category p { color: #4b5563 !important; }
.trust-types .trust-category .category-icon {
  background: linear-gradient(135deg, #faf0cc, #fff) !important;
  border: 1px solid rgba(201,168,76,0.4) !important;
  color: #a68a3a !important;
}

/* ── Features Section: visible photo backdrop, no white wash ── */
.features {
  position: relative;
  background-image:
    linear-gradient(180deg, rgba(10,21,37,0.62) 0%, rgba(17,34,64,0.55) 50%, rgba(10,21,37,0.72) 100%),
    url('https://images.unsplash.com/photo-1481627834876-b7833e8f5570?w=1920&q=80&auto=format&fit=crop');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  color: #fff;
}
.features::before { display: none; }
.features > * { position: relative; z-index: 1; }
.features .section-tag {
  background: rgba(201,168,76,0.2);
  color: #e8c866;
  border-color: rgba(201,168,76,0.45);
  backdrop-filter: blur(8px);
}
.features .section-title { color: #fff !important; }
.features .section-subtitle { color: rgba(255,255,255,0.85) !important; }
/* Feature cards: keep white but with stronger shadow so they pop on the photo */
.feature-card {
  background: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.25) !important;
}
.feature-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 4px 16px rgba(12,26,46,0.05);
  transition: transform 0.4s cubic-bezier(0.2,0.8,0.2,1), border-color 0.3s, box-shadow 0.4s;
}
.feature-card:hover {
  transform: translateY(-8px) perspective(800px) rotateY(-1deg);
  border-color: rgba(201,168,76,0.5);
  box-shadow: 0 22px 48px rgba(12,26,46,0.12);
}

/* ── Trading Algorithm: dramatic dark with chart imagery ── */
.trading-algo {
  background:
    linear-gradient(180deg, rgba(8,16,32,0.95), rgba(12,26,46,0.92)),
    url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=1920&q=70&auto=format&fit=crop') !important;
  background-size: cover !important; background-position: center !important;
}

/* ── About Section: visible partnership/help photo backdrop ── */
.about {
  position: relative;
  background-image:
    linear-gradient(180deg, rgba(10,21,37,0.68) 0%, rgba(17,34,64,0.58) 50%, rgba(10,21,37,0.78) 100%),
    url('https://images.unsplash.com/photo-1521791136064-7986c2920216?w=1920&q=80&auto=format&fit=crop');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}
.about > * { position: relative; z-index: 1; }
.about .section-tag {
  background: rgba(201,168,76,0.2) !important;
  color: #e8c866 !important;
  border-color: rgba(201,168,76,0.45) !important;
  backdrop-filter: blur(8px);
}
.about .section-title,
.about h1, .about h2, .about h3 { color: #fff !important; }
.about p,
.about .section-subtitle,
.about .about-copy,
.about li { color: rgba(255,255,255,0.88) !important; }
.about strong { color: #e8c866 !important; }
/* About card — single white panel containing the 4-stat grid */
.about .about-card {
  background: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(8px);
  border-radius: 22px !important;
  padding: 36px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.35) !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
}
/* Reset the stat grid — keep its layout, no extra background */
.about .about-stat-grid {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border: none !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}
/* Each stat tile sits on the card — no white-on-white stacking */
.about .about-stat {
  background: linear-gradient(135deg, #faf7f0, #ffffff) !important;
  border: 1px solid rgba(201,168,76,0.25) !important;
  border-radius: 14px !important;
  padding: 22px 16px !important;
  text-align: center !important;
  box-shadow: 0 2px 6px rgba(12,26,46,0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  transition: transform 0.25s ease, border-color 0.25s ease;
}
.about .about-stat:hover {
  transform: translateY(-3px);
  border-color: rgba(201,168,76,0.6) !important;
}
.about .about-stat-number {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #c9a84c, #e8c866) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  line-height: 1.1 !important;
  display: block !important;
}
.about .about-stat-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #4b5563 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  display: block !important;
}

/* ── CTA Section ── */
.cta-section {
  position: relative;
  background:
    linear-gradient(135deg, rgba(10,21,37,0.88), rgba(17,34,64,0.88)),
    url('https://images.unsplash.com/photo-1511895426328-dc8714191300?w=1920&q=80&auto=format&fit=crop') !important;
  background-size: cover !important; background-position: center !important;
  color: #fff;
}

/* ── Pricing Section: visible photo backdrop, premium feel ── */
.pricing {
  position: relative;
  background-image:
    linear-gradient(180deg, rgba(10,21,37,0.65) 0%, rgba(17,34,64,0.58) 50%, rgba(10,21,37,0.75) 100%),
    url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?w=1920&q=80&auto=format&fit=crop');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}
.pricing > * { position: relative; z-index: 1; }
.pricing .section-tag {
  background: rgba(201,168,76,0.2);
  color: #e8c866;
  border-color: rgba(201,168,76,0.45);
  backdrop-filter: blur(8px);
}
.pricing .section-title { color: #fff !important; }
.pricing .section-subtitle { color: rgba(255,255,255,0.85) !important; }
.pricing-card {
  background: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(8px);
  border-radius: 22px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.35) !important;
  transition: transform 0.4s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.4s, border-color 0.3s;
}
.pricing-card:hover {
  transform: translateY(-12px) perspective(900px) rotateX(2deg);
  box-shadow: 0 36px 70px rgba(0,0,0,0.45) !important;
  border-color: rgba(201,168,76,0.6);
}

/* ── Guides Section: Trust & Estate Planning Hub with photo backdrop ── */
.guides {
  position: relative;
  background-image:
    linear-gradient(180deg, rgba(10,21,37,0.72) 0%, rgba(17,34,64,0.62) 50%, rgba(10,21,37,0.78) 100%),
    url('https://images.unsplash.com/photo-1507842217343-583bb7270b66?w=1920&q=80&auto=format&fit=crop');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}
.guides > * { position: relative; z-index: 1; }
.guides .section-tag {
  background: rgba(201,168,76,0.2);
  color: #e8c866;
  border-color: rgba(201,168,76,0.45);
  backdrop-filter: blur(8px);
}
.guides .section-title { color: #fff !important; }
.guides .section-subtitle { color: rgba(255,255,255,0.85) !important; }
.guide-card,
.guides .card {
  background: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 14px 36px rgba(0,0,0,0.28) !important;
  transition: transform 0.4s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.4s, border-color 0.3s;
}
.guide-card:hover, .guides .card:hover {
  transform: translateY(-10px) perspective(900px) rotateX(2deg);
  box-shadow: 0 28px 56px rgba(0,0,0,0.4) !important;
  border-color: rgba(201,168,76,0.6);
}

/* ── FAQ ── */
.faq-section { background: linear-gradient(180deg, #fff 0%, #faf7f0 100%); }
.faq-item {
  transition: border-color 0.3s, box-shadow 0.3s;
  background: #fff;
}
.faq-item:hover {
  border-color: rgba(201,168,76,0.45) !important;
  box-shadow: 0 10px 24px rgba(12,26,46,0.06);
}

/* ── Community Section ── */
.community-section {
  background:
    linear-gradient(135deg, rgba(10,21,37,0.93), rgba(17,34,64,0.93)),
    url('https://images.unsplash.com/photo-1556761175-5973dc0f32e7?w=1920&q=70&auto=format&fit=crop');
  background-size: cover; background-position: center;
}
.community-section a {
  transition: transform 0.25s, color 0.2s;
}
.community-section a:hover { transform: translateY(-2px); }

/* ── LTRST DAO / Staking / Node Program — governance/voting photo backdrop ── */
#ltrst-dao-staking {
  position: relative;
  background-image:
    linear-gradient(180deg, rgba(250,247,240,0.92) 0%, rgba(255,255,255,0.96) 50%, rgba(250,247,240,0.94) 100%),
    url('https://images.unsplash.com/photo-1556157382-97eda2f9e2bf?w=1920&q=80&auto=format&fit=crop') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll;
}
#ltrst-dao-staking::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(201,168,76,0.14) 0%, transparent 60%);
  pointer-events: none;
}
#ltrst-dao-staking > * { position: relative; z-index: 1; }
#ltrst-dao-staking .card,
#ltrst-dao-staking [class*="card"] {
  background: #fff !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  box-shadow: 0 12px 32px rgba(12,26,46,0.1) !important;
  transition: transform 0.45s cubic-bezier(0.2,0.8,0.2,1), border-color 0.3s, box-shadow 0.4s;
  border-radius: 20px;
}
#ltrst-dao-staking .card:hover,
#ltrst-dao-staking [class*="card"]:hover {
  transform: translateY(-10px) perspective(900px) rotateX(2deg);
  box-shadow: 0 28px 60px rgba(12,26,46,0.18) !important;
  border-color: rgba(201,168,76,0.6) !important;
}

/* ── Trust Professional Network — justice/legal photo backdrop ── */
#trust-professional-network {
  position: relative;
  background-image:
    linear-gradient(180deg, rgba(10,21,37,0.72) 0%, rgba(17,34,64,0.62) 50%, rgba(10,21,37,0.78) 100%),
    url('https://images.unsplash.com/photo-1633265486064-086b219458ec?w=1920&q=80&auto=format&fit=crop') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #fff !important;
  border-top: none !important;
}
#trust-professional-network > * { position: relative; z-index: 1; }
#trust-professional-network h2,
#trust-professional-network h3,
#trust-professional-network .section-title { color: #fff !important; }
#trust-professional-network p:not(.section-subtitle),
#trust-professional-network .section-subtitle { color: rgba(255,255,255,0.85) !important; }
#trust-professional-network .section-tag,
#trust-professional-network [class*="tag"] {
  background: rgba(201,168,76,0.2) !important;
  color: #e8c866 !important;
  border-color: rgba(201,168,76,0.45) !important;
}
#trust-professional-network a[class*="card"],
#trust-professional-network .card {
  background: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(201,168,76,0.3) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,0.28) !important;
  transition: transform 0.45s, border-color 0.3s, box-shadow 0.4s;
  border-radius: 18px;
  color: #0c1a2e !important;
}
#trust-professional-network a[class*="card"] *,
#trust-professional-network .card * { color: inherit; }
#trust-professional-network a[class*="card"] h3,
#trust-professional-network .card h3 { color: #0c1a2e !important; }
#trust-professional-network a[class*="card"] p,
#trust-professional-network .card p { color: #4b5563 !important; }
#trust-professional-network a[class*="card"]:hover,
#trust-professional-network .card:hover {
  transform: translateY(-10px) perspective(900px) rotateX(2deg);
  border-color: rgba(201,168,76,0.6) !important;
  box-shadow: 0 28px 56px rgba(0,0,0,0.4) !important;
}

/* ── LTRST sections (token, chain-info, roadmap-preview, shield-wallet-download) ── */
#ltrst-chain-info, #roadmap-preview, #shield-wallet-download {
  position: relative;
}
#ltrst-chain-info::before, #roadmap-preview::before {
  content: ''; position: absolute; inset: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(201,168,76,0.04) 0px, rgba(201,168,76,0.04) 1px, transparent 1px, transparent 60px);
  pointer-events: none; opacity: 0.7;
}
#ltrst-chain-info > *, #roadmap-preview > * { position: relative; z-index: 1; }

/* Shield wallet download — security/biometric photo backdrop */
#shield-wallet-download {
  background:
    linear-gradient(180deg, rgba(12,26,46,0.92) 0%, rgba(8,16,32,0.96) 100%),
    url('https://images.unsplash.com/photo-1614064641938-3bbee52942c7?w=1600&q=70&auto=format&fit=crop') !important;
  background-size: cover !important; background-position: center !important;
}

/* ════════════════════════════════════════════════════════════
   ── Legacy Messages section ──
   Warm cream/gold tone, family-legacy feature photo banner,
   themed photo cards.
   ════════════════════════════════════════════════════════════ */
#legacy-messages {
  background:
    linear-gradient(180deg, rgba(250,247,240,0.92), rgba(255,250,237,0.95) 50%, rgba(250,247,240,0.94)),
    url('https://images.unsplash.com/photo-1518531933037-91b2f5f229cc?w=1600&q=60&auto=format&fit=crop') !important;
  background-size: cover !important; background-position: center !important;
}
#legacy-messages::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(201,168,76,0.16) 0%, transparent 60%);
  pointer-events: none;
}
.legacy-feature-photo {
  position: relative;
  max-width: 1000px; margin: 0 auto 40px;
  height: 320px;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(12,26,46,0.18);
  border: 1px solid rgba(201,168,76,0.4);
}
.legacy-feature-photo .lfp-img {
  position: absolute; inset: 0;
  background-image: url('https://images.unsplash.com/photo-1542385262-cebd0b39e2b5?w=1600&q=80&auto=format&fit=crop');
  background-size: cover; background-position: center 35%;
  transform: scale(1.04);
  transition: transform 8s ease;
}
.legacy-feature-photo:hover .lfp-img { transform: scale(1.12); }
.legacy-feature-photo .lfp-overlay {
  position: absolute; inset: 0;
  background:
    linear-gradient(110deg, rgba(10,21,37,0.78) 0%, rgba(17,34,64,0.55) 50%, transparent 100%),
    radial-gradient(ellipse at 80% 50%, rgba(201,168,76,0.2) 0%, transparent 60%);
}
.legacy-feature-photo .lfp-content {
  position: relative; z-index: 1;
  height: 100%;
  display: flex; flex-direction: column; justify-content: center;
  padding: 40px 48px;
  max-width: 580px; color: #fff;
}
.legacy-feature-photo .lfp-badge {
  display: inline-flex; align-self: flex-start;
  background: rgba(201,168,76,0.95); color: #0c1a2e;
  padding: 6px 14px; font-size: 11px; font-weight: 800;
  letter-spacing: 1.3px; text-transform: uppercase;
  border-radius: 6px; margin-bottom: 14px;
}
.legacy-feature-photo .lfp-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(22px, 2.5vw, 30px);
  font-weight: 700; line-height: 1.25;
  margin-bottom: 14px; color: #fff;
}
.legacy-feature-photo .lfp-quote {
  font-style: italic;
  font-size: 15px; line-height: 1.7;
  color: rgba(255,255,255,0.9);
  border-left: 3px solid #e8c866;
  padding-left: 16px;
  max-width: 460px;
}
@media (max-width: 720px) {
  .legacy-feature-photo { height: auto; }
  .legacy-feature-photo .lfp-content { padding: 32px 28px; }
  .legacy-feature-photo .lfp-title { font-size: 22px; }
}

#legacy-messages .legacy-grid { position: relative; z-index: 1; }
.legacy-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(12,26,46,0.07);
  transition: transform 0.4s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.4s, border-color 0.3s;
  display: flex; flex-direction: column;
  position: relative;
}
.legacy-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #c9a84c, #e8c866, #c9a84c);
  opacity: 0; transition: opacity 0.3s; z-index: 2;
}
.legacy-card:hover {
  transform: translateY(-10px) perspective(900px) rotateX(2deg);
  border-color: rgba(201,168,76,0.6);
  box-shadow: 0 24px 50px rgba(12,26,46,0.16);
}
.legacy-card:hover::before { opacity: 1; }
.legacy-card .lc-photo {
  width: 100%; height: 160px;
  background-size: cover; background-position: center;
  position: relative;
}
.legacy-card .lc-photo::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(10,21,37,0.5) 100%);
}
.legacy-card .lc-body {
  padding: 24px 22px 24px; text-align: center;
  flex: 1; display: flex; flex-direction: column; justify-content: flex-start;
}
.legacy-card .lc-icon {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #c9a84c, #e8c866);
  display: flex; align-items: center; justify-content: center;
  font-size: 28px;
  margin: -52px auto 14px;
  position: relative; z-index: 2;
  box-shadow: 0 8px 22px rgba(201,168,76,0.4), 0 0 0 4px #fff;
}
.legacy-card .lc-title {
  font-family: 'Playfair Display', serif;
  font-weight: 700; font-size: 17px;
  color: #0c1a2e; margin-bottom: 8px;
}
.legacy-card .lc-desc {
  color: #4b5563; font-size: 13.5px; line-height: 1.65;
}

/* ════════════════════════════════════════════════════════════
   ── AI Trust Advisor section ──
   Cool navy/gold split: photo + live chat preview, then 4
   colored advisor cards with photos.
   ════════════════════════════════════════════════════════════ */
#ai-advisor {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(250,247,240,0.97) 50%, rgba(255,255,255,0.97) 100%),
    url('https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=1600&q=60&auto=format&fit=crop') !important;
  background-size: cover; background-position: center;
}
#ai-advisor::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(45,74,122,0.10) 0%, transparent 55%);
  pointer-events: none;
}

.advisor-feature {
  max-width: 1100px; margin: 0 auto 40px;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(12,26,46,0.18);
  border: 1px solid rgba(201,168,76,0.3);
  background: #fff;
}
@media (max-width: 760px) { .advisor-feature { grid-template-columns: 1fr; } }
.advisor-photo {
  position: relative;
  min-height: 380px;
  overflow: hidden;
}
.advisor-photo .adv-img {
  position: absolute; inset: 0;
  background-image: url('https://images.unsplash.com/photo-1591453089816-0fbb971b454c?w=1200&q=80&auto=format&fit=crop');
  background-size: cover; background-position: center;
  transform: scale(1.04);
  transition: transform 8s ease;
}
.advisor-photo:hover .adv-img { transform: scale(1.12); }
.advisor-photo .adv-overlay {
  position: absolute; inset: 0;
  background:
    linear-gradient(135deg, rgba(10,21,37,0.55) 0%, rgba(17,34,64,0.35) 60%, transparent 100%),
    radial-gradient(circle at 30% 70%, rgba(201,168,76,0.2) 0%, transparent 60%);
}
.advisor-photo .adv-tag {
  position: absolute; top: 18px; left: 18px;
  background: rgba(255,255,255,0.95); color: #0c1a2e;
  padding: 6px 14px; font-size: 11px; font-weight: 800;
  letter-spacing: 1.3px; text-transform: uppercase;
  border-radius: 6px;
  backdrop-filter: blur(10px);
}
.advisor-chat {
  background: linear-gradient(180deg, #fff 0%, #faf7f0 100%);
  padding: 32px 30px;
  display: flex; flex-direction: column;
}
.advisor-chat-header {
  display: flex; align-items: center; gap: 14px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #f0ede5;
}
.advisor-chat-avatar {
  width: 46px; height: 46px;
  border-radius: 50%;
  background:
    linear-gradient(135deg, #c9a84c, #e8c866),
    url('https://images.unsplash.com/photo-1531746790731-6c087fecd65a?w=200&q=80&auto=format&fit=crop');
  background-size: cover; background-position: center;
  border: 2px solid #e8c866;
  box-shadow: 0 4px 12px rgba(201,168,76,0.3);
  flex-shrink: 0;
}
.advisor-chat-name {
  font-family: 'Playfair Display', serif;
  font-weight: 700; font-size: 16px; color: #0c1a2e;
}
.advisor-chat-status {
  font-size: 12px; color: #6b7280;
  display: flex; align-items: center; gap: 6px;
}
.status-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #16a34a;
  box-shadow: 0 0 8px #16a34a;
  animation: statusPulse 2s ease-in-out infinite;
}
@keyframes statusPulse { 0%,100% { opacity:1; } 50% { opacity:0.5; } }
.advisor-chat-body {
  display: flex; flex-direction: column; gap: 10px;
}
.advisor-msg { display: flex; }
.advisor-msg.user { justify-content: flex-end; }
.advisor-msg.ai { justify-content: flex-start; }
.advisor-bubble {
  max-width: 78%;
  padding: 11px 15px;
  border-radius: 14px;
  font-size: 13.5px;
  line-height: 1.55;
}
.advisor-msg.user .advisor-bubble {
  background: linear-gradient(135deg, #1a365d, #2d4a7a);
  color: #fff;
  border-bottom-right-radius: 4px;
}
.advisor-msg.ai .advisor-bubble {
  background: #fff;
  color: #0c1a2e;
  border: 1px solid #e5e7eb;
  border-bottom-left-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

#ai-advisor .advisor-grid { position: relative; z-index: 1; }
@media (max-width: 880px) { #ai-advisor .advisor-grid { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 540px) { #ai-advisor .advisor-grid { grid-template-columns: 1fr !important; } }

.advisor-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(12,26,46,0.06);
  transition: transform 0.4s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.4s, border-color 0.3s;
  position: relative;
}
.advisor-card .ac-photo {
  width: 100%; height: 110px;
  background-size: cover; background-position: center;
  position: relative;
}
.advisor-card .ac-photo::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(12,26,46,0.55) 100%);
}
.advisor-card .ac-icon {
  width: 48px; height: 48px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
  margin: -24px 22px 12px;
  position: relative; z-index: 2;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18), 0 0 0 4px #fff;
}
.advisor-card .ac-title {
  font-family: 'Playfair Display', serif;
  font-weight: 700; font-size: 16px;
  color: #0c1a2e;
  padding: 0 22px; margin-bottom: 6px;
}
.advisor-card .ac-desc {
  color: #4b5563; font-size: 13px; line-height: 1.6;
  padding: 0 22px 22px;
}
.advisor-card:hover {
  transform: translateY(-10px) perspective(900px) rotateX(2deg);
  box-shadow: 0 22px 48px rgba(12,26,46,0.15);
  border-color: rgba(201,168,76,0.5);
}
/* Per-card icon color theme (4 cards = 4 accent colors) */
.advisor-card.adv-1 .ac-icon { background: linear-gradient(135deg, #c9a84c, #e8c866); }
.advisor-card.adv-2 .ac-icon { background: linear-gradient(135deg, #1a365d, #2d4a7a); }
.advisor-card.adv-3 .ac-icon { background: linear-gradient(135deg, #047857, #10b981); }
.advisor-card.adv-4 .ac-icon { background: linear-gradient(135deg, #6d28d9, #8b5cf6); }
.advisor-card.adv-1::before,
.advisor-card.adv-2::before,
.advisor-card.adv-3::before,
.advisor-card.adv-4::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  z-index: 3;
}
.advisor-card.adv-1::before { background: linear-gradient(90deg, #c9a84c, #e8c866); }
.advisor-card.adv-2::before { background: linear-gradient(90deg, #1a365d, #2d4a7a); }
.advisor-card.adv-3::before { background: linear-gradient(90deg, #047857, #10b981); }
.advisor-card.adv-4::before { background: linear-gradient(90deg, #6d28d9, #8b5cf6); }

/* ── Generic 3D card hover for any unstyled section card ── */
.section .card,
.section [class*="-card"]:not(.step-card):not(.feature-card):not(.pricing-card) {
  transition: transform 0.4s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.4s, border-color 0.3s;
}
.section .card:hover,
.section [class*="-card"]:not(.step-card):not(.feature-card):not(.pricing-card):hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 44px rgba(12,26,46,0.12);
}

/* ── Phase-1 banner — keep dark with gold pulse ── */
#ltrst-phase1-banner {
  position: relative;
  overflow: hidden;
}
#ltrst-phase1-banner::after {
  content: ''; position: absolute;
  top: 0; left: -50%; width: 50%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(232,200,102,0.08), transparent);
  animation: phase1Sweep 6s linear infinite;
  pointer-events: none;
}
@keyframes phase1Sweep {
  0%   { left: -50%; }
  100% { left: 150%; }
}

/* ── Smooth fade-in on scroll for major sections (additive) ── */
.section, .hero, .social-proof {
  animation: sectionEntry 1s ease both;
}
@keyframes sectionEntry {
  from { opacity: 0.6; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Dark-section text color guarantee for nested elements ── */
.trust-types h1, .trust-types h2, .trust-types h3, .trust-types h4, .trust-types p:not(.section-subtitle),
.trading-algo h1, .trading-algo h2, .trading-algo h3, .trading-algo h4,
.community-section h1, .community-section h2, .community-section h3, .community-section h4,
.community-section p, .community-section li {
  color: #fff;
}

/* ── Floating shapes harmonised with photo backdrop ── */
.shape-1 { background: #c9a84c !important; opacity: 0.10 !important; mix-blend-mode: screen; }
.shape-2 { background: #2d4a7a !important; opacity: 0.18 !important; mix-blend-mode: screen; }
.shape-3 { background: #e8c866 !important; opacity: 0.08 !important; mix-blend-mode: screen; }

/* ── Reduce motion preference ── */
@media (prefers-reduced-motion: reduce) {
  .step-card, .pricing-card, .feature-card, .trust-card, .hero-card,
  .section, .hero, .social-proof, #ltrst-phase1-banner::after { animation: none !important; transition: none !important; }
}

/* ════════════════════════════════════════════════════════════
   ── Additional photo backdrops & color treatments ──
   LTRST Token / LTRST Chain Info / FAQ / Documentation
   ════════════════════════════════════════════════════════════ */

/* ── LTRST Token Section: visible token/wallet photo backdrop ── */
#ltrst-token {
  position: relative;
  background-image:
    linear-gradient(180deg, rgba(10,21,37,0.65) 0%, rgba(17,34,64,0.55) 50%, rgba(10,21,37,0.78) 100%),
    url('https://images.unsplash.com/photo-1607968565043-36af90dde238?w=1920&q=80&auto=format&fit=crop') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #fff !important;
}
#ltrst-token::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(201,168,76,0.18) 0%, transparent 60%);
  pointer-events: none;
}
#ltrst-token > * { position: relative; z-index: 1; }
#ltrst-token h1, #ltrst-token h2, #ltrst-token h3 { color: #fff !important; }
#ltrst-token p:not([class*="muted"]):not([class*="sub"]) { color: rgba(255,255,255,0.88) !important; }
#ltrst-token .section-tag,
#ltrst-token > div > div > span:first-child {
  background: rgba(201,168,76,0.2) !important;
  color: #e8c866 !important;
  border-color: rgba(201,168,76,0.45) !important;
  backdrop-filter: blur(8px);
}
#ltrst-token .section-subtitle { color: rgba(255,255,255,0.85) !important; }
/* Token stat cards: white floating on dark photo */
#ltrst-token > div > div > div[style*="grid"] > div,
#ltrst-token .token-stat,
#ltrst-token [class*="stat-card"] {
  background: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 14px 36px rgba(0,0,0,0.28) !important;
  color: #0c1a2e !important;
}
/* Token detail buttons remain visible */
#ltrst-token a[class*="btn"],
#ltrst-token .btn { box-shadow: 0 8px 24px rgba(201,168,76,0.25); }

/* ── LTRST Chain Info Section: tech/network ── */
#ltrst-chain-info {
  position: relative;
  background-image:
    linear-gradient(180deg, rgba(12,26,46,0.92) 0%, rgba(8,16,32,0.96) 100%),
    url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1920&q=70&auto=format&fit=crop') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ── Roadmap Preview (#roadmap-preview) gets a network/path photo ── */
#roadmap-preview {
  background-image:
    linear-gradient(180deg, rgba(8,16,32,0.92) 0%, rgba(12,26,46,0.95) 100%),
    url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1920&q=70&auto=format&fit=crop') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ── FAQ Section: warm color gradient + subtle photo accent ── */
.faq-section {
  position: relative;
  background-image:
    linear-gradient(135deg, #faf7f0 0%, #fff 35%, #fff8e7 65%, #faf7f0 100%) !important;
}
.faq-section::before {
  content: ''; position: absolute; inset: 0;
  background-image:
    radial-gradient(ellipse at 20% 30%, rgba(201,168,76,0.10) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 70%, rgba(26,54,93,0.08) 0%, transparent 55%),
    repeating-linear-gradient(45deg, rgba(201,168,76,0.025) 0px, rgba(201,168,76,0.025) 1px, transparent 1px, transparent 28px);
  pointer-events: none;
}
.faq-section > * { position: relative; z-index: 1; }
.faq-section .section-tag {
  background: linear-gradient(135deg, rgba(201,168,76,0.18), rgba(232,200,102,0.12)) !important;
  border-color: rgba(201,168,76,0.45) !important;
}
.faq-item {
  background: rgba(255,255,255,0.96) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(201,168,76,0.2) !important;
  box-shadow: 0 4px 14px rgba(12,26,46,0.06) !important;
  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
}
.faq-item:hover {
  transform: translateY(-2px);
  border-color: rgba(201,168,76,0.5) !important;
  box-shadow: 0 12px 28px rgba(12,26,46,0.1) !important;
}
.faq-item.faq-item-open {
  border-color: rgba(201,168,76,0.6) !important;
  box-shadow: 0 16px 36px rgba(201,168,76,0.15) !important;
  background: linear-gradient(135deg, #fff 0%, #fff8e7 100%) !important;
}
.faq-item .faq-icon {
  background: linear-gradient(135deg, #c9a84c, #e8c866);
  color: #0c1a2e !important;
  width: 28px; height: 28px;
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(201,168,76,0.3);
}

/* ── Documentation / Whitepaper section (#whitepaper inside home) ── */
#whitepaper {
  background-image:
    linear-gradient(180deg, #faf7f0 0%, #fff 50%, #fff8e7 100%) !important;
  position: relative;
}
#whitepaper::before {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 30% 30%, rgba(201,168,76,0.12) 0%, transparent 55%),
    radial-gradient(ellipse at 70% 70%, rgba(45,74,122,0.08) 0%, transparent 55%);
  pointer-events: none;
}
#whitepaper > * { position: relative; z-index: 1; }
#whitepaper .section-tag {
  background: linear-gradient(135deg, rgba(201,168,76,0.22), rgba(232,200,102,0.14)) !important;
  border-color: rgba(201,168,76,0.5) !important;
  color: #8e7430 !important;
  box-shadow: 0 4px 12px rgba(201,168,76,0.18);
}
#whitepaper h2 {
  background: linear-gradient(135deg, #112240 0%, #1a365d 50%, #c9a84c 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ── AI Advisor: stronger color saturation + gold accents ── */
#ai-advisor::after {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 25% 25%, rgba(201,168,76,0.14) 0%, transparent 50%),
    radial-gradient(ellipse at 75% 75%, rgba(45,74,122,0.10) 0%, transparent 50%);
  pointer-events: none; z-index: 0;
}
#ai-advisor > * { position: relative; z-index: 1; }
#ai-advisor .section-tag {
  background: linear-gradient(135deg, rgba(201,168,76,0.22), rgba(232,200,102,0.14)) !important;
  border-color: rgba(201,168,76,0.55) !important;
  box-shadow: 0 4px 14px rgba(201,168,76,0.2);
}
#ai-advisor h2.section-title,
#ai-advisor h2 {
  background: linear-gradient(135deg, #112240 0%, #1a365d 40%, #c9a84c 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}