:root {
            --red: #c8102e;
            --red-d: #9b0c22;
            --red-g: rgba(200, 16, 46, .08);
            --white: #f4f3ee;
            --off: #cccbc4;
            --dark: #070707;
            --d2: #0f0f0f;
            --d3: #161616;
            --d4: #1e1e1e;
            --gray: #6e6e68;
            --b: rgba(200, 16, 46, .18);
            --bw: rgba(255, 255, 255, .06);
        }

        *,
        *::before,
        *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0
        }

        html {
            scroll-behavior: smooth
        }

        body {
            background: var(--dark);
            color: var(--white);
            font-family: 'Barlow Condensed', sans-serif;
            font-weight: 300;
            overflow-x: hidden
        }

        body::after {
            content: '';
            position: fixed;
            inset: 0;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
            pointer-events: none;
            z-index: 9998
        }

        ::-webkit-scrollbar {
            width: 3px
        }

        ::-webkit-scrollbar-track {
            background: var(--dark)
        }

        ::-webkit-scrollbar-thumb {
            background: var(--red)
        }

        /* ── NAV ── */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 900;
            height: 68px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 60px;
            background: rgba(7, 7, 7, .93);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid var(--b)
        }

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

        .nav-logo {
            height: 38px;
            width: 38px;
            object-fit: contain;
            filter: brightness(0) invert(1)
        }

        .nav-wordmark {
            display: flex;
            flex-direction: column;
            line-height: 1
        }

        .nav-wm-main {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 19px;
            letter-spacing: .15em;
            color: var(--white)
        }

        .nav-wm-sub {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .2em;
            color: var(--red);
            text-transform: uppercase;
            margin-top: 2px
        }

        .nav-links {
            display: flex;
            gap: 28px;
            list-style: none
        }

        .nav-links a {
            font-weight: 500;
            font-size: 11px;
            letter-spacing: .2em;
            text-transform: uppercase;
            color: var(--off);
            text-decoration: none;
            position: relative;
            transition: color .2s;
            cursor: pointer
        }

        .nav-links a::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            right: 0;
            height: 1px;
            background: var(--red);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform .25s
        }

        .nav-links a:hover,
        .nav-links a.active {
            color: var(--white)
        }

        .nav-links a:hover::after,
        .nav-links a.active::after {
            transform: scaleX(1)
        }

        .nav-cta {
            font-weight: 600;
            font-size: 11px;
            letter-spacing: .2em;
            text-transform: uppercase;
            color: var(--white);
            background: var(--red);
            border: none;
            padding: 10px 24px;
            cursor: pointer;
            text-decoration: none;
            clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
            transition: background .2s;
            display: inline-block
        }

        .nav-cta:hover {
            background: #e0112f
        }

        /* ── PAGES ── */
        .page {
            display: none;
            min-height: 100vh;
            padding-top: 68px
        }

        .page.active {
            display: block
        }

        /* ── HERO ── */
        .hero {
            position: relative;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 120px 60px 80px;
            overflow: hidden
        }

        .hero-bg {
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 60% 55% at 50% 55%, rgba(200, 16, 46, .1) 0%, transparent 70%), radial-gradient(ellipse 80% 45% at 50% 100%, rgba(200, 16, 46, .05) 0%, transparent 60%), var(--dark)
        }

        .hero-grid {
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(200, 16, 46, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(200, 16, 46, .055) 1px, transparent 1px);
            background-size: 70px 70px;
            mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, black 20%, transparent 80%)
        }

        .scanline {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--red), transparent);
            animation: scan 7s ease-in-out infinite;
            opacity: .3
        }

        @keyframes scan {
            0% {
                top: 0;
                opacity: 0
            }

            8% {
                opacity: .3
            }

            92% {
                opacity: .3
            }

            100% {
                top: 100%;
                opacity: 0
            }
        }

        .hero-badge {
            position: relative;
            z-index: 2;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            border: 1px solid var(--b);
            padding: 6px 18px;
            margin-bottom: 30px;
            animation: fadeUp .9s ease both
        }

        .badge-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--red);
            animation: blink 2s ease infinite
        }

        @keyframes blink {

            0%,
            100% {
                opacity: 1;
                transform: scale(1)
            }

            50% {
                opacity: .3;
                transform: scale(.7)
            }
        }

        .badge-txt {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .28em;
            color: var(--red);
            text-transform: uppercase
        }

        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
            max-width: 1060px;
            animation: fadeUp 1.1s .1s ease both
        }

        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(34px)
            }

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

        .hero-eyebrow {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .3em;
            color: var(--gray);
            text-transform: uppercase;
            margin-bottom: 18px
        }

        .hero-h1 {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: clamp(52px, 9vw, 118px);
            line-height: .9;
            letter-spacing: -.01em;
            margin-bottom: 8px
        }

        .hero-h1 .red {
            color: var(--red);
            display: block
        }

        .hero-sub {
            font-size: clamp(14px, 1.8vw, 20px);
            font-weight: 300;
            letter-spacing: .06em;
            color: var(--off);
            line-height: 1.68;
            max-width: 620px;
            margin: 26px auto 50px
        }

        .hero-btns {
            display: flex;
            gap: 14px;
            justify-content: center;
            flex-wrap: wrap;
            animation: fadeUp 1.3s .2s ease both
        }

        .btn-p {
            font-weight: 600;
            font-size: 11px;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: var(--white);
            background: var(--red);
            border: none;
            padding: 15px 40px;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
            clip-path: polygon(11px 0%, 100% 0%, calc(100% - 11px) 100%, 0% 100%);
            transition: background .2s, transform .15s
        }

        .btn-p:hover {
            background: #e0112f;
            transform: translateY(-2px)
        }

        .btn-g {
            font-weight: 500;
            font-size: 11px;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: var(--white);
            background: transparent;
            border: 1px solid rgba(255, 255, 255, .2);
            padding: 15px 40px;
            text-decoration: none;
            display: inline-block;
            transition: border-color .2s, transform .15s;
            cursor: pointer
        }

        .btn-g:hover {
            border-color: var(--red);
            transform: translateY(-2px)
        }

        .hero-wm {
            position: absolute;
            right: -80px;
            bottom: -60px;
            width: 580px;
            opacity: .025;
            filter: invert(1);
            pointer-events: none;
            z-index: 1
        }

        /* STATS BAR */
        .stats-bar {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            background: var(--d3);
            border-top: 1px solid var(--b);
            border-bottom: 1px solid var(--b)
        }

        .stat {
            text-align: center;
            padding: 34px 16px;
            border-right: 1px solid var(--bw)
        }

        .stat:last-child {
            border-right: none
        }

        .stat-n {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 50px;
            color: var(--red);
            line-height: 1;
            letter-spacing: -.02em
        }

        .stat-l {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .22em;
            color: var(--gray);
            text-transform: uppercase;
            margin-top: 6px
        }

        /* PAGE HERO HEADER */
        .ph {
            padding: 90px 64px 60px;
            background: var(--d2);
            border-bottom: 1px solid var(--b);
            position: relative;
            overflow: hidden
        }

        .ph-bg {
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 50% 80% at 0% 50%, rgba(200, 16, 46, .09) 0%, transparent 60%)
        }

        .ph-grid {
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(200, 16, 46, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(200, 16, 46, .04) 1px, transparent 1px);
            background-size: 60px 60px
        }

        .ph-inner {
            position: relative;
            z-index: 2;
            max-width: 700px
        }

        .ph-tag {
            display: flex;
            align-items: center;
            gap: 12px;
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .32em;
            color: var(--red);
            text-transform: uppercase;
            margin-bottom: 14px
        }

        .ph-tag::before {
            content: '';
            width: 26px;
            height: 1px;
            background: var(--red);
            flex-shrink: 0
        }

        .ph-h1 {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: clamp(40px, 6vw, 78px);
            line-height: .95;
            letter-spacing: -.01em;
            margin-bottom: 14px
        }

        .ph-sub {
            font-size: 17px;
            font-weight: 300;
            color: var(--off);
            line-height: 1.68;
            max-width: 560px
        }

        /* PAGE BODY */
        .pb {
            padding: 80px 64px
        }

        /* SECTION HELPERS */
        .st {
            display: flex;
            align-items: center;
            gap: 12px;
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .32em;
            color: var(--red);
            text-transform: uppercase;
            margin-bottom: 14px
        }

        .st::before {
            content: '';
            width: 24px;
            height: 1px;
            background: var(--red);
            flex-shrink: 0
        }

        .sh2 {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: clamp(30px, 4.5vw, 58px);
            line-height: .97;
            margin-bottom: 16px
        }

        .sb {
            font-size: 16px;
            line-height: 1.74;
            color: var(--off);
            font-weight: 300;
            max-width: 580px
        }

        /* ── ABOUT ── */
        .about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: center;
            margin-bottom: 80px
        }

        .about-box {
            background: var(--d3);
            border: 1px solid var(--b);
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden
        }

        .about-box::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at center, rgba(200, 16, 46, .13) 0%, transparent 65%)
        }

        .about-img {
            width: 68%;
            position: relative;
            z-index: 1;
            filter: brightness(0) invert(1)
        }

        .corner {
            position: absolute;
            width: 20px;
            height: 20px;
            border-color: var(--red);
            border-style: solid
        }

        .c-tl {
            top: 14px;
            left: 14px;
            border-width: 2px 0 0 2px
        }

        .c-tr {
            top: 14px;
            right: 14px;
            border-width: 2px 2px 0 0
        }

        .c-bl {
            bottom: 14px;
            left: 14px;
            border-width: 0 0 2px 2px
        }

        .c-br {
            bottom: 14px;
            right: 14px;
            border-width: 0 2px 2px 0
        }

        .tags {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 20px
        }

        .tag {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .18em;
            color: var(--red);
            border: 1px solid var(--b);
            padding: 5px 12px;
            text-transform: uppercase
        }

        .about-vals {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1px;
            background: var(--bw);
            border: 1px solid var(--bw)
        }

        .val-card {
            background: var(--d2);
            padding: 36px 32px
        }

        .val-icon {
            width: 34px;
            height: 34px;
            margin-bottom: 14px;
            color: var(--red)
        }

        .val-title {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 22px;
            letter-spacing: .04em;
            margin-bottom: 8px
        }

        .val-desc {
            font-size: 13px;
            line-height: 1.72;
            color: var(--gray);
            font-weight: 300
        }

        /* ── CAPABILITIES ── */
        .cap-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1px;
            background: var(--bw);
            border: 1px solid var(--bw)
        }

        .cap-card {
            background: var(--d2);
            padding: 44px 36px;
            position: relative;
            overflow: hidden;
            transition: background .3s
        }

        .cap-card:hover {
            background: var(--d3)
        }

        .cap-card::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: var(--red);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform .4s
        }

        .cap-card:hover::after {
            transform: scaleX(1)
        }

        .cap-num {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            color: var(--red);
            letter-spacing: .22em;
            margin-bottom: 18px;
            opacity: .75
        }

        .cap-icon {
            width: 38px;
            height: 38px;
            margin-bottom: 20px
        }

        .cap-title {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 22px;
            letter-spacing: .03em;
            margin-bottom: 10px
        }

        .cap-desc {
            font-size: 13px;
            line-height: 1.72;
            color: var(--gray);
            font-weight: 300
        }

        /* ── PRODUCTS ── */
        .prod-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: start
        }

        .prod-list {
            list-style: none;
            margin-top: 44px
        }

        .prod-item {
            border-bottom: 1px solid var(--bw);
            padding: 20px 0;
            display: grid;
            grid-template-columns: 36px 1fr auto;
            gap: 16px;
            align-items: center;
            cursor: pointer;
            transition: padding-left .25s, background .2s
        }

        .prod-item:first-child {
            border-top: 1px solid var(--bw)
        }

        .prod-item:hover {
            padding-left: 12px;
            background: rgba(200, 16, 46, .03)
        }

        .pnum {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            color: var(--red);
            letter-spacing: .2em
        }

        .pname {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 600;
            font-size: 19px;
            letter-spacing: .04em;
            margin-bottom: 4px
        }

        .pdesc {
            font-size: 13px;
            color: var(--gray);
            font-weight: 300;
            line-height: 1.5
        }

        .parrow {
            color: var(--red);
            font-size: 18px;
            opacity: 0;
            transition: opacity .25s
        }

        .prod-item:hover .parrow {
            opacity: 1
        }

        .prod-display {
            background: var(--d3);
            border: 1px solid var(--b);
            aspect-ratio: 16/9;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            margin-top: 44px
        }

        .pd-img {
            width: 35%;
            filter: brightness(0) invert(1);
            opacity: .08
        }

        .pd-hh {
            position: absolute;
            left: 0;
            right: 0;
            height: 1px;
            background: rgba(200, 16, 46, .1);
            top: 50%
        }

        .pd-hv {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 1px;
            background: rgba(200, 16, 46, .1);
            left: 50%
        }

        .pd-ring {
            position: absolute;
            border-radius: 50%;
            border: 1px solid rgba(200, 16, 46, .12);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        .pd-r1 {
            width: 90px;
            height: 90px
        }

        .pd-r2 {
            width: 180px;
            height: 180px;
            border-style: dashed;
            opacity: .5
        }

        .pd-lbl {
            position: absolute;
            bottom: 16px;
            left: 16px;
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .25em;
            color: var(--red);
            text-transform: uppercase
        }

        .pd-st {
            position: absolute;
            top: 16px;
            right: 16px;
            display: flex;
            align-items: center;
            gap: 7px;
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .2em;
            color: var(--gray)
        }

        .st-dot {
            width: 5px;
            height: 5px;
            background: var(--red);
            border-radius: 50%;
            animation: blink 2s ease infinite
        }

        /* ── MISSION BAND ── */
        .mission {
            background: var(--red);
            text-align: center;
            padding: 90px 64px;
            position: relative;
            overflow: hidden
        }

        .mission::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(0, 0, 0, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, .12) 1px, transparent 1px);
            background-size: 52px 52px
        }

        .mq {
            position: relative;
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: clamp(26px, 4.5vw, 56px);
            line-height: 1.1;
            color: #fff;
            max-width: 900px;
            margin: 0 auto 24px
        }

        .ma {
            position: relative;
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .3em;
            color: rgba(255, 255, 255, .5);
            text-transform: uppercase
        }

        /* ── HPGP PROJECT ── */
        .hpgp-hero {
            background: var(--d2);
            border-bottom: 1px solid var(--b);
            padding: 90px 64px 60px;
            position: relative;
            overflow: hidden
        }

        .hpgp-hero-bg {
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 60% 60% at 100% 50%, rgba(200, 16, 46, .1) 0%, transparent 65%)
        }

        .hpgp-hero-grid {
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(200, 16, 46, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(200, 16, 46, .04) 1px, transparent 1px);
            background-size: 60px 60px
        }

        .hpgp-classified {
            position: relative;
            z-index: 2;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            border: 1px solid rgba(200, 16, 46, .4);
            padding: 6px 16px;
            margin-bottom: 24px;
            background: rgba(200, 16, 46, .08)
        }

        .hpgp-classified span {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .3em;
            color: var(--red);
            text-transform: uppercase
        }

        .hpgp-title-wrap {
            position: relative;
            z-index: 2
        }

        .hpgp-h1 {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: clamp(42px, 7vw, 90px);
            line-height: .88;
            letter-spacing: -.02em;
            margin-bottom: 12px
        }

        .hpgp-h1 .accent {
            color: var(--red)
        }

        .hpgp-subtitle {
            font-family: 'Share Tech Mono', monospace;
            font-size: 11px;
            letter-spacing: .28em;
            color: var(--gray);
            text-transform: uppercase;
            margin-bottom: 0
        }

        /* PARTNERS ROW */
        .partners-row {
            display: flex;
            align-items: center;
            gap: 0;
            margin: 56px 0;
            border: 1px solid var(--bw);
            overflow: hidden
        }

        .partner-item {
            flex: 1;
            padding: 28px 32px;
            text-align: center;
            border-right: 1px solid var(--bw);
            position: relative;
            transition: background .3s
        }

        .partner-item:last-child {
            border-right: none
        }

        .partner-item:hover {
            background: rgba(200, 16, 46, .05)
        }

        .partner-logo-txt {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 26px;
            letter-spacing: .08em;
            color: var(--white);
            margin-bottom: 4px
        }

        .partner-role {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .24em;
            color: var(--red);
            text-transform: uppercase
        }

        .partner-divider {
            font-family: 'Share Tech Mono', monospace;
            font-size: 18px;
            color: rgba(200, 16, 46, .3);
            padding: 0 4px;
            flex-shrink: 0;
            align-self: center
        }

        /* PROJECT DETAILS GRID */
        .hpgp-details {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1px;
            background: var(--bw);
            border: 1px solid var(--bw);
            margin-bottom: 64px
        }

        .hpgp-detail-card {
            background: var(--d2);
            padding: 40px 36px;
            position: relative;
            overflow: hidden;
            transition: background .3s
        }

        .hpgp-detail-card:hover {
            background: var(--d3)
        }

        .hpgp-detail-card::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background: var(--red);
            transform: scaleY(0);
            transform-origin: top;
            transition: transform .4s
        }

        .hpgp-detail-card:hover::before {
            transform: scaleY(1)
        }

        .hdc-num {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            color: var(--red);
            letter-spacing: .22em;
            margin-bottom: 14px;
            opacity: .7
        }

        .hdc-title {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 22px;
            letter-spacing: .04em;
            margin-bottom: 10px
        }

        .hdc-body {
            font-size: 14px;
            line-height: 1.74;
            color: var(--gray);
            font-weight: 300
        }

        /* TIMELINE */
        .timeline {
            position: relative;
            margin: 60px 0
        }

        .timeline::before {
            content: '';
            position: absolute;
            left: 20px;
            top: 0;
            bottom: 0;
            width: 1px;
            background: linear-gradient(var(--b), var(--b) 80%, transparent)
        }

        .tl-item {
            display: grid;
            grid-template-columns: 56px 1fr;
            gap: 24px;
            margin-bottom: 36px;
            align-items: start
        }

        .tl-dot-wrap {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: 4px
        }

        .tl-dot {
            width: 10px;
            height: 10px;
            background: var(--red);
            border-radius: 50%;
            box-shadow: 0 0 0 4px rgba(200, 16, 46, .15);
            flex-shrink: 0
        }

        .tl-dot.future {
            background: transparent;
            border: 2px solid rgba(200, 16, 46, .4);
            box-shadow: none
        }

        .tl-phase {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .22em;
            color: var(--red);
            text-transform: uppercase;
            margin-bottom: 6px
        }

        .tl-txt {
            font-size: 15px;
            line-height: 1.7;
            color: var(--off);
            font-weight: 300
        }

        .tl-badge {
            display: inline-block;
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .18em;
            color: var(--red);
            border: 1px solid var(--b);
            padding: 3px 10px;
            text-transform: uppercase;
            margin-bottom: 8px
        }

        /* IMPACT BAND */
        .impact-band {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            background: var(--b);
            border: 1px solid var(--b);
            margin-bottom: 64px
        }

        .impact-item {
            background: var(--dark);
            padding: 32px 24px;
            text-align: center
        }

        .impact-n {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 44px;
            color: var(--red);
            line-height: 1;
            letter-spacing: -.02em
        }

        .impact-l {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .2em;
            color: var(--gray);
            text-transform: uppercase;
            margin-top: 6px
        }

        /* DRDO QUOTE */
        .drdo-quote-box {
            border: 1px solid var(--b);
            padding: 48px;
            background: var(--d2);
            position: relative;
            overflow: hidden;
            margin-bottom: 0
        }

        .drdo-quote-box::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--red), transparent)
        }

        .dqb-label {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .3em;
            color: var(--red);
            text-transform: uppercase;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px
        }

        .dqb-label::before {
            content: '';
            width: 20px;
            height: 1px;
            background: var(--red)
        }

        .dqb-quote {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 500;
            font-size: clamp(20px, 2.5vw, 30px);
            line-height: 1.3;
            color: var(--white);
            margin-bottom: 20px;
            letter-spacing: .02em
        }

        .dqb-sub {
            font-size: 14px;
            line-height: 1.7;
            color: var(--gray);
            font-weight: 300
        }

        /* ── TEAM ── */
        /* Founder Spotlight */
        .founder-section {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 80px;
            align-items: center;
            margin-bottom: 100px;
            padding-bottom: 100px;
            border-bottom: 1px solid var(--bw)
        }

        .founder-frame {
            background: var(--d3);
            border: 1px solid var(--b);
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden
        }

        .founder-frame::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 70% 70% at 50% 40%, rgba(200, 16, 46, .18) 0%, transparent 65%)
        }

        .founder-initials {
            position: relative;
            z-index: 2;
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 110px;
            color: rgba(200, 16, 46, .12);
            letter-spacing: -.04em;
            user-select: none;
            line-height: 1
        }

        .founder-strip {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0, 0, 0, .8));
            padding: 32px 24px 20px
        }

        .founder-strip-role {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .28em;
            color: var(--red);
            text-transform: uppercase;
            margin-bottom: 5px
        }

        .founder-strip-name {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 28px;
            letter-spacing: .06em;
            color: var(--white)
        }

        .patent-block {
            margin-top: 18px;
            background: var(--d4);
            border: 1px solid var(--b);
            padding: 14px 18px;
            display: flex;
            align-items: center;
            gap: 14px
        }

        .pb-icon {
            width: 28px;
            height: 28px;
            flex-shrink: 0;
            color: var(--red)
        }

        .pb-lbl {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .22em;
            color: var(--red);
            text-transform: uppercase;
            margin-bottom: 3px
        }

        .pb-txt {
            font-size: 13px;
            color: var(--off);
            font-weight: 300;
            line-height: 1.4
        }

        /* Founder Text */
        .f-role-tag {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            border: 1px solid var(--b);
            padding: 6px 14px;
            margin-bottom: 22px;
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .28em;
            color: var(--red);
            text-transform: uppercase
        }

        .f-role-dot {
            width: 5px;
            height: 5px;
            background: var(--red);
            border-radius: 50%;
            animation: blink 2s ease infinite
        }

        .f-name-big {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: clamp(36px, 5vw, 68px);
            line-height: .95;
            letter-spacing: -.01em;
            margin-bottom: 20px
        }

        .f-name-big .red {
            color: var(--red)
        }

        .f-point {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            margin-bottom: 16px
        }

        .f-bullet {
            width: 6px;
            height: 6px;
            background: var(--red);
            border-radius: 50%;
            flex-shrink: 0;
            margin-top: 8px
        }

        .f-point-txt {
            font-size: 15px;
            line-height: 1.72;
            color: var(--off);
            font-weight: 300
        }

        .f-point-txt strong {
            color: var(--white);
            font-weight: 500
        }

        .f-quote {
            margin-top: 32px;
            padding: 24px 28px;
            border-left: 3px solid var(--red);
            background: var(--d3);
            position: relative
        }

        .f-quote::before {
            content: '"';
            position: absolute;
            top: -14px;
            left: 16px;
            font-family: 'Rajdhani', sans-serif;
            font-size: 90px;
            color: var(--red);
            opacity: .12;
            line-height: 1
        }

        .f-quote-txt {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 500;
            font-size: clamp(17px, 2vw, 24px);
            line-height: 1.4;
            color: var(--white);
            letter-spacing: .02em;
            position: relative;
            z-index: 1
        }

        .f-quote-attr {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .22em;
            color: var(--gray);
            text-transform: uppercase;
            margin-top: 10px
        }

        /* Director Card */
        .dir-section {
            margin-bottom: 100px;
            padding-bottom: 100px;
            border-bottom: 1px solid var(--bw)
        }

        .dir-card {
            background: var(--d3);
            border: 1px solid var(--b);
            display: grid;
            grid-template-columns: 260px 1fr;
            overflow: hidden;
            transition: border-color .3s
        }

        .dir-card:hover {
            border-color: rgba(200, 16, 46, .5)
        }

        .dir-left {
            background: var(--d4);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 48px 28px;
            position: relative;
            border-right: 1px solid var(--bw)
        }

        .dir-left::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at center, rgba(200, 16, 46, .1) 0%, transparent 70%)
        }

        .dir-avatar {
            position: relative;
            z-index: 1;
            width: 110px;
            height: 110px;
            border-radius: 50%;
            border: 2px solid var(--red);
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--d3);
            margin-bottom: 18px
        }

        .dir-av-letters {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 38px;
            color: var(--red);
            letter-spacing: .05em
        }

        .dir-role-lbl {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .22em;
            color: var(--red);
            text-transform: uppercase;
            margin-bottom: 5px;
            text-align: center;
            position: relative;
            z-index: 1
        }

        .dir-name-lbl {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 19px;
            letter-spacing: .06em;
            color: var(--white);
            text-align: center;
            position: relative;
            z-index: 1
        }

        .dir-right {
            padding: 44px
        }

        .dir-stats {
            display: flex;
            gap: 40px;
            margin-bottom: 28px
        }

        .ds-n {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 42px;
            color: var(--red);
            line-height: 1;
            letter-spacing: -.02em
        }

        .ds-l {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .2em;
            color: var(--gray);
            text-transform: uppercase;
            margin-top: 3px
        }

        .dir-desc {
            font-size: 15px;
            line-height: 1.74;
            color: var(--off);
            font-weight: 300;
            margin-bottom: 16px
        }

        /* Advisory Grid */
        .adv-intro {
            margin-bottom: 52px
        }

        .adv-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1px;
            background: var(--bw);
            border: 1px solid var(--bw)
        }

        .adv-card {
            background: var(--d2);
            padding: 44px 40px;
            position: relative;
            overflow: hidden;
            transition: background .3s
        }

        .adv-card:hover {
            background: var(--d3)
        }

        .adv-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--red), transparent);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform .4s
        }

        .adv-card:hover::before {
            transform: scaleX(1)
        }

        .adv-type {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .3em;
            color: var(--red);
            text-transform: uppercase;
            margin-bottom: 18px;
            display: flex;
            align-items: center;
            gap: 10px
        }

        .adv-type::before {
            content: '';
            width: 18px;
            height: 1px;
            background: var(--red)
        }

        .adv-firm {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: clamp(22px, 3vw, 34px);
            letter-spacing: .02em;
            line-height: 1;
            margin-bottom: 10px
        }

        .adv-exp {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .2em;
            color: var(--red);
            padding: 5px 12px;
            border: 1px solid var(--b);
            display: inline-block;
            margin-bottom: 16px;
            text-transform: uppercase
        }

        .adv-desc {
            font-size: 14px;
            line-height: 1.72;
            color: var(--gray);
            font-weight: 300
        }

        .adv-tags {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 18px
        }

        .adv-tag {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .15em;
            color: var(--red);
            border: 1px solid var(--b);
            padding: 4px 10px;
            text-transform: uppercase
        }

        .adv-watermark {
            position: absolute;
            bottom: -20px;
            right: -8px;
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 130px;
            color: rgba(200, 16, 46, .04);
            line-height: 1;
            pointer-events: none;
            user-select: none
        }

        /* Team stats band */
        .team-stats {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            background: var(--d3);
            border-top: 1px solid var(--bw);
            border-bottom: 1px solid var(--bw)
        }

        .ts {
            text-align: center;
            padding: 30px 16px;
            border-right: 1px solid var(--bw)
        }

        .ts:last-child {
            border-right: none
        }

        .ts-n {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 42px;
            color: var(--red);
            line-height: 1;
            letter-spacing: -.02em
        }

        .ts-l {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .22em;
            color: var(--gray);
            text-transform: uppercase;
            margin-top: 6px
        }

        /* ── CAREERS ── */
        .careers-grid {
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: 80px
        }

        .jobs-list {
            list-style: none;
            margin-top: 44px
        }

        .job {
            border: 1px solid var(--bw);
            padding: 20px 22px;
            margin-bottom: 8px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            transition: border-color .25s, background .25s
        }

        .job:hover {
            border-color: var(--red);
            background: rgba(200, 16, 46, .04)
        }

        .jtitle {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 600;
            font-size: 18px;
            letter-spacing: .04em;
            margin-bottom: 3px
        }

        .jdept {
            font-size: 11px;
            letter-spacing: .18em;
            color: var(--gray);
            text-transform: uppercase
        }

        .jbadge {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .15em;
            color: var(--red);
            border: 1px solid var(--b);
            padding: 4px 10px;
            text-transform: uppercase;
            white-space: nowrap
        }

        .career-info {
            margin-top: 44px
        }

        .ci-blk {
            margin-bottom: 32px;
            padding-bottom: 32px;
            border-bottom: 1px solid var(--bw)
        }

        .ci-blk:last-child {
            border: none;
            margin: 0;
            padding: 0
        }

        .ci-lbl {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .28em;
            color: var(--red);
            text-transform: uppercase;
            margin-bottom: 10px
        }

        .ci-txt {
            font-size: 15px;
            line-height: 1.72;
            color: var(--off);
            font-weight: 300
        }

        /* ── CONTACT ── */
        .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 100px
        }

        .cform {
            display: flex;
            flex-direction: column;
            gap: 14px;
            margin-top: 44px
        }

        .flbl {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .28em;
            color: var(--red);
            text-transform: uppercase;
            margin-bottom: 5px;
            display: block
        }

        .finp,
        .ftxt {
            width: 100%;
            background: var(--d3);
            border: 1px solid rgba(255, 255, 255, .08);
            color: var(--white);
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 15px;
            font-weight: 300;
            letter-spacing: .04em;
            padding: 13px 16px;
            outline: none;
            transition: border-color .2s;
            resize: none
        }

        .finp:focus,
        .ftxt:focus {
            border-color: var(--red)
        }

        .finp::placeholder,
        .ftxt::placeholder {
            color: var(--gray)
        }

        .cinfo {
            margin-top: 44px
        }

        .info-blk {
            margin-bottom: 36px;
            padding-bottom: 36px;
            border-bottom: 1px solid var(--bw)
        }

        .info-blk:last-child {
            border: none;
            margin: 0;
            padding: 0
        }

        .info-lbl {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            letter-spacing: .28em;
            color: var(--red);
            text-transform: uppercase;
            margin-bottom: 10px
        }

        .info-val {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 500;
            font-size: 19px;
            letter-spacing: .04em;
            line-height: 1.5;
            color: var(--white)
        }

        .info-val a {
            color: var(--white);
            text-decoration: none;
            transition: color .2s
        }

        .info-val a:hover {
            color: var(--red)
        }

        /* ── FOOTER ── */
        footer {
            background: var(--d2);
            border-top: 1px solid var(--bw);
            padding: 40px 60px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px
        }

        .ft-brand {
            display: flex;
            align-items: center;
            gap: 12px
        }

        .ft-logo {
            height: 26px;
            filter: brightness(0) invert(.25)
        }

        .ft-nm {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 700;
            font-size: 15px;
            letter-spacing: .14em;
            color: var(--gray)
        }

        .ft-copy {
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            letter-spacing: .15em;
            color: var(--gray)
        }

        .ft-links {
            display: flex;
            gap: 20px;
            list-style: none
        }

        .ft-links a {
            font-size: 11px;
            letter-spacing: .15em;
            text-transform: uppercase;
            color: var(--gray);
            text-decoration: none;
            transition: color .2s;
            cursor: pointer
        }

        .ft-links a:hover {
            color: var(--white)
        }

        @media(max-width:960px) {
            nav {
                padding: 0 20px
            }

            .nav-links {
                display: none
            }

            .hero,
            .pb,
            .ph,
            .hpgp-hero {
                padding-left: 20px;
                padding-right: 20px
            }

            .about-grid,
            .founder-section,
            .dir-card,
            .adv-grid,
            .contact-grid,
            .careers-grid,
            .prod-grid,
            .hpgp-details {
                grid-template-columns: 1fr;
                gap: 36px
            }

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

            .stats-bar,
            .impact-band,
            .team-stats {
                grid-template-columns: repeat(2, 1fr)
            }

            .partners-row {
                flex-direction: column
            }

            .partner-item {
                border-right: none;
                border-bottom: 1px solid var(--bw)
            }

            footer {
                flex-direction: column;
                align-items: flex-start;
                padding: 28px 20px
            }

            .dir-left {
                border-right: none;
                border-bottom: 1px solid var(--bw)
            }
        }

