/* ============================================
   CYBERSECURITY DARK BLUE THEME
   ============================================ */

/* Global Overrides */
* {
    transition: all 0.3s ease;
}

/* Orbitron Font Application - Apply to key elements */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.CiberVest-section-title h2,
.post__title,
.CiberVest-hero-content h1,
.CiberVest-hero-content h2,
.CiberVest-default-content h2,
.CiberVest-default-content h3,
.CiberVest-default-content h4,
.CiberVest-solution-card-content h4,
.CiberVest-feature-box h4,
.CiberVest-iconbox-data h4,
.CiberVest-iconbox-data2 h4,
.CiberVest-service-iconbox-data h4,
.CiberVest-portfolio-author-data h4,
.CiberVest-inner-blog-text h3,
.CiberVest-blog-content h4,
button,
.CiberVest-default-btn,
.CiberVest-icon-btn,
.nav-link-item {
    font-family: "Orbitron", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: 0.05em !important;
}

/* Orbitron Utility Class */
.orbitron-font {
    font-family: "Orbitron", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: 0.05em !important;
}

/* Force Remove All White Backgrounds - High Specificity Overrides */
.CiberVest-iconbox-wrap {
    background-color: rgba(26, 47, 79, 0.6) !important;
    background: rgba(26, 47, 79, 0.6) !important;
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.1) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
}

.CiberVest-iconbox-wrap:hover {
    background-color: rgba(26, 47, 79, 0.9) !important;
    background: rgba(26, 47, 79, 0.9) !important;
    box-shadow: 0 12px 48px rgba(0, 212, 255, 0.4) !important;
    border-color: #b3e5fc !important;
}

.CiberVest-iconbox-wrap2 {
    background: rgba(26, 47, 79, 0.6) !important;
    background-color: rgba(26, 47, 79, 0.6) !important;
}

.CiberVest-blog-wrap-v4 {
    background: rgba(26, 47, 79, 0.6) !important;
    background-color: rgba(26, 47, 79, 0.6) !important;
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.1) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
}

.CiberVest-blog-wrap-v4:hover {
    background: rgba(26, 47, 79, 0.9) !important;
    background-color: rgba(26, 47, 79, 0.9) !important;
    box-shadow: 0 12px 48px rgba(0, 212, 255, 0.4) !important;
    border-color: #b3e5fc !important;
}

.CiberVest-blog-wrap-v4 .CiberVest-blog-content {
    background: rgba(26, 47, 79, 0.8) !important;
    background-color: rgba(26, 47, 79, 0.8) !important;
}

.CiberVest-service-iconbox-wrap {
    background-color: rgba(26, 47, 79, 0.6) !important;
    background: rgba(26, 47, 79, 0.6) !important;
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.1) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
}

.CiberVest-service-iconbox-wrap:hover {
    background-color: rgba(26, 47, 79, 0.9) !important;
    background: rgba(26, 47, 79, 0.9) !important;
    box-shadow: 0 12px 48px rgba(0, 212, 255, 0.4) !important;
    border-color: #b3e5fc !important;
}

.CiberVest-iconbox-data,
.CiberVest-iconbox-data.testimonial-vr8,
.CiberVest-testimonial-authore-wrapv8,
.CiberVest-testimonial-authore-data {
    background: transparent !important;
    background-color: transparent !important;
}

/* Body & Background */
body {
    background: linear-gradient(135deg, #0a1929 0%, #0d1b2a 50%, #1a2f4f 100%);
    background-attachment: fixed;
    color: #b3e5fc;
}

/* Headers */
.site-header,
.CiberVest-header-section {
    background: rgba(10, 25, 41, 0.95) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 212, 255, 0.2);
    border-bottom: 1px solid rgba(0, 212, 255, 0.2);
}

.site-header.inner-header,
.site-header.dark-bg {
    background: rgba(10, 25, 41, 0.98) !important;
}

/* Navigation Links */
.site-menu-main .nav-link-item {
    color: #b3e5fc !important;
    transition: all 0.3s ease;
}

.site-menu-main .nav-link-item:hover {
    color: #b3e5fc !important;
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
}

