/* Redesigned styles for Nola Tech SaaS */
:root{
	--bg:#0f1724;
	--card:#0f1728a6;
	--muted:#9aa4b2;
	--brand:#6EE7B7; /* mint accent */
	--accent:#7c3aed; /* purple */
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Poppins,Segoe UI,Roboto,Arial,sans-serif;color:#e6eef6;background:linear-gradient(180deg,#071126 0%, #081528 60%)}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.site-header{background:transparent}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem}
.brand-wrap{display:flex;align-items:center;gap:.8rem}
.logo{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;color:#041025}
.brand{margin:0;font-size:1.1rem;font-weight:600;color:#e8f8f0}
.nav{list-style:none;margin:0;padding:0;display:flex;gap:1rem}
.nav a{color:var(--muted);text-decoration:none;padding:.5rem .6rem;border-radius:8px}
.nav a:hover{color:var(--brand);background:rgba(255,255,255,0.02)}
.hero{padding:4rem 0;background-image:radial-gradient(closest-side at 10% 20%, rgba(124,58,237,0.12), transparent 20%), radial-gradient(closest-side at 90% 80%, rgba(110,231,183,0.06), transparent 25%)}
.hero-inner{text-align:left;padding:2rem 0}
.hero h2{margin:.1rem 0;font-size:2.4rem;line-height:1.05;color:#fff}
.lead{color:var(--muted);max-width:700px}
.hero-cta{margin-top:1rem;display:flex;gap:.8rem}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:10px;border:none;cursor:pointer;font-weight:600}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--accent));color:#041025;box-shadow:0 6px 20px rgba(124,58,237,0.18)}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--muted)}
.services{padding:2.5rem 0}
.service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.service{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:1.2rem;border-radius:12px;border:1px solid rgba(255,255,255,0.03);backdrop-filter:blur(6px)}
.service h4{margin:0 0 .4rem 0}
.about{padding:1.5rem 0}
.contact{padding:1.5rem 0}
.contact form{display:grid;gap:.6rem;max-width:560px}
.contact label{display:flex;flex-direction:column;font-size:.95rem;color:var(--muted)}
.contact input,.contact textarea{padding:.75rem;border:1px solid rgba(255,255,255,0.05);border-radius:10px;background:transparent;color:#eaf7f2}
.contact-note{color:var(--muted);margin-top:.8rem}
.site-footer{padding:1.5rem 0;text-align:center;color:var(--muted);font-size:.9rem;border-top:1px solid rgba(255,255,255,0.02);margin-top:2rem}
@media(max-width:800px){.header-inner{flex-direction:column;align-items:flex-start;gap:.8rem}.hero h2{font-size:1.6rem}.hero-inner{text-align:left}}