/* ================= XPREDATOR: added components & logo fixes ================= */
/* Logo now ships as a pre-whitened transparent PNG — neutralise old filters */
.nav-logo{filter:none}
.about-img{filter:none}
.pd-img{filter:none;opacity:.08}
.hero-wm{filter:none;opacity:.05}
.ft-logo{filter:none;opacity:.6;height:26px}

/* Mobile navigation toggle */
.nav-toggle{display:none;background:none;border:none;color:var(--white);font-size:22px;cursor:pointer;line-height:1;padding:6px}
@media(max-width:900px){
  nav{padding:0 20px}
  .nav-cta{display:none}
  .nav-toggle{display:block;order:3}
  .nav-links{
    position:fixed;top:68px;left:0;right:0;flex-direction:column;gap:0;
    background:rgba(7,7,7,.98);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--b);padding:8px 0;
    max-height:0;overflow:hidden;transition:max-height .3s ease;order:4;width:100%
  }
  .nav-links.open{max-height:80vh}
  .nav-links li{width:100%}
  .nav-links a{display:block;padding:14px 24px;border-bottom:1px solid var(--bw)}
  .nav-wm-sub{display:none}
}

/* Cookie consent banner */
.cookie-banner{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  background:rgba(15,15,15,.97);backdrop-filter:blur(14px);
  border:1px solid var(--b);padding:18px 22px;max-width:900px;margin:0 auto;
  box-shadow:0 20px 50px rgba(0,0,0,.5)
}
.cookie-text{font-size:14px;letter-spacing:.02em;color:var(--off);line-height:1.5;flex:1;min-width:240px}
.cookie-text a{color:var(--red);text-decoration:none}
.cookie-actions{display:flex;gap:10px;flex-shrink:0}
.cookie-btn{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--white);background:var(--red);border:none;padding:11px 22px;cursor:pointer;
  clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:background .2s}
