/* Cymerk theme integration styles. The supplied page styles are embedded below. */
body.cymerk-ai-theme { margin: 0; background:#0B0F19; }
body.cymerk-ai-theme > *:not(.cymerk-ai-page) { box-sizing:border-box; }
.cymerk-ai-page { min-height:100vh; }
.cymerk-ai-page *, .cymerk-ai-page *::before, .cymerk-ai-page *::after { box-sizing:border-box; }
.cymerk-ai-page img { max-width:100%; height:auto; }
.cymerk-ai-page a { text-decoration:none; }



        /* Custom styles for glassmorphic elements and grid patterns */
        body {
            background-color: #0B0F19;
            color: #E2E8F0;
            font-family: 'Plus Jakarta Sans', sans-serif;
            overflow-x: hidden;
        }

        .bg-grid-pattern {
            background-size: 40px 40px;
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
        }

        .glass-card {
            background: rgba(17, 24, 39, 0.7);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .glass-card-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-card-hover:hover {
            background: rgba(255, 255, 255, 0.03);
            border-color: rgba(59, 130, 246, 0.4);
            transform: translateY(-2px);
            box-shadow: 0 10px 30px -10px rgba(59, 130, 246, 0.2);
        }

        .gradient-text {
            background: linear-gradient(135deg, #FFFFFF 0%, #94A3B8 50%, #3B82F6 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .gradient-accent {
            background: linear-gradient(135deg, #3B82F6 0%, #06B6D4 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .glow-border {
            position: relative;
        }

        .glow-border::after {
            content: '';
            position: absolute;
            inset: -1px;
            background: linear-gradient(90deg, #3B82F6, #06B6D4, #3B82F6);
            border-radius: inherit;
            z-index: -1;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .glow-border:hover::after {
            opacity: 0.6;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0B0F19;
        }
        ::-webkit-scrollbar-thumb {
            background: #1E293B;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #334155;
        }
    
/* WordPress menu integration */
.cymerk-ai-page nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 2rem; }
.cymerk-ai-page nav ul li { margin: 0; padding: 0; position: relative; }
.cymerk-ai-page nav ul li a { color: rgb(203 213 225); text-decoration: none; transition: color .2s ease; display: inline-flex; align-items: center; gap: .35rem; }
.cymerk-ai-page nav ul li a:hover,
.cymerk-ai-page nav ul li.current-menu-item > a { color: rgb(34 211 238); }
.cymerk-ai-page #mobile-menu ul { display: block; }
.cymerk-ai-page #mobile-menu ul li { margin: 0; }
.cymerk-ai-page #mobile-menu ul li a { display: block; padding: .5rem .75rem; border-radius: .375rem; font-size: 1rem; line-height: 1.5rem; }
.cymerk-ai-page #mobile-menu ul li a:hover { background: rgba(255,255,255,.05); color: white; }
.cymerk-ai-page .sub-menu { display: block; }
@media (min-width: 768px) {
  .cymerk-ai-page nav ul .sub-menu {
    position: absolute; top: 100%; left: 0; min-width: 220px; padding: .75rem;
    background: rgba(11,15,25,.98); border: 1px solid rgba(255,255,255,.1);
    border-radius: .75rem; box-shadow: 0 20px 40px rgba(0,0,0,.3); display: none;
  }
  .cymerk-ai-page nav ul li:hover > .sub-menu { display: block; }
  .cymerk-ai-page nav ul .sub-menu li a { display: block; padding: .5rem .75rem; }
}
/* WordPress-managed navigation and branding */
.custom-logo-wrap .custom-logo-link { display:block; }
.custom-logo-wrap img.custom-logo { max-height:44px; width:auto; height:auto; }
nav[aria-label="Primary Navigation"] ul,
#mobile-menu ul,
footer ul { display:flex; align-items:center; gap:2rem; list-style:none; margin:0; padding:0; }
nav[aria-label="Primary Navigation"] li a,
#mobile-menu li a,
footer li a { color:inherit; text-decoration:none; transition:color .2s ease; }
nav[aria-label="Primary Navigation"] li a:hover,
#mobile-menu li a:hover,
footer li a:hover { color:#fff; }
#mobile-menu ul { flex-direction:column; align-items:stretch; gap:.75rem; }
#mobile-menu li a { display:block; padding:.5rem 0; }
#mobile-menu .sub-menu { padding-left:1rem; margin-top:.25rem; }
footer ul { gap:1.5rem; }

/* v1.3 original Cymerk header treatment */
.cymerk-ai-page #navbar { height: 80px; }
.cymerk-ai-page nav[aria-label="Primary Navigation"] ul { gap: 1.9rem; }
.cymerk-ai-page nav[aria-label="Primary Navigation"] li.menu-item > a { font-size: .875rem; font-weight: 500; color: rgb(203 213 225); white-space: nowrap; }
.cymerk-ai-page nav[aria-label="Primary Navigation"] li.menu-item > a:hover { color: #fff; }
.cymerk-ai-page .cymerk-menu-badge { display:inline-flex; align-items:center; margin-left:.35rem; padding:.16rem .35rem; border-radius:.2rem; font-size:.58rem; line-height:1; font-weight:700; letter-spacing:.02em; }
.cymerk-ai-page .cymerk-menu-badge.new { color:#67e8f9; background:rgba(6,182,212,.12); border:1px solid rgba(34,211,238,.35); }
.cymerk-ai-page .cymerk-menu-badge.rd { color:#d8b4fe; background:rgba(168,85,247,.12); border:1px solid rgba(192,132,252,.35); }
.cymerk-ai-page .custom-logo-wrap img.custom-logo { max-height:44px; width:auto; }
.cymerk-ai-page #navbar .custom-logo-wrap { flex:none; }

/* Anchor navigation: account for the fixed Cymerk header when jumping to sections. */
#why-cymerk, #platform, #what-we-do, #industries, #lab, #outcomes, #cta { scroll-margin-top: 96px; }