/* Header Report Incident Button */
.site-navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.header-incident-btn {
    margin-left: auto;
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.header-incident-btn .CiberVest-default-btn {
    background: linear-gradient(135deg, #00BDD6 0%, #b3e5fc 100%) !important;
    color: #fff !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 128, 0.4) !important;
    border: none !important;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em !important;
    transition: all 0.3s ease !important;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.header-incident-btn .CiberVest-default-btn .button-wraper {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.header-incident-btn .CiberVest-default-btn .button-wraper i {
    font-size: 14px;
}

.header-incident-btn .CiberVest-default-btn:hover {
    background: linear-gradient(135deg, #b3e5fc 0%,  #00BDD6 100%) !important;
    box-shadow: 0 6px 24px rgba(0, 0, 128, 0.6) !important;
    transform: translateY(-2px) !important;
    color: #fff !important;
}

.header-incident-btn .CiberVest-default-btn .button-wraper {
    opacity: 1 !important;
    transform: translateX(0) translateY(0) !important;
}

.header-incident-btn .CiberVest-default-btn:hover .button-wraper {
    opacity: 1 !important;
    transform: translateX(0) translateY(0) !important;
}

.header-incident-btn .CiberVest-default-btn::after {
    display: none !important;
}

.header-incident-btn .CiberVest-default-btn i {
    font-size: 14px;
}

@media (max-width: 991px) {
    .header-incident-btn {
        display: none;
    }
}

/* Submenu */
.sub-menu {
    background: rgba(26, 47, 79, 0.98) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 212, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 212, 255, 0.3);
    border-radius: 8px;
}

.sub-menu--item a {
    color: #b3e5fc !important;
}

.sub-menu--item:hover {
    background: rgba(0, 212, 255, 0.1);
}

.sub-menu--item a:hover {
    color: #ffffff !important;
}

/* Menu Hover Underline - Gradient Effect */
.site-menu-main .sub-menu--item>a .menu-item-text::after {
    background: linear-gradient(135deg, #ff1493 0%, #ff00ff 40%, #b3e5fc 80%, #4da6ff 100%) !important;
    background-color: transparent !important;
}

/* Sections */
section {
    background: transparent;
}

.CiberVest-section-padding,
.CiberVest-section-padding2,
.CiberVest-section-padding4,
.CiberVest-section-padding5 {
    background: transparent;
}

/* Cards & Boxes - All Card Types */
.CiberVest-solution-card,
.CiberVest-feature-box,
.CiberVest-inner-blog-wrap,
.CiberVest-portfolio-content-wrap {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2);
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.1);
    border-radius: 12px;
    transition: all 0.3s ease;
}

/* Solution Card Spacing - Add gap between cards (outside the card) */
/* Target columns in the solutions section */
.CiberVest-section-padding2.bg-light .row > [class*="col-lg-4"],
.CiberVest-section-padding2.bg-light .row > [class*="col-md-6"] {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Ensure margin is applied outside the card, not inside */
.CiberVest-solution-card {
    margin: 0 !important;
}

/* News.php - Portfolio Card Spacing */
.CiberVest-portfolio-column .collection-grid-item {
    padding: 15px !important;
    margin: 0 !important;
}

.CiberVest-portfolio-content-wrap {
    margin: 0 !important;
}

/* Articles.php - Blog Card Spacing */
.CiberVest-section-padding2 .row .col-lg-8 > .CiberVest-inner-blog-wrap {
    margin-bottom: 30px !important;
}

.CiberVest-inner-blog-wrap {
    margin: 0 !important;
}

.CiberVest-inner-blog-wrap:last-child {
    margin-bottom: 0 !important;
}

.CiberVest-solution-card:hover,
.CiberVest-feature-box:hover,
.CiberVest-inner-blog-wrap:hover,
.CiberVest-portfolio-content-wrap:hover {
    background: rgba(26, 47, 79, 0.9) !important;
    border-color: #b3e5fc;
    box-shadow: 0 12px 48px rgba(0, 212, 255, 0.4);
    transform: translateY(-5px);
}

/* Headings - Orbitron Font */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.CiberVest-section-title h2,
.post__title {
    color: #e0f2fe !important;
    text-shadow: 0 2px 10px rgba(0, 212, 255, 0.3);
    font-family: "Orbitron", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: 0.05em !important;
}

/* Paragraphs */
p {
    color: #b3e5fc !important;
}

/* Links */
a {
    color: #4da6ff;
    transition: all 0.3s ease;
}

a:hover {
    color: #b3e5fc !important;
    text-shadow: 0 0 8px rgba(0, 212, 255, 0.6);
}

/* Buttons */
.CiberVest-default-btn,
.CiberVest-subcribe-btn2,
button[type="submit"] {
    background: linear-gradient(135deg, #b3e5fc 0%, #4da6ff 100%) !important;
    color: #0a1929 !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.4);
    border-radius: 30px;
    padding: 14px 32px !important;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transform: translateX(0) translateY(0) !important;
    will-change: box-shadow, background;
    text-align: center !important;
    left: auto !important;
    right: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.CiberVest-default-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
    z-index: 0;
    pointer-events: none;
}

.CiberVest-default-btn:hover::before {
    left: 100%;
}

.CiberVest-default-btn .button-wraper,
.CiberVest-default-btn span {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    transform: translateX(0) translateY(0) !important;
    line-height: 1.2 !important;
}

.CiberVest-default-btn:hover,
.CiberVest-subcribe-btn2:hover,
button[type="submit"]:hover {
    background: linear-gradient(135deg, #4da6ff 0%, #b3e5fc 100%) !important;
    box-shadow: 0 8px 32px rgba(0, 212, 255, 0.6);
    transform: translateX(0) translateY(-2px) !important;
    color: #0a1929 !important;
}

/* Fix button ::after pseudo-element positioning - Keep Centered */
.CiberVest-default-btn::after {
    content: attr(data-text) !important;
    display: inline-block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, 100%) !important;
    opacity: 0 !important;
    white-space: nowrap !important;
    z-index: 2 !important;
    width: auto !important;
    text-align: center !important;
    line-height: 1.2 !important;
    color: inherit !important;
}

.CiberVest-default-btn:hover::after {
    transform: translate(-50%, -50%) !important;
    opacity: 1 !important;
    left: 50% !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Hide button wrapper text on hover - show only data-text */
.CiberVest-default-btn:hover .button-wraper {
    opacity: 0 !important;
    transform: translateY(-150%) !important;
    position: relative !important;
    z-index: 1 !important;
}

.CiberVest-default-btn.dark-btn {
    background: transparent !important;
    color: #b3e5fc !important;
    border: 2px solid #b3e5fc !important;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
    transform: translateX(0) translateY(0) !important;
}

.CiberVest-default-btn.dark-btn:hover {
    background: rgba(0, 212, 255, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 212, 255, 0.6);
    border-color: #4da6ff;
    color: #4da6ff !important;
    transform: translateX(0) translateY(-2px) !important;
}

/* Icon Buttons (Learn More links) */
.CiberVest-icon-btn {
    color: #b3e5fc !important;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    padding: 8px 16px;
    border-radius: 6px;
    background: transparent !important;
}

.CiberVest-icon-btn:hover {
    color: #4da6ff !important;
    text-shadow: 0 0 8px rgba(0, 212, 255, 0.6);
    background: rgba(0, 212, 255, 0.1) !important;
}

.CiberVest-icon-btn img {
    filter: brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(175deg);
    transition: transform 0.3s ease;
}

.CiberVest-icon-btn:hover img {
    transform: translateX(5px);
    filter: brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(175deg) drop-shadow(0 0 5px rgba(0, 212, 255, 0.8));
}

/* Breadcrumb */
.CiberVest-breadcrumb {
    background: rgba(10, 25, 41, 0.8) !important;
    border-bottom: 1px solid rgba(0, 212, 255, 0.2);
    box-shadow: 0 2px 10px rgba(0, 212, 255, 0.1);
}

.breadcrumbs a {
    color: #4da6ff;
}

.breadcrumbs a:hover {
    color: #b3e5fc;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    color: #b3e5fc !important;
    border-radius: 8px;
    padding: 12px 16px;
    transition: all 0.3s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    background: rgba(26, 47, 79, 0.9) !important;
    border-color: #b3e5fc !important;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
    outline: none;
}

input::placeholder,
textarea::placeholder {
    color: #90caf9 !important;
    opacity: 0.7;
}

/* Accordion */
.CiberVest-accordion-item {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 8px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.CiberVest-accordion-item:hover {
    border-color: #b3e5fc;
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.2);
}

.CiberVest-accordion-header {
    color: #e0f2fe !important;
}

.CiberVest-accordion-item.open {
    background: rgba(26, 47, 79, 0.9) !important;
    border-color: #b3e5fc;
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.3);
}

.CiberVest-accordion-body {
    color: #b3e5fc !important;
}

/* Footer */
.CiberVest-footer-section {
    background: rgba(10, 25, 41, 0.95) !important;
    border-top: 1px solid rgba(0, 212, 255, 0.2);
    box-shadow: 0 -4px 20px rgba(0, 212, 255, 0.1);
}

.CiberVest-footer-menu h5 {
    color: #e0f2fe !important;
}

.CiberVest-footer-menu a {
    color: #b3e5fc !important;
}

.CiberVest-footer-menu a:hover {
    color: #b3e5fc !important;
}

/* Footer Newsletter Section */
.CiberVest-footer-newsletter {
    padding: 60px 0;
    border-top: 1px solid rgba(0, 212, 255, 0.2);
    border-bottom: 1px solid rgba(0, 212, 255, 0.2);
}

.footer-newsletter-content {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

.footer-newsletter-content h3 {
    color: #fff !important;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 15px;
    letter-spacing: 0.05em;
}

.footer-newsletter-content p {
    color: #b3e5fc !important;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.6;
}

.footer-newsletter-form {
    margin-top: 20px;
}

.newsletter-input-wrapper {
    position: relative;
    display: flex;
    align-items: stretch;
    background: rgba(26, 47, 79, 0.6);
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 50px;
    padding: 5px;
    transition: all 0.3s ease;
    max-width: 600px;
    margin: 0 auto;
}

.newsletter-input-wrapper:focus-within {
    border-color: #b3e5fc;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
}

.newsletter-icon {
    color: #b3e5fc;
    font-size: 18px;
    margin-left: 20px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.newsletter-input-wrapper input {
    flex: 1;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 16px;
    padding: 15px 20px 15px 0;
    outline: none;
    min-width: 0;
}

.newsletter-input-wrapper input::placeholder {
    color: #90caf9 !important;
    opacity: 0.7;
}

.newsletter-submit-btn {
    background: linear-gradient(135deg, #b3e5fc 0%, #4da6ff 100%);
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 15px 35px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    flex-shrink: 0;
    height: auto;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newsletter-submit-btn:hover {
    background: linear-gradient(135deg, #4da6ff 0%, #b3e5fc 100%);
    box-shadow: 0 0 25px rgba(0, 212, 255, 0.5);
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    .newsletter-input-wrapper {
        flex-direction: column;
        padding: 15px;
        border-radius: 15px;
        align-items: stretch;
    }
    
    .newsletter-icon {
        margin-left: 0;
        margin-bottom: 10px;
        align-self: flex-start;
    }
    
    .newsletter-input-wrapper input {
        width: 100%;
        margin-bottom: 15px;
        padding: 12px 15px;
    }
    
    .newsletter-submit-btn {
        width: 100%;
        padding: 12px 25px;
        align-self: stretch;
    }
}

/* Footer Certifications Section */
.CiberVest-footer-certifications {
    padding: 40px 0;
    border-bottom: 1px solid rgba(0, 212, 255, 0.2);
}

.footer-certifications-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.cert-badge {
    display: inline-block;
    padding: 12px 25px;
    background: rgba(26, 47, 79, 0.6);
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 8px;
    color: #fff !important;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.cert-badge:hover {
    background: rgba(26, 47, 79, 0.9);
    border-color: #b3e5fc;
    color: #b3e5fc !important;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.4);
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    .footer-certifications-content {
        flex-direction: column;
        gap: 10px;
    }
    
    .cert-badge {
        width: 100%;
        text-align: center;
        max-width: 300px;
    }
}

/* ===============================
   Home v10 (index.php) Layout Styles
   =============================== */

/* Hero */
.cv-hero-v10 {
    position: relative;
    padding: 140px 0 80px 0;
    background: radial-gradient(circle at top, rgba(0, 212, 255, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(79, 70, 229, 0.18), transparent 60%),
                #020916;
    overflow: hidden;
}

.cv-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid rgba(0, 212, 255, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #b3e5fc;
    margin-bottom: 22px;
}

.cv-hero-eyebrow span.cv-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #b3e5fc;
    box-shadow: 0 0 14px rgba(0, 212, 255, 0.9);
}

.cv-hero-title {
    font-size: 52px;
    line-height: 1.1;
    margin-bottom: 24px;
}

.cv-hero-subtitle {
    color: #b0c4ff;
    font-size: 16px;
}

.cv-hero-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 32px;
}

.cv-hero-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 40px;
}

.cv-hero-metric {
    min-width: 120px;
}

.cv-hero-metric span.label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    color: #7ea4ff;
    margin-bottom: 6px;
    text-align: center;
}

.cv-hero-metric h3 {
    font-size: 24px;
    margin: 0;
    color: #e0f2ff;
    text-align: center;
}

.cv-hero-dashboard {
    position: relative;
    padding: 24px;
    border-radius: 24px;
    background: radial-gradient(circle at top, rgba(0, 212, 255, 0.22), transparent 55%),
                rgba(3, 16, 40, 0.95);
    border: 1px solid rgba(0, 212, 255, 0.24);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.cv-hero-dashboard img {
    width: 100%;
    border-radius: 16px;
    display: block;
}

/* Section shells */
.cv-section-dark {
    padding: 80px 0;
    background: #020916;
}

.cv-section-light {
    padding: 80px 0;
    background: #050f1f;
}

.cv-section-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 48px auto;
}

.cv-section-heading p {
    color: #a4b7ff;
    margin-top: 16px;
}

/* Threat Intelligence split layout */
.cv-threat-intel-row {
    align-items: center;
}

.cv-threat-content h3 {
    font-size: 22px;
    margin-bottom: 12px;
}

.cv-threat-content p {
    color: #a8c7ff;
    font-size: 14px;
}

.cv-threat-list {
    list-style: none;
    padding: 0;
    margin: 18px 0 0 0;
}

.cv-threat-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    color: #c3d5ff;
    font-size: 13px;
}

.cv-threat-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #b3e5fc, #4da6ff);
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.8);
    margin-top: 4px;
}

/* Simple cards approximating the reference stack & services */
.cv-pill-card {
    border-radius: 20px;
    padding: 22px 22px 18px 22px;
    background: radial-gradient(circle at top left, rgba(0, 212, 255, 0.16), transparent 55%),
                rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(0, 212, 255, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
}

.cv-pill-card h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.cv-pill-card p {
    font-size: 14px;
    color: #a8c7ff;
}

.cv-tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.cv-tag {
    border-radius: 999px;
    padding: 4px 12px;
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    border: 1px solid rgba(0, 212, 255, 0.4);
    color: #b3e5fc;
}

/* Split layout sections */
.cv-split-section {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
}

.cv-split-section .cv-left,
.cv-split-section .cv-right {
    flex: 1 1 320px;
}

.cv-checklist {
    list-style: none;
    padding: 0;
    margin: 24px 0 0 0;
}

.cv-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    color: #a8c7ff;
    font-size: 14px;
}

.cv-check-icon {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1px solid rgba(0, 212, 255, 0.6);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #b3e5fc;
}

/* Simple highlight bar above the incident contact CTA */
.cv-incident-bar {
    margin-top: 32px;
    padding: 14px 18px;
    border-radius: 999px;
    border: 1px solid rgba(239, 68, 68, 0.7);
    background: linear-gradient(90deg, rgba(248, 113, 113, 0.16), transparent);
    font-size: 13px;
    color: #fecaca;
    text-align: center;
}

.cv-incident-bar a {
    color: #fb7185;
    font-weight: 600;
}

/* Contact column cards should not stretch full height */
.cv-contact-cards .cv-pill-card {
    height: auto;
}

/* Hours Box Styling */
.cv-hours-box {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.cv-hours-icon {
    color: #fff;
    font-size: 24px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 212, 255, 0.1);
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 8px;
    flex-shrink: 0;
}

.cv-hours-content {
    flex: 1;
}

.cv-hours-content h4 {
    margin-bottom: 8px;
    color: #fff !important;
}

.cv-hours-content p {
    margin: 0;
    color: #a8c7ff;
    font-size: 14px;
    line-height: 1.6;
}

/* Threat intel cards should size to their content on each side */
.cv-threat-intel .cv-pill-card {
    height: auto;
}

@media (max-width: 991px) {
    .cv-hero-v10 {
        padding-top: 110px;
    }

    .cv-hero-title {
        font-size: 38px;
    }

    .cv-hero-dashboard {
        margin-top: 40px;
    }
}

/* Service Cards */
.CiberVest-feature-box-solution {
    background: rgba(26, 47, 79, 0.6) !important;
    border-radius: 12px;
    padding: 30px;
    transition: all 0.3s ease;
    margin-bottom: 25px;
}

.CiberVest-feature-box-solution:hover {
    background: rgba(26, 47, 79, 0.9) !important;
    border-color: #b3e5fc;
    box-shadow: 0 12px 48px rgba(0, 212, 255, 0.4);
    transform: translateY(-5px);
}

.CiberVest-feature-box-icon {
    background: transparent !important;
    box-shadow: none !important;
}

.CiberVest-feature-box-icon img {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

.CiberVest-feature-box-solution:hover .CiberVest-feature-box-icon img {
    opacity: 1;
    filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(0, 212, 255, 0.8));
}

/* Icon Boxes */
.CiberVest-iconbox-wrap2 {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
}

.CiberVest-iconbox-wrap2:hover {
    background: rgba(26, 47, 79, 0.9) !important;
    border-color: #b3e5fc;
    box-shadow: 0 8px 32px rgba(0, 212, 255, 0.3);
    transform: translateX(5px);
}

.CiberVest-iconbox-icon2 {
    background: transparent !important;
    box-shadow: none !important;
}

.CiberVest-iconbox-icon2 img {
    filter: brightness(0) invert(1);
    opacity: 0.9;
    transition: all 0.3s ease;
}

.CiberVest-iconbox-wrap2:hover .CiberVest-iconbox-icon2 img {
    opacity: 1;
    filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(0, 212, 255, 0.8));
}

/* CTA Sections */
.CiberVest-cta-content {
    padding: 60px;
}

/* Preloader */
.CiberVest-preloader-wrap {
    background: #0a1929;
}

.CiberVest-preloader div {
    background: #b3e5fc;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.6);
}

/* Progress Bar */
.progress-bar {
    background: linear-gradient(90deg, #b3e5fc 0%, #4da6ff 100%);
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
}

/* Scroll to Top */
.progress-wrap {
    background: rgba(0, 212, 255, 0.2);
    border: 1px solid #b3e5fc;
}

.progress-wrap:hover {
    background: rgba(0, 212, 255, 0.4);
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.6);
}

/* Tables */
table {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 8px;
}

th {
    background: rgba(0, 212, 255, 0.1) !important;
    color: #e0f2fe !important;
    border-bottom: 1px solid rgba(0, 212, 255, 0.3);
}

td {
    color: #b3e5fc !important;
    border-bottom: 1px solid rgba(0, 212, 255, 0.1);
}

tr:hover {
    background: rgba(0, 212, 255, 0.05) !important;
}

/* Pagination */
.pagination .page-numbers {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2);
    color: #b3e5fc !important;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
    background: linear-gradient(135deg, #b3e5fc 0%, #4da6ff 100%) !important;
    color: #0a1929 !important;
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.4);
}

/* Cookie Consent */
.cookie-consent-banner {
    background: rgba(10, 25, 41, 0.98) !important;
    border-top: 3px solid #b3e5fc;
    box-shadow: 0 -4px 20px rgba(0, 212, 255, 0.3);
}

.cookie-btn {
    background: rgba(0, 212, 255, 0.2) !important;
    border: 1px solid #b3e5fc;
    color: #b3e5fc !important;
}

.cookie-btn:hover {
    background: linear-gradient(135deg, #b3e5fc 0%, #4da6ff 100%) !important;
    color: #0a1929 !important;
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.4);
}

/* Modal */
.modal-content {
    background: rgba(26, 47, 79, 0.98) !important;
    border: 1px solid rgba(0, 212, 255, 0.3);
    box-shadow: 0 12px 48px rgba(0, 212, 255, 0.3);
}

.modal-header {
    border-bottom: 1px solid rgba(0, 212, 255, 0.2);
}

.modal-body {
    color: #b3e5fc !important;
}

/* Text Selection */
::selection {
    background: #b3e5fc;
    color: #0a1929;
}

::-moz-selection {
    background: #b3e5fc;
    color: #0a1929;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #0a1929;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #b3e5fc 0%, #4da6ff 100%);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #4da6ff 0%, #b3e5fc 100%);
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
}

/* Additional Card Overrides */
.CiberVest-blog-content {
    background: rgba(26, 47, 79, 0.8) !important;
    border-top: 1px solid rgba(0, 212, 255, 0.2);
}

.CiberVest-testimonial-authore-wrapv8 {
    border-top: 1px solid rgba(0, 212, 255, 0.2);
    padding-top: 15px;
    margin-top: 15px;
}

/* Counter Section */
.CiberVest-counter-wrap {
    background: transparent !important;
}

.CiberVest-counter-data h2 {
    color: #b3e5fc !important;
    text-shadow: 0 0 20px rgba(0, 212, 255, 0.5);
}

.CiberVest-counter-data p {
    color: #b3e5fc !important;
}

.border-right3,
.border-right4 {
    border-color: rgba(0, 212, 255, 0.2) !important;
}

/* Hero Section */
.CiberVest-hero-content h1 {
    color: #e0f2fe !important;
    text-shadow: 0 0 30px rgba(0, 212, 255, 0.4);
}

.CiberVest-hero-content p {
    color: #b3e5fc !important;
}

/* Integration Section */
.integration-vertsion7 {
    background: rgba(10, 25, 41, 0.8) !important;
    border-top: 1px solid rgba(0, 212, 255, 0.2);
    border-bottom: 1px solid rgba(0, 212, 255, 0.2);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .CiberVest-cta-content {
        padding: 40px 20px;
    }
    
    .CiberVest-solution-card,
    .CiberVest-feature-box-solution {
        margin-bottom: 20px;
    }
    
    .CiberVest-iconbox-wrap,
    .CiberVest-blog-wrap-v4,
    .CiberVest-service-iconbox-wrap {
        padding: 20px;
    }
}

/* Icon Containers - Remove ALL Backgrounds */
.CiberVest-iconbox-icon,
.CiberVest-iconbox-icon2,
.CiberVest-service-iconbox-icon,
.CiberVest-iconbox-icon2 img,
.CiberVest-feature-box-icon,
.CiberVest-solution-card-icon {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Icon Images - Make them white/light blue */
.CiberVest-iconbox-icon img,
.CiberVest-iconbox-icon2 img,
.CiberVest-service-iconbox-icon img,
.CiberVest-feature-box-icon img {
    filter: brightness(0) invert(1);
    opacity: 0.9;
    transition: all 0.3s ease;
    width: auto;
    height: auto;
}

.CiberVest-iconbox-wrap:hover .CiberVest-iconbox-icon img,
.CiberVest-iconbox-wrap2:hover .CiberVest-iconbox-icon2 img,
.CiberVest-service-iconbox-wrap:hover .CiberVest-service-iconbox-icon img,
.CiberVest-feature-box:hover .CiberVest-feature-box-icon img {
    opacity: 1;
    filter: brightness(0) invert(1) drop-shadow(0 0 15px rgba(0, 212, 255, 0.8));
    transform: scale(1.05);
}

/* FontAwesome Icons in Icon Containers */
.CiberVest-iconbox-icon i,
.CiberVest-iconbox-icon2 i,
.CiberVest-service-iconbox-icon i,
.CiberVest-feature-box-icon i {
    color: #b3e5fc !important;
    font-size: 48px;
    transition: all 0.3s ease;
}

.CiberVest-iconbox-wrap:hover .CiberVest-iconbox-icon i,
.CiberVest-iconbox-wrap2:hover .CiberVest-iconbox-icon2 i,
.CiberVest-service-iconbox-wrap:hover .CiberVest-service-iconbox-icon i,
.CiberVest-feature-box:hover .CiberVest-feature-box-icon i {
    color: #4da6ff !important;
    text-shadow: 0 0 20px rgba(0, 212, 255, 0.8);
    transform: scale(1.1);
}

/* Blog Cards */
.CiberVest-blog-wrap-v4 {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.CiberVest-blog-wrap-v4:hover {
    background: rgba(26, 47, 79, 0.9) !important;
    border-color: #b3e5fc;
    box-shadow: 0 12px 48px rgba(0, 212, 255, 0.4);
    transform: translateY(-5px);
}

.CiberVest-blog-content {
    background: rgba(26, 47, 79, 0.8) !important;
    padding: 25px;
    border-top: 1px solid rgba(0, 212, 255, 0.2);
}

.CiberVest-blog-content h4 {
    color: #e0f2fe !important;
    margin-bottom: 15px;
}

.CiberVest-blog-meta {
    color: #90caf9 !important;
    margin-bottom: 10px;
}

.CiberVest-blog-meta ul li {
    color: #90caf9 !important;
}

/* Testimonial Cards */
.CiberVest-iconbox-wrap .CiberVest-iconbox-data.testimonial-vr8 {
    background: rgba(26, 47, 79, 0.8) !important;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid rgba(0, 212, 255, 0.2);
    margin-top: 20px;
}

.CiberVest-iconbox-wrap .CiberVest-iconbox-data.testimonial-vr8 p {
    color: #b3e5fc !important;
    font-style: italic;
    line-height: 1.8;
}

.CiberVest-testimonial-authore-data h5 {
    color: #b3e5fc !important;
    font-weight: 600;
}

.CiberVest-testimonial-authore-data p {
    color: #90caf9 !important;
    font-size: 14px;
}

.CiberVest-iconbox-wrap {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 12px;
    padding: 30px;
    transition: all 0.3s ease;
}

.CiberVest-iconbox-wrap:hover {
    background: rgba(26, 47, 79, 0.9) !important;
    border-color: #b3e5fc;
    box-shadow: 0 12px 48px rgba(0, 212, 255, 0.4);
    transform: translateY(-5px);
}

.CiberVest-iconbox-data h4 {
    color: #e0f2fe !important;
    margin-bottom: 10px;
}

.CiberVest-iconbox-data p {
    color: #b3e5fc !important;
}

/* Service Iconbox */
.CiberVest-service-iconbox-wrap {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 12px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

.CiberVest-service-iconbox-wrap:hover {
    background: rgba(26, 47, 79, 0.9) !important;
    border-color: #b3e5fc;
    box-shadow: 0 12px 48px rgba(0, 212, 255, 0.4);
    transform: translateX(5px);
}

.CiberVest-service-iconbox-data h4 {
    color: #e0f2fe !important;
    margin-bottom: 10px;
}

.CiberVest-service-iconbox-data p {
    color: #b3e5fc !important;
}

/* Features Section v8 */
.CiberVest-features-section-v8 .CiberVest-iconbox-wrap2 {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-left: 4px solid #b3e5fc;
    border-radius: 12px;
    padding: 25px;
    transition: all 0.3s ease;
}

.CiberVest-features-section-v8 .CiberVest-iconbox-wrap2:hover {
    background: rgba(26, 47, 79, 0.9) !important;
    border-color: #b3e5fc;
    box-shadow: 0 8px 32px rgba(0, 212, 255, 0.4);
    transform: translateX(5px);
    border-left-width: 6px;
}

/* About Section */
.aboutversoin8 .CiberVest-iconbox-wrap2 {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.aboutversoin8 .CiberVest-iconbox-wrap2:hover {
    background: rgba(26, 47, 79, 0.9) !important;
    border-color: #b3e5fc;
    box-shadow: 0 8px 32px rgba(0, 212, 255, 0.3);
    transform: translateX(5px);
}

/* Content Image Box */
.CiberVest-content-img.box-shadow {
    box-shadow: 0 8px 32px rgba(0, 212, 255, 0.2) !important;
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 12px;
    overflow: hidden;
}

.CiberVest-content-img.box-shadow:hover {
    box-shadow: 0 12px 48px rgba(0, 212, 255, 0.4) !important;
    border-color: #b3e5fc;
}

/* Button Wrapper - Keep Centered, Hide on Hover */
.button-wraper,
.CiberVest-default-btn .button-wraper {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    transform: translateX(0) translateY(0) !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
    opacity: 1 !important;
    text-align: center !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.CiberVest-default-btn:hover .button-wraper,
.CiberVest-default-btn:hover span {
    transform: translateY(-150%) !important;
    position: relative !important;
    opacity: 0 !important;
    text-align: center !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Prevent any parent transforms from affecting buttons */
.CiberVest-hero-btn-wrap,
.CiberVest-hero5-btn,
.CiberVest-title-btn {
    transform: none !important;
}

.CiberVest-hero-btn-wrap:hover,
.CiberVest-hero5-btn:hover,
.CiberVest-title-btn:hover {
    transform: none !important;
}

/* Animation Glow Effects */
@keyframes cyberGlow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
    }
    50% {
        box-shadow: 0 0 40px rgba(0, 212, 255, 0.6);
    }
}

.CiberVest-solution-card-icon:hover,
.CiberVest-feature-box-icon:hover {
    animation: cyberGlow 2s ease-in-out infinite;
}

/* ============================================
   INCIDENT REPORT PAGE STYLES
   ============================================ */

/* Incident Contact Bar */
.incident-contact-bar {
    background: rgba(255, 0, 128, 0.1) !important;
    border: 1px solid rgba(255, 0, 128, 0.3) !important;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 50px;
}

.incident-contact-bar a {
    color: #00BDD6 !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

.incident-contact-bar a:hover {
    color: #b3e5fc !important;
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
}

/* Incident Form Card */
.incident-form-card {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.1);
}

.incident-form-card input,
.incident-form-card textarea,
.incident-form-card select {
    background: rgba(10, 25, 41, 0.8) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    color: #fff !important;
    border-radius: 8px;
    padding: 12px 15px;
    transition: all 0.3s ease;
    min-height: 60px;
}

.incident-form-card input:focus,
.incident-form-card textarea:focus,
.incident-form-card select:focus {
    outline: none !important;
    border-color: #b3e5fc !important;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.3) !important;
}

.incident-form-card input::placeholder,
.incident-form-card textarea::placeholder {
    color: rgba(179, 229, 252, 0.5) !important;
}

/* Severity Cards */
.severity-card {
    background: rgba(26, 47, 79, 0.8) !important;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}

.severity-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 212, 255, 0.3) !important;
    background: rgba(26, 47, 79, 0.95) !important;
}

.severity-card:has(input[type="radio"]:checked) {
    background: rgba(0, 212, 255, 0.2) !important;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.5) !important;
}

/* Info Panels */
.info-panel {
    background: rgba(26, 47, 79, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.1);
}

.info-panel h4 {
    color: #e0f2fe !important;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em !important;
}

.info-panel ul,
.info-panel ol {
    color: #b3e5fc !important;
}

/* Response Time Items */
.response-times > div {
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 10px;
}

.response-times strong {
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em !important;
}

/* Responsive Design for Incident Report */
@media (max-width: 991px) {
    .severity-cards {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .incident-contact-bar {
        flex-direction: column !important;
        gap: 20px !important;
    }
}

@media (max-width: 767px) {
    .severity-cards {
        grid-template-columns: 1fr !important;
    }
    
    .incident-form-card {
        padding: 25px !important;
    }
    
    .info-panel {
        padding: 20px !important;
    }
}

/* ============================================
   MSOC - Managed SOC Page Styles
   ============================================ */

/* Hero Section */
.msoc-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(0, 212, 255, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(79, 70, 229, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.msoc-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(0, 212, 255, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #b3e5fc;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
    margin-top: 50px;
}

.msoc-hero-eyebrow i {
    color: #b3e5fc;
    font-size: 14px;
}

.msoc-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 16px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.msoc-gradient-text {
    background: linear-gradient(135deg, #b3e5fc 0%, #4da6ff 50%, #9d4edd 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #b3e5fc;
}

.msoc-hero-tagline {
    font-size: 24px;
    color: #b0c4ff;
    margin-bottom: 40px;
    font-weight: 500;
}

.msoc-hero-description {
    max-width: 900px;
    margin: 0 auto;
    color: #b3e5fc;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.msoc-hero-cta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Metric Boxes */
.msoc-metric-box {
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(0, 212, 255, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    transition: all 0.3s ease;
}

.msoc-metric-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 80px rgba(0, 212, 255, 0.3);
}

.msoc-metric-box h3 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msoc-metric-box p {
    font-size: 16px;
    color: #a8c7ff;
    margin: 0;
}

.msoc-metric-success h3 {
    color: #4ade80;
}

.msoc-metric-neutral h3 {
    color: #fff;
}

.msoc-metric-warning h3 {
    color: #f87171;
}

/* Section Headings */
.msoc-section-heading {
    margin-bottom: 60px;
}

.msoc-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msoc-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.msoc-eyebrow-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #7ea4ff;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.msoc-eyebrow-green {
    color: #4ade80;
}

/* Comparison Section */
.msoc-comparison-section {
    padding: 80px 0;
    background: #050f1f;
}

.msoc-comparison-card {
    padding: 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 2px solid;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
}

.msoc-comparison-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.9);
}

.msoc-comparison-past {
    border-color: rgba(248, 113, 113, 0.5);
}

.msoc-comparison-future {
    border-color: rgba(0, 212, 255, 0.5);
}

.msoc-comparison-header {
    margin-bottom: 24px;
}

.msoc-comparison-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.msoc-comparison-past .msoc-comparison-label {
    color: #f87171;
}

.msoc-comparison-future .msoc-comparison-label {
    color: #b3e5fc;
}

.msoc-comparison-card h3 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msoc-comparison-list {
    list-style: none;
    padding: 0;
    margin: 24px 0;
}

.msoc-comparison-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    color: #b3e5fc;
    font-size: 16px;
}

.msoc-comparison-past .msoc-comparison-list li i {
    color: #f87171;
}

.msoc-comparison-future .msoc-comparison-list li i {
    color: #4ade80;
}

.msoc-comparison-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Architecture Section */
.msoc-architecture-section {
    padding: 80px 0;
    background: #020916;
}

.msoc-architecture-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(0, 212, 255, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
    position: relative;
}

.msoc-architecture-card:hover {
    transform: translateY(-5px);
    border-color: #b3e5fc;
    box-shadow: 0 24px 80px rgba(0, 212, 255, 0.4);
}

.msoc-architecture-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 212, 255, 0.1);
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 16px;
}

.msoc-architecture-icon i {
    font-size: 36px;
    color: #b3e5fc;
}

.msoc-architecture-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
}

.msoc-badge-success {
    background: rgba(74, 222, 128, 0.2);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.4);
}

