/* -------------------------------------------------------------
   OS STUDIO REDESIGN V2 - SCOPED HIGH-SPECIFICITY STYLES
   ------------------------------------------------------------- */
body.home,
body.home .os-redesign-v2,
.os-redesign-v2 {
    background-color: #041329 !important;
    color: #d6e3ff !important;
}

/* Header Override */
body.home .navbar {
    background-color: rgba(13, 28, 50, 0.75) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(10px) !important;
}

/* Typography Overrides */
.os-redesign-v2 h1, .os-redesign-v2 h2, .os-redesign-v2 h3,
.os-redesign-v2 h4, .os-redesign-v2 h5, .os-redesign-v2 h6,
.os-redesign-v2 .h1, .os-redesign-v2 .h2, .os-redesign-v2 .h3, .os-redesign-v2 .h4 {
    color: #ffffff !important;
    text-shadow: none !important;
}

.os-redesign-v2 p, .os-redesign-v2 li {
    color: #d6e3ff;
}

.os-redesign-v2 p.lead, .os-redesign-v2 .lead, .os-redesign-v2 .text-muted, .os-redesign-v2 .text-neutral-dark {
    color: #b9cbc0 !important;
}

/* Glass Cards & Overrides for theme cards */
.os-redesign-v2 .glass-card,
.os-redesign-v2 #ai_ecosystem .vdz-eco-card,
.os-redesign-v2 #our_services .service-item,
.os-redesign-v2 #pricing .pricing-plan,
.os-redesign-v2 .advantage-item {
    background-color: #0d1c32 !important;
    background: #0d1c32 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 1rem !important;
    padding: 2rem !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    color: #d6e3ff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

.os-redesign-v2 .glass-card:hover,
.os-redesign-v2 #ai_ecosystem .vdz-eco-card:hover,
.os-redesign-v2 #our_services .service-item:hover,
.os-redesign-v2 #pricing .pricing-plan:hover {
    border-color: rgba(0, 253, 190, 0.4) !important;
    box-shadow: 0 10px 30px rgba(0, 253, 190, 0.15) !important;
    transform: translateY(-4px);
}

.os-redesign-v2 .glass-card h3, .os-redesign-v2 .glass-card h4,
.os-redesign-v2 #ai_ecosystem .vdz-eco-title,
.os-redesign-v2 #ai_ecosystem .vdz-eco-title a,
.os-redesign-v2 #our_services .service-item h4,
.os-redesign-v2 #pricing .pricing-plan h3 {
    color: #ffffff !important;
}

.os-redesign-v2 .glass-card p,
.os-redesign-v2 #ai_ecosystem .vdz-eco-desc,
.os-redesign-v2 #our_services .service-item p,
.os-redesign-v2 #pricing .pricing-plan p {
    color: #b9cbc0 !important;
}

/* Icons Glow */
.os-redesign-v2 .icon-glow-wrapper,
.os-redesign-v2 #ai_ecosystem .vdz-eco-icon {
    width: 3rem !important;
    height: 3rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0.5rem !important;
    background-color: rgba(0, 253, 190, 0.1) !important;
    color: #39ffc2 !important;
    margin-bottom: 1.5rem !important;
    font-size: 1.5rem !important;
    box-shadow: 0 0 15px rgba(0, 253, 190, 0.15) !important;
    transition: all 0.3s ease !important;
}

/* Clean Ecosystem Link CTA (No 100% full-card underline line) */
.os-redesign-v2 .eco-link-cta,
.os-redesign-v2 #ai_ecosystem .vdz-eco-cta {
    position: relative !important;
    text-decoration: none !important;
    color: #00fdbe !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    margin-top: 1rem !important;
    background: transparent !important;
}
.os-redesign-v2 .eco-link-cta i,
.os-redesign-v2 #ai_ecosystem .vdz-eco-cta i {
    transition: transform 0.25s ease !important;
}
.os-redesign-v2 .glass-card:hover .eco-link-cta i,
.os-redesign-v2 #ai_ecosystem .vdz-eco-card:hover .vdz-eco-cta i {
    transform: translateX(5px) !important;
}

/* AI Ecosystem Section (#ai_ecosystem) */
/* Services Section (#our_services) - Flex Layout & Bottom Aligned Accent Blue/Neon Buttons */
.os-redesign-v2 #our_services .service-item,
#our_services .service-item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background-color: #0d1c32 !important;
    background: #0d1c32 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 1rem !important;
    padding: 1.75rem !important;
    transition: all 0.3s ease !important;
}

.os-redesign-v2 #our_services .service-item:hover,
#our_services .service-item:hover {
    border-color: rgba(0, 253, 190, 0.4) !important;
    box-shadow: 0 10px 30px rgba(0, 253, 190, 0.15) !important;
    transform: translateY(-4px) !important;
}

