/* Landing page specific styles (facelift) */
:root{
  --glass-bg: rgba(255,255,255,0.04);
  --glass-border: rgba(255,255,255,0.06);
  --accent-a: #2dd4bf;
  --accent-b: #7c3aed;
}
body.landing {
  background: radial-gradient(ellipse at 20% 20%, rgba(124,58,237,0.22) 0%, rgba(59,130,246,0.06) 12%, transparent 20%), radial-gradient(ellipse at 80% 80%, rgba(16,185,129,0.14) 0%, rgba(59,130,246,0.06) 18%, transparent 35%), linear-gradient(180deg,#0b0720 0%, #071028 100%);
  min-height:100vh;
}
.hero.hero-large{padding:96px 24px 64px;text-align:center;max-width:1100px;margin:0 auto}
.hero.hero-large h1{font-size:3.25rem;line-height:1.02;margin:0;color:transparent;background:linear-gradient(90deg,#a78bfa,#60a5fa,#fb7185);-webkit-background-clip:text;background-clip:text;font-weight:800}
.hero.hero-large p{color:rgba(255,255,255,0.72);margin:12px 0 20px;font-size:1rem}
.hero .hero-ctas{display:flex;gap:14px;justify-content:center;margin-top:22px}
.btn-gradient{display:inline-block;padding:12px 20px;border-radius:12px;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 30px rgba(16,24,40,0.35)}
.btn-app{background:linear-gradient(90deg,#06b6d4,#3b82f6)}
.btn-shop{background:linear-gradient(90deg,#10b981,#06b6d4)}

/* Glass cards */
.glass-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:36px}
.glass-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border:1px solid var(--glass-border);border-radius:18px;padding:22px;backdrop-filter:blur(8px);box-shadow:0 8px 30px rgba(2,6,23,0.6)}
.glass-card h3{margin:0 0 10px;font-size:1.15rem}
.glass-card p{color:rgba(255,255,255,0.75);margin:0}
.glass-card .icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));margin-bottom:12px;font-size:22px}

/* Our Business large cards */
.business-section{margin-top:56px;text-align:center}
.business-section h2{font-size:2rem;margin:0 0 26px;color:transparent;background:linear-gradient(90deg,#a78bfa,#60a5fa);-webkit-background-clip:text;background-clip:text;font-weight:800}
.business-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:1100px;margin:0 auto}
.business-card{padding:34px;border-radius:22px;border:1px solid var(--glass-border);background:linear-gradient(180deg,rgba(255,255,255,0.01),rgba(255,255,255,0.015));box-shadow:0 18px 50px rgba(2,6,23,0.6);backdrop-filter:blur(10px)}
.business-card h3{font-size:1.4rem;margin:0 0 8px}
.business-card p{color:rgba(255,255,255,0.76);margin:0}
.business-card a{color:#a5f3fc;text-decoration:none;font-weight:700}

@media (max-width:900px){
  .hero.hero-large h1{font-size:2rem}
  .business-grid{grid-template-columns:1fr}
}