.msoc-architecture-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msoc-architecture-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Workflow Section */
.msoc-workflow-section {
    padding: 80px 0;
    background: #050f1f;
}

.msoc-workflow-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.msoc-workflow-tab {
    padding: 20px 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(0, 212, 255, 0.28);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-width: 160px;
    text-align: center;
}

.msoc-workflow-tab i {
    font-size: 32px;
    color: #7ea4ff;
    transition: all 0.3s ease;
}

.msoc-workflow-tab span {
    font-size: 14px;
    color: #a8c7ff;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msoc-workflow-tab:hover,
.msoc-workflow-tab.active {
    background: rgba(0, 212, 255, 0.1);
    border-color: #b3e5fc;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
}

.msoc-workflow-tab.active i,
.msoc-workflow-tab:hover i {
    color: #b3e5fc;
    transform: scale(1.1);
}

.msoc-workflow-tab.active span,
.msoc-workflow-tab:hover span {
    color: #b3e5fc;
}

.msoc-workflow-content {
    position: relative;
}

.msoc-workflow-panel {
    display: none;
    padding: 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(0, 212, 255, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
}

.msoc-workflow-panel.active {
    display: block;
}

.msoc-workflow-icon-large {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 212, 255, 0.1);
    border: 2px solid rgba(0, 212, 255, 0.3);
    border-radius: 20px;
    margin: 0 auto;
}

.msoc-workflow-icon-large i {
    font-size: 56px;
    color: #b3e5fc;
}

.msoc-workflow-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #7ea4ff;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.msoc-workflow-panel h3 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msoc-workflow-panel p {
    color: #a8c7ff;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

/* Dashboard Section */
.msoc-dashboard-section {
    padding: 80px 0;
    background: #020916;
}

.msoc-dashboard-preview {
    max-width: 1400px;
    margin: 0 auto;
}

.msoc-dashboard-container {
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.msoc-dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 212, 255, 0.2);
}

.msoc-dashboard-window-controls {
    display: flex;
    gap: 8px;
}

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

.msoc-window-dot.red {
    background: #ff5f56;
}

.msoc-window-dot.yellow {
    background: #ffbd2e;
}

.msoc-window-dot.green {
    background: #27c93f;
}

.msoc-dashboard-status {
    display: flex;
    gap: 15px;
}

.msoc-status-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #b3e5fc;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msoc-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 10px rgba(74, 222, 128, 0.8);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.msoc-dashboard-content {
    padding: 30px;
}

/* Metrics Row */
.msoc-metrics-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}

.msoc-metric-card {
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease;
}

.msoc-metric-card:hover {
    border-color: rgba(0, 212, 255, 0.5);
    box-shadow: 0 4px 20px rgba(0, 212, 255, 0.2);
    transform: translateY(-2px);
}

.msoc-metric-success-border {
    border-color: rgba(74, 222, 128, 0.4) !important;
}

.msoc-metric-icon {
    font-size: 24px;
    color: #b3e5fc;
    margin-bottom: 10px;
}

.msoc-metric-value {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msoc-text-success {
    color: #4ade80 !important;
}

.msoc-metric-label {
    font-size: 13px;
    color: #a8c7ff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.msoc-metric-check {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #4ade80;
    font-size: 16px;
}

.msoc-metric-star {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #9d4edd;
    font-size: 16px;
}

.msoc-metric-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: "Orbitron", sans-serif !important;
}

.msoc-badge-active {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
    border: 1px solid rgba(255, 193, 7, 0.4);
}

.msoc-badge-sla {
    background: rgba(74, 222, 128, 0.2);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.4);
}

/* Response Metric */
.msoc-response-metric {
    margin-bottom: 30px;
}

.msoc-response-metric .msoc-metric-card {
    max-width: 200px;
}

/* Alert Feed */
.msoc-alert-feed {
    background: rgba(10, 25, 41, 0.6);
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 12px;
    padding: 20px;
}

.msoc-alert-feed-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 212, 255, 0.2);
}

.msoc-alert-feed-header i {
    font-size: 20px;
    color: #b3e5fc;
}

.msoc-alert-feed-header h3 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msoc-alert-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.msoc-alert-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background: rgba(5, 18, 44, 0.6);
    border-radius: 8px;
    border-left: 3px solid;
    transition: all 0.3s ease;
}

.msoc-alert-item:hover {
    background: rgba(5, 18, 44, 0.9);
    transform: translateX(5px);
}

.msoc-alert-critical {
    border-left-color: #f87171;
}

.msoc-alert-high {
    border-left-color: #fb923c;
}

.msoc-alert-medium {
    border-left-color: #fbbf24;
}

.msoc-alert-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 6px;
    flex-shrink: 0;
}

.msoc-alert-dot.red {
    background: #f87171;
    box-shadow: 0 0 10px rgba(248, 113, 113, 0.8);
}

.msoc-alert-dot.orange {
    background: #fb923c;
    box-shadow: 0 0 10px rgba(251, 146, 60, 0.8);
}

.msoc-alert-dot.yellow {
    background: #fbbf24;
    box-shadow: 0 0 10px rgba(251, 191, 36, 0.8);
}

.msoc-alert-content {
    flex: 1;
}

.msoc-alert-title {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.03em;
}

.msoc-alert-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.msoc-alert-source {
    font-size: 12px;
    color: #7ea4ff;
    font-weight: 500;
}

.msoc-alert-status {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: "Orbitron", sans-serif !important;
}

.msoc-status-success {
    background: rgba(74, 222, 128, 0.2);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.4);
}

.msoc-alert-time {
    font-size: 12px;
    color: #90caf9;
    margin-left: auto;
}

/* Dashboard Responsive */
@media (max-width: 1200px) {
    .msoc-metrics-row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .msoc-metrics-row {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .msoc-dashboard-content {
        padding: 20px 15px;
    }
    
    .msoc-metric-card {
        padding: 15px;
    }
    
    .msoc-metric-value {
        font-size: 24px;
    }
    
    .msoc-alert-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .msoc-alert-time {
        margin-left: 0;
    }
}

/* Advantage Section */
.msoc-advantage-section {
    padding: 80px 0;
    background: #050f1f;
}

.msoc-advantage-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(0, 212, 255, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
}

.msoc-advantage-card:hover {
    transform: translateY(-5px);
    border-color: #b3e5fc;
    box-shadow: 0 24px 80px rgba(0, 212, 255, 0.4);
}

.msoc-advantage-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 212, 255, 0.1);
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 12px;
    margin-bottom: 20px;
}

.msoc-advantage-icon i {
    font-size: 28px;
    color: #b3e5fc;
}

.msoc-advantage-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msoc-advantage-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Managed Services Section */
.msoc-managed-section {
    padding: 80px 0;
    background: #020916;
}

.msoc-managed-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(74, 222, 128, 0.3);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.msoc-managed-card:hover {
    transform: translateY(-5px);
    border-color: #4ade80;
    box-shadow: 0 24px 80px rgba(74, 222, 128, 0.3);
}

.msoc-managed-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.3);
    border-radius: 12px;
}

.msoc-managed-icon i {
    font-size: 32px;
    color: #4ade80;
}

.msoc-managed-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msoc-managed-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .msoc-hero-title {
        font-size: 42px;
    }
    
    .msoc-section-heading h2 {
        font-size: 36px;
    }
    
    .msoc-workflow-tabs {
        flex-direction: column;
        align-items: stretch;
    }
    
    .msoc-workflow-tab {
        min-width: auto;
    }
}

@media (max-width: 767px) {
    .msoc-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .msoc-hero-title {
        font-size: 32px;
    }
    
    .msoc-hero-tagline {
        font-size: 18px;
    }
    
    .msoc-hero-description {
        font-size: 16px;
    }
    
    .msoc-hero-cta {
        flex-direction: column;
    }
    
    .msoc-hero-cta .CiberVest-default-btn {
        width: 100%;
    }
    
    .msoc-section-heading h2 {
        font-size: 28px;
    }
    
    .msoc-comparison-card {
        padding: 30px 20px;
    }
    
    .msoc-architecture-card,
    .msoc-advantage-card,
    .msoc-managed-card {
        padding: 25px 20px;
    }
}

/* ============================================
   MVDR - Vulnerability Detection Page Styles
   ============================================ */

/* Hero Section - Orange/Pink Theme */
.mvdr-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(255, 107, 107, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(236, 72, 153, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.mvdr-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(255, 107, 107, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #ffb3ba;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mvdr-hero-eyebrow i {
    color: #ff6b6b;
    font-size: 14px;
}

.mvdr-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 16px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.mvdr-gradient-text {
    background: linear-gradient(135deg, #ff6b6b 0%, #ff8e8e 50%, #ec4899 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ff6b6b;
}

.mvdr-hero-tagline {
    font-size: 24px;
    color: #ffb3ba;
    margin-bottom: 40px;
    font-weight: 500;
}

.mvdr-hero-description {
    max-width: 900px;
    margin: 0 auto;
    color: #ffb3ba;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.mvdr-hero-cta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* MVDR Metric Boxes */
.mvdr-metric-box {
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    transition: all 0.3s ease;
}

.mvdr-metric-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 80px rgba(255, 107, 107, 0.3);
}

.mvdr-metric-box h3 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mvdr-metric-box p {
    font-size: 16px;
    color: #a8c7ff;
    margin: 0;
}

.mvdr-metric-orange {
    border-color: rgba(255, 107, 107, 0.5);
}

.mvdr-metric-orange h3 {
    color: #ff6b6b;
}

.mvdr-metric-pink {
    border-color: rgba(236, 72, 153, 0.5);
}

.mvdr-metric-pink h3 {
    color: #ec4899;
}

.mvdr-metric-success {
    border-color: rgba(74, 222, 128, 0.5);
}

.mvdr-metric-success h3 {
    color: #4ade80;
}

/* MVDR Section Headings */
.mvdr-section-heading {
    margin-bottom: 60px;
}

.mvdr-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mvdr-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.mvdr-eyebrow-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #ff6b6b;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

/* Intelligent Vulnerability Management Section */
.mvdr-intelligent-section {
    padding: 80px 0;
    background: #050f1f;
}

.mvdr-intelligent-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(255, 107, 107, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.mvdr-intelligent-card:hover {
    transform: translateY(-5px);
    border-color: #ff6b6b;
    box-shadow: 0 24px 80px rgba(255, 107, 107, 0.4);
}

.mvdr-intelligent-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 107, 107, 0.1);
    border: 1px solid rgba(255, 107, 107, 0.3);
    border-radius: 16px;
}

.mvdr-intelligent-icon i {
    font-size: 36px;
    color: #ffb366;
}

.mvdr-intelligent-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #ec4899;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mvdr-intelligent-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mvdr-intelligent-desc {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* MVDR Workflow Section */
.mvdr-workflow-section {
    padding: 80px 0;
    background: #020916;
}

.mvdr-workflow-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.mvdr-workflow-tab {
    padding: 20px 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(255, 107, 107, 0.28);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-width: 160px;
    text-align: center;
}

.mvdr-workflow-tab i {
    font-size: 32px;
    color: #ffb3ba;
    transition: all 0.3s ease;
}

.mvdr-workflow-tab span {
    font-size: 14px;
    color: #a8c7ff;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mvdr-workflow-tab:hover,
.mvdr-workflow-tab.active {
    background: rgba(255, 107, 107, 0.1);
    border-color: #ff6b6b;
    box-shadow: 0 0 20px rgba(255, 107, 107, 0.3);
}

.mvdr-workflow-tab.active i,
.mvdr-workflow-tab:hover i {
    color: #ff6b6b;
    transform: scale(1.1);
}

.mvdr-workflow-tab.active span,
.mvdr-workflow-tab:hover span {
    color: #ff6b6b;
}

.mvdr-workflow-content {
    position: relative;
}

.mvdr-workflow-panel {
    display: none;
    padding: 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(255, 107, 107, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
}

.mvdr-workflow-panel.active {
    display: block;
}

.mvdr-workflow-icon-large {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 107, 107, 0.1);
    border: 2px solid rgba(255, 107, 107, 0.3);
    border-radius: 20px;
    margin: 0 auto;
}

.mvdr-workflow-icon-large i {
    font-size: 56px;
    color: #ff6b6b;
}

.mvdr-workflow-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #ff6b6b;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mvdr-workflow-panel h3 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mvdr-workflow-panel p {
    color: #a8c7ff;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

/* MVDR Dashboard Section */
.mvdr-dashboard-section {
    padding: 80px 0;
    background: #050f1f;
}

.mvdr-dashboard-preview {
    max-width: 1400px;
    margin: 0 auto;
}

.mvdr-dashboard-container {
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(255, 107, 107, 0.3);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.mvdr-dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 107, 107, 0.2);
}

.mvdr-dashboard-window-controls {
    display: flex;
    gap: 8px;
}

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

.mvdr-window-dot.red {
    background: #ff5f56;
}

.mvdr-window-dot.yellow {
    background: #ffbd2e;
}

.mvdr-window-dot.green {
    background: #27c93f;
}

.mvdr-dashboard-status {
    display: flex;
    gap: 15px;
}

.mvdr-status-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #ff6b6b;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mvdr-status-badge i {
    font-size: 14px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.mvdr-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff6b6b;
    box-shadow: 0 0 10px rgba(255, 107, 107, 0.8);
    animation: pulse 2s infinite;
}

.mvdr-dashboard-content {
    padding: 30px;
}

/* MVDR Risk Metrics Row */
.mvdr-metrics-row {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 15px;
    margin-bottom: 30px;
}

.mvdr-metric-card {
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(255, 107, 107, 0.2);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease;
}

.mvdr-metric-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(255, 107, 107, 0.2);
}

.mvdr-metric-total {
    background: rgba(59, 130, 246, 0.3);
    border-color: rgba(59, 130, 246, 0.5);
}

.mvdr-metric-critical {
    background: rgba(239, 68, 68, 0.3);
    border-color: rgba(239, 68, 68, 0.5);
}

.mvdr-metric-high {
    background: rgba(251, 146, 60, 0.3);
    border-color: rgba(251, 146, 60, 0.5);
}

.mvdr-metric-medium {
    background: rgba(251, 191, 36, 0.3);
    border-color: rgba(251, 191, 36, 0.5);
}

.mvdr-metric-low {
    background: rgba(59, 130, 246, 0.3);
    border-color: rgba(59, 130, 246, 0.5);
}

.mvdr-metric-predicted {
    background: rgba(168, 85, 247, 0.3);
    border-color: rgba(168, 85, 247, 0.5);
}

.mvdr-metric-patched {
    background: rgba(74, 222, 128, 0.3);
    border-color: rgba(74, 222, 128, 0.5);
}

.mvdr-metric-autofixed {
    background: rgba(34, 197, 94, 0.3);
    border-color: rgba(34, 197, 94, 0.5);
}

.mvdr-metric-icon {
    font-size: 20px;
    color: #fff;
    margin-bottom: 8px;
}

.mvdr-metric-value {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mvdr-metric-label {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    opacity: 0.9;
}

/* MVDR Scan Results */
.mvdr-scan-results {
    background: rgba(10, 25, 41, 0.6);
    border: 1px solid rgba(255, 107, 107, 0.2);
    border-radius: 12px;
    padding: 20px;
}

.mvdr-scan-results-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 107, 107, 0.2);
}

.mvdr-scan-results-header i {
    font-size: 20px;
    color: #ff6b6b;
}

.mvdr-scan-results-header h3 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mvdr-scan-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mvdr-scan-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background: rgba(5, 18, 44, 0.6);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.mvdr-scan-item:hover {
    background: rgba(5, 18, 44, 0.9);
    transform: translateX(5px);
}

.mvdr-scan-status-success {
    color: #4ade80;
    font-size: 20px;
    margin-top: 2px;
    flex-shrink: 0;
}

.mvdr-scan-status-running {
    color: #fb923c;
    font-size: 20px;
    margin-top: 2px;
    flex-shrink: 0;
    animation: spin 2s linear infinite;
}

.mvdr-scan-content {
    flex: 1;
}

.mvdr-scan-name {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.03em;
}

.mvdr-scan-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.mvdr-risk-badge {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: "Orbitron", sans-serif !important;
}

.mvdr-risk-critical {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.4);
}

.mvdr-risk-high {
    background: rgba(251, 146, 60, 0.2);
    color: #fb923c;
    border: 1px solid rgba(251, 146, 60, 0.4);
}

.mvdr-risk-medium {
    background: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.4);
}

.mvdr-risk-low {
    background: rgba(59, 130, 246, 0.2);
    color: #3b82f6;
    border: 1px solid rgba(59, 130, 246, 0.4);
}

.mvdr-scan-findings {
    font-size: 12px;
    color: #a8c7ff;
    font-weight: 500;
}

.mvdr-scan-time {
    font-size: 12px;
    color: #90caf9;
    margin-left: auto;
}

.mvdr-scan-running {
    color: #fb923c !important;
    font-weight: 600;
}

/* MVDR Dashboard Responsive */
@media (max-width: 1400px) {
    .mvdr-metrics-row {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991px) {
    .mvdr-metrics-row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .mvdr-metrics-row {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mvdr-dashboard-content {
        padding: 20px 15px;
    }
    
    .mvdr-metric-card {
        padding: 15px;
    }
    
    .mvdr-metric-value {
        font-size: 24px;
    }
    
    .mvdr-scan-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .mvdr-scan-time {
        margin-left: 0;
    }
}

/* ============================================
   Shared: Complete Managed Services (Green on All Pages)
   ============================================ */

.managed-services-section {
    padding: 80px 0;
    background: #020916;
}

.managed-eyebrow-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #4ade80;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.managed-services-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(74, 222, 128, 0.3);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.managed-services-card:hover {
    transform: translateY(-5px);
    border-color: #4ade80;
    box-shadow: 0 24px 80px rgba(74, 222, 128, 0.3);
}

.managed-services-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.3);
    border-radius: 12px;
}

