/*
Theme Name: Paradigm2
Theme URI: https://paradigmnetworks.ai
Author: Paradigm Networks
Author URI: https://paradigmnetworks.ai
Description: Official website theme for Paradigm Networks - The Enterprise AI & MCP Control Plane.
Version: 2.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
License URI: https://paradigmnetworks.ai
Text Domain: paradigm2
*/


/* ===== Universal site styles (brand tokens + nav/footer chrome) - shared by all page templates ===== */
:root{--p1:#772886;--p2:#10043A;--p3:#863B87;--p4:#9A52A3;--p5:#ECF2F4;--p6:#505050;--bg:#0A0425;--bg-alt:#08031F;--bg-lite:#0f0f2b;--bg-card:#0f0f2b;--hi:#ECF2F4;--md:rgba(236,242,244,0.88);--lo:rgba(236,242,244,0.55);--dim:rgba(236,242,244,0.28);--brd:rgba(119,40,134,0.3);--brd-hi:rgba(154,82,163,0.5);--brd-lo:rgba(119,40,134,0.15);--sf:rgba(119,40,134,0.12);--sf2:rgba(154,82,163,0.2);--font:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;--t-xs:1rem;--t-sm:1.075rem;--t-base:1.25rem;--t-md:1.3125rem;--green:#6fcf97;--red:#eb5757;--amber:#f0ad4e;}
.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:900;padding:14px 24px;display:flex;align-items:center;justify-content:center}
.nav-inner{width:100%;max-width:1280px;display:flex;align-items:center;justify-content:space-between;background:#0f0f2b;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(154,82,163,0.25);border-radius:14px;padding:12px 12px 12px 20px;transition:background 0.3s,box-shadow 0.3s}
.nav-inner.scrolled{box-shadow:0 8px 40px rgba(0,0,0,0.6)}
.nav-logo img{height:36px;display:block;filter:brightness(0) invert(1)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:var(--t-md);font-weight:500;color:var(--md);text-decoration:none;border-radius:8px;transition:color 0.2s,background 0.2s;white-space:nowrap}
.nav-link:hover{color:var(--hi);background:rgba(154,82,163,0.1)}
.nav-item{position:relative;display:flex;align-items:center}
.nav-link-dropdown{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:var(--t-md);font-weight:500;color:var(--md);border-radius:8px;cursor:default;transition:color 0.2s,background 0.2s;white-space:nowrap;user-select:none}
.nav-link-dropdown:hover,.nav-item.open .nav-link-dropdown{color:var(--hi);background:rgba(154,82,163,0.1)}
.nav-link-dropdown svg.chevron{opacity:0.5;transition:opacity 0.2s,transform 0.25s}
.nav-item.open .nav-link-dropdown svg.chevron{opacity:1;transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:100%;left:0;padding-top:8px;background:transparent;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity 0.2s,transform 0.2s;z-index:1000}
.nav-dropdown-inner{background:#0f0f2b;border:1px solid rgba(154,82,163,0.3);border-radius:12px;padding:6px;box-shadow:0 12px 40px rgba(0,0,0,0.5);min-width:220px}
.nav-item.open .nav-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}
.nav-dropdown a{display:block;padding:10px 14px;font-size:var(--t-sm);font-weight:500;color:var(--md);text-decoration:none;border-radius:8px;transition:color 0.2s,background 0.2s;white-space:nowrap}
.nav-dropdown a:hover{color:var(--hi);background:rgba(154,82,163,0.12)}
.nav-dropdown a .drop-label{display:block;font-weight:600;color:var(--hi);font-size:var(--t-sm);white-space:nowrap}
.nav-dropdown-divider{height:1px;background:rgba(119,40,134,0.2);margin:4px 6px}
.nav-cta{display:inline-flex;align-items:center;gap:12px;background:var(--p1);color:#fff;font-size:var(--t-md);font-weight:600;padding:11px 14px 11px 22px;border-radius:100px;text-decoration:none;transition:background 0.2s,transform 0.15s}
.nav-cta:hover{background:var(--p3);transform:translateY(-1px)}
.nav-cta-icon{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;transition:transform 0.25s,background 0.2s}
.nav-cta:hover .nav-cta-icon{transform:rotate(45deg);background:rgba(255,255,255,0.32)}
.nav-hamburger{display:none;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:20;flex-shrink:0}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--hi);border-radius:2px;position:absolute;left:9px;transition:transform 0.3s,opacity 0.2s}
.nav-hamburger span:nth-child(1){top:12px}
.nav-hamburger span:nth-child(2){top:19px}
.nav-hamburger span:nth-child(3){top:26px}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile-panel{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,4,37,0.97);backdrop-filter:blur(20px);z-index:800;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:100px 32px 60px}
.nav-mobile-panel.open{display:flex}
.nav-mobile-panel a.nav-link{display:block;font-size:1.35rem;font-weight:600;color:var(--md);text-decoration:none;padding:16px 0;text-align:center;border-bottom:1px solid var(--brd-lo);width:100%;max-width:300px}
.nav-mobile-panel a.nav-link:hover{color:var(--hi)}
.nav-mobile-panel .nav-cta{margin-top:28px;font-size:1.1rem;padding:14px 20px 14px 28px}
.nav-mobile-dropdown{display:none;flex-direction:column;width:100%}
.nav-mobile-dropdown.open{display:flex}
.nav-mobile-dropdown a{display:block;font-size:1.1rem;font-weight:500;color:var(--lo);text-decoration:none;padding:12px 24px;text-align:center;border-bottom:1px solid var(--brd-lo)}
.nav-mobile-parent{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.35rem;font-weight:600;color:var(--md);padding:16px 0;width:100%;border-bottom:1px solid var(--brd-lo);background:none;border-left:none;border-right:none;border-top:none;font-family:var(--font);cursor:pointer}
.nav-mobile-parent svg.chevron{transition:transform 0.25s}
.nav-mobile-parent.open svg.chevron{transform:rotate(180deg)}
.ft-connect{display:flex;gap:10px;margin-top:4px}
.ft-legal{display:inline-flex;gap:22px}
.ft-bot a{color:var(--lo);text-decoration:none}
.ft-bot a:hover{color:var(--hi)}