/* Corporate Hero Section - Modern & Premium (Light Theme) */
.hero-corporate {
 position: relative;
 padding-top: 140px;
 /* Adjusted for navigation space */
 padding-bottom: 120px;
 background-color: #f8fafc;
 /* White Base */
 overflow: hidden;
 isolation: isolate;
 color: #1e293b;
 /* Dark Slate Text */
}

/* Background Pattern (Removed Grid) */
.hero-corporate::before {
 content: '';
 position: absolute;
 inset: 0;
 background: transparent;
 /* No Grid */
 z-index: -2;
}

/* Glowing Orbs Effect (Retained but softer) */
.hero-corporate::after {
 content: '';
 position: absolute;
 top: -20%;
 right: -10%;
 width: 600px;
 height: 600px;
 background: radial-gradient(circle, rgba(37, 99, 235, 0.08) 0%, transparent 70%);
 /* Lower opacity */
 filter: blur(60px);
 z-index: -1;
 animation: pulseGlow 8s infinite alternate;
}

.hero-corporate .glow-left {
 position: absolute;
 bottom: -10%;
 left: -10%;
 width: 500px;
 height: 500px;
 background: radial-gradient(circle, rgba(124, 58, 237, 0.05) 0%, transparent 70%);
 /* Lower opacity */
 filter: blur(50px);
 z-index: -1;
}

@keyframes pulseGlow {
 0% {
 transform: scale(1);
 opacity: 0.8;
 }

 100% {
 transform: scale(1.1);
 opacity: 1;
 }
}

/* Corporate Text Styles (Dark Mode for Light Theme) */
.hero-corporate h1 {
 font-size: 3.5rem;
 line-height: 1.1;
 margin-bottom: 25px;
 color: #0f172a;
 /* Slate 900 */
 font-weight: 800;
}

.text-gradient-premium {
 /* Darker Gradient for Contrast on White */
 background: linear-gradient(135deg, #0096d2 0%, #7c3aed 100%);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 display: inline-block;
}

.hero-corporate p {
 font-size: 1.2rem;
 color: #64748b;
 /* Slate 500 */
 max-width: 600px;
 margin-bottom: 35px;
 border-left: 3px solid rgba(0, 0, 0, 0.1);
 /* Dark border */
 padding-left: 20px;
 line-height: 1.6;
}

/* Breadcrumbs Override */
.hero-corporate .breadcrumb-list li {
 color: #64748b;
}

.hero-corporate .breadcrumb-list li a {
 color: #475569;
}

.hero-corporate .breadcrumb-list li.active {
 color: #0096d2;
 font-weight: 600;
}

/* Enhanced Terminal Visual (Light Theme) */
.terminal-wrapper {
 position: relative;
 padding: 10px;
}

/* Shadow backdrop */
.terminal-wrapper::before {
 content: '';
 position: absolute;
 inset: -20px;
 background: radial-gradient(circle, rgba(37, 99, 235, 0.1), transparent 70%);
 z-index: -1;
 filter: blur(25px);
}

.terminal-card-light {
 background: #ffffff;
 border: 1px solid #e2e8f0;
 border-radius: 12px;
 box-shadow:
 0 25px 50px -12px rgba(0, 0, 0, 0.15),
 0 0 0 1px rgba(0, 0, 0, 0.02);
 overflow: hidden;
 font-family: 'Courier New', monospace;
 max-width: 480px;
 width: 100%;
 transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.terminal-card-light:hover {
 transform: translateY(-5px);
 box-shadow:
 0 35px 60px -15px rgba(37, 99, 235, 0.2),
 0 0 0 1px rgba(37, 99, 235, 0.1);
}

.terminal-header {
 background: #f1f5f9;
 padding: 12px 20px;
 display: flex;
 align-items: center;
 gap: 8px;
 border-bottom: 1px solid #e2e8f0;
}

.terminal-dot {
 width: 12px;
 height: 12px;
 border-radius: 50%;
}

.dot-red {
 background: #ef4444;
 box-shadow: 0 0 6px rgba(239, 68, 68, 0.3);
}

.dot-yellow {
 background: #f59e0b;
 box-shadow: 0 0 6px rgba(245, 158, 11, 0.3);
}

.dot-green {
 background: #22c55e;
 box-shadow: 0 0 6px rgba(34, 197, 94, 0.3);
}

.terminal-header-text {
 margin-left: auto;
 color: #94a3b8;
 font-size: 0.8rem;
 font-weight: 600;
}

.terminal-body {
 padding: 25px;
 font-size: 0.9rem;
 line-height: 1.8;
 color: #334155;
 /* Dark Text */
}

.cmd-text {
 color: #334155;
 font-weight: 600;
}

.cmd-prompt {
 color: #16a34a;
 font-weight: 700;
}

/* Green prompt */
.cmd-output {
 color: #64748b;
 margin-bottom: 10px;
}

.spec-grid {
 display: grid;
 grid-template-columns: 80px 1fr;
 gap: 5px;
 margin-top: 15px;
}

.spec-label {
 color: #0096d2;
 font-weight: 600;
}

/* Blue label */
.spec-val-dark {
 color: #1e293b;
 font-weight: 600;
}

/* Dark value for specs */
.spec-val-green {
 color: #16a34a;
 font-weight: 600;
}

/* Green value for status */

.cursor-blink {
 animation: blink 1s infinite;
 color: #334155;
 font-weight: 700;
}

@keyframes blink {
 50% {
 opacity: 0;
 }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
 .hero-corporate {
 padding-top: 120px;
 text-align: center;
 }

 .hero-corporate h1 {
 font-size: 2.5rem;
 }

 .hero-corporate p {
 margin: 0 auto 30px auto;
 border-left: none;
 padding-left: 0;
 }

 .hero-btns {
 justify-content: center;
 }

 .hero-visual {
 margin-top: 50px;
 }
}

/* Corporate Hero Grid Layout */
.hero-container-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 60px;
 align-items: center;
 position: relative;
 z-index: 1;
}

/* Breadcrumb Style */
.hero-breadcrumb {
 display: flex;
 align-items: center;
 gap: 10px;
 margin-bottom: 25px;
 font-size: 0.95rem;
 color: #64748b;
 font-weight: 500;
}

.hero-breadcrumb a {
 color: #64748b;
 text-decoration: none;
 transition: color 0.3s;
}

.hero-breadcrumb a:hover {
 color: #0096d2;
}

.hero-breadcrumb i {
 font-size: 0.7rem;
 color: #cbd5e1;
}

.hero-breadcrumb .active {
 color: #0096d2;
 font-weight: 600;
}

/* Dashboard Visual Component */
.dashboard-card {
 background: white;
 border-radius: 16px;
 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
 border: 1px solid #e2e8f0;
 padding: 25px;
 position: relative;
 overflow: hidden;
 animation: floatUp 1s ease-out;
}

.dashboard-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 20px;
 padding-bottom: 15px;
 border-bottom: 1px solid #f1f5f9;
}