.managed-services-icon i {
    font-size: 32px;
    color: #4ade80;
}

.managed-services-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.managed-services-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* MVDR Responsive Styles */
@media (max-width: 991px) {
    .mvdr-hero-title {
        font-size: 42px;
    }
    
    .mvdr-section-heading h2 {
        font-size: 36px;
    }
    
    .mvdr-workflow-tabs {
        flex-direction: column;
        align-items: stretch;
    }
    
    .mvdr-workflow-tab {
        min-width: auto;
    }
}

@media (max-width: 767px) {
    .mvdr-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .mvdr-hero-title {
        font-size: 32px;
    }
    
    .mvdr-hero-tagline {
        font-size: 18px;
    }
    
    .mvdr-hero-description {
        font-size: 16px;
    }
    
    .mvdr-hero-cta {
        flex-direction: column;
    }
    
    .mvdr-hero-cta .CiberVest-default-btn {
        width: 100%;
    }
    
    .mvdr-section-heading h2 {
        font-size: 28px;
    }
    
    .mvdr-intelligent-card {
        padding: 25px 20px;
    }
}

/* ============================================
   MDR - Detection & Response Page Styles
   ============================================ */

/* Hero Section - Purple/Blue Theme */
.mdr-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(99, 102, 241, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(168, 85, 247, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.mdr-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(99, 102, 241, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #c4b5fd;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mdr-hero-eyebrow i {
    color: #6366f1;
    font-size: 14px;
}

.mdr-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 16px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.mdr-gradient-text {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #6366f1;
}

.mdr-hero-tagline {
    font-size: 24px;
    color: #c4b5fd;
    margin-bottom: 40px;
    font-weight: 500;
}

.mdr-hero-description {
    max-width: 900px;
    margin: 0 auto;
    color: #c4b5fd;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.mdr-hero-cta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.mdr-superscript {
    font-size: 0.6em;
    vertical-align: super;
}

/* MDR Metric Boxes */
.mdr-metric-box {
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    transition: all 0.3s ease;
}

.mdr-metric-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 80px rgba(99, 102, 241, 0.3);
}

.mdr-metric-box h3 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mdr-metric-box p {
    font-size: 16px;
    color: #a8c7ff;
    margin: 0;
}

.mdr-metric-blue {
    border-color: rgba(99, 102, 241, 0.5);
}

.mdr-metric-blue h3 {
    color: #6366f1;
}

.mdr-metric-purple {
    border-color: rgba(168, 85, 247, 0.5);
}

.mdr-metric-purple h3 {
    color: #a855f7;
}

.mdr-metric-success {
    border-color: rgba(74, 222, 128, 0.5);
}

.mdr-metric-success h3 {
    color: #4ade80;
}

/* MDR Section Headings */
.mdr-section-heading {
    margin-bottom: 60px;
}

.mdr-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mdr-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.mdr-eyebrow-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #6366f1;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

/* Triple Threat Defense Section */
.mdr-defense-section {
    padding: 80px 0;
    background: #050f1f;
}

.mdr-defense-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(99, 102, 241, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.mdr-defense-card:hover {
    transform: translateY(-5px);
    border-color: #6366f1;
    box-shadow: 0 24px 80px rgba(99, 102, 241, 0.4);
}

.mdr-defense-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.3);
    border-radius: 16px;
}

.mdr-defense-icon i {
    font-size: 36px;
    color: #6366f1;
}

.mdr-defense-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    background: rgba(59, 130, 246, 0.2);
    color: #3b82f6;
    border: 1px solid rgba(59, 130, 246, 0.4);
    font-family: "Orbitron", sans-serif !important;
}

.mdr-defense-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mdr-defense-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* MDR Workflow Section */
.mdr-workflow-section {
    padding: 80px 0;
    background: #020916;
}

.mdr-workflow-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.mdr-workflow-tab {
    padding: 20px 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(99, 102, 241, 0.28);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-width: 160px;
    text-align: center;
}

.mdr-workflow-tab i {
    font-size: 32px;
    color: #a8c7ff;
    transition: all 0.3s ease;
}

.mdr-workflow-tab span {
    font-size: 14px;
    color: #a8c7ff;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mdr-workflow-tab:hover,
.mdr-workflow-tab.active {
    background: rgba(99, 102, 241, 0.1);
    border-color: #6366f1;
    box-shadow: 0 0 20px rgba(99, 102, 241, 0.3);
}

.mdr-workflow-tab.active i,
.mdr-workflow-tab:hover i {
    color: #6366f1;
    transform: scale(1.1);
}

.mdr-workflow-tab.active span,
.mdr-workflow-tab:hover span {
    color: #6366f1;
}

.mdr-workflow-content {
    position: relative;
}

.mdr-workflow-panel {
    display: none;
    padding: 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(99, 102, 241, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
}

.mdr-workflow-panel.active {
    display: block;
}

.mdr-workflow-icon-large {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(99, 102, 241, 0.1);
    border: 2px solid rgba(99, 102, 241, 0.3);
    border-radius: 20px;
    margin: 0 auto;
}

.mdr-workflow-icon-large i {
    font-size: 56px;
    color: #6366f1;
}

.mdr-workflow-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #6366f1;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mdr-workflow-panel h3 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mdr-workflow-panel p {
    color: #a8c7ff;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

/* MDR Dashboard Section */
.mdr-dashboard-section {
    padding: 80px 0;
    background: #050f1f;
}

.mdr-dashboard-preview {
    max-width: 1400px;
    margin: 0 auto;
}

.mdr-dashboard-container {
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(99, 102, 241, 0.3);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.mdr-dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(99, 102, 241, 0.2);
}

.mdr-dashboard-url {
    font-size: 12px;
    color: #a8c7ff;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mdr-dashboard-window-controls {
    display: flex;
    gap: 8px;
    margin-left: auto;
    margin-right: 15px;
}

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

.mdr-window-dot.red {
    background: #ff5f56;
}

.mdr-window-dot.yellow {
    background: #ffbd2e;
}

.mdr-window-dot.green {
    background: #27c93f;
}

.mdr-dashboard-status {
    display: flex;
    gap: 15px;
}

.mdr-status-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #6366f1;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mdr-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #6366f1;
    box-shadow: 0 0 10px rgba(99, 102, 241, 0.8);
    animation: pulse 2s infinite;
}

.mdr-dashboard-content {
    padding: 30px;
}

/* MDR Metrics Row */
.mdr-metrics-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    margin-bottom: 30px;
}

.mdr-metric-card {
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease;
}

.mdr-metric-card:hover {
    border-color: rgba(99, 102, 241, 0.5);
    box-shadow: 0 4px 20px rgba(99, 102, 241, 0.2);
    transform: translateY(-2px);
}

.mdr-metric-success-border {
    border-color: rgba(74, 222, 128, 0.4) !important;
}

.mdr-metric-icon {
    font-size: 24px;
    color: #6366f1;
    margin-bottom: 10px;
}

.mdr-metric-value {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mdr-text-success {
    color: #4ade80 !important;
}

.mdr-text-danger {
    color: #f87171 !important;
}

.mdr-metric-label {
    font-size: 13px;
    color: #a8c7ff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.mdr-metric-check {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #4ade80;
    font-size: 16px;
}

/* MDR Threat Feed */
.mdr-threat-feed {
    background: rgba(10, 25, 41, 0.6);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: 12px;
    padding: 20px;
}

.mdr-threat-feed-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(99, 102, 241, 0.2);
}

.mdr-threat-feed-header i {
    font-size: 20px;
    color: #6366f1;
}

.mdr-threat-feed-header h3 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mdr-threat-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mdr-threat-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background: rgba(5, 18, 44, 0.6);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.mdr-threat-item:hover {
    background: rgba(5, 18, 44, 0.9);
    transform: translateX(5px);
}

.mdr-threat-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 6px;
    flex-shrink: 0;
}

.mdr-threat-dot.green {
    background: #4ade80;
    box-shadow: 0 0 10px rgba(74, 222, 128, 0.8);
}

.mdr-threat-dot.blue {
    background: #3b82f6;
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.8);
}

.mdr-threat-dot.purple {
    background: #a855f7;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.8);
}

.mdr-threat-dot.yellow {
    background: #fbbf24;
    box-shadow: 0 0 10px rgba(251, 191, 36, 0.8);
}

.mdr-threat-content {
    flex: 1;
}

.mdr-threat-title {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.03em;
}

.mdr-threat-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.mdr-threat-source {
    font-size: 12px;
    color: #7ea4ff;
    font-weight: 500;
}

.mdr-threat-status {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: "Orbitron", sans-serif !important;
}

.mdr-status-success {
    background: rgba(74, 222, 128, 0.2);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.4);
}

.mdr-status-info {
    background: rgba(59, 130, 246, 0.2);
    color: #3b82f6;
    border: 1px solid rgba(59, 130, 246, 0.4);
}

.mdr-status-warning {
    background: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.4);
}

.mdr-threat-time {
    font-size: 12px;
    color: #90caf9;
    margin-left: auto;
}

