.brand-mark {
            width: 42px;
            height: 42px;
            flex-shrink: 0;
        }

        .brand-mark .pulse {
            transform-origin: 32px 32px;
            animation: radarPulse 3s ease-in-out infinite;
        }

        @keyframes radarPulse {

            0%,
            100% {
                r: 5;
                opacity: 1;
            }

            50% {
                r: 8;
                opacity: 0.5;
            }
        }

        .brand {
            display: inline-flex;
            align-items: center;
            gap: 14px;
            text-decoration: none;
        }

        /* SMART EMAIL DROPDOWN */
        .email-dropdown-wrapper {
            position: relative;
            display: inline-block;
        }

        .email-menu {
            display: none;
            position: absolute;
            top: calc(100% + 8px);
            left: 0;
            background: #0d1a29;
            border: 1px solid var(--line, rgba(255, 255, 255, 0.15));
            border-radius: 10px;
            box-shadow: 0 14px 35px rgba(0, 0, 0, 0.6);
            z-index: 1000;
            min-width: 230px;
            padding: 6px;
        }

        .email-menu.show {
            display: block;
            animation: fadeInMenu 0.15s ease-out;
        }

        @keyframes fadeInMenu {
            from {
                opacity: 0;
                transform: translateY(-4px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .email-menu-item {
            display: flex;
            align-items: center;
            gap: 10px;
            width: 100%;
            padding: 10px 14px;
            color: #d1dbe5;
            text-decoration: none;
            font-size: 0.92rem;
            border: none;
            background: transparent;
            border-radius: 6px;
            cursor: pointer;
            text-align: left;
            transition: background 0.2s ease, color 0.2s ease;
            box-sizing: border-box;
        }

        .email-menu-item:hover {
            background: rgba(255, 255, 255, 0.08);
            color: #ffffff;
        }

        .email-menu-divider {
            height: 1px;
            background: var(--line, rgba(255, 255, 255, 0.1));
            margin: 5px 0;
        }
    


        /* =========================================================
   GeoProcess Consulting — Client Conversion Contact Page
   Uses the same index.html visual system:
   Navy #06111d · Orange var(--gp-green) · Muted #8fa0b0
   ========================================================= */
        .contact-page {
            background: #f7f9fa;
            color: #06111d;
            overflow: hidden
        }

        .contact-page .container {
            width: min(1180px, calc(100% - 40px));
            margin: auto
        }

        /* Hero */
        .contact-hero {
            position: relative;
            min-height: 620px;
            background: #06111d;
            color: #fff;
            display: flex;
            align-items: center;
            overflow: hidden
        }

        .contact-hero:before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 80% 28%, rgba(255, 106, 43, .18), transparent 26%),
                radial-gradient(circle at 18% 90%, rgba(255, 255, 255, .04), transparent 28%),
                linear-gradient(115deg, #06111d 0%, #071a29 62%, #06111d 100%)
        }

        .contact-hero:after {
            content: "";
            position: absolute;
            width: 650px;
            height: 650px;
            border-radius: 50%;
            right: -220px;
            top: -150px;
            border: 1px solid rgba(255, 255, 255, .08);
            box-shadow: 0 0 0 85px rgba(255, 255, 255, .015), 0 0 0 170px rgba(255, 255, 255, .009)
        }

        .contact-hero .container {
            position: relative;
            z-index: 2
        }

        .contact-hero-grid {
            display: grid;
            grid-template-columns: 1.1fr .9fr;
            gap: 60px;
            align-items: center
        }

        .contact-hero .eyebrow {
            color: var(--gp-green)
        }

        .contact-hero h1 {
            font: 850 clamp(3.2rem, 6vw, 6rem)/.94 Inter, Arial, sans-serif;
            letter-spacing: -.06em;
            margin: 18px 0 24px;
            max-width: 820px
        }

        .contact-hero h1 span {
            color: var(--gp-green)
        }

        .contact-hero .lead {
            font: 400 1.08rem/1.8 Inter, Arial, sans-serif;
            color: #c3d0d8;
            max-width: 690px
        }

        .hero-proof {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 30px
        }

        .hero-proof span {
            font: 800 .62rem Inter, Arial, sans-serif;
            letter-spacing: .08em;
            text-transform: uppercase;
            border: 1px solid rgba(255, 255, 255, .14);
            background: rgba(255, 255, 255, .04);
            padding: 9px 11px;
            border-radius: 999px;
            color: #d6e0e5
        }

        /* Hero visual */
        .contact-signal {
            height: 390px;
            position: relative;
            display: grid;
            place-items: center
        }

        .signal-ring {
            width: 290px;
            height: 290px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, .12);
            position: relative;
            box-shadow: 0 0 80px rgba(255, 106, 43, .07)
        }

        .signal-ring:before,
        .signal-ring:after {
            content: "";
            position: absolute;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, .08)
        }

        .signal-ring:before {
            inset: 38px
        }

        .signal-ring:after {
            inset: 76px
        }

        .signal-core {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 78px;
            height: 78px;
            transform: translate(-50%, -50%);
            border-radius: 22px;
            background: var(--gp-green);
            box-shadow: 0 0 45px rgba(255, 106, 43, .35)
        }

        .signal-core:before {
            content: "";
            position: absolute;
            inset: 24px;
            border-radius: 50%;
            background: #fff
        }

        .signal-sweep {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 145px;
            height: 2px;
            background: linear-gradient(90deg, rgba(255, 106, 43, 0), var(--gp-green));
            transform-origin: left center;
            animation: contactSweep 5s linear infinite;
            box-shadow: 0 0 16px rgba(255, 106, 43, .55)
        }

        @keyframes contactSweep {
            to {
                transform: rotate(360deg)
            }
        }

        .signal-label {
            position: absolute;
            font: 800 .61rem Inter, Arial, sans-serif;
            letter-spacing: .1em;
            color: #d8e2e7;
            background: rgba(6, 17, 29, .88);
            border: 1px solid rgba(255, 255, 255, .13);
            padding: 9px 11px;
            border-radius: 9px
        }

        .signal-label.one {
            left: 0;
            top: 20%
        }

        .signal-label.two {
            right: 0;
            top: 42%
        }

        .signal-label.three {
            left: 18%;
            bottom: 5%
        }

        /* Main conversion area */
        .contact-main {
            padding: 90px 0
        }

        .contact-main .section-intro {
            max-width: 800px;
            margin-bottom: 42px
        }

        .contact-main .eyebrow {
            color: var(--gp-green)
        }

        .contact-main h2 {
            font: 850 clamp(2.2rem, 4vw, 3.7rem)/1.02 Inter, Arial, sans-serif;
            letter-spacing: -.05em;
            margin: 11px 0
        }

        .contact-main .section-intro p {
            font: 400 .98rem/1.8 Inter, Arial, sans-serif;
            color: #667781
        }

        /* Contact cards */
        .contact-grid {
            display: grid;
            grid-template-columns: .72fr 1.28fr;
            gap: 20px;
            align-items: start
        }

        .contact-panel,
        .enquiry-panel {
            background: #fff;
            border: 1px solid #dce4e8;
            border-radius: 20px;
            box-shadow: 0 12px 38px rgba(6, 17, 29, .055)
        }

        .contact-panel {
            padding: 30px
        }

        .enquiry-panel {
            padding: 32px
        }

        .contact-panel h3,
        .enquiry-panel h3 {
            font: 800 1.45rem Inter, Arial, sans-serif;
            letter-spacing: -.025em;
            margin: 0
        }

        .contact-panel>p,
        .enquiry-panel>p {
            font: 400 .86rem/1.75 Inter, Arial, sans-serif;
            color: #6b7c84
        }

        .contact-method {
            display: flex;
            gap: 13px;
            align-items: flex-start;
            padding: 18px 0;
            border-bottom: 1px solid #e7edef
        }

        .contact-method:last-child {
            border-bottom: 0
        }

        .contact-icon {
            width: 42px;
            height: 42px;
            flex: 0 0 42px;
            border-radius: 12px;
            background: #fff4ef;
            color: var(--gp-green);
            display: grid;
            place-items: center;
            font-weight: 900
        }

        .contact-method strong {
            display: block;
            font: 800 .7rem Inter, Arial, sans-serif;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: #73838b;
            margin-bottom: 5px
        }

        .contact-method a,
        .contact-method span {
            font: 700 .88rem/1.5 Inter, Arial, sans-serif;
            color: #06111d;
            text-decoration: none
        }

        .contact-method a:hover {
            color: var(--gp-green)
        }

        .contact-note {
            margin-top: 22px;
            background: #f5f7f8;
            border: 1px solid #e1e7ea;
            border-radius: 13px;
            padding: 16px;
            font: 600 .74rem/1.65 Inter, Arial, sans-serif;
            color: #60717a
        }

        /* Form */
        .enquiry-panel .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px
        }

        .enquiry-panel .form-group {
            min-width: 0
        }

        .enquiry-panel label {
            display: block;
            font: 800 .68rem Inter, Arial, sans-serif;
            letter-spacing: .05em;
            color: #41525b;
            margin-bottom: 7px
        }

        .enquiry-panel .form-input,
        .enquiry-panel .form-select,
        .enquiry-panel .form-textarea {
            width: 100%;
            box-sizing: border-box;
            border: 1px solid #d8e2e6;
            background: #fbfcfc;
            border-radius: 10px;
            padding: 12px 13px;
            color: #06111d;
            font: 500 .82rem Inter, Arial, sans-serif;
            outline: none;
            transition: .2s
        }

        .enquiry-panel .form-input:focus,
        .enquiry-panel .form-select:focus,
        .enquiry-panel .form-textarea:focus {
            border-color: var(--gp-green);
            box-shadow: 0 0 0 3px rgba(255, 106, 43, .09);
            background: #fff
        }

        .enquiry-panel .form-textarea {
            resize: vertical;
            min-height: 145px
        }

        .enquiry-panel .full {
            grid-column: 1/-1
        }

        .form-help {
            margin-top: 7px;
            font: 500 .62rem Inter, Arial, sans-serif;
            color: #8a999f
        }

        /* What to send */
        .scope-strip {
            margin-top: 20px;
            background: #06111d;
            color: #fff;
            border-radius: 20px;
            padding: 38px;
            display: grid;
            grid-template-columns: .8fr 1.2fr;
            gap: 45px;
            align-items: center;
            position: relative;
            overflow: hidden
        }

        .scope-strip:after {
            content: "";
            position: absolute;
            width: 330px;
            height: 330px;
            border-radius: 50%;
            right: -110px;
            top: -160px;
            border: 1px solid rgba(255, 255, 255, .08)
        }

        .scope-strip>* {
            position: relative;
            z-index: 1
        }

        .scope-strip .eyebrow {
            color: var(--gp-green)
        }

        .scope-strip h2 {
            font: 850 clamp(2rem, 3.4vw, 3rem)/1.04 Inter, Arial, sans-serif;
            letter-spacing: -.045em;
            margin: 10px 0
        }

        .scope-strip p {
            font: 400 .84rem/1.8 Inter, Arial, sans-serif;
            color: #aebdc5
        }

        .scope-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px
        }

        .scope-item {
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 12px;
            padding: 16px
        }

        .scope-item strong {
            display: block;
            font: 800 .8rem Inter, Arial, sans-serif
        }

        .scope-item span {
            display: block;
            font: 500 .67rem/1.55 Inter, Arial, sans-serif;
            color: #8fa0b0;
            margin-top: 4px
        }

        /* FAQ */
        .contact-faq {
            padding: 85px 0;
            background: #fff
        }

        .contact-faq .faq {
            max-width: 900px;
            margin: 35px auto 0;
            display: grid;
            gap: 11px
        }

        .contact-faq details {
            background: #fff;
            border: 1px solid #dce4e8;
            border-radius: 13px;
            padding: 0 20px;
            box-shadow: 0 5px 20px rgba(6, 17, 29, .035)
        }

        .contact-faq summary {
            padding: 19px 0;
            font: 800 .85rem Inter, Arial, sans-serif;
            color: #06111d;
            cursor: pointer
        }

        .contact-faq details p {
            font: 400 .8rem/1.8 Inter, Arial, sans-serif;
            color: #71818a;
            padding: 0 0 18px;
            margin: 0
        }

        /* Final CTA */
        .contact-final {
            padding: 90px 0;
            background: #06111d;
            color: #fff;
            text-align: center
        }

        .contact-final .eyebrow {
            color: var(--gp-green)
        }

        .contact-final h2 {
            font: 850 clamp(2.3rem, 4.5vw, 4rem)/1.03 Inter, Arial, sans-serif;
            letter-spacing: -.05em;
            max-width: 820px;
            margin: 12px auto 16px
        }

        .contact-final p {
            font: 400 .9rem/1.8 Inter, Arial, sans-serif;
            color: #aebdc5;
            max-width: 650px;
            margin: auto
        }

        .contact-final .actions {
            justify-content: center;
            margin-top: 27px
        }

        /* Responsive */
        @media(max-width:950px) {
            .contact-hero {
                min-height: auto;
                padding: 100px 0 70px
            }

            .contact-hero-grid {
                grid-template-columns: 1fr
            }

            .contact-signal {
                height: 320px
            }

            .contact-grid {
                grid-template-columns: 1fr
            }

            .scope-strip {
                grid-template-columns: 1fr
            }
        }

        @media(max-width:620px) {
            .contact-page .container {
                width: calc(100% - 28px)
            }

            .contact-hero {
                padding: 78px 0 55px
            }

            .contact-hero h1 {
                font-size: 3.05rem
            }

            .contact-hero .lead {
                font-size: .96rem
            }

            .contact-signal {
                height: 260px
            }

            .signal-ring {
                width: 200px;
                height: 200px
            }

            .signal-core {
                width: 60px;
                height: 60px;
                border-radius: 17px
            }

            .signal-label {
                font-size: .52rem
            }

            .contact-main {
                padding: 65px 0
            }

            .contact-panel,
            .enquiry-panel {
                padding: 22px
            }

            .enquiry-panel .form-grid {
                grid-template-columns: 1fr
            }

            .enquiry-panel .full {
                grid-column: auto
            }

            .scope-strip {
                padding: 28px 21px
            }

            .scope-list {
                grid-template-columns: 1fr
            }

            .contact-faq {
                padding: 65px 0
            }

            .contact-final {
                padding: 70px 0
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .signal-sweep {
                animation: none
            }
        }
    


        .email-launcher {
            position: relative;
            display: inline-flex
        }

        .email-menu-button {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            cursor: pointer
        }

        .email-chevron {
            font-size: 1rem;
            line-height: 1;
            transition: transform .2s
        }

        .email-launcher.open .email-chevron {
            transform: rotate(180deg)
        }

        .email-menu {
            position: absolute;
            z-index: 50;
            left: 0;
            bottom: calc(100% + 9px);
            width: 255px;
            background: #fff;
            border: 1px solid #dce4e8;
            border-radius: 13px;
            box-shadow: 0 18px 45px rgba(6, 17, 29, .16);
            padding: 7px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(6px);
            transition: .18s
        }

        .email-launcher.open .email-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0)
        }

        .email-menu button {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 11px;
            text-align: left;
            background: #fff;
            border: 0;
            border-radius: 9px;
            padding: 11px 10px;
            color: #06111d;
            cursor: pointer
        }

        .email-menu button:hover {
            background: #f7f9fa
        }

        .email-client-icon {
            width: 31px;
            height: 31px;
            flex: 0 0 31px;
            border-radius: 8px;
            background: #fff4ef;
            color: var(--gp-green);
            display: grid;
            place-items: center;
            font: 900 .75rem Inter, Arial, sans-serif
        }

        .email-menu strong {
            display: block;
            font: 800 .72rem Inter, Arial, sans-serif
        }

        .email-menu small {
            display: block;
            margin-top: 2px;
            color: #8fa0b0;
            font: 500 .6rem Inter, Arial, sans-serif
        }

        @media(max-width:620px) {
            .email-menu {
                left: auto;
                right: 0;
                bottom: auto;
                top: calc(100% + 9px);
                width: min(255px, calc(100vw - 40px))
            }
        }
    


        /* The Email button intentionally inherits the site's global .btn-ghost styling.
   This CSS only controls the dropdown itself. */
        .contact-mail-wrap {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }

        .contact-mail-menu {
            position: absolute;
            left: 0;
            top: calc(100% + 8px);
            min-width: 205px;
            padding: 7px;
            margin: 0;
            background: #fff;
            border: 1px solid #dce4e8;
            border-radius: 12px;
            box-shadow: 0 14px 34px rgba(6, 17, 29, .16);
            display: none;
            z-index: 9999;
        }

        .contact-mail-wrap.open .contact-mail-menu {
            display: block;
        }

        .contact-mail-menu a {
            display: block;
            box-sizing: border-box;
            padding: 10px 12px;
            border-radius: 8px;
            color: #06111d;
            text-decoration: none;
            font: 700 .72rem/1.35 Inter, Arial, sans-serif;
            white-space: nowrap;
        }

        .contact-mail-menu a:hover,
        .contact-mail-menu a:focus {
            background: #fff4ef;
            color: var(--gp-green);
            outline: none;
        }

        @media(max-width:620px) {
            .contact-mail-menu {
                left: 0;
                top: calc(100% + 8px);
            }
        }

.enquiry-status{display:none;margin-top:14px;padding:12px 14px;border-radius:9px;font-weight:700}