:root {
        /* Executive Palette */
        --bg-deep: var(--vp-color-neutral-950);
        --bg-surface: var(--vp-color-neutral-900);
        --bg-card: var(--vp-color-neutral-800);
        
        --text-primary: var(--vp-color-neutral-50);
        --text-secondary: var(--vp-color-neutral-400);
        --text-muted: var(--vp-color-neutral-500);

        --accent: rgb(var(--vp-color-strategy-brand-500-rgb));
        --accent-dim: rgb(var(--vp-color-strategy-brand-700-rgb));
        --accent-glow: rgb(var(--vp-color-strategy-brand-500-rgb) / 0.15);

        --border-subtle: rgb(var(--vp-color-white-rgb) / 0.08);
        --border-highlight: rgb(var(--vp-color-white-rgb) / 0.15);
    }

    body {
        font-family: var(--vp-font-sans);
        background-color: var(--bg-deep);
        background-image: 
            radial-gradient(circle at 15% 50%, rgb(var(--vp-color-strategy-brand-500-rgb) / 0.08), transparent 25%),
            radial-gradient(circle at 85% 30%, rgb(var(--vp-color-strategy-brand-700-rgb) / 0.08), transparent 25%);
        color: var(--text-primary);
        -webkit-font-smoothing: antialiased;
    }

    /* Typography Overrides */
    h1, h2, h3, h4, h5, h6 {
        font-family: var(--vp-font-display);
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: var(--bg-deep); }
    ::-webkit-scrollbar-thumb { background: var(--bg-card); border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }

    /* Animation Classes */

    .delay-100 { transition-delay: 100ms; }
    .delay-200 { transition-delay: 200ms; }
    .delay-300 { transition-delay: 300ms; }

    /* Navigation Styles */
    .nav-link {
        position: relative;
    }
    .nav-link::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        height: 1px;
        background-color: var(--accent);
        transition: width 0.3s ease;
    }
    .nav-link:hover::after {
        width: 100%;
    }

    /* Glass / Surface Utility */
    .glass-surface {
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-right: 1px solid var(--border-subtle);
    }

    /* Card System */
    .exec-card {
        background: linear-gradient(145deg, rgb(var(--vp-color-neutral-800-rgb) / 0.4) 0%, rgb(var(--vp-color-neutral-900-rgb) / 0.4) 100%);
        border: 1px solid var(--border-subtle);
        backdrop-filter: blur(10px);
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    
    .exec-card:hover {
        transform: translateY(-4px);
        border-color: var(--border-highlight);
        box-shadow: 0 20px 40px -10px rgb(var(--vp-color-black-rgb) / 0.5);
    }

    .exec-card-light {
        background: white;
        border: 1px solid var(--vp-color-neutral-200);
        box-shadow: 0 4px 6px -1px rgb(var(--vp-color-black-rgb) / 0.05);
        transition: all 0.3s ease;
    }
    .exec-card-light:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 25px -5px rgb(var(--vp-color-black-rgb) / 0.1);
        border-color: var(--vp-color-neutral-300);
    }

    /* Form Inputs */
    .input-underline {
        background: transparent;
        border-bottom: 1px solid var(--vp-color-neutral-300);
        transition: all 0.3s ease;
    }
    .input-underline:focus {
        border-color: var(--accent);
        outline: none;
        box-shadow: 0 4px 12px -4px var(--accent-glow);
    }

    .logo-chip {
        border: 1px solid rgb(var(--vp-color-white-rgb) / 0.08);
        background: rgb(var(--vp-color-neutral-800-rgb) / 0.3);
        transition: all 0.3s ease;
    }

    .logo-chip:hover {
        background: rgb(var(--vp-color-neutral-800-rgb) / 0.6);
        border-color: rgb(var(--vp-color-white-rgb) / 0.2);
    }

    .logo-mark {
        width: 1.7rem;
        height: 1.7rem;
        filter: brightness(0) invert(0.82);
        opacity: 0.9;
        transition: opacity 0.3s ease, filter 0.3s ease;
    }

    .logo-chip:hover .logo-mark {
        filter: brightness(0) invert(1);
        opacity: 1;
    }

    .logo-marquee-wrap {
        position: relative;
        overflow: hidden;
        mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
        -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
    }

    .logo-marquee-track {
        display: flex;
        gap: 1rem;
        width: max-content;
        animation: vp-marquee 36s linear infinite;
        will-change: transform;
    }

    @media (prefers-reduced-motion: reduce) {
        .logo-marquee-track {
            animation: none;
        }
    }

    @media (max-width: 640px) {
        .logo-marquee-wrap {
            mask-image: linear-gradient(to right, transparent, black 4%, black 96%, transparent);
            -webkit-mask-image: linear-gradient(to right, transparent, black 4%, black 96%, transparent);
        }

        .logo-marquee-track {
            gap: 0.75rem;
            animation-duration: 28s;
        }

        .logo-marquee-track .logo-chip {
            min-width: 8.25rem;
            height: 3.25rem;
            border-radius: 0.5rem;
        }

        .logo-mark {
            width: 1.3rem;
            height: 1.3rem;
        }
    }

    /* Accessible Focus States */
    a:focus-visible,
    button:focus-visible,
    input:focus-visible,
    textarea:focus-visible {
        outline: 2px solid rgb(var(--vp-color-strategy-brand-400-rgb));
        outline-offset: 2px;
        border-radius: 0.375rem;
    }

    /* Prevent hero descender clipping across lock/mobile overrides */
    #about h2[data-field="hero.title"] {
        line-height: 1.08 !important;
        padding-bottom: 0.08em;
    }

    .contact-premium {
        position: relative;
        padding: 7rem 0 5rem;
        overflow: hidden;
    }

    .contact-premium::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(to right, transparent, rgb(var(--vp-color-strategy-brand-500-rgb) / 0.4), transparent);
    }

    .contact-premium::after {
        content: '';
        position: absolute;
        inset: 0;
        opacity: 0.03;
        background-image: radial-gradient(rgb(var(--vp-color-strategy-brand-500-rgb)) 1px, transparent 1px);
        background-size: 32px 32px;
        pointer-events: none;
    }

    .contact-premium-grid {
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: column;
        gap: 4rem;
        justify-content: center;
        align-items: flex-start;
    }

    @media (min-width: 1024px) {
        .contact-premium-grid {
            flex-direction: row;
            gap: 6rem;
        }
    }

    .contact-premium-info {
        width: 100%;
    }

    .contact-premium-form-wrap {
        width: 100%;
    }

    @media (min-width: 1024px) {
        .contact-premium-info { width: 42%; }
        .contact-premium-form-wrap { width: 50%; }
    }

    .contact-premium-title {
        font-size: clamp(1.875rem, 4.5vw, 3rem);
        line-height: 1;
        margin-bottom: 1.5rem;
        color: var(--vp-color-neutral-50);
        font-family: var(--vp-font-display);
        font-weight: 800;
        letter-spacing: -0.02em;
    }

    .contact-premium-subtitle {
        color: var(--vp-color-neutral-400);
        font-size: 1.05rem;
        font-weight: 300;
        line-height: 1.8;
        margin-bottom: 2.25rem;
    }

    .contact-premium-row {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        margin-bottom: 1.4rem;
    }

    .contact-premium-icon {
        width: 2.8rem;
        height: 2.8rem;
        border: 1px solid rgb(var(--vp-color-white-rgb) / 0.14);
        background: rgb(var(--vp-color-neutral-800-rgb) / 0.6);
        color: rgb(var(--vp-color-strategy-brand-400-rgb));
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        flex-shrink: 0;
    }

    .contact-premium-row:hover .contact-premium-icon {
        background: rgb(var(--vp-color-strategy-brand-500-rgb));
        border-color: rgb(var(--vp-color-strategy-brand-500-rgb));
        color: rgb(var(--vp-color-white-rgb));
    }

    .contact-premium-label {
        display: block;
        margin-bottom: 0.3rem;
        color: var(--vp-color-neutral-500);
        font-size: 0.65rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.14em;
    }

    .contact-premium-value {
        color: var(--vp-color-neutral-200);
        font-size: 1rem;
        font-weight: 500;
        transition: color 0.3s ease;
    }

    a.contact-premium-value:hover { color: rgb(var(--vp-color-strategy-brand-400-rgb)); }

    .contact-premium-social {
        display: flex;
        gap: 1rem;
        margin-top: 0.25rem;
    }

    .contact-premium-social a {
        color: var(--vp-color-neutral-400);
        transition: color 0.3s ease;
    }

    .contact-premium-social a:hover { color: rgb(var(--vp-color-strategy-brand-400-rgb)); }

    .contact-form-surface {
        position: relative;
        overflow: hidden;
        background: rgb(var(--vp-color-neutral-900-rgb) / 0.75);
        border: 1px solid rgb(var(--vp-color-white-rgb) / 0.08);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        padding: 2rem;
    }

    @media (min-width: 768px) {
        .contact-form-surface { padding: 3rem; }
    }

    .contact-form-surface::after {
        content: '';
        position: absolute;
        top: -5rem;
        right: -5rem;
        width: 16rem;
        height: 16rem;
        border-radius: 9999px;
        background: rgb(var(--vp-color-strategy-brand-500-rgb) / 0.1);
        filter: blur(40px);
        transition: background 0.5s ease;
        pointer-events: none;
    }

    .contact-form-surface:hover::after {
        background: rgb(var(--vp-color-strategy-brand-500-rgb) / 0.18);
    }

    .contact-form {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        gap: 1.8rem;
    }

    .contact-form > fieldset {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        border: 0;
        margin: 0;
        padding: 0;
    }

    @media (min-width: 768px) {
        .contact-form > fieldset { flex-direction: row; }
    }

    .contact-form > fieldset > div,
    .contact-form > div {
        width: 100%;
    }

    .contact-form label {
        display: block;
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: var(--vp-color-neutral-500);
        margin-bottom: 0.5rem;
        font-weight: 700;
    }

    .contact-form input[name="name"],
    .contact-form input[name="email"],
    .contact-form textarea[name="message"] {
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: 1px solid rgb(var(--vp-color-white-rgb) / 0.14);
        padding: 0.75rem 0;
        color: var(--vp-color-neutral-50);
        font-size: 1rem;
        outline: none;
        border-radius: 0;
        transition: border-color 0.3s ease;
    }

    .contact-form input[name="name"]:focus,
    .contact-form input[name="email"]:focus,
    .contact-form textarea[name="message"]:focus {
        border-bottom-color: rgb(var(--vp-color-strategy-brand-400-rgb));
    }

    .contact-form input[name="name"]::placeholder,
    .contact-form input[name="email"]::placeholder,
    .contact-form textarea[name="message"]::placeholder {
        color: rgb(var(--vp-color-neutral-400-rgb) / 0.65);
    }

    .contact-form textarea[name="message"] {
        min-height: 8rem;
        resize: vertical;
    }

    .contact-form button[type="submit"] {
        align-self: flex-end;
        margin-top: 0.8rem;
        padding: 1rem 3rem;
        background: transparent;
        border: 1px solid rgb(var(--vp-color-strategy-brand-400-rgb));
        color: rgb(var(--vp-color-strategy-brand-400-rgb));
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.22em;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .contact-form button[type="submit"]:hover {
        background: rgb(var(--vp-color-strategy-brand-400-rgb));
        color: var(--vp-color-neutral-950);
    }

    @media (max-width: 767px) {
        .contact-form button[type="submit"] { width: 100%; }
    }

    .footer-authority {
        background: rgb(var(--vp-color-black-rgb));
        border-top: 1px solid rgb(var(--vp-color-white-rgb) / 0.1);
        padding: 2.5rem 0;
    }