/* MDR Responsive Styles */
@media (max-width: 1200px) {
    .mdr-metrics-row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .mdr-hero-title {
        font-size: 42px;
    }
    
    .mdr-section-heading h2 {
        font-size: 36px;
    }
    
    .mdr-workflow-tabs {
        flex-direction: column;
        align-items: stretch;
    }
    
    .mdr-workflow-tab {
        min-width: auto;
    }
    
    .mdr-metrics-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .mdr-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .mdr-hero-title {
        font-size: 32px;
    }
    
    .mdr-hero-tagline {
        font-size: 18px;
    }
    
    .mdr-hero-description {
        font-size: 16px;
    }
    
    .mdr-hero-cta {
        flex-direction: column;
    }
    
    .mdr-hero-cta .CiberVest-default-btn {
        width: 100%;
    }
    
    .mdr-section-heading h2 {
        font-size: 28px;
    }
    
    .mdr-defense-card {
        padding: 25px 20px;
    }
    
    .mdr-metrics-row {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mdr-dashboard-content {
        padding: 20px 15px;
    }
    
    .mdr-metric-card {
        padding: 15px;
    }
    
    .mdr-metric-value {
        font-size: 24px;
    }
    
    .mdr-threat-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .mdr-threat-time {
        margin-left: 0;
    }
    
    .mdr-dashboard-header {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .mdr-dashboard-url {
        order: 3;
        width: 100%;
        text-align: center;
    }
}

/* ============================================
   MSSE - Security Engineering Page Styles
   ============================================ */

/* Hero Section - Pink/Purple Theme */
.msse-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(236, 72, 153, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(168, 85, 247, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.msse-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(236, 72, 153, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #f9a8d4;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.msse-hero-eyebrow i {
    color: #ec4899;
    font-size: 14px;
}

.msse-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 16px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.msse-gradient-text {
    background: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #4ade80 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ec4899;
}

.msse-hero-tagline {
    font-size: 24px;
    color: #f9a8d4;
    margin-bottom: 40px;
    font-weight: 500;
}

.msse-hero-description {
    max-width: 900px;
    margin: 0 auto;
    color: #f9a8d4;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.msse-hero-cta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* MSSE Metric Boxes */
.msse-metric-box {
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    transition: all 0.3s ease;
}

.msse-metric-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 80px rgba(236, 72, 153, 0.3);
}

.msse-metric-box h3 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msse-metric-box p {
    font-size: 16px;
    color: #a8c7ff;
    margin: 0;
}

.msse-metric-purple {
    border-color: rgba(168, 85, 247, 0.5);
}

.msse-metric-purple h3 {
    color: #a855f7;
}

.msse-metric-pink {
    border-color: rgba(236, 72, 153, 0.5);
}

.msse-metric-pink h3 {
    color: #ec4899;
}

.msse-metric-success {
    border-color: rgba(74, 222, 128, 0.5);
}

.msse-metric-success h3 {
    color: #4ade80;
}

/* MSSE Section Headings */
.msse-section-heading {
    margin-bottom: 60px;
}

.msse-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msse-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.msse-eyebrow-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #ec4899;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

/* Intelligent Security Architecture Section */
.msse-architecture-section {
    padding: 80px 0;
    background: #050f1f;
}

.msse-architecture-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(236, 72, 153, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.msse-architecture-card:hover {
    transform: translateY(-5px);
    border-color: #ec4899;
    box-shadow: 0 24px 80px rgba(236, 72, 153, 0.4);
}

.msse-architecture-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(236, 72, 153, 0.1);
    border: 1px solid rgba(236, 72, 153, 0.3);
    border-radius: 16px;
}

.msse-architecture-icon i {
    font-size: 36px;
    color: #ec4899;
}

.msse-architecture-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    background: rgba(236, 72, 153, 0.2);
    color: #ec4899;
    border: 1px solid rgba(236, 72, 153, 0.4);
    font-family: "Orbitron", sans-serif !important;
}

.msse-architecture-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msse-architecture-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* MSSE Workflow Section */
.msse-workflow-section {
    padding: 80px 0;
    background: #020916;
}

.msse-workflow-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.msse-workflow-tab {
    padding: 20px 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(236, 72, 153, 0.28);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-width: 160px;
    text-align: center;
}

.msse-workflow-tab i {
    font-size: 32px;
    color: #a8c7ff;
    transition: all 0.3s ease;
}

.msse-workflow-tab span {
    font-size: 14px;
    color: #a8c7ff;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msse-workflow-tab:hover,
.msse-workflow-tab.active {
    background: rgba(236, 72, 153, 0.1);
    border-color: #ec4899;
    box-shadow: 0 0 20px rgba(236, 72, 153, 0.3);
}

.msse-workflow-tab.active i,
.msse-workflow-tab:hover i {
    color: #ec4899;
    transform: scale(1.1);
}

.msse-workflow-tab.active span,
.msse-workflow-tab:hover span {
    color: #ec4899;
}

.msse-workflow-content {
    position: relative;
}

.msse-workflow-panel {
    display: none;
    padding: 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(236, 72, 153, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
}

.msse-workflow-panel.active {
    display: block;
}

.msse-workflow-icon-large {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(236, 72, 153, 0.1);
    border: 2px solid rgba(236, 72, 153, 0.3);
    border-radius: 20px;
    margin: 0 auto;
}

.msse-workflow-icon-large i {
    font-size: 56px;
    color: #ec4899;
}

.msse-workflow-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #ec4899;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.msse-workflow-panel h3 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msse-workflow-panel p {
    color: #a8c7ff;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

/* Security Services Section */
.msse-services-section {
    padding: 80px 0;
    background: #050f1f;
}

.msse-service-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(236, 72, 153, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.msse-service-card:hover {
    transform: translateY(-5px);
    border-color: rgba(236, 72, 153, 0.5);
    box-shadow: 0 24px 80px rgba(236, 72, 153, 0.3);
}

.msse-service-card.msse-service-highlighted {
    border-color: #ec4899;
    box-shadow: 0 0 30px rgba(236, 72, 153, 0.5);
}

.msse-service-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(236, 72, 153, 0.1);
    border: 1px solid rgba(236, 72, 153, 0.3);
    border-radius: 12px;
}

.msse-service-icon i {
    font-size: 32px;
    color: #ec4899;
}

.msse-service-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msse-service-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Engagement Models Section */
.msse-engagement-section {
    padding: 80px 0;
    background: #020916;
}

.msse-engagement-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(236, 72, 153, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
}

.msse-engagement-card:hover {
    transform: translateY(-5px);
    border-color: rgba(236, 72, 153, 0.5);
    box-shadow: 0 24px 80px rgba(236, 72, 153, 0.3);
}

.msse-engagement-card.msse-engagement-highlighted {
    border-color: #b3e5fc;
    box-shadow: 0 0 30px rgba(0, 212, 255, 0.5);
    background: rgba(0, 212, 255, 0.05);
}

.msse-engagement-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msse-engagement-duration {
    font-size: 14px;
    color: #ec4899;
    margin-bottom: 24px;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
}

.msse-engagement-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.msse-engagement-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    color: #a8c7ff;
    font-size: 15px;
    border-bottom: 1px solid rgba(236, 72, 153, 0.1);
}

.msse-engagement-list li:last-child {
    border-bottom: none;
}

.msse-engagement-list li i {
    color: #4ade80;
    font-size: 18px;
    flex-shrink: 0;
}

/* MSSE CTA Section */
.msse-cta-section {
    padding: 100px 0;
    background: #020916;
    position: relative;
    overflow: hidden;
}

.msse-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(236, 72, 153, 0.1), transparent 70%);
    pointer-events: none;
}

.msse-cta-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 60px 40px;
    border: 2px solid rgba(0, 212, 255, 0.3);
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.8);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.msse-cta-eyebrow {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #b3e5fc;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.msse-cta-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.msse-cta-gradient {
    background: linear-gradient(135deg, #ec4899 0%, #a855f7 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ec4899;
}

.msse-cta-description {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.msse-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* MSSE Responsive Styles */
@media (max-width: 991px) {
    .msse-hero-title {
        font-size: 42px;
    }
    
    .msse-section-heading h2 {
        font-size: 36px;
    }
    
    .msse-workflow-tabs {
        flex-direction: column;
        align-items: stretch;
    }
    
    .msse-workflow-tab {
        min-width: auto;
    }
    
    .msse-cta-content h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .msse-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .msse-hero-title {
        font-size: 32px;
    }
    
    .msse-hero-tagline {
        font-size: 18px;
    }
    
    .msse-hero-description {
        font-size: 16px;
    }
    
    .msse-hero-cta {
        flex-direction: column;
    }
    
    .msse-hero-cta .CiberVest-default-btn {
        width: 100%;
    }
    
    .msse-section-heading h2 {
        font-size: 28px;
    }
    
    .msse-architecture-card,
    .msse-service-card,
    .msse-engagement-card {
        padding: 25px 20px;
    }
    
    .msse-cta-content {
        padding: 40px 20px;
    }
    
    .msse-cta-content h2 {
        font-size: 28px;
    }
    
    .msse-cta-buttons {
        flex-direction: column;
    }
    
    .msse-cta-buttons .CiberVest-default-btn {
        width: 100%;
    }
}

/* ============================================
   MWAF - Web Application Firewall Page Styles
   ============================================ */

/* Hero Section - Green Theme */
.mwaf-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(74, 222, 128, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(34, 197, 94, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.mwaf-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(74, 222, 128, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #86efac;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mwaf-hero-eyebrow i {
    color: #4ade80;
    font-size: 14px;
}

.mwaf-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 16px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.mwaf-gradient-text {
    background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #4ade80;
}

.mwaf-hero-tagline {
    font-size: 24px;
    color: #86efac;
    margin-bottom: 40px;
    font-weight: 500;
}

.mwaf-hero-description {
    max-width: 900px;
    margin: 0 auto;
    color: #86efac;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.mwaf-hero-cta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* MWAF Metric Boxes */
.mwaf-metric-box {
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    transition: all 0.3s ease;
}

.mwaf-metric-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 80px rgba(74, 222, 128, 0.3);
}

.mwaf-metric-box h3 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mwaf-metric-box p {
    font-size: 16px;
    color: #a8c7ff;
    margin: 0;
}

.mwaf-metric-success {
    border-color: rgba(74, 222, 128, 0.5);
}

.mwaf-metric-success h3 {
    color: #4ade80;
}

/* MWAF Section Headings */
.mwaf-section-heading {
    margin-bottom: 60px;
}

.mwaf-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mwaf-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.mwaf-eyebrow-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #4ade80;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

/* Intelligent Application Defense Section */
.mwaf-defense-section {
    padding: 80px 0;
    background: #050f1f;
}

.mwaf-defense-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(74, 222, 128, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.mwaf-defense-card:hover {
    transform: translateY(-5px);
    border-color: #4ade80;
    box-shadow: 0 24px 80px rgba(74, 222, 128, 0.4);
}

.mwaf-defense-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.3);
    border-radius: 16px;
}

.mwaf-defense-icon i {
    font-size: 36px;
    color: #4ade80;
}

.mwaf-defense-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    background: rgba(74, 222, 128, 0.2);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.4);
    font-family: "Orbitron", sans-serif !important;
}

.mwaf-defense-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mwaf-defense-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* MWAF Workflow Section */
.mwaf-workflow-section {
    padding: 80px 0;
    background: #020916;
}

.mwaf-workflow-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.mwaf-workflow-tab {
    padding: 20px 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(74, 222, 128, 0.28);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-width: 160px;
    text-align: center;
}

.mwaf-workflow-tab i {
    font-size: 32px;
    color: #a8c7ff;
    transition: all 0.3s ease;
}

.mwaf-workflow-tab span {
    font-size: 14px;
    color: #a8c7ff;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mwaf-workflow-tab:hover,
.mwaf-workflow-tab.active {
    background: rgba(74, 222, 128, 0.1);
    border-color: #4ade80;
    box-shadow: 0 0 20px rgba(74, 222, 128, 0.3);
}

.mwaf-workflow-tab.active i,
.mwaf-workflow-tab:hover i {
    color: #4ade80;
    transform: scale(1.1);
}

.mwaf-workflow-tab.active span,
.mwaf-workflow-tab:hover span {
    color: #4ade80;
}

.mwaf-workflow-content {
    position: relative;
}

.mwaf-workflow-panel {
    display: none;
    padding: 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(74, 222, 128, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
}

.mwaf-workflow-panel.active {
    display: block;
}

.mwaf-workflow-icon-large {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(74, 222, 128, 0.1);
    border: 2px solid rgba(74, 222, 128, 0.3);
    border-radius: 20px;
    margin: 0 auto;
}

.mwaf-workflow-icon-large i {
    font-size: 56px;
    color: #4ade80;
}

.mwaf-workflow-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #4ade80;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mwaf-workflow-panel h3 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mwaf-workflow-panel p {
    color: #a8c7ff;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

/* MWAF Dashboard Section */
.mwaf-dashboard-section {
    padding: 80px 0;
    background: #050f1f;
}

.mwaf-dashboard-preview {
    max-width: 1400px;
    margin: 0 auto;
}

.mwaf-dashboard-container {
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.mwaf-dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 212, 255, 0.2);
}

.mwaf-dashboard-window-controls {
    display: flex;
    gap: 8px;
}

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

.mwaf-window-dot.red {
    background: #ff5f56;
}

.mwaf-window-dot.yellow {
    background: #ffbd2e;
}

.mwaf-window-dot.green {
    background: #27c93f;
}

.mwaf-dashboard-status {
    display: flex;
    gap: 15px;
}

.mwaf-status-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #4ade80;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mwaf-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 10px rgba(74, 222, 128, 0.8);
    animation: pulse 2s infinite;
}

.mwaf-dashboard-content {
    padding: 30px;
}

/* MWAF Metrics Row */
.mwaf-metrics-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    margin-bottom: 30px;
}

.mwaf-metric-card {
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(74, 222, 128, 0.2);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease;
}

.mwaf-metric-card:hover {
    border-color: rgba(74, 222, 128, 0.5);
    box-shadow: 0 4px 20px rgba(74, 222, 128, 0.2);
    transform: translateY(-2px);
}

.mwaf-metric-icon {
    font-size: 24px;
    color: #4ade80;
    margin-bottom: 10px;
}

.mwaf-metric-value {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mwaf-text-success {
    color: #4ade80 !important;
}

.mwaf-metric-label {
    font-size: 13px;
    color: #a8c7ff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* MWAF Attack Analysis */
.mwaf-attack-analysis {
    background: rgba(10, 25, 41, 0.6);
    border: 1px solid rgba(74, 222, 128, 0.2);
    border-radius: 12px;
    padding: 20px;
}

.mwaf-attack-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(74, 222, 128, 0.2);
}

.mwaf-attack-header i {
    font-size: 20px;
    color: #4ade80;
}

.mwaf-attack-header h3 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mwaf-attack-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mwaf-attack-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mwaf-attack-name {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    min-width: 120px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.03em;
}

.mwaf-attack-bar-wrapper {
    flex: 1;
    height: 24px;
    background: rgba(5, 18, 44, 0.6);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.mwaf-attack-bar {
    height: 100%;
    background: linear-gradient(90deg, #4ade80 0%, #22c55e 100%);
    border-radius: 12px;
    transition: width 0.5s ease;
}

.mwaf-attack-count {
    font-size: 13px;
    color: #4ade80;
    font-weight: 600;
    min-width: 100px;
    text-align: right;
    font-family: "Orbitron", sans-serif !important;
}

/* MWAF CTA Section */
.mwaf-cta-section {
    padding: 100px 0;
    background: #020916;
    position: relative;
    overflow: hidden;
}

.mwaf-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(74, 222, 128, 0.1), transparent 70%);
    pointer-events: none;
}

.mwaf-cta-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 60px 40px;
    border: 2px solid rgba(74, 222, 128, 0.3);
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.8);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.mwaf-cta-eyebrow {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #4ade80;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mwaf-cta-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mwaf-cta-gradient {
    background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #4ade80;
}

.mwaf-cta-description {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.mwaf-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* MWAF Responsive Styles */
@media (max-width: 1200px) {
    .mwaf-metrics-row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .mwaf-hero-title {
        font-size: 42px;
    }
    
    .mwaf-section-heading h2 {
        font-size: 36px;
    }
    
    .mwaf-workflow-tabs {
        flex-direction: column;
        align-items: stretch;
    }
    
    .mwaf-workflow-tab {
        min-width: auto;
    }
    
    .mwaf-metrics-row {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mwaf-cta-content h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .mwaf-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .mwaf-hero-title {
        font-size: 32px;
    }
    
    .mwaf-hero-tagline {
        font-size: 18px;
    }
    
    .mwaf-hero-description {
        font-size: 16px;
    }
    
    .mwaf-hero-cta {
        flex-direction: column;
    }
    
    .mwaf-hero-cta .CiberVest-default-btn {
        width: 100%;
    }
    
    .mwaf-section-heading h2 {
        font-size: 28px;
    }
    
    .mwaf-defense-card {
        padding: 25px 20px;
    }
    
    .mwaf-metrics-row {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mwaf-dashboard-content {
        padding: 20px 15px;
    }
    
    .mwaf-metric-card {
        padding: 15px;
    }
    
    .mwaf-metric-value {
        font-size: 24px;
    }
    
    .mwaf-attack-item {
        flex-wrap: wrap;
    }
    
    .mwaf-attack-name {
        min-width: 100%;
        margin-bottom: 8px;
    }
    
    .mwaf-attack-count {
        min-width: auto;
        text-align: left;
    }
    
    .mwaf-cta-content {
        padding: 40px 20px;
    }
    
    .mwaf-cta-content h2 {
        font-size: 28px;
    }
    
    .mwaf-cta-buttons {
        flex-direction: column;
    }
    
    .mwaf-cta-buttons .CiberVest-default-btn {
        width: 100%;
    }
}

/* ============================================
   MGRC - Governance Risk & Compliance Page Styles
   ============================================ */

/* Hero Section - Orange Theme */
.mgrc-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(251, 146, 60, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(249, 115, 22, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.mgrc-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(251, 146, 60, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #fed7aa;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mgrc-hero-eyebrow i {
    color: #fb923c;
    font-size: 14px;
}

.mgrc-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 16px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.mgrc-gradient-text {
    background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fb923c;
}

.mgrc-hero-tagline {
    font-size: 24px;
    color: #fb923c;
    margin-bottom: 40px;
    font-weight: 500;
}

.mgrc-hero-description {
    max-width: 900px;
    margin: 0 auto;
    color: #fed7aa;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.mgrc-hero-cta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* MGRC Metric Boxes */
.mgrc-metric-box {
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    transition: all 0.3s ease;
}

.mgrc-metric-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 80px rgba(251, 146, 60, 0.3);
}

.mgrc-metric-box h3 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-metric-box p {
    font-size: 16px;
    color: #a8c7ff;
    margin: 0;
}

.mgrc-metric-orange {
    border-color: rgba(251, 146, 60, 0.5);
}

.mgrc-metric-orange h3 {
    color: #fb923c;
}

.mgrc-metric-success {
    border-color: rgba(74, 222, 128, 0.5);
}

.mgrc-metric-success h3 {
    color: #4ade80;
}

/* MGRC Section Headings */
.mgrc-section-heading {
    margin-bottom: 60px;
}

.mgrc-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.mgrc-eyebrow-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #fb923c;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

/* Intelligent Compliance Automation Section */
.mgrc-automation-section {
    padding: 80px 0;
    background: #050f1f;
}

.mgrc-automation-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(251, 146, 60, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.mgrc-automation-card:hover {
    transform: translateY(-5px);
    border-color: #fb923c;
    box-shadow: 0 24px 80px rgba(251, 146, 60, 0.4);
}

.mgrc-automation-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(251, 146, 60, 0.1);
    border: 1px solid rgba(251, 146, 60, 0.3);
    border-radius: 16px;
}

.mgrc-automation-icon i {
    font-size: 36px;
    color: #fbbf24;
}

.mgrc-automation-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    background: rgba(251, 146, 60, 0.2);
    color: #fb923c;
    border: 1px solid rgba(251, 146, 60, 0.4);
    font-family: "Orbitron", sans-serif !important;
}

.mgrc-automation-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-automation-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* MGRC Workflow Section */
.mgrc-workflow-section {
    padding: 80px 0;
    background: #020916;
}

.mgrc-workflow-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.mgrc-workflow-tab {
    padding: 20px 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(251, 146, 60, 0.28);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-width: 160px;
    text-align: center;
}

.mgrc-workflow-tab i {
    font-size: 32px;
    color: #a8c7ff;
    transition: all 0.3s ease;
}

.mgrc-workflow-tab span {
    font-size: 14px;
    color: #a8c7ff;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-workflow-tab:hover,
.mgrc-workflow-tab.active {
    background: rgba(251, 146, 60, 0.1);
    border-color: #fb923c;
    box-shadow: 0 0 20px rgba(251, 146, 60, 0.3);
}

.mgrc-workflow-tab.active i,
.mgrc-workflow-tab:hover i {
    color: #fb923c;
    transform: scale(1.1);
}

.mgrc-workflow-tab.active span,
.mgrc-workflow-tab:hover span {
    color: #fb923c;
}

.mgrc-workflow-content {
    position: relative;
}

.mgrc-workflow-panel {
    display: none;
    padding: 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(251, 146, 60, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
}

.mgrc-workflow-panel.active {
    display: block;
}

.mgrc-workflow-icon-large {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(251, 146, 60, 0.1);
    border: 2px solid rgba(251, 146, 60, 0.3);
    border-radius: 20px;
    margin: 0 auto;
}

.mgrc-workflow-icon-large i {
    font-size: 56px;
    color: #fb923c;
}

.mgrc-workflow-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #fb923c;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mgrc-workflow-panel h3 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-workflow-panel p {
    color: #a8c7ff;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

/* MGRC Dashboard Section */
.mgrc-dashboard-section {
    padding: 80px 0;
    background: #050f1f;
}

.mgrc-dashboard-preview {
    max-width: 1400px;
    margin: 0 auto;
}

.mgrc-dashboard-container {
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.mgrc-dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 212, 255, 0.2);
}

.mgrc-dashboard-window-controls {
    display: flex;
    gap: 8px;
}

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

.mgrc-window-dot.red {
    background: #ff5f56;
}

.mgrc-window-dot.yellow {
    background: #ffbd2e;
}

.mgrc-window-dot.green {
    background: #27c93f;
}

.mgrc-dashboard-status {
    display: flex;
    gap: 15px;
}

.mgrc-status-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #b3e5fc;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-status-badge i {
    font-size: 14px;
}

.mgrc-dashboard-content {
    padding: 30px;
}

/* Framework Cards Grid */
.mgrc-frameworks-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.mgrc-framework-card {
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(251, 146, 60, 0.2);
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
}

.mgrc-framework-card:hover {
    transform: translateY(-2px);
    border-color: rgba(251, 146, 60, 0.5);
    box-shadow: 0 4px 20px rgba(251, 146, 60, 0.2);
}

.mgrc-framework-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.mgrc-framework-header h4 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-framework-badge {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: "Orbitron", sans-serif !important;
}

.mgrc-badge-compliant {
    background: rgba(74, 222, 128, 0.2);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.4);
}

.mgrc-badge-progress {
    background: rgba(251, 146, 60, 0.2);
    color: #fb923c;
    border: 1px solid rgba(251, 146, 60, 0.4);
}

.mgrc-framework-progress {
    height: 8px;
    background: rgba(5, 18, 44, 0.6);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}

.mgrc-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #4ade80 0%, #22c55e 100%);
    border-radius: 4px;
    transition: width 0.5s ease;
}

.mgrc-progress-yellow {
    background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 100%) !important;
}

.mgrc-framework-details {
    font-size: 13px;
    color: #a8c7ff;
}

/* ISO 27001 Breakdown */
.mgrc-iso-breakdown {
    background: rgba(10, 25, 41, 0.6);
    border: 1px solid rgba(251, 146, 60, 0.2);
    border-radius: 12px;
    padding: 25px;
}

.mgrc-iso-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(251, 146, 60, 0.2);
}

.mgrc-iso-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mgrc-iso-title i {
    font-size: 20px;
    color: #fb923c;
}

.mgrc-iso-title h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-iso-badge {
    padding: 6px 16px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
}

.mgrc-iso-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.mgrc-iso-metric {
    text-align: center;
}

.mgrc-iso-metric-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.mgrc-icon-success {
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.3);
}

.mgrc-icon-success i {
    color: #4ade80;
    font-size: 28px;
}

.mgrc-icon-warning {
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.3);
}

.mgrc-icon-warning i {
    color: #fbbf24;
    font-size: 28px;
}

.mgrc-icon-info {
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.3);
}

.mgrc-icon-info i {
    color: #6366f1;
    font-size: 28px;
}

.mgrc-iso-metric-value {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-iso-metric-label {
    font-size: 13px;
    color: #a8c7ff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* GRC Services Section */
.mgrc-services-section {
    padding: 80px 0;
    background: #020916;
}

.mgrc-service-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(251, 146, 60, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.mgrc-service-card:hover {
    transform: translateY(-5px);
    border-color: rgba(251, 146, 60, 0.5);
    box-shadow: 0 24px 80px rgba(251, 146, 60, 0.3);
}

.mgrc-service-card.mgrc-service-highlighted {
    border-color: #fb923c;
    box-shadow: 0 0 30px rgba(251, 146, 60, 0.5);
}

.mgrc-service-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(251, 146, 60, 0.1);
    border: 1px solid rgba(251, 146, 60, 0.3);
    border-radius: 12px;
}

.mgrc-service-icon i {
    font-size: 32px;
    color: #fb923c;
}

.mgrc-service-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* MGRC CTA Section */
.mgrc-cta-section {
    padding: 100px 0;
    background: #020916;
    position: relative;
    overflow: hidden;
}

.mgrc-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(251, 146, 60, 0.1), transparent 70%);
    pointer-events: none;
}

.mgrc-cta-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 60px 40px;
    border: 2px solid rgba(251, 146, 60, 0.3);
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.8);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.mgrc-cta-eyebrow {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #fb923c;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mgrc-cta-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-cta-gradient {
    background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fb923c;
}

.mgrc-cta-description {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.mgrc-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* MGRC Responsive Styles */
@media (max-width: 991px) {
    .mgrc-hero-title {
        font-size: 42px;
    }
    
    .mgrc-section-heading h2 {
        font-size: 36px;
    }
    
    .mgrc-workflow-tabs {
        flex-direction: column;
        align-items: stretch;
    }
    
    .mgrc-workflow-tab {
        min-width: auto;
    }
    
    .mgrc-frameworks-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mgrc-iso-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mgrc-cta-content h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .mgrc-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .mgrc-hero-title {
        font-size: 32px;
    }
    
    .mgrc-hero-tagline {
        font-size: 18px;
    }
    
    .mgrc-hero-description {
        font-size: 16px;
    }
    
    .mgrc-hero-cta {
        flex-direction: column;
    }
    
    .mgrc-hero-cta .CiberVest-default-btn {
        width: 100%;
    }
    
    .mgrc-section-heading h2 {
        font-size: 28px;
    }
    
    .mgrc-automation-card,
    .mgrc-service-card {
        padding: 25px 20px;
    }
    
    .mgrc-frameworks-grid {
        grid-template-columns: 1fr;
    }
    
    .mgrc-iso-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mgrc-cta-content {
        padding: 40px 20px;
    }
    
    .mgrc-cta-content h2 {
        font-size: 28px;
    }
    
    .mgrc-cta-buttons {
        flex-direction: column;
    }
    
    .mgrc-cta-buttons .CiberVest-default-btn {
        width: 100%;
    }
}

/* ============================================
   Virtual CISO Service Page Styles
   ============================================ */

/* Hero Section - Cyan/Teal Theme */
.vciso-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(6, 182, 212, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(14, 165, 233, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.vciso-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(6, 182, 212, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #67e8f9;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.vciso-hero-eyebrow i {
    color: #06b6d4;
    font-size: 14px;
}

.vciso-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 24px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.vciso-gradient-text {
    background: linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #06b6d4;
}

.vciso-hero-description {
    max-width: 900px;
    margin: 0 auto 40px;
    color: #a8c7ff;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.vciso-hero-cta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* vCISO Section Headings */
.vciso-section-heading {
    margin-bottom: 60px;
}

.vciso-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.vciso-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Why Choose vCISO Section */
.vciso-why-section {
    padding: 80px 0;
    background: #050f1f;
}

.vciso-why-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.vciso-why-card:hover {
    transform: translateY(-5px);
    border-color: #06b6d4;
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.4);
}

.vciso-why-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 16px;
}

.vciso-why-icon i {
    font-size: 36px;
    color: #06b6d4;
}

.vciso-why-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.vciso-why-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* vCISO Services Section */
.vciso-services-section {
    padding: 80px 0;
    background: #020916;
}

.vciso-service-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.vciso-service-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.3);
}