.os-redesign-v2 #our_services .service-item ul,
#our_services .service-item ul {
    flex-grow: 1 !important;
    margin-bottom: 1.25rem !important;
}

.os-redesign-v2 #our_services .service-item .btn,
#our_services .service-item .btn,
.service-item .btn {
    margin-top: auto !important;
    font-weight: 600 !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1rem !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    background-color: #1a73e8 !important;
    color: #ffffff !important;
    border: 1px solid rgba(26, 115, 232, 0.6) !important;
    box-shadow: 0 4px 15px rgba(26, 115, 232, 0.3) !important;
    transition: all 0.3s ease !important;
}

.os-redesign-v2 #our_services .service-item .btn:hover,
#our_services .service-item .btn:hover,
.service-item .btn:hover {
    background-color: #00fdbe !important;
    color: #002116 !important;
    border-color: #00fdbe !important;
    box-shadow: 0 0 25px rgba(0, 253, 190, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* Service Card Icons - Accent Blue Badge in Default & Neon Green Flash on Hover */
.os-redesign-v2 #our_services .service-item > i,
#our_services .service-item > i {
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.5rem !important;
    color: #ffffff !important;
    background-color: #1a73e8 !important;
    margin-bottom: 1.25rem !important;
    box-shadow: 0 4px 15px rgba(26, 115, 232, 0.35) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease !important;
}

.os-redesign-v2 #our_services .service-item:hover > i,
#our_services .service-item:hover > i {
    transform: scale(1.08) rotate(-4deg) !important;
    background-color: #00fdbe !important;
    color: #002116 !important;
    box-shadow: 0 8px 25px rgba(0, 253, 190, 0.55) !important;
}

/* Default / Unified Neon Styling */
.os-redesign-v2 #ai_ecosystem .vdz-eco-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 14px 30px rgba(0, 253, 190, 0.15) !important;
    border-color: rgba(0, 253, 190, 0.4) !important;
}
.os-redesign-v2 #ai_ecosystem .vdz-eco-icon {
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.5rem !important;
    color: #39ffc2 !important;
    background: rgba(0, 253, 190, 0.1) !important;
    margin-bottom: 1.1rem !important;
    box-shadow: 0 0 15px rgba(0, 253, 190, 0.15) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.os-redesign-v2 #ai_ecosystem .vdz-eco-cta {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    margin-top: 1rem !important;
    color: #00fdbe !important;
    text-decoration: none !important;
}
.os-redesign-v2 #ai_ecosystem .vdz-eco-cta i {
    transition: transform 0.25s ease !important;
}
.os-redesign-v2 #ai_ecosystem .vdz-eco-card{
    position: relative;
}
.os-redesign-v2 #ai_ecosystem .vdz-eco-card:hover .vdz-eco-cta i {
    transform: translateX(5px) !important;
}

/* V1 Modifier Class (.eco-v1-style): Enables v1 accent colors & scale/rotate icon hover effects */
.os-redesign-v2 #ai_ecosystem .vdz-eco-card.eco-v1-style:hover {
    border-color: var(--vdz-eco-accent, #00fdbe) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.4) !important;
}
.os-redesign-v2 #ai_ecosystem .vdz-eco-card.eco-v1-style .vdz-eco-icon {
    color: #ffffff !important;
    background: var(--vdz-eco-accent, #0d6efd) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}
.os-redesign-v2 #ai_ecosystem .vdz-eco-card.eco-v1-style:hover .vdz-eco-icon {
    transform: scale(1.08) rotate(-4deg) !important;
    box-shadow: 0 8px 25px var(--vdz-eco-accent, #0d6efd) !important;
}
.os-redesign-v2 #ai_ecosystem .vdz-eco-card.eco-v1-style .vdz-eco-cta {
    color: var(--vdz-eco-accent, #00fdbe) !important;
}

/* Accordion Overrides */
.os-redesign-v2 .custom-accordion-v2 .accordion-item,
.os-redesign-v2 #how_we_work .vdz-process-accordion .accordion-item {
    background-color: #111d2e !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 1rem !important;
    margin-bottom: 1rem !important;
    overflow: hidden !important;
}
.os-redesign-v2 .custom-accordion-v2 .accordion-button,
.os-redesign-v2 #how_we_work .vdz-process-accordion .accordion-button {
    background-color: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
    padding: 1.25rem 1.5rem !important;
}
.os-redesign-v2 .custom-accordion-v2 .accordion-button:not(.collapsed),
.os-redesign-v2 #how_we_work .vdz-process-accordion .accordion-button:not(.collapsed) {
    background-color: #1a2b3c !important;
    color: #39ffc2 !important;
}
.os-redesign-v2 .custom-accordion-v2 .accordion-body,
.os-redesign-v2 #how_we_work .vdz-process-accordion .accordion-body {
    background-color: #111d2e !important;
    color: #b9cbc0 !important;
    border: none !important;
}
.os-redesign-v2 .step-badge {
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0.5rem !important;
    background-color: rgba(0, 253, 190, 0.1) !important;
    color: #39ffc2 !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    margin-right: 1.5rem !important;
    flex-shrink: 0 !important;
    border: 1px solid rgba(0, 253, 190, 0.2) !important;
}
.os-redesign-v2 .accordion-button:not(.collapsed) .step-badge {
    background-color: #00fdbe !important;
    color: #002116 !important;
    border-color: #00fdbe !important;
    border-radius: 50% !important;
}
.os-redesign-v2 .step-title {
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
    color: #ffffff !important;
}