.cookie-btn:hover{background:#e0112f}
.cookie-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.25)}
.cookie-btn-ghost:hover{background:transparent;border-color:var(--red)}

/* Events page */
.ev-list{display:grid;gap:20px;margin-bottom:60px}
.ev-card{position:relative;background:var(--d2);border:1px solid var(--bw);border-left:2px solid var(--red);
  padding:28px 32px;transition:border-color .25s,transform .2s}
.ev-card:hover{border-color:var(--b);border-left-color:var(--red);transform:translateX(4px)}
.ev-meta{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:12px}
.ev-date,.ev-loc{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.ev-date{color:var(--red)}
.ev-loc{color:var(--gray)}
.ev-title{font-family:'Rajdhani',sans-serif;font-weight:600;font-size:24px;letter-spacing:.01em;color:var(--white);margin-bottom:10px}
.ev-body{font-size:16px;line-height:1.65;color:var(--off);max-width:760px;margin-bottom:16px}
.ev-tag{display:inline-block;font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--off);border:1px solid var(--bw);padding:5px 12px}
.ev-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  border-top:1px solid var(--bw);padding-top:34px}
.ev-cta-txt{font-family:'Rajdhani',sans-serif;font-weight:500;font-size:20px;color:var(--white)}

/* Respect reduced motion */
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* ===== FIX: cookie banner can be dismissed ===== */
.cookie-banner[hidden]{display:none !important}

/* ===== FIX: mobile hamburger menu ===== */
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:6px}
@media(max-width:900px){
  .nav-cta{display:none}
  .nav-toggle{display:block;order:3}
  .nav-links{
    display:flex !important;
    position:fixed;top:68px;left:0;right:0;width:100%;
    flex-direction:column;gap:0;
    background:rgba(7,7,7,.98);
    -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    max-height:0;overflow:hidden;padding:0;border:0;
    transition:max-height .3s ease;z-index:999;
  }
  .nav-links.open{max-height:80vh;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .nav-links li{width:100%}
  .nav-links a{display:block;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.06)}
}