.vciso-service-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 12px;
}

.vciso-service-icon i {
    font-size: 32px;
    color: #8b5cf6;
}

.vciso-service-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.vciso-service-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Key Deliverables & Engagement Models Section */
.vciso-deliverables-section {
    padding: 80px 0;
    background: #050f1f;
}

.vciso-deliverables-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.vciso-deliverables-description {
    font-size: 16px;
    color: #a8c7ff;
    margin-bottom: 30px;
    line-height: 1.6;
}

.vciso-deliverables-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vciso-deliverables-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    color: #a8c7ff;
    font-size: 15px;
}

.vciso-deliverables-list li i {
    color: #06b6d4;
    font-size: 18px;
    flex-shrink: 0;
}

.vciso-engagement-content {
    padding: 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.3);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
}

.vciso-engagement-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 16px;
}

.vciso-engagement-icon i {
    font-size: 36px;
    color: #06b6d4;
}

.vciso-engagement-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
    text-align: center;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.vciso-engagement-models {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vciso-engagement-model {
    padding: 25px;
    border-radius: 12px;
    background: rgba(10, 25, 41, 0.6);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: all 0.3s ease;
}

.vciso-engagement-model:hover {
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 4px 20px rgba(6, 182, 212, 0.2);
    transform: translateX(5px);
}

.vciso-engagement-model h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.vciso-engagement-model p {
    color: #a8c7ff;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* vCISO CTA Section */
.vciso-cta-section {
    padding: 100px 0;
    background: #020916;
    position: relative;
    overflow: hidden;
}

.vciso-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(6, 182, 212, 0.1), transparent 70%);
    pointer-events: none;
}

.vciso-cta-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 60px 40px;
    border: 2px solid rgba(6, 182, 212, 0.3);
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.8);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.vciso-cta-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 16px;
}

.vciso-cta-icon i {
    font-size: 36px;
    color: #06b6d4;
}

.vciso-cta-content h2 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.vciso-cta-description {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.vciso-cta-button {
    display: flex;
    justify-content: center;
}

.vciso-cta-button .CiberVest-default-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* vCISO Responsive Styles */
@media (max-width: 991px) {
    .vciso-hero-title {
        font-size: 42px;
    }
    
    .vciso-section-heading h2 {
        font-size: 36px;
    }
    
    .vciso-deliverables-content h2,
    .vciso-engagement-content h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .vciso-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .vciso-hero-title {
        font-size: 32px;
    }
    
    .vciso-hero-description {
        font-size: 16px;
    }
    
    .vciso-hero-cta {
        flex-direction: column;
    }
    
    .vciso-hero-cta .CiberVest-default-btn {
        width: 100%;
    }
    
    .vciso-section-heading h2 {
        font-size: 28px;
    }
    
    .vciso-why-card,
    .vciso-service-card {
        padding: 25px 20px;
    }
    
    .vciso-deliverables-content h2,
    .vciso-engagement-content h2 {
        font-size: 28px;
    }
    
    .vciso-engagement-content {
        padding: 30px 20px;
    }
    
    .vciso-cta-content {
        padding: 40px 20px;
    }
    
    .vciso-cta-content h2 {
        font-size: 28px;
    }
}

/* ============================================
   Managed GRC Service Page Styles
   ============================================ */

/* Hero Section - Orange Theme */
.mgrc-service-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(251, 146, 60, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(249, 115, 22, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.mgrc-service-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(251, 146, 60, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #fed7aa;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mgrc-service-hero-eyebrow i {
    color: #fb923c;
    font-size: 14px;
}

.mgrc-service-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 16px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.mgrc-service-gradient-text {
    background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fb923c;
}

.mgrc-service-hero-tagline {
    font-size: 24px;
    color: #fb923c;
    margin-bottom: 40px;
    font-weight: 500;
}

.mgrc-service-hero-description {
    max-width: 900px;
    margin: 0 auto;
    color: #fed7aa;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.mgrc-service-hero-cta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Managed GRC Metric Boxes */
.mgrc-service-metric-box {
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    transition: all 0.3s ease;
}

.mgrc-service-metric-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 80px rgba(251, 146, 60, 0.3);
}

.mgrc-service-metric-box h3 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-metric-box p {
    font-size: 16px;
    color: #a8c7ff;
    margin: 0;
}

.mgrc-service-metric-yellow {
    border-color: rgba(234, 179, 8, 0.5);
}

.mgrc-service-metric-yellow h3 {
    color: #eab308;
}

.mgrc-service-metric-orange {
    border-color: rgba(251, 146, 60, 0.5);
}

.mgrc-service-metric-orange h3 {
    color: #fb923c;
}

.mgrc-service-metric-success {
    border-color: rgba(74, 222, 128, 0.5);
}

.mgrc-service-metric-success h3 {
    color: #4ade80;
}

/* Managed GRC Section Headings */
.mgrc-service-section-heading {
    margin-bottom: 60px;
}

.mgrc-service-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.mgrc-service-eyebrow-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #fb923c;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

/* Intelligent Compliance Automation Section */
.mgrc-service-automation-section {
    padding: 80px 0;
    background: #050f1f;
}

.mgrc-service-automation-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(251, 146, 60, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.mgrc-service-automation-card:hover {
    transform: translateY(-5px);
    border-color: #fb923c;
    box-shadow: 0 24px 80px rgba(251, 146, 60, 0.4);
}

.mgrc-service-automation-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(251, 146, 60, 0.1);
    border: 1px solid rgba(251, 146, 60, 0.3);
    border-radius: 16px;
}

.mgrc-service-automation-icon i {
    font-size: 36px;
    color: #fbbf24;
}

.mgrc-service-automation-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    background: rgba(251, 146, 60, 0.2);
    color: #fb923c;
    border: 1px solid rgba(251, 146, 60, 0.4);
    font-family: "Orbitron", sans-serif !important;
}

.mgrc-service-automation-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-automation-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Managed GRC Workflow Section */
.mgrc-service-workflow-section {
    padding: 80px 0;
    background: #020916;
}

.mgrc-service-workflow-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.mgrc-service-workflow-tab {
    padding: 20px 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(251, 146, 60, 0.28);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-width: 160px;
    text-align: center;
}

.mgrc-service-workflow-tab i {
    font-size: 32px;
    color: #a8c7ff;
    transition: all 0.3s ease;
}

.mgrc-service-workflow-tab span {
    font-size: 14px;
    color: #a8c7ff;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-workflow-tab:hover,
.mgrc-service-workflow-tab.active {
    background: rgba(251, 146, 60, 0.1);
    border-color: #fb923c;
    box-shadow: 0 0 20px rgba(251, 146, 60, 0.3);
}

.mgrc-service-workflow-tab.active i,
.mgrc-service-workflow-tab:hover i {
    color: #fb923c;
    transform: scale(1.1);
}

.mgrc-service-workflow-tab.active span,
.mgrc-service-workflow-tab:hover span {
    color: #fb923c;
}

.mgrc-service-workflow-content {
    position: relative;
}

.mgrc-service-workflow-panel {
    display: none;
    padding: 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(251, 146, 60, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
}

.mgrc-service-workflow-panel.active {
    display: block;
}

.mgrc-service-workflow-icon-large {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(251, 146, 60, 0.1);
    border: 2px solid rgba(251, 146, 60, 0.3);
    border-radius: 20px;
    margin: 0 auto;
}

.mgrc-service-workflow-icon-large i {
    font-size: 56px;
    color: #fb923c;
}

.mgrc-service-workflow-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #fb923c;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mgrc-service-workflow-panel h3 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-workflow-panel p {
    color: #a8c7ff;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

/* Managed GRC Dashboard Section */
.mgrc-service-dashboard-section {
    padding: 80px 0;
    background: #050f1f;
}

.mgrc-service-dashboard-preview {
    max-width: 1400px;
    margin: 0 auto;
}

.mgrc-service-dashboard-container {
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.mgrc-service-dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 212, 255, 0.2);
}

.mgrc-service-dashboard-window-controls {
    display: flex;
    gap: 8px;
}

.mgrc-service-window-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.mgrc-service-window-dot.red {
    background: #ff5f56;
}

.mgrc-service-window-dot.yellow {
    background: #ffbd2e;
}

.mgrc-service-window-dot.green {
    background: #27c93f;
}

.mgrc-service-dashboard-status {
    display: flex;
    gap: 15px;
}

.mgrc-service-status-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #b3e5fc;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-status-badge i {
    font-size: 14px;
}

.mgrc-service-dashboard-content {
    padding: 30px;
}

/* Framework Cards Grid */
.mgrc-service-frameworks-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.mgrc-service-framework-card {
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(251, 146, 60, 0.2);
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
}

.mgrc-service-framework-card:hover {
    transform: translateY(-2px);
    border-color: rgba(251, 146, 60, 0.5);
    box-shadow: 0 4px 20px rgba(251, 146, 60, 0.2);
}

.mgrc-service-framework-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.mgrc-service-framework-header h4 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-framework-badge {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: "Orbitron", sans-serif !important;
}

.mgrc-service-badge-compliant {
    background: rgba(74, 222, 128, 0.2);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.4);
}

.mgrc-service-badge-progress {
    background: rgba(251, 146, 60, 0.2);
    color: #fb923c;
    border: 1px solid rgba(251, 146, 60, 0.4);
}

.mgrc-service-framework-progress {
    height: 8px;
    background: rgba(5, 18, 44, 0.6);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}

.mgrc-service-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #4ade80 0%, #22c55e 100%);
    border-radius: 4px;
    transition: width 0.5s ease;
}

.mgrc-service-progress-yellow {
    background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 100%) !important;
}

.mgrc-service-framework-details {
    font-size: 13px;
    color: #a8c7ff;
}

/* ISO 27001 Breakdown */
.mgrc-service-iso-breakdown {
    background: rgba(10, 25, 41, 0.6);
    border: 1px solid rgba(251, 146, 60, 0.2);
    border-radius: 12px;
    padding: 25px;
}

.mgrc-service-iso-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(251, 146, 60, 0.2);
}

.mgrc-service-iso-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mgrc-service-iso-title i {
    font-size: 20px;
    color: #fb923c;
}

.mgrc-service-iso-title h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-iso-badge {
    padding: 6px 16px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
}

.mgrc-service-iso-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.mgrc-service-iso-metric {
    text-align: center;
}

.mgrc-service-iso-metric-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.mgrc-service-icon-success {
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.3);
}

.mgrc-service-icon-success i {
    color: #4ade80;
    font-size: 28px;
}

.mgrc-service-icon-warning {
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.3);
}

.mgrc-service-icon-warning i {
    color: #fbbf24;
    font-size: 28px;
}

.mgrc-service-icon-info {
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.3);
}

.mgrc-service-icon-info i {
    color: #6366f1;
    font-size: 28px;
}

.mgrc-service-iso-metric-value {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-iso-metric-label {
    font-size: 13px;
    color: #a8c7ff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* GRC Services Section */
.mgrc-service-services-section {
    padding: 80px 0;
    background: #020916;
}

.mgrc-service-service-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(251, 146, 60, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.mgrc-service-service-card:hover {
    transform: translateY(-5px);
    border-color: rgba(251, 146, 60, 0.5);
    box-shadow: 0 24px 80px rgba(251, 146, 60, 0.3);
}

.mgrc-service-service-card.mgrc-service-service-highlighted {
    border-color: #b3e5fc;
    box-shadow: 0 0 30px rgba(0, 212, 255, 0.5);
}

.mgrc-service-service-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(234, 179, 8, 0.1);
    border: 1px solid rgba(234, 179, 8, 0.3);
    border-radius: 12px;
}

.mgrc-service-service-icon i {
    font-size: 32px;
    color: #eab308;
}

.mgrc-service-service-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-service-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Managed GRC CTA Section */
.mgrc-service-cta-section {
    padding: 100px 0;
    background: #020916;
    position: relative;
    overflow: hidden;
}

.mgrc-service-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(251, 146, 60, 0.1), transparent 70%);
    pointer-events: none;
}

.mgrc-service-cta-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 60px 40px;
    border: 2px solid rgba(251, 146, 60, 0.3);
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.8);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.mgrc-service-cta-eyebrow {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #fb923c;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.mgrc-service-cta-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.mgrc-service-cta-gradient {
    background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fb923c;
}

.mgrc-service-cta-description {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.mgrc-service-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Managed GRC Responsive Styles */
@media (max-width: 991px) {
    .mgrc-service-hero-title {
        font-size: 42px;
    }
    
    .mgrc-service-section-heading h2 {
        font-size: 36px;
    }
    
    .mgrc-service-workflow-tabs {
        flex-direction: column;
        align-items: stretch;
    }
    
    .mgrc-service-workflow-tab {
        min-width: auto;
    }
    
    .mgrc-service-frameworks-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mgrc-service-iso-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mgrc-service-cta-content h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .mgrc-service-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .mgrc-service-hero-title {
        font-size: 32px;
    }
    
    .mgrc-service-hero-tagline {
        font-size: 18px;
    }
    
    .mgrc-service-hero-description {
        font-size: 16px;
    }
    
    .mgrc-service-hero-cta {
        flex-direction: column;
    }
    
    .mgrc-service-hero-cta .CiberVest-default-btn {
        width: 100%;
    }
    
    .mgrc-service-section-heading h2 {
        font-size: 28px;
    }
    
    .mgrc-service-automation-card,
    .mgrc-service-service-card {
        padding: 25px 20px;
    }
    
    .mgrc-service-frameworks-grid {
        grid-template-columns: 1fr;
    }
    
    .mgrc-service-iso-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mgrc-service-cta-content {
        padding: 40px 20px;
    }
    
    .mgrc-service-cta-content h2 {
        font-size: 28px;
    }
    
    .mgrc-service-cta-buttons {
        flex-direction: column;
    }
    
    .mgrc-service-cta-buttons .CiberVest-default-btn {
        width: 100%;
    }
}

/* ============================================
   Product Implementation Service Page Styles
   ============================================ */

/* Hero Section - Teal/Cyan Theme */
.impl-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(6, 182, 212, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(14, 165, 233, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.impl-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(6, 182, 212, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #67e8f9;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.impl-hero-eyebrow i {
    color: #06b6d4;
    font-size: 14px;
}

.impl-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 24px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.impl-gradient-text {
    background: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #06b6d4;
}

.impl-hero-description {
    max-width: 900px;
    margin: 0 auto 40px;
    color: #a8c7ff;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.impl-hero-cta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Benefits Section */
.impl-benefits-section {
    padding: 80px 0;
    background: #050f1f;
}

.impl-benefit-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.impl-benefit-card:hover {
    transform: translateY(-5px);
    border-color: #06b6d4;
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.4);
}

.impl-benefit-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 16px;
}

.impl-benefit-icon i {
    font-size: 36px;
    color: #06b6d4;
}

.impl-benefit-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.impl-benefit-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Implementation Section Headings */
.impl-section-heading {
    margin-bottom: 60px;
}

.impl-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.impl-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Supported Solutions Section */
.impl-solutions-section {
    padding: 80px 0;
    background: #020916;
}

.impl-solution-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
}

.impl-solution-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.3);
}

.impl-solution-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.impl-solution-icon i {
    font-size: 32px;
}

.impl-icon-blue {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.impl-icon-blue i {
    color: #3b82f6;
}

.impl-icon-magenta {
    background: rgba(219, 39, 119, 0.1);
    border: 1px solid rgba(219, 39, 119, 0.3);
}

.impl-icon-magenta i {
    color: #db2777;
}

.impl-icon-orange {
    background: rgba(251, 146, 60, 0.1);
    border: 1px solid rgba(251, 146, 60, 0.3);
}

.impl-icon-orange i {
    color: #fb923c;
}

.impl-icon-green {
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.3);
}

.impl-icon-green i {
    color: #4ade80;
}

.impl-icon-purple {
    background: rgba(168, 85, 247, 0.1);
    border: 1px solid rgba(168, 85, 247, 0.3);
}

.impl-icon-purple i {
    color: #a855f7;
}

.impl-solution-card h4 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.impl-solution-category {
    font-size: 14px;
    color: #06b6d4;
    margin-bottom: 12px;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.impl-solution-description {
    font-size: 15px;
    color: #a8c7ff;
    margin-bottom: 20px;
    line-height: 1.6;
}

.impl-solution-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.impl-solution-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    color: #a8c7ff;
    font-size: 14px;
}

.impl-solution-features li i {
    color: #06b6d4;
    font-size: 16px;
    flex-shrink: 0;
}

/* Implementation Methodology Section */
.impl-methodology-section {
    padding: 80px 0;
    background: #050f1f;
}

.impl-methodology-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
    position: relative;
}

.impl-methodology-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.3);
}

.impl-methodology-number {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(6, 182, 212, 0.1);
    border: 2px solid #06b6d4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #06b6d4;
    font-family: "Orbitron", sans-serif !important;
}

.impl-methodology-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 12px;
}

.impl-methodology-icon i {
    font-size: 32px;
    color: #06b6d4;
}

.impl-methodology-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.impl-methodology-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.impl-methodology-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.impl-methodology-tag {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(6, 182, 212, 0.1);
    color: #06b6d4;
    border: 1px solid rgba(6, 182, 212, 0.3);
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

/* Implementation CTA Section */
.impl-cta-section {
    padding: 100px 0;
    background: #020916;
    position: relative;
    overflow: hidden;
}

.impl-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(6, 182, 212, 0.1), transparent 70%);
    pointer-events: none;
}

.impl-cta-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 60px 40px;
    border: 2px solid rgba(6, 182, 212, 0.3);
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.8);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.impl-cta-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 16px;
}

.impl-cta-icon i {
    font-size: 36px;
    color: #06b6d4;
}