/* Sections background overrides (NO stupid section borders) */
.os-redesign-v2 section {
    background-color: transparent !important;
    border: none !important;
}
.os-redesign-v2 section.bg-neutral-light,
.os-redesign-v2 section.vdz_bg_dark {
    background-color: transparent !important;
    border: none !important;
}
.os-redesign-v2 #competence,
.os-redesign-v2 #how_we_work,
.os-redesign-v2 #final_cta {
    background-color: rgba(13, 28, 50, 0.4) !important;
    border: none !important;
}

/* Client Logos Section (#our_clients) */
#our_clients,
.os-redesign-v2 #our_clients {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}
#our_clients .item_client,
.os-redesign-v2 #our_clients .item_client,
.item_client {
    background-color: rgba(13, 28, 50, 0.75) !important;
    background: rgba(13, 28, 50, 0.75) !important;
    border: 1px solid rgba(57, 255, 194, 0.25) !important;
    border-radius: 0.75rem !important;
    padding: 12px 14px !important;
    min-height: 105px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    backdrop-filter: blur(8px) !important;
    opacity: 0.85 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}
#our_clients .item_client:hover,
.os-redesign-v2 #our_clients .item_client:hover,
.item_client:hover {
    background-color: rgba(13, 28, 50, 0.95) !important;
    border-color: #00fdbe !important;
    opacity: 1 !important;
    box-shadow: 0 10px 30px rgba(0, 253, 190, 0.35) !important;
    transform: translateY(-4px) scale(1.03) !important;
}
#our_clients .item_client img,
.os-redesign-v2 #our_clients .item_client img,
.item_client img {
    max-height: 42px !important;
    object-fit: contain !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    padding: 5px 10px !important;
    border-radius: 0.4rem !important;
    transition: all 0.3s ease !important;
}
#our_clients .item_client:hover img,
.os-redesign-v2 #our_clients .item_client:hover img,
.item_client:hover img {
    opacity: 1;
    background-color: #ffffff !important;
    transform: scale(1.03) !important;
}
#our_clients .item_client span,
.os-redesign-v2 #our_clients .item_client span,
.item_client span {
    display: block !important;
    margin-top: 0.5rem !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #39ffc2 !important;
    text-decoration: none !important;
}

/* Contact Form Override - Harmonized with section_contact_form & 1.html redesign */
.os-redesign-v2 #contact_form,
#contact_form {
    background-color: #041329 !important;
    background: #041329 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    position: relative !important;
}

.os-redesign-v2 #contact_form .contact-card,
#contact_form .contact-card {
    background-color: #0d1c32 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 1rem !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5) !important;
    position: relative !important;
    overflow: hidden !important;
}

.os-redesign-v2 .form-control,
#contact_form .form-control {
    background-color: #041329 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #d6e3ff !important;
    padding: 0.75rem 1rem !important;
    border-radius: 0.5rem !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
}

.os-redesign-v2 .form-control:focus,
#contact_form .form-control:focus {
    background-color: #041329 !important;
    border-color: #39ffc2 !important;
    box-shadow: 0 0 0 1px #39ffc2, 0 0 15px rgba(57, 255, 194, 0.25) !important;
    color: #ffffff !important;
}

.os-redesign-v2 .form-control::placeholder,
#contact_form .form-control::placeholder {
    color: #5a6a85 !important;
    opacity: 1 !important;
}

.os-redesign-v2 .form-label,
#contact_form .form-label {
    font-size: 0.85rem !important;
    color: #b9cbc0 !important;
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
}

.os-redesign-v2 #contact_form #btnContactForm,
#contact_form #btnContactForm {
    background-color: #00fdbe !important;
    color: #002116 !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 0.75rem !important;
    padding: 0.85rem 2.5rem !important;
    box-shadow: 0 0 15px rgba(0, 253, 190, 0.4) !important;
    transition: all 0.3s ease !important;
}

