/* --- Hero Architecture --- */
.consultation-hero-wrapper {
    background: #f1f7ff; /* Soft blue brand background */
    border-radius: 40px;
    padding: 80px;
    position: relative;
    overflow: hidden;
}

.hero-inner-split {
    display: flex;
    align-items: center;
    gap: 60px;
    position: relative;
    z-index: 5;
}

/* --- Left Column --- */
.hero-copy-col { flex: 1.2; }
.hero-h2 { margin: 0 !important; font-size: 56px; font-weight: 850; color: #000; line-height: 1.1; }
.hero-p { margin: 24px 0 !important; font-size: 20px; color: #4b5563; max-width: 500px; }

.hero-metrics-row { display: flex; gap: 48px; margin: 40px 0; }
.m-box strong { display: block; font-size: 42px; font-weight: 850; color: #000; }
.m-box span { font-size: 14px; color: #6b7280; font-weight: 600; }

.hero-cta-group { display: flex; gap: 16px; }
.btn-black { background: #000; color: #fff; padding: 18px 32px; border-radius: 100px; text-decoration: none; font-weight: 700; display: flex; align-items: center; gap: 12px; }
.btn-white-outline { background: #fff; color: #000; padding: 18px 32px; border-radius: 100px; border: 1.5px solid #e5e7eb; text-decoration: none; font-weight: 700; }

/* --- Right Column: Device Stack --- */
.hero-mockup-col { flex: 1; position: relative; }
.phone-stack { position: relative; width: 100%; display: flex; justify-content: center; }

.phone {
    width: 320px;
    border-radius: 44px;
    overflow: hidden;
    box-shadow: 0 40px 80px rgba(0,0,0,0.1);
    background: #fff;
    border: 8px solid #000;
}

.phone.back { transform: rotate(-5deg) translateX(-40px); opacity: 0.9; }
.phone.front { transform: rotate(5deg) translateX(40px); z-index: 10; margin-top: 40px; }
.phone img { width: 100%; height: auto; display: block; }

/* Background Glow */
.hero-bg-glow {
    position: absolute;
    right: -100px; top: 50%; transform: translateY(-50%);
    width: 800px; height: 800px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    z-index: 1;
}