.impl-cta-content h2 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.impl-cta-description {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.impl-cta-button {
    display: flex;
    justify-content: center;
}

.impl-cta-button .CiberVest-default-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* Product Implementation Responsive Styles */
@media (max-width: 991px) {
    .impl-hero-title {
        font-size: 42px;
    }
    
    .impl-section-heading h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .impl-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .impl-hero-title {
        font-size: 32px;
    }
    
    .impl-hero-description {
        font-size: 16px;
    }
    
    .impl-hero-cta {
        flex-direction: column;
    }
    
    .impl-hero-cta .CiberVest-default-btn {
        width: 100%;
    }
    
    .impl-section-heading h2 {
        font-size: 28px;
    }
    
    .impl-benefit-card,
    .impl-solution-card,
    .impl-methodology-card {
        padding: 25px 20px;
    }
    
    .impl-cta-content {
        padding: 40px 20px;
    }
    
    .impl-cta-content h2 {
        font-size: 28px;
    }
}

/* ============================================
   Offensive Security Service Page Styles
   ============================================ */

/* Hero Section - Red/Orange Theme */
.offsec-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(239, 68, 68, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(249, 115, 22, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.offsec-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(239, 68, 68, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #fca5a5;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.offsec-hero-eyebrow i {
    color: #ef4444;
    font-size: 14px;
}

.offsec-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 24px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.offsec-gradient-text {
    background: linear-gradient(135deg, #ef4444 0%, #f97316 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ef4444;
}

.offsec-hero-description {
    max-width: 900px;
    margin: 0 auto;
    color: #fca5a5;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

/* Offensive Security Metric Boxes */
.offsec-metric-box {
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(239, 68, 68, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    transition: all 0.3s ease;
}

.offsec-metric-box:hover {
    transform: translateY(-5px);
    border-color: rgba(239, 68, 68, 0.5);
    box-shadow: 0 24px 80px rgba(239, 68, 68, 0.3);
}

.offsec-metric-box h3 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
    color: #ef4444;
}

.offsec-metric-box p {
    font-size: 16px;
    color: #a8c7ff;
    margin: 0;
}

/* Offensive Security Section Headings */
.offsec-section-heading {
    margin-bottom: 60px;
}

.offsec-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.offsec-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Our Services Section */
.offsec-services-section {
    padding: 80px 0;
    background: #050f1f;
}

.offsec-service-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
}

.offsec-service-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.3);
}

.offsec-service-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
}

.offsec-service-icon i {
    font-size: 36px;
}

.offsec-icon-orange {
    background: rgba(251, 146, 60, 0.1);
    border: 1px solid rgba(251, 146, 60, 0.3);
}

.offsec-icon-orange i {
    color: #fb923c;
}

.offsec-icon-purple {
    background: rgba(168, 85, 247, 0.1);
    border: 1px solid rgba(168, 85, 247, 0.3);
}

.offsec-icon-purple i {
    color: #a855f7;
}

.offsec-icon-blue {
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.offsec-icon-blue i {
    color: #06b6d4;
}

.offsec-service-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.offsec-service-description {
    font-size: 15px;
    color: #a8c7ff;
    margin-bottom: 24px;
    line-height: 1.7;
}

.offsec-service-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.offsec-service-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    color: #a8c7ff;
    font-size: 14px;
}

.offsec-service-list li i {
    color: #06b6d4;
    font-size: 16px;
    flex-shrink: 0;
}

/* Our Methodology Section */
.offsec-methodology-section {
    padding: 80px 0;
    background: #020916;
}

.offsec-methodology-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
    position: relative;
}

.offsec-methodology-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.3);
}

.offsec-methodology-number {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: rgba(6, 182, 212, 0.1);
    border: 2px solid #06b6d4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.offsec-methodology-number span {
    font-size: 24px;
    font-weight: 700;
    color: #06b6d4;
    font-family: "Orbitron", sans-serif !important;
    line-height: 1;
}

.offsec-methodology-number i {
    font-size: 20px;
    color: #06b6d4;
    margin-top: 4px;
}

.offsec-methodology-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.offsec-methodology-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Offensive Security CTA Section */
.offsec-cta-section {
    padding: 100px 0;
    background: #050f1f;
    position: relative;
    overflow: hidden;
}

.offsec-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(239, 68, 68, 0.1), transparent 70%);
    pointer-events: none;
}

.offsec-cta-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 60px 40px;
    border: 2px solid rgba(239, 68, 68, 0.3);
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.8);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
}

.offsec-cta-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 16px;
}

.offsec-cta-icon i {
    font-size: 36px;
    color: #ef4444;
}

.offsec-cta-content h2 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.offsec-cta-description {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.offsec-cta-button {
    display: flex;
    justify-content: center;
}

.offsec-cta-button .CiberVest-default-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* Offensive Security Responsive Styles */
@media (max-width: 991px) {
    .offsec-hero-title {
        font-size: 42px;
    }
    
    .offsec-section-heading h2 {
        font-size: 36px;
    }
    
    .offsec-service-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .offsec-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .offsec-hero-title {
        font-size: 32px;
    }
    
    .offsec-hero-description {
        font-size: 16px;
    }
    
    .offsec-section-heading h2 {
        font-size: 28px;
    }
    
    .offsec-service-card,
    .offsec-methodology-card {
        padding: 25px 20px;
    }
    
    .offsec-cta-content {
        padding: 40px 20px;
    }
    
    .offsec-cta-content h2 {
        font-size: 28px;
    }
}

/* ============================================
   Partners Page Styles
   ============================================ */

/* Hero Section - Teal/Cyan Theme */
.partners-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(6, 182, 212, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(14, 165, 233, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.partners-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(6, 182, 212, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #67e8f9;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.partners-hero-eyebrow i {
    color: #06b6d4;
    font-size: 14px;
}

.partners-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 24px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.partners-gradient-text {
    background: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #06b6d4;
}

.partners-hero-description {
    max-width: 900px;
    margin: 0 auto;
    color: #a8c7ff;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

/* Partnership Benefits Section */
.partners-benefits-section {
    padding: 80px 0;
    background: #050f1f;
}

.partners-benefit-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.partners-benefit-card:hover {
    transform: translateY(-5px);
    border-color: #06b6d4;
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.4);
}

.partners-benefit-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 16px;
}

.partners-benefit-icon i {
    font-size: 36px;
    color: #06b6d4;
}

.partners-benefit-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.partners-benefit-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Partners Section Headings */
.partners-section-heading {
    margin-bottom: 60px;
}

.partners-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.partners-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.partners-section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(6, 182, 212, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #67e8f9;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.partners-section-eyebrow i {
    color: #06b6d4;
    font-size: 14px;
}

.partners-eyebrow-green {
    border-color: rgba(74, 222, 128, 0.4);
    color: #86efac;
}

.partners-eyebrow-green i {
    color: #4ade80;
}

/* OEM Partners Section */
.partners-oem-section {
    padding: 80px 0;
    background: #020916;
}

.partners-oem-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
}

.partners-oem-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.3);
}

.partners-oem-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
}

.partners-oem-logo {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    flex-shrink: 0;
}

.partners-logo-blue {
    background: rgba(59, 130, 246, 0.2);
    border: 1px solid rgba(59, 130, 246, 0.4);
}

.partners-logo-purple {
    background: rgba(168, 85, 247, 0.2);
    border: 1px solid rgba(168, 85, 247, 0.4);
}

.partners-logo-green {
    background: rgba(74, 222, 128, 0.2);
    border: 1px solid rgba(74, 222, 128, 0.4);
}

.partners-logo-orange {
    background: rgba(251, 146, 60, 0.2);
    border: 1px solid rgba(251, 146, 60, 0.4);
}

.partners-logo-white {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.partners-logo-cyan {
    background: rgba(6, 182, 212, 0.2);
    border: 1px solid rgba(6, 182, 212, 0.4);
}

.partners-oem-title h3 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 4px 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.partners-oem-category {
    font-size: 14px;
    color: #a8c7ff;
    margin: 0;
}

.partners-oem-description {
    font-size: 15px;
    color: #a8c7ff;
    line-height: 1.7;
    margin-bottom: 24px;
}

.partners-oem-capabilities h5 {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "Orbitron", sans-serif !important;
}

.partners-capability-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.partners-capability-tag {
    padding: 6px 14px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(10, 25, 41, 0.8);
    color: #a8c7ff;
    border: 1px solid rgba(6, 182, 212, 0.2);
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

/* Channel Partners Section */
.partners-channel-section {
    padding: 80px 0;
    background: #050f1f;
}

.partners-channel-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
}

.partners-channel-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.3);
}

.partners-channel-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
}

.partners-channel-logo {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    background: rgba(10, 25, 41, 0.8);
}

.partners-channel-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
}

.partners-logo-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
}

.partners-channel-title h3 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 4px 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.partners-channel-category {
    font-size: 14px;
    color: #a8c7ff;
    margin: 0;
}

.partners-channel-description {
    font-size: 15px;
    color: #a8c7ff;
    line-height: 1.7;
    margin-bottom: 24px;
}

.partners-channel-capabilities h5 {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "Orbitron", sans-serif !important;
}

/* Technology Partners Section */
.partners-tech-section {
    padding: 80px 0;
    background: #020916;
}

.partners-tech-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
}

.partners-tech-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.3);
}

.partners-tech-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.partners-tech-logo {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    position: relative;
    overflow: hidden;
    background: rgba(10, 25, 41, 0.8);
    flex-shrink: 0;
}

.partners-tech-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
}

.bg-white{
    background-color: #fff;
}

.partners-tech-logo .partners-logo-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
}

.partners-tech-title {
    flex: 1;
}

.partners-tech-title h4 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 4px 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.partners-tech-category {
    font-size: 14px;
    color: #a8c7ff;
    margin: 0;
    font-weight: 500;
}

.partners-tech-description {
    font-size: 15px;
    color: #a8c7ff;
    line-height: 1.7;
    margin-bottom: 20px;
}

.partners-tech-capabilities {
    margin-top: 20px;
}

.partners-tech-capabilities h5 {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "Orbitron", sans-serif !important;
}

/* Why Our Partnerships Matter Section */
.partners-why-section {
    padding: 80px 0;
    background: #050f1f;
}

.partners-why-section h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.partners-why-description {
    font-size: 16px;
    color: #a8c7ff;
    line-height: 1.8;
    margin-bottom: 30px;
}

.partners-why-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.partners-why-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
}

.partners-why-list li i {
    color: #06b6d4;
    font-size: 18px;
    margin-top: 2px;
    flex-shrink: 0;
}

.partners-stats-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.3);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
}

.partners-stat-item {
    padding: 25px;
    border-radius: 12px;
    background: rgba(10, 25, 41, 0.6);
    text-align: center;
    transition: all 0.3s ease;
}

.partners-stat-item:hover {
    background: rgba(10, 25, 41, 0.9);
    transform: translateY(-2px);
}

.partners-stat-item h3 {
    font-size: 48px;
    font-weight: 700;
    color: #06b6d4;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.partners-stat-item p {
    font-size: 14px;
    color: #a8c7ff;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

/* Partners CTA Section */
.partners-cta-section {
    padding: 100px 0;
    background: #020916;
    position: relative;
    overflow: hidden;
}

.partners-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(6, 182, 212, 0.1), transparent 70%);
    pointer-events: none;
}

.partners-cta-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.partners-cta-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.partners-cta-description {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.partners-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.partners-cta-buttons .CiberVest-default-btn i {
    margin-left: 8px;
}

/* Partners Responsive Styles */
@media (max-width: 991px) {
    .partners-hero-title {
        font-size: 42px;
    }
    
    .partners-section-heading h2 {
        font-size: 36px;
    }
    
    .partners-why-section h2 {
        font-size: 36px;
    }
    
    .partners-cta-content h2 {
        font-size: 36px;
    }
    
    .partners-stats-box {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .partners-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .partners-hero-title {
        font-size: 32px;
    }
    
    .partners-hero-description {
        font-size: 16px;
    }
    
    .partners-section-heading h2 {
        font-size: 28px;
    }
    
    .partners-benefit-card,
    .partners-oem-card,
    .partners-channel-card,
    .partners-tech-card {
        padding: 25px 20px;
    }
    
    .partners-why-section h2 {
        font-size: 28px;
    }
    
    .partners-stats-box {
        grid-template-columns: 1fr;
        padding: 20px;
    }
    
    .partners-cta-content h2 {
        font-size: 28px;
    }
    
    .partners-cta-buttons {
        flex-direction: column;
    }
    
    .partners-cta-buttons .CiberVest-default-btn {
        width: 100%;
    }
}

/* ============================================
   Careers Page Styles
   ============================================ */

/* Hero Section - Teal/Cyan Theme */
.careers-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(6, 182, 212, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(14, 165, 233, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.careers-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(6, 182, 212, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #67e8f9;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.careers-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 24px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.careers-gradient-text {
    background: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #06b6d4;
}

.careers-hero-description {
    max-width: 900px;
    margin: 0 auto 30px;
    color: #a8c7ff;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.careers-hero-cta {
    margin-top: 30px;
}

/* Why Join Cibervest Section */
.careers-why-section {
    padding: 80px 0;
    background: #050f1f;
}

.careers-section-heading {
    margin-bottom: 60px;
}

.careers-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.careers-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.careers-benefit-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.careers-benefit-card:hover {
    transform: translateY(-5px);
    border-color: #06b6d4;
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.4);
}

.careers-benefit-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 16px;
}

.careers-benefit-icon i {
    font-size: 36px;
    color: #06b6d4;
}

.careers-benefit-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.careers-benefit-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Open Positions Section */
.careers-positions-section {
    padding: 80px 0;
    background: #020916;
}

.careers-job-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    position: relative;
    transition: all 0.3s ease;
}

.careers-job-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.3);
}

.careers-job-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(10, 25, 41, 0.9);
    border: 1px solid rgba(6, 182, 212, 0.3);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.careers-job-card h3 {
    font-size: 28px;
    font-weight: 700;
    color: #06b6d4;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
    padding-right: 100px;
}

.careers-job-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(6, 182, 212, 0.2);
}

.careers-job-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #a8c7ff;
    font-size: 14px;
}

.careers-job-meta span i {
    color: #06b6d4;
    font-size: 12px;
}

.careers-job-description {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 24px;
}

.careers-job-requirements {
    margin-bottom: 24px;
}

.careers-job-requirements h5 {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "Orbitron", sans-serif !important;
}

.careers-job-requirements ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.careers-job-requirements ul li {
    color: #a8c7ff;
    font-size: 14px;
    line-height: 1.8;
    padding: 6px 0;
    padding-left: 20px;
    position: relative;
}

.careers-job-requirements ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #06b6d4;
    font-weight: bold;
}

.careers-apply-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 8px;
    background: #06b6d4;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.careers-apply-btn:hover {
    background: #0ea5e9;
    transform: translateX(4px);
    color: #fff;
}

.careers-apply-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.careers-apply-btn:hover i {
    transform: translateX(4px);
}

/* General Application Section */
.careers-general-section {
    padding: 100px 0;
    background: #050f1f;
    position: relative;
    overflow: hidden;
}

.careers-general-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(6, 182, 212, 0.1), transparent 70%);
    pointer-events: none;
}

.careers-general-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.careers-general-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.careers-general-description {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.careers-general-button {
    margin-top: 30px;
}

/* Careers Responsive Styles */
@media (max-width: 991px) {
    .careers-hero-title {
        font-size: 42px;
    }
    
    .careers-section-heading h2 {
        font-size: 36px;
    }
    
    .careers-general-content h2 {
        font-size: 36px;
    }
    
    .careers-job-card h3 {
        font-size: 24px;
        padding-right: 80px;
    }
}

@media (max-width: 767px) {
    .careers-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .careers-hero-title {
        font-size: 32px;
    }
    
    .careers-hero-description {
        font-size: 16px;
    }
    
    .careers-section-heading h2 {
        font-size: 28px;
    }
    
    .careers-benefit-card,
    .careers-job-card {
        padding: 25px 20px;
    }
    
    .careers-job-card h3 {
        font-size: 20px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    
    .careers-job-badge {
        position: static;
        display: inline-block;
        margin-bottom: 12px;
    }
    
    .careers-job-meta {
        flex-direction: column;
        gap: 8px;
    }
    
    .careers-general-content h2 {
        font-size: 28px;
    }
    
    .careers-general-description {
        font-size: 16px;
    }
}

/* ============================================
   Resources Page Styles
   ============================================ */

/* Hero Section - Teal/Cyan Theme */
.resources-hero-section {
    padding: 100px 0 60px 0;
    background: radial-gradient(circle at top, rgba(6, 182, 212, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(14, 165, 233, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.resources-eyebrow {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #a8c7ff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.resources-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 24px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.resources-gradient-text {
    background: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #06b6d4;
}

.resources-hero-description {
    max-width: 900px;
    color: #a8c7ff;
    font-size: 18px;
    line-height: 1.8;
}

/* Featured Section */
.resources-featured-section {
    padding: 60px 0;
    background: #050f1f;
}

.resources-section-title {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

/* Resources List Section */
.resources-list-section {
    padding: 60px 0 80px 0;
    background: #020916;
}

.resources-filters-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 20px;
}

.resources-filters {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.resources-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 999px;
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(6, 182, 212, 0.2);
    color: #a8c7ff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.resources-filter-btn i {
    font-size: 12px;
}

.resources-filter-btn:hover {
    border-color: rgba(6, 182, 212, 0.4);
    color: #fff;
}

.resources-filter-btn.active {
    background: rgba(6, 182, 212, 0.2);
    border-color: rgba(6, 182, 212, 0.5);
    color: #06b6d4;
}

.resources-search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 300px;
    width: 100%;
}

.resources-search-wrapper i {
    position: absolute;
    left: 16px;
    color: #a8c7ff;
    font-size: 14px;
    z-index: 1;
}

.resources-search-input {
    width: 100%;
    padding: 10px 16px 10px 40px;
    border-radius: 8px;
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(6, 182, 212, 0.2);
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
}

.resources-search-input:focus {
    outline: none;
    border-color: rgba(6, 182, 212, 0.5);
    background: rgba(10, 25, 41, 0.95);
}

.resources-search-input::placeholder {
    color: #6b7280;
}

/* Resource Cards */
.resources-card {
    padding: 30px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.resources-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.3);
}

.resources-card-featured {
    border-color: rgba(6, 182, 212, 0.4);
    box-shadow: 0 20px 60px rgba(6, 182, 212, 0.2);
}

.resources-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.resources-type-badge {
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "Orbitron", sans-serif !important;
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(6, 182, 212, 0.3);
    color: #fff;
}

.resources-type-whitepaper {
    background: rgba(168, 85, 247, 0.2);
    border-color: rgba(168, 85, 247, 0.4);
    color: #c084fc;
}

.resources-read-time {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #a8c7ff;
    font-size: 12px;
}

.resources-read-time i {
    font-size: 10px;
    color: #6b7280;
}

.resources-card-title {
    margin-bottom: 16px;
    flex-grow: 1;
}

.resources-card-title a {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    line-height: 1.4;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
    transition: color 0.3s ease;
    display: block;
}

.resources-card-title a:hover {
    color: #06b6d4;
}

.resources-card-description {
    color: #a8c7ff;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
    flex-grow: 1;
}

.resources-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(6, 182, 212, 0.1);
}

.resources-card-author {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #a8c7ff;
    font-size: 12px;
}

.resources-card-author i {
    font-size: 10px;
    color: #6b7280;
}

.resources-read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #06b6d4;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}

.resources-read-more:hover {
    color: #0ea5e9;
    gap: 10px;
}

.resources-read-more i {
    font-size: 10px;
    transition: transform 0.3s ease;
}

.resources-read-more:hover i {
    transform: translateX(4px);
}

.resources-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

.resources-tag {
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    background: rgba(10, 25, 41, 0.6);
    color: #a8c7ff;
    border: 1px solid rgba(6, 182, 212, 0.1);
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

/* Newsletter Section */
.resources-newsletter-section {
    padding: 80px 0;
    background: #050f1f;
    position: relative;
    overflow: hidden;
}

.resources-newsletter-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(6, 182, 212, 0.1), transparent 70%);
    pointer-events: none;
}

.resources-newsletter-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 50px 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.3);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
}

