/* Shree Krishna International - Heavy static demo styles */
:root{
  --bg:#0f172a; --card:#0b1220; --muted:#94a3b8; --accent1:#7c3aed; --accent2:#06b6d4;
  --glass: rgba(255,255,255,0.03);
  --max-width:1200px;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0; color:#e6eef9; background: linear-gradient(180deg,#071023 0%, #081226 100%); -webkit-font-smoothing:antialiased}
.container{max-width:var(--max-width); margin:0 auto; padding:1.25rem}

/* Header */
.site-header{position:sticky; top:0; z-index:60; background:linear-gradient(180deg, rgba(4,6,12,0.6), rgba(4,6,12,0.3)); border-bottom:1px solid rgba(255,255,255,0.03)}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:1rem}
.brand{display:flex; align-items:center; gap:0.75rem; text-decoration:none; color:inherit}
.logo-img{border-radius:8px; background:transparent}
.brand-text .name{font-weight:700; font-size:1rem}
.brand-text .tag{font-size:0.8rem; color:var(--muted)}

/* Nav */
.main-nav{display:flex; gap:0.8rem; align-items:center}
.main-nav a{color:var(--muted); text-decoration:none; padding:0.45rem 0.6rem; border-radius:6px}
.main-nav a:hover{color:white; background:rgba(255,255,255,0.03)}
.btn{padding:0.5rem 0.9rem; border-radius:8px; text-decoration:none; cursor:pointer; display:inline-block}
.btn.primary{background:linear-gradient(90deg,var(--accent1),var(--accent2)); color:white; box-shadow: 0 8px 30px rgba(6,182,212,0.08)}
.btn.ghost{border:1px solid rgba(255,255,255,0.06); color:var(--muted); background:transparent}

/* Hero */
.section{padding:3rem 0}
.hero-grid{display:grid; grid-template-columns:1fr 440px; gap:2rem; align-items:center}
.hero-left h1{font-size:2rem; margin:0 0 0.6rem; line-height:1.05}
.lead{color:var(--muted); max-width:48ch}
.hero-cta{margin-top:1rem; display:flex; gap:0.7rem; align-items:center}
.trusted{margin-top:1.2rem; color:var(--muted); font-size:0.9rem}
.trusted-logos{display:flex; gap:0.5rem; margin-top:0.6rem}
.logo-chip{background:var(--glass); padding:0.4rem 0.7rem; border-radius:999px; color:var(--muted); font-size:0.85rem}

/* Swiper / track */
.track-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); padding:1rem; border-radius:12px; min-height:200px; display:flex; gap:1rem; align-items:center}
.track-art{width:96px; height:96px; border-radius:8px; background:linear-gradient(135deg,#e6eef9 0%, #e3f8f5 100%); color:#07203a; display:flex; align-items:center; justify-content:center; font-weight:700}

/* Grids */
.grid{display:grid}
.grid-3{grid-template-columns:repeat(3,1fr)}
.gap{gap:1rem}

/* Cards */
.service-card, .release-card, .person, .post{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); padding:1rem; border-radius:12px}
.service-list{margin:0.5rem 0 0; padding-left:1.1rem; color:var(--muted); font-size:0.95rem}

/* Releases */
.release-art{height:120px; border-radius:8px; background:linear-gradient(135deg,#0b1220,#071023); display:flex; align-items:center; justify-content:center; color:var(--muted); margin-bottom:0.6rem}
.release-body h4{margin:0}

/* Stats */
.stats{padding:2rem 0}
.stats-grid{display:flex; gap:1rem; align-items:center; justify-content:space-between}
.stat{background:transparent; text-align:center; padding:1rem; min-width:140px}
.stat strong{font-size:1.6rem; display:block; font-weight:700}
.stat .muted{color:var(--muted)}

/* Team */
.person .avatar{width:72px; height:72px; border-radius:999px; background:linear-gradient(90deg,var(--accent1),var(--accent2)); display:flex; align-items:center; justify-content:center; font-weight:700; margin-bottom:0.6rem}

/* Blog */
.post h4{margin:0 0 0.4rem}
.small{font-size:0.85rem}

/* Contact */
.contact-grid{display:grid; grid-template-columns:1fr 320px; gap:1rem; align-items:start}
.contact-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); padding:1.2rem; border-radius:12px}
.field-row{display:flex; gap:0.6rem; margin-bottom:0.6rem}
input[type="text"], input[type="email"], input[type="tel"], textarea{width:100%; padding:0.7rem; border-radius:8px; border:1px solid rgba(255,255,255,0.04); background:transparent; color:inherit}
.form-actions{display:flex; gap:0.6rem; margin-top:0.6rem}

/* Footer */
.site-footer{padding:1rem 0; border-top:1px solid rgba(255,255,255,0.03); margin-top:2rem}
.footer-inner{display:flex; justify-content:space-between; align-items:center}

/* Responsive */
@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .main-nav{display:none}
  .nav-toggle{display:block}
}
@media (max-width:600px){
  .hero-left h1{font-size:1.5rem}
  .stats-grid{flex-direction:column; gap:0.7rem}
}