/*
Theme Name: Lunar CRO 4.0 (Brand Purple Dark)
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap');

html { scroll-behavior: smooth; }
body { 
    background-color: #09090b; /* Zinc 950 */
    color: #e4e4e7; /* Zinc 200 */
    font-family: 'Inter', sans-serif; 
    overflow-x: hidden; 
}
h1, h2, h3, h4, h5, h6 { font-family: 'Space Grotesk', sans-serif; color: #ffffff; }

/* FIX FOR GRADIENT TEXT */
.text-gradient {
    background: linear-gradient(135deg, #a78bfa, #ec4899); /* Purple to Pink */
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

.btn-primary {
    background: linear-gradient(135deg, #7c3aed, #db2777);
    color: white;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px 0 rgba(124, 58, 237, 0.39);
}
.btn-primary:hover {
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.5);
    transform: translateY(-2px);
}

.glass-card {
    background: rgba(24, 24, 27, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: transform 0.3s ease, border-color 0.3s ease;
}
.glass-card:hover {
    transform: translateY(-5px);
    border-color: rgba(167, 139, 250, 0.3);
}

/* Real Office Image Overlay (Unsplash) */
.hero-bg {
    background-image: linear-gradient(to bottom, rgba(9,9,11,0.8), rgba(9,9,11,1)), url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80&w=2000');
    background-size: cover;
    background-position: center;
}
/* CF7 Styles */
.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
    width: 100%; border: 1px solid rgba(255,255,255,0.1); border-radius: 0.75rem; padding: 1rem; color: white; background: rgba(0,0,0,0.5); font-size: 1rem; margin-bottom: 1rem;
}
.wpcf7-form-control.wpcf7-text:focus, .wpcf7-form-control.wpcf7-textarea:focus {
    outline: none; border-color: #a78bfa; background: rgba(0,0,0,0.8);
}
.wpcf7-submit {
    width: 100%; background: linear-gradient(135deg, #7c3aed, #db2777); color: white; padding: 1rem; border-radius: 0.75rem; font-weight: 700; font-size: 1.125rem; border: none; cursor: pointer; transition: all 0.3s;
}
.wpcf7-submit:hover { opacity: 0.9; transform: translateY(-2px); }
.wpcf7-response-output { border-radius: 0.75rem; border: none !important; padding: 1rem !important; background: rgba(255,255,255,0.05); color: white; }


/* Contact page grid fallbacks */
.grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.gap-12 { gap: 3rem; }
.gap-20 { gap: 5rem; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
@media (min-width: 1024px) {
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .lg\:col-span-5 { grid-column: span 5 / span 5; }
  .lg\:col-span-7 { grid-column: span 7 / span 7; }
  .lg\:gap-20 { gap: 5rem; } .lg\:gap-16 { gap: 4rem; }
}


/* Adaptive Container */
.site-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}
@media (min-width: 1440px) {
    .site-container { max-width: 1440px; }
}
@media (min-width: 1920px) {
    .site-container { max-width: 1600px; }
}