.os-redesign-v2 #contact_form #btnContactForm:hover,
#contact_form #btnContactForm:hover {
    background-color: #39ffc2 !important;
    color: #002116 !important;
    transform: scale(1.05) translateY(-2px) !important;
    box-shadow: 0 0 25px rgba(0, 253, 190, 0.6) !important;
}

.os-redesign-v2 #contact_form p.lead,
#contact_form p.lead {
    color: #b9cbc0 !important;
}
.os-redesign-v2 #contact_form small,
.os-redesign-v2 #contact_form small a {
    color: #b9cbc0 !important;
}
.os-redesign-v2 #contact_form small a {
    color: #39ffc2 !important;
}

/* Precise Icon Color Overrides */
.os-redesign-v2 .bi-check-circle-fill,
.os-redesign-v2 .bi-check-circle-fill::before,
.bi-check-circle-fill,
.bi-check-circle-fill::before,
i.bi-check-circle-fill.text-success,
i.bi-check-circle-fill.text-success::before {
    color: #00fdbe !important;
}

.os-redesign-v2 #pricing ul.list-unstyled li i.bi-chevron-right,
.os-redesign-v2 #pricing ul.list-unstyled li i.bi-chevron-right::before,
#pricing ul.list-unstyled li i.bi-chevron-right,
#pricing ul.list-unstyled li i.bi-chevron-right::before,
#pricing i.bi-chevron-right.text-info,
#pricing i.bi-chevron-right.text-info::before {
    background-color: #1a73e8 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.4rem !important;
    height: 1.4rem !important;
    border-radius: 50% !important;
    font-size: 0.75rem !important;
    box-shadow: 0 2px 8px rgba(26, 115, 232, 0.4) !important;
}

/* Pricing & General Outline Light Buttons - Neon Green Border & Full Solid Green Background on Hover */
.os-redesign-v2 #pricing .btn-outline-light,
.os-redesign-v2 .btn-outline-light,
#pricing .btn-outline-light,
.btn-outline-light {
    background-color: rgba(0, 253, 190, 0.08) !important;
    background: rgba(0, 253, 190, 0.08) !important;
    color: #00fdbe !important;
    border: 1px solid #00fdbe !important;
    font-weight: 700 !important;
    border-radius: 0.5rem !important;
    backdrop-filter: blur(5px) !important;
    box-shadow: 0 0 15px rgba(0, 253, 190, 0.15) !important;
    transition: all 0.3s ease !important;
}

.os-redesign-v2 #pricing .btn-outline-light i,
.os-redesign-v2 .btn-outline-light i,
#pricing .btn-outline-light i,
.btn-outline-light i {
    color: #00fdbe !important;
    transition: color 0.3s ease !important;
}

.os-redesign-v2 #pricing .btn-outline-light:hover,
.os-redesign-v2 .btn-outline-light:hover,
#pricing .btn-outline-light:hover,
.btn-outline-light:hover {
    background-color: #00fdbe !important;
    background: #00fdbe !important;
    color: #002116 !important;
    border-color: #00fdbe !important;
    opacity: 1 !important;
    box-shadow: 0 0 25px rgba(0, 253, 190, 0.5) !important;
    transform: translateY(-2px) !important;
}

.os-redesign-v2 #pricing .btn-outline-light:hover i,
.os-redesign-v2 .btn-outline-light:hover i,
#pricing .btn-outline-light:hover i,
.btn-outline-light:hover i {
    color: #002116 !important;
}

/* Hero Text Clean Style - No Text Shadows (Exact v1 match) */
.os-redesign-v2 #hero,
.os-redesign-v2 #hero *,
#hero, #hero * {
    text-shadow: none !important;
}

/* Redesign Premium Buttons (.btn-premium) */
.os-redesign-v2 .btn-premium {
    font-weight: 600 !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1.5rem !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    text-decoration: none !important;
    border: none !important;
    font-size: 1.05rem !important;
}
.os-redesign-v2 .btn-blue-solid {
    background-color: #1a73e8 !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(26, 115, 232, 0.3) !important;
}
.os-redesign-v2 .btn-blue-solid:hover {
    background-color: #155dbb !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 0 20px rgba(26, 115, 232, 0.5) !important;
}
.os-redesign-v2 .btn-green-solid {
    background-color: #00fdbe !important;
    color: #002116 !important;
    box-shadow: 0 0 15px rgba(0, 253, 190, 0.2) !important;
}
.os-redesign-v2 .btn-green-solid:hover {
    background-color: #39ffc2 !important;
    color: #002116 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 0 25px rgba(0, 253, 190, 0.5) !important;
}