/* Shared Landing Page System (Theme-safe)
   Depends on assets/css/theme-styles.css variables.
*/

.lp-bg{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 25% 30%, rgba(212,175,55,0.12) 0%, transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(41,121,255,0.10) 0%, transparent 55%);
  opacity:.65;
}
html[data-theme="light"] .lp-bg{opacity:.35}

.lp-wrap{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;width:100%}

.lp-hero{padding:110px 0 60px}
.lp-hero.center{text-align:center}

.lp-badge{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 18px;border-radius:999px;
  border:1px solid var(--border-color);
  background:var(--bg-card);
  backdrop-filter:blur(18px);
}
.lp-badge .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),#2979FF);box-shadow:0 0 18px rgba(212,175,55,.35)}
.lp-badge .txt{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}

.lp-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(34px,6vw,72px);
  font-weight:700;
  line-height:1.1;
  margin:22px 0 18px;
  color:var(--text-primary);
}
.lp-title .grad{
  background:linear-gradient(135deg,var(--text-primary) 0%, rgba(212,175,55,.95) 65%, var(--accent-color) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.lp-sub{
  font-size:clamp(15px,2vw,18px);
  font-weight:300;
  line-height:1.7;
  color:var(--text-secondary);
  max-width:920px;
  margin:0 auto 28px;
}

.lp-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
  margin-top:28px;
}

.lp-card{
  position:relative;
  padding:22px 20px;
  border-radius:18px;
  background:var(--bg-card);
  border:1px solid var(--border-color);
  box-shadow:0 18px 60px rgba(0,0,0,.25);
  transition:transform .35s var(--transition), border-color .35s var(--transition), background .35s var(--transition);
}
html[data-theme="light"] .lp-card{box-shadow:0 14px 40px rgba(0,0,0,.08)}
.lp-card:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.35);background:linear-gradient(135deg,rgba(212,175,55,.10),rgba(255,255,255,0.02))}

.lp-card h3{font-size:18px;margin:0 0 10px;color:var(--text-primary)}
.lp-card p{margin:0;color:var(--text-secondary);line-height:1.7;font-size:14.5px}

.lp-section{padding:58px 0}
.lp-h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(26px,4vw,44px);
  font-weight:650;
  color:var(--text-primary);
  text-align:center;
  margin:0 0 22px;
}
.lp-lead{max-width:920px;margin:0 auto 26px;color:var(--text-secondary);line-height:1.8;font-weight:300}

.lp-bullets{max-width:920px;margin:0 auto;display:grid;gap:12px}
.lp-bullets li{list-style:none;position:relative;padding-left:26px;color:var(--text-secondary);line-height:1.7}
.lp-bullets li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent-color);font-weight:800}

.lp-cta{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px
}
.lp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 18px;border-radius:999px;
  border:1px solid var(--border-color);
  text-decoration:none;
  font-weight:650;font-size:14px;
  transition:transform .25s var(--transition), background .25s var(--transition), border-color .25s var(--transition);
}
.lp-btn.primary{background:var(--accent-color);color:#000;border-color:rgba(0,0,0,.1)}
.lp-btn.primary:hover{transform:translateY(-2px)}
.lp-btn.ghost{background:var(--bg-card);color:var(--text-primary)}
.lp-btn.ghost:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.35)}

.lp-faq{max-width:920px;margin:0 auto}
.lp-faq details{border-bottom:1px solid var(--border-color);padding:18px 0}
.lp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--text-primary);font-weight:650;font-size:16px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq .ans{padding-top:10px;color:var(--text-secondary);line-height:1.8;font-weight:300}

.lp-related{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.lp-related a{display:block;padding:16px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card);text-decoration:none}
.lp-related a:hover{border-color:rgba(212,175,55,.35);transform:translateY(-2px)}
.lp-related h4{margin:0 0 6px;color:var(--text-primary);font-size:15px}
.lp-related p{margin:0;color:var(--text-secondary);font-size:13.5px;line-height:1.6}

@media (max-width:768px){
  .lp-hero{padding:96px 0 44px}
  .lp-wrap{padding:0 16px}
}


/* --- BLOG (static) --- */
.blog-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:14px;
  margin-top:14px;
}
.blog-card{
  display:block;
  padding:18px;
  border-radius:14px;
  border:1px solid var(--border-color);
  background:var(--bg-card);
  text-decoration:none;
  transition:transform .25s var(--transition), border-color .25s var(--transition);
}
.blog-card:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.35)}
.blog-card-title{font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:8px}
.blog-card-meta{color:var(--text-muted);font-size:13px;margin-bottom:10px}
.blog-card-desc{color:var(--text-secondary);line-height:1.6;font-size:14px}
.blog-post-content h2{margin-top:22px}