.resources-newsletter-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.resources-newsletter-content p {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 30px;
    line-height: 1.6;
}

.resources-newsletter-form {
    margin-top: 30px;
}

.resources-newsletter-input-wrapper {
    display: flex;
    gap: 0;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.resources-newsletter-input {
    flex: 1;
    padding: 14px 20px;
    background: rgba(10, 25, 41, 0.8);
    border: none;
    color: #fff;
    font-size: 14px;
    outline: none;
}

.resources-newsletter-input::placeholder {
    color: #6b7280;
}

.resources-newsletter-btn {
    padding: 14px 30px;
    background: #06b6d4;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
}

.resources-newsletter-btn:hover {
    background: #0ea5e9;
}

/* Resources Responsive Styles */
@media (max-width: 991px) {
    .resources-hero-title {
        font-size: 42px;
    }
    
    .resources-section-title {
        font-size: 28px;
    }
    
    .resources-newsletter-content h2 {
        font-size: 36px;
    }
    
    .resources-filters-bar {
        flex-direction: column;
        align-items: stretch;
    }
    
    .resources-search-wrapper {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .resources-hero-section {
        padding: 80px 0 40px 0;
    }
    
    .resources-hero-title {
        font-size: 32px;
    }
    
    .resources-hero-description {
        font-size: 16px;
    }
    
    .resources-card {
        padding: 20px;
    }
    
    .resources-card-title a {
        font-size: 18px;
    }
    
    .resources-card-description {
        font-size: 13px;
    }
    
    .resources-card-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .resources-newsletter-content {
        padding: 30px 20px;
    }
    
    .resources-newsletter-content h2 {
        font-size: 28px;
    }
    
    .resources-newsletter-content p {
        font-size: 16px;
    }
    
    .resources-newsletter-input-wrapper {
        flex-direction: column;
    }
    
    .resources-newsletter-btn {
        width: 100%;
    }
}

/* ============================================
   Individual Article/Whitepaper Page Styles
   ============================================ */

/* Article Header Section */
.article-header-section {
    padding: 100px 0 60px 0;
    background: radial-gradient(circle at top, rgba(6, 182, 212, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(14, 165, 233, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.article-back-link {
    margin-bottom: 24px;
}

.article-back-link a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #a8c7ff;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.article-back-link a:hover {
    color: #06b6d4;
}

.article-back-link a i {
    font-size: 12px;
}

.article-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.article-type-badge {
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "Orbitron", sans-serif !important;
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(6, 182, 212, 0.3);
    color: #fff;
}

.article-type-whitepaper {
    background: rgba(168, 85, 247, 0.2);
    border-color: rgba(168, 85, 247, 0.4);
    color: #c084fc;
}

.article-read-time,
.article-date {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #a8c7ff;
    font-size: 13px;
}

.article-read-time i,
.article-date i {
    font-size: 11px;
    color: #6b7280;
}

.article-title {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 24px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.article-title span {
    background: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #06b6d4;
}

.article-intro {
    font-size: 18px;
    color: #a8c7ff;
    line-height: 1.8;
    margin-bottom: 30px;
    max-width: 900px;
}

.article-author-share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 24px;
    border-top: 1px solid rgba(6, 182, 212, 0.2);
    flex-wrap: wrap;
    gap: 20px;
}

.article-author {
    display: flex;
    align-items: center;
    gap: 12px;
}

.article-author i {
    font-size: 20px;
    color: #06b6d4;
}

.article-author-name {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.article-author-title {
    font-size: 13px;
    color: #a8c7ff;
    margin-top: 2px;
}

.article-share {
    display: flex;
    align-items: center;
    gap: 12px;
}

.article-share span {
    color: #a8c7ff;
    font-size: 14px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.article-share-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(6, 182, 212, 0.2);
    color: #a8c7ff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.article-share-icon:hover {
    background: rgba(6, 182, 212, 0.2);
    border-color: rgba(6, 182, 212, 0.4);
    color: #06b6d4;
    transform: translateY(-2px);
}

.article-share-icon i {
    font-size: 14px;
}

/* Article Content Section */
.article-content-section {
    padding: 60px 0;
    background: #050f1f;
}

.article-content-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.article-content {
    padding: 50px 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
}

.article-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 40px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.article-content h2:first-child {
    margin-top: 0;
}

.article-content h3 {
    font-size: 24px;
    font-weight: 700;
    color: #06b6d4;
    margin-bottom: 16px;
    margin-top: 32px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.article-content p {
    font-size: 16px;
    color: #a8c7ff;
    line-height: 1.8;
    margin-bottom: 20px;
}

.article-content ol,
.article-content ul {
    margin-bottom: 24px;
    padding-left: 24px;
}

.article-content ol li,
.article-content ul li {
    font-size: 16px;
    color: #a8c7ff;
    line-height: 1.8;
    margin-bottom: 12px;
}

.article-content ol li strong,
.article-content ul li strong {
    color: #fff;
    font-weight: 700;
}

.article-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid rgba(6, 182, 212, 0.2);
}

.article-tags-label {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.article-tag {
    padding: 6px 14px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(10, 25, 41, 0.8);
    color: #a8c7ff;
    border: 1px solid rgba(6, 182, 212, 0.2);
    text-decoration: none;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}

.article-tag:hover {
    background: rgba(6, 182, 212, 0.2);
    border-color: rgba(6, 182, 212, 0.4);
    color: #06b6d4;
}

/* Article CTA Section */
.article-cta-section {
    padding: 100px 0;
    background: #020916;
    position: relative;
    overflow: hidden;
}

.article-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(6, 182, 212, 0.1), transparent 70%);
    pointer-events: none;
}

.article-cta-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 50px 40px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.3);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
}

.article-cta-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.article-cta-gradient {
    background: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #06b6d4;
}

.article-cta-content p {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 30px;
    line-height: 1.6;
}

/* Article Responsive Styles */
@media (max-width: 991px) {
    .article-title {
        font-size: 36px;
    }
    
    .article-content h2 {
        font-size: 28px;
    }
    
    .article-content h3 {
        font-size: 20px;
    }
    
    .article-cta-content h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .article-header-section {
        padding: 80px 0 40px 0;
    }
    
    .article-title {
        font-size: 28px;
    }
    
    .article-intro {
        font-size: 16px;
    }
    
    .article-author-share {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .article-content {
        padding: 30px 20px;
    }
    
    .article-content h2 {
        font-size: 24px;
    }
    
    .article-content h3 {
        font-size: 18px;
    }
    
    .article-content p,
    .article-content ol li,
    .article-content ul li {
        font-size: 15px;
    }
    
    .article-cta-content {
        padding: 30px 20px;
    }
    
    .article-cta-content h2 {
        font-size: 28px;
    }
    
    .article-cta-content p {
        font-size: 16px;
    }
}

/* ============================================
   About Us Page Styles
   ============================================ */

/* Hero Section - Teal/Cyan Theme */
.about-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(6, 182, 212, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(14, 165, 233, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.about-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(6, 182, 212, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #67e8f9;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.about-hero-eyebrow i {
    color: #06b6d4;
    font-size: 14px;
}

.about-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 24px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.about-gradient-text {
    background: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #06b6d4;
}

.about-hero-description {
    max-width: 900px;
    margin: 0 auto;
    color: #a8c7ff;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

/* Mission & Vision Section */
.about-mission-section {
    padding: 80px 0;
    background: #050f1f;
}

.about-mission-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    text-align: center;
    transition: all 0.3s ease;
}

.about-mission-card:hover {
    transform: translateY(-5px);
    border-color: #06b6d4;
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.4);
}

.about-mission-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 16px;
}

.about-mission-icon i {
    font-size: 36px;
    color: #06b6d4;
}

.about-mission-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.about-mission-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Why Choose Us Section */
.about-why-section {
    padding: 80px 0;
    background: #020916;
}

.about-section-heading {
    margin-bottom: 60px;
}

.about-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.about-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.about-feature-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.about-feature-card:hover {
    transform: translateY(-5px);
    border-color: #06b6d4;
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.4);
}

.about-feature-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 16px;
}

.about-feature-icon i {
    font-size: 36px;
    color: #06b6d4;
}

.about-feature-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.about-feature-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Stats Section */
.about-stats-section {
    padding: 80px 0;
    background: #050f1f;
}

.about-stat-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    transition: all 0.3s ease;
}

.about-stat-card:hover {
    transform: translateY(-5px);
    border-color: #06b6d4;
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.4);
}

.about-stat-card h3 {
    font-size: 48px;
    font-weight: 700;
    color: #06b6d4;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.about-stat-card p {
    font-size: 16px;
    color: #a8c7ff;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "Orbitron", sans-serif !important;
}

/* Values Section */
.about-values-section {
    padding: 80px 0;
    background: #020916;
}

.about-value-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.about-value-card:hover {
    transform: translateY(-5px);
    border-color: #06b6d4;
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.4);
}

.about-value-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 16px;
}

.about-value-icon i {
    font-size: 36px;
    color: #06b6d4;
}

.about-value-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.about-value-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* About CTA Section */
.about-cta-section {
    padding: 100px 0;
    background: #050f1f;
    position: relative;
    overflow: hidden;
}

.about-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(6, 182, 212, 0.1), transparent 70%);
    pointer-events: none;
}

.about-cta-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.about-cta-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.about-cta-content p {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.about-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* ============================================
   Technology Page Styles
   ============================================ */

/* Hero Section - Teal/Cyan Theme */
.tech-hero-section {
    padding: 100px 0 80px 0;
    background: radial-gradient(circle at top, rgba(6, 182, 212, 0.18), transparent 55%),
                radial-gradient(circle at center, rgba(14, 165, 233, 0.18), transparent 60%),
                #020916;
    position: relative;
    overflow: hidden;
}

.tech-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(6, 182, 212, 0.4);
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #67e8f9;
    margin-bottom: 24px;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 600;
}

.tech-hero-eyebrow i {
    color: #06b6d4;
    font-size: 14px;
}

.tech-hero-title {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 24px;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.tech-gradient-text {
    background: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #06b6d4;
}

.tech-hero-description {
    max-width: 900px;
    margin: 0 auto;
    color: #a8c7ff;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

/* Technology Stack Section */
.tech-stack-section {
    padding: 80px 0;
    background: #050f1f;
}

.tech-section-heading {
    margin-bottom: 60px;
}

.tech-section-heading h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.tech-section-subtitle {
    font-size: 18px;
    color: #a8c7ff;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.tech-stack-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
}

.tech-stack-card:hover {
    transform: translateY(-5px);
    border-color: #06b6d4;
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.4);
}

.tech-stack-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 16px;
}

.tech-stack-icon i {
    font-size: 36px;
    color: #06b6d4;
}

.tech-stack-card h4 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.tech-stack-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.tech-stack-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tech-stack-features li {
    color: #a8c7ff;
    font-size: 14px;
    line-height: 1.8;
    padding: 8px 0;
    padding-left: 24px;
    position: relative;
}

.tech-stack-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #06b6d4;
    font-weight: bold;
    font-size: 16px;
}

/* Platform Capabilities Section */
.tech-capabilities-section {
    padding: 80px 0;
    background: #020916;
}

.tech-capability-card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78);
    height: 100%;
    transition: all 0.3s ease;
}

.tech-capability-card:hover {
    transform: translateY(-5px);
    border-color: #06b6d4;
    box-shadow: 0 24px 80px rgba(6, 182, 212, 0.4);
}

.tech-capability-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.tech-capability-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 12px;
    flex-shrink: 0;
}

.tech-capability-icon i {
    font-size: 24px;
    color: #06b6d4;
}

.tech-capability-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.tech-capability-card p {
    color: #a8c7ff;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Partner Technologies Section */
.tech-partners-section {
    padding: 80px 0;
    background: #050f1f;
}

.tech-partner-logo {
    text-align: center;
    padding: 20px;
    border-radius: 16px;
    background: rgba(5, 18, 44, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.28);
    transition: all 0.3s ease;
}

.tech-partner-logo:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 10px 30px rgba(6, 182, 212, 0.2);
}

.tech-partner-icon {
    width: 140px;
    height: 140px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
    position: relative;
    overflow: hidden;
}

.tech-partner-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 15px;
}

.tech-partner-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: "Orbitron", sans-serif !important;
}

.tech-partner-blue {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.tech-partner-orange {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(251, 146, 60, 0.3);
}

.tech-partner-white {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.tech-partner-cyan {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.tech-partner-purple {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(168, 85, 247, 0.3);
}

.tech-partner-green {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(74, 222, 128, 0.3);
}

.tech-partner-logo p {
    font-size: 14px;
    color: #a8c7ff;
    margin: 0;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

/* Technology CTA Section */
.tech-cta-section {
    padding: 100px 0;
    background: #020916;
    position: relative;
    overflow: hidden;
}

.tech-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(6, 182, 212, 0.1), transparent 70%);
    pointer-events: none;
}

.tech-cta-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.tech-cta-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.tech-cta-content p {
    font-size: 18px;
    color: #a8c7ff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.tech-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* About & Technology Responsive Styles */
@media (max-width: 991px) {
    .about-hero-title,
    .tech-hero-title {
        font-size: 42px;
    }
    
    .about-section-heading h2,
    .tech-section-heading h2 {
        font-size: 36px;
    }
    
    .about-cta-content h2,
    .tech-cta-content h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .about-hero-section,
    .tech-hero-section {
        padding: 80px 0 60px 0;
    }
    
    .about-hero-title,
    .tech-hero-title {
        font-size: 32px;
    }
    
    .about-hero-description,
    .tech-hero-description {
        font-size: 16px;
    }
    
    .about-section-heading h2,
    .tech-section-heading h2 {
        font-size: 28px;
    }
    
    .about-mission-card,
    .about-feature-card,
    .about-stat-card,
    .about-value-card,
    .tech-stack-card,
    .tech-capability-card {
        padding: 25px 20px;
    }
    
    .about-stat-card h3 {
        font-size: 36px;
    }
    
    .about-cta-content h2,
    .tech-cta-content h2 {
        font-size: 28px;
    }
    
    .about-cta-buttons,
    .tech-cta-buttons {
        flex-direction: column;
    }
    
    .about-cta-buttons .CiberVest-default-btn,
    .tech-cta-buttons .CiberVest-default-btn {
        width: 100%;
    }
}

/* ============================================
   Careers Modal Styles
   ============================================ */

.careers-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(5px);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow-y: auto;
}

.careers-modal-overlay.active,
.careers-modal-overlay[style*="flex"] {
    display: flex !important;
}

.careers-modal {
    background: rgba(5, 18, 44, 0.98);
    border: 1px solid rgba(6, 182, 212, 0.3);
    border-radius: 20px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.9);
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

.careers-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    border-bottom: 1px solid rgba(6, 182, 212, 0.2);
}

.careers-modal-header h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.careers-modal-header h3 span {
    background: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #06b6d4;
}

.careers-modal-close {
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(6, 182, 212, 0.2);
    border-radius: 8px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a8c7ff;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.careers-modal-close:hover {
    background: rgba(6, 182, 212, 0.2);
    border-color: rgba(6, 182, 212, 0.4);
    color: #06b6d4;
}

.careers-modal-close i {
    font-size: 16px;
}

.careers-modal-body {
    padding: 30px;
}

.careers-form-group {
    margin-bottom: 24px;
}

.careers-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.careers-form-group label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
}

.careers-form-group .required {
    color: #ef4444;
}

.careers-form-group input[type="text"],
.careers-form-group input[type="email"],
.careers-form-group input[type="tel"],
.careers-form-group input[type="url"],
.careers-form-group select,
.careers-form-group textarea {
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(6, 182, 212, 0.2);
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
    font-family: "Lato", sans-serif;
}

.careers-form-group input:focus,
.careers-form-group select:focus,
.careers-form-group textarea:focus {
    outline: none;
    border-color: rgba(6, 182, 212, 0.5);
    background: rgba(10, 25, 41, 0.95);
}

.careers-form-group input::placeholder,
.careers-form-group textarea::placeholder {
    color: #6b7280;
}

.careers-form-group select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2306b6d4' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
}

.careers-form-group input[type="file"] {
    padding: 10px;
    cursor: pointer;
}

.careers-form-group input[type="file"]::file-selector-button {
    padding: 8px 16px;
    border-radius: 6px;
    background: rgba(6, 182, 212, 0.2);
    border: 1px solid rgba(6, 182, 212, 0.3);
    color: #06b6d4;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    margin-right: 12px;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}

.careers-form-group input[type="file"]::file-selector-button:hover {
    background: rgba(6, 182, 212, 0.3);
    border-color: rgba(6, 182, 212, 0.5);
}

.careers-form-help {
    display: block;
    font-size: 12px;
    color: #6b7280;
    margin-top: 6px;
}

.careers-form-group textarea {
    resize: vertical;
    min-height: 120px;
}

.careers-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    font-size: 13px;
    color: #a8c7ff;
    line-height: 1.6;
}

.careers-checkbox-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: #06b6d4;
    flex-shrink: 0;
}

.careers-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 24px;
    border-top: 1px solid rgba(6, 182, 212, 0.2);
    margin-top: 30px;
}

.careers-btn-secondary,
.careers-btn-primary {
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: "Orbitron", sans-serif !important;
    letter-spacing: 0.05em;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
}

.careers-btn-secondary {
    background: rgba(10, 25, 41, 0.8);
    border: 1px solid rgba(6, 182, 212, 0.2);
    color: #a8c7ff;
}

.careers-btn-secondary:hover {
    background: rgba(10, 25, 41, 0.95);
    border-color: rgba(6, 182, 212, 0.4);
    color: #fff;
}

.careers-btn-primary {
    background: #06b6d4;
    color: #fff;
}

.careers-btn-primary:hover {
    background: #0ea5e9;
    transform: translateX(4px);
}

.careers-btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.careers-btn-primary i {
    font-size: 12px;
}

/* Careers Modal Responsive */
@media (max-width: 767px) {
    .careers-modal {
        max-width: 100%;
        margin: 10px;
        max-height: 95vh;
    }
    
    .careers-modal-header {
        padding: 20px;
    }
    
    .careers-modal-header h3 {
        font-size: 20px;
    }
    
    .careers-modal-body {
        padding: 20px;
    }
    
    .careers-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
    
    .careers-modal-footer {
        flex-direction: column-reverse;
    }
    
    .careers-btn-secondary,
    .careers-btn-primary {
        width: 100%;
        justify-content: center;
    }
}