/* --- Contact Hero (White) --- */
.contact-hero {
    padding: 160px 0 100px;
    background: #ffffff;
}

.contact-title {
    font-family: 'Audiowide', cursive;
    font-size: 4.5rem;
    color: #111;
    margin-bottom: 20px;
}

.booking-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 50px;
    margin-top: 80px;
    align-items: start;
}

/* Direct Intel Cards */
.intel-card {
    background: #f8f8f8;
    padding: 30px;
    margin-bottom: 20px;
    border-left: 3px solid #eee;
    transition: 0.3s;
}

.intel-card:hover {
    border-left-color: var(--accent-purple);
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.intel-card i { color: var(--accent-purple); margin-bottom: 10px; font-size: 1.2rem; }
.intel-card span { display: block; font-family: 'Space Mono', monospace; font-size: 0.7rem; color: #999; letter-spacing: 2px; }
.intel-card h4 { font-family: 'Audiowide', cursive; font-size: 1.1rem; color: #111; margin-top: 5px; }

/* Calendly Terminal Look */
.calendly-terminal {
    background: #111;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

.terminal-header {
    background: #222;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dot { width: 10px; height: 10px; border-radius: 50%; }
.red { background: #ff5f56; } .yellow { background: #ffbd2e; } .green { background: #27c93f; }

.terminal-header p {
    font-family: 'Space Mono', monospace;
    color: #666; font-size: 0.7rem; margin: 0; margin-left: auto;
}

.calendly-placeholder {
    padding: 100px 40px;
    text-align: center;
    color: #fff;
}

.calendly-placeholder p { font-family: 'Audiowide'; margin-bottom: 30px; }

.cal-btn {
    padding: 15px 40px;
    background: var(--accent-purple);
    color: #fff;
    text-decoration: none;
    font-family: 'Space Mono';
    font-size: 0.8rem;
    border-radius: 4px;
    transition: 0.3s;
    display: inline-block;
}

.cal-btn:hover { background: #fff; color: #000; box-shadow: 0 0 20px #fff; }

/* --- Social Orbit (Black) --- */
.social-orbit-section {
    padding: 120px 0;
    background: #050505;
    position: relative;
    overflow: hidden;
}

.orbit-title { font-family: 'Audiowide', cursive; font-size: 3rem; color: #fff; }

.social-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 60px;
}

.social-node {
    background: #111;
    padding: 40px 20px;
    border: 1px solid #222;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    transition: 0.4s;
}

.social-node i { font-size: 2rem; color: #444; transition: 0.4s; }
.social-node span { font-family: 'Space Mono', monospace; font-size: 0.7rem; color: #666; letter-spacing: 2px; }

/* Branding Glows */
.wa:hover { border-color: #25D366; box-shadow: 0 0 30px rgba(37, 211, 102, 0.2); }
.wa:hover i { color: #25D366; }

.ig:hover { border-color: #E1306C; box-shadow: 0 0 30px rgba(225, 48, 108, 0.2); }
.ig:hover i { color: #E1306C; }

.fb:hover { border-color: #1877F2; box-shadow: 0 0 30px rgba(24, 119, 242, 0.2); }
.fb:hover i { color: #1877F2; }

.li:hover { border-color: #0A66C2; box-shadow: 0 0 30px rgba(10, 102, 194, 0.2); }
.li:hover i { color: #0A66C2; }

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    .booking-wrapper { grid-template-columns: 1fr; }
    .social-grid { grid-template-columns: repeat(2, 1fr); }
    .contact-title { font-size: 2.8rem; }
}

@media (max-width: 480px) {
    .social-grid { grid-template-columns: 1fr; }
}