.dh-title {
 font-weight: 700;
 color: #1e293b;
 display: flex;
 align-items: center;
 gap: 10px;
}

.stat-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 15px;
}

.stat-item {
 background: #f8fafc;
 padding: 15px;
 border-radius: 12px;
 border: 1px solid #f1f5f9;
}

.stat-label {
 font-size: 0.8rem;
 color: #64748b;
 margin-bottom: 5px;
}

.stat-value {
 font-size: 1.1rem;
 font-weight: 700;
 color: #0f172a;
}

.stat-indicator {
 display: flex;
 align-items: center;
 gap: 5px;
 font-size: 0.75rem;
 margin-top: 5px;
}

.text-green {
 color: #10b981;
}

.bg-green-soft {
 background: rgba(16, 185, 129, 0.1);
}

/* Live Graph Mockup */
.live-graph {
 height: 80px;
 display: flex;
 align-items: flex-end;
 gap: 4px;
 margin-top: 20px;
 padding-top: 20px;
 border-top: 1px solid #f1f5f9;
}

.graph-bar {
 flex: 1;
 background: #0096d2;
 border-radius: 2px;
 opacity: 0.2;
 transition: height 0.3s;
}

.graph-bar:nth-child(even) {
 background: #6366f1;
}

.graph-bar:hover {
 opacity: 0.8;
}

@keyframes floatUp {
 from {
 opacity: 0;
 transform: translateY(20px);
 }

 to {
 opacity: 1;
 transform: translateY(0);
 }
}

@media (max-width: 992px) {
 .hero-container-grid {
 grid-template-columns: 1fr;
 text-align: center;
 }

 .hero-breadcrumb {
 justify-content: center;
 }

 .hero-text-col {
 margin-bottom: 40px;
 }

 .dashboard-card {
 max-width: 500px;
 margin: 0 auto;
 }
}