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

        /* ═══ THEME ═══ */
        :root,
        [data-theme="light"] {
            --bg: #fafaf8;
            --bg2: #f4f2ee;
            --bg3: #ede9e2;
            --bg4: #e4dfd6;
            --bg5: #d8d2c8;
            --gold: #8a5e0f;
            --gold2: #a8741a;
            --gold3: #6a4808;
            --gold-light: #f5ecd8;
            --gb: rgba(138, 94, 15, .06);
            --gbo: rgba(138, 94, 15, .2);
            --text: #18160f;
            --text2: #3d3828;
            --text3: #7a7260;
            --text4: #b0a890;
            --br: rgba(0, 0, 0, .07);
            --br2: rgba(0, 0, 0, .12);
            --green: #1e6b30;
            --green-bg: rgba(30, 107, 48, .06);
            --green-bdr: rgba(30, 107, 48, .2);
            --red: #b03030;
            --nav-bg: rgba(250, 250, 248, .95);
            --card-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 20px rgba(0, 0, 0, .06);
            --serif: "Cormorant Garamond", Georgia, serif;
            --sans: "DM Sans", system-ui, sans-serif;
            --max: 1160px;
        }

        [data-theme="dark"] {
            --bg: #0c0b08;
            --bg2: #121008;
            --bg3: #18160e;
            --bg4: #1e1c12;
            --bg5: #242216;
            --gold: #c8a84e;
            --gold2: #dbbe6a;
            --gold3: #a88830;
            --gold-light: rgba(200, 168, 78, .08);
            --gb: rgba(200, 168, 78, .06);
            --gbo: rgba(200, 168, 78, .16);
            --text: #f0ead8;
            --text2: #c8bea8;
            --text3: #706858;
            --text4: #484038;
            --br: rgba(255, 255, 255, .055);
            --br2: rgba(255, 255, 255, .1);
            --green: #3aaa50;
            --green-bg: rgba(58, 170, 80, .07);
            --green-bdr: rgba(58, 170, 80, .2);
            --red: #e07070;
            --nav-bg: rgba(12, 11, 8, .97);
            --card-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 20px rgba(0, 0, 0, .25);
        }

        html {
            scroll-behavior: smooth;
            font-size: 16px
        }

        body {
            background: var(--bg);
            color: var(--text);
            font-family: var(--sans);
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
            line-height: 1.6
        }

        * {
            transition: background-color .3s, border-color .3s, color .3s
        }

        svg,
        img,
        button {
            transition: none
        }

        ::selection {
            background: rgba(138, 94, 15, .15)
        }

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

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

        a {
            color: inherit;
            text-decoration: none
        }

        .w {
            max-width: var(--max);
            margin: 0 auto;
            padding: 0 2.5rem
        }

        .ext {
            color: var(--gold);
            border-bottom: 1px solid var(--gbo);
            transition: border-color .2s
        }

        .ext:hover {
            border-color: var(--gold)
        }

        /* ═══ THEME TOGGLE ═══ */
        .tt {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: var(--bg3);
            border: 1px solid var(--br2);
            cursor: pointer;
            font-size: .78rem;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            color: var(--text3);
            transition: border-color .2s, transform .2s !important
        }

        .tt:hover {
            border-color: var(--gold);
            color: var(--gold);
            transform: scale(1.08) !important
        }

        /* ═══ NAV ═══ */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 300;
            height: 62px;
            background: var(--nav-bg);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-bottom: 1px solid transparent;
            transition: border-color .3s, background .35s
        }

        nav.sc {
            border-bottom-color: var(--br)
        }

        .ni {
            max-width: var(--max);
            margin: 0 auto;
            padding: 0 2.5rem;
            height: 100%;
            display: flex;
            align-items: center;
            gap: 1.2rem
        }

        .logo {
            display: flex;
            align-items: center;
            gap: .5rem;
            cursor: pointer;
            flex-shrink: 0;
            margin-right: .5rem
        }

        .logo-sym svg {
            width: 22px;
            height: 22px;
            fill: none;
            stroke: var(--gold);
            stroke-width: 1.6;
            display: block;
            transition: stroke .3s
        }

        .logo-t {
            font-family: var(--serif);
            font-size: 1.15rem;
            font-weight: 500;
            color: var(--text);
            letter-spacing: .01em
        }

        .logo-t em {
            font-style: italic;
            color: var(--gold)
        }

        .logo-sub {
            font-size: .55rem;
            letter-spacing: .16em;
            text-transform: uppercase;
            color: var(--text4);
            margin-left: .3rem;
            margin-top: .1rem
        }

        .nl {
            display: flex;
            gap: 1.3rem;
            align-items: center;
            flex: 1
        }

        .nl a {
            font-size: .67rem;
            letter-spacing: .04em;
            color: var(--text3);
            transition: color .2s;
            white-space: nowrap;
            cursor: pointer;
            font-weight: 400
        }

        .nl a:hover,
        .nl a.on {
            color: var(--text)
        }

        .nl a.hot {
            color: var(--gold);
            font-weight: 500
        }

        .nav-r {
            display: flex;
            align-items: center;
            gap: .65rem;
            flex-shrink: 0
        }

        .ncta {
            font-size: .62rem;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--gold);
            border: 1px solid var(--gbo);
            padding: .38rem .95rem;
            transition: all .25s !important;
            background: transparent;
            cursor: pointer;
            font-family: var(--sans);
            font-weight: 500;
            white-space: nowrap
        }

        .ncta:hover {
            background: var(--gold);
            color: #fff;
            border-color: var(--gold)
        }

        .hb {
            display: none;
            flex-direction: column;
            gap: 5px;
            cursor: pointer;
            padding: 4px
        }

        .hb span {
            display: block;
            width: 20px;
            height: 1.5px;
            background: var(--text3);
            border-radius: 1px
        }

        /* ═══ MOBILE MENU ═══ */
        .mob {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 250;
            background: var(--bg);
            padding: 80px 2.5rem 3rem;
            flex-direction: column;
            gap: 0;
            overflow-y: auto
        }

        .mob.open {
            display: flex
        }

        .mob a {
            font-family: var(--serif);
            font-size: 1.55rem;
            font-weight: 300;
            color: var(--text2);
            cursor: pointer;
            border-bottom: 1px solid var(--br);
            padding: .9rem 0
        }

        .mob a.hot {
            color: var(--gold)
        }

        .mob-bottom {
            margin-top: 2rem;
            display: flex;
            align-items: center;
            gap: 1rem
        }

        .mob-theme-lbl {
            font-size: .65rem;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--text3)
        }

        /* ═══ PAGES ═══ */
        .pg {
            display: none;
            padding-top: 62px
        }

        .pg.on {
            display: block
        }

        /* ═══ TYPOGRAPHY ═══ */
        .eye {
            font-size: .58rem;
            letter-spacing: .26em;
            text-transform: uppercase;
            color: var(--gold);
            font-family: var(--sans);
            font-weight: 500;
            display: block;
            margin-bottom: .9rem
        }

        .dxl {
            font-family: var(--serif);
            font-size: clamp(2.8rem, 5.2vw, 4.8rem);
            font-weight: 300;
            line-height: 1.04;
            letter-spacing: -.025em;
            color: var(--text)
        }

        .dxl em {
            font-style: italic;
            color: var(--gold)
        }

        .dl {
            font-family: var(--serif);
            font-size: clamp(1.9rem, 3.5vw, 3rem);
            font-weight: 300;
            line-height: 1.08;
            letter-spacing: -.018em;
            color: var(--text)
        }

        .dl em {
            font-style: italic;
            color: var(--gold)
        }

        .dm {
            font-family: var(--serif);
            font-size: clamp(1.4rem, 2.4vw, 2rem);
            font-weight: 300;
            line-height: 1.18;
            color: var(--text)
        }

        .dm em {
            font-style: italic;
            color: var(--gold)
        }

        .ds {
            font-family: var(--serif);
            font-size: clamp(1.1rem, 1.8vw, 1.45rem);
            font-weight: 300;
            line-height: 1.28;
            color: var(--text)
        }

        .ds em {
            font-style: italic;
            color: var(--gold)
        }

        .lead {
            font-size: 1rem;
            line-height: 1.88;
            color: var(--text2);
            font-weight: 300;
            max-width: 58ch
        }

        .body {
            font-size: .9rem;
            line-height: 1.9;
            color: var(--text2);
            font-weight: 300
        }

        .body+.body {
            margin-top: .9rem
        }

        .small {
            font-size: .78rem;
            line-height: 1.75;
            color: var(--text3);
            font-weight: 300
        }

        .rule {
            width: 36px;
            height: 1.5px;
            background: var(--gold);
            margin: 1.4rem 0
        }

        .rule.c {
            margin: 1.4rem auto
        }

        /* ═══ BUTTONS ═══ */
        .btn {
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            font-size: .68rem;
            letter-spacing: .13em;
            text-transform: uppercase;
            font-weight: 500;
            padding: .75rem 1.9rem;
            transition: all .25s !important;
            cursor: pointer;
            font-family: var(--sans);
            border: none
        }

        .btn-g {
            background: var(--gold);
            color: #fff;
            border: 1px solid var(--gold)
        }

        .btn-g:hover {
            background: var(--gold2);
            border-color: var(--gold2)
        }

        .btn-o {
            background: transparent;
            color: var(--text2);
            border: 1px solid var(--br2)
        }

        .btn-o:hover {
            border-color: var(--gold);
            color: var(--gold)
        }

        .btn-dark {
            background: var(--text);
            color: var(--bg);
            border: 1px solid var(--text)
        }

        .btn-dark:hover {
            background: var(--gold);
            border-color: var(--gold);
            color: #fff
        }

        .btns {
            display: flex;
            gap: .8rem;
            flex-wrap: wrap;
            margin-top: 2rem
        }

        /* ═══ REVEAL ═══ */
        .rv {
            opacity: 0;
            transform: translateY(18px);
            transition: opacity .6s ease, transform .6s ease
        }

        .rv.vs {
            opacity: 1;
            transform: none
        }

        /* ═══ SECTION WRAPPERS ═══ */
        .sec {
            padding: 6rem 0;
            border-bottom: 1px solid var(--br)
        }

        .sec-sm {
            padding: 4rem 0;
            border-bottom: 1px solid var(--br)
        }

        .sec.alt {
            background: var(--bg2)
        }

        .sec.dark-bg {
            background: var(--bg3)
        }

        .sec-head {
            max-width: 640px;
            margin-bottom: 3.5rem
        }

        .sec-head-c {
            max-width: 640px;
            margin: 0 auto 3.5rem;
            text-align: center
        }

        .sec-head-c .rule {
            margin: 1.4rem auto
        }

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

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

        .g4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br)
        }

        .gcol2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3.5rem;
            align-items: start
        }

        .gcol3 {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 2rem;
            align-items: start
        }

        .gcol-wide {
            display: grid;
            grid-template-columns: 3fr 2fr;
            gap: 4rem;
            align-items: start
        }

        .gcol-wide2 {
            display: grid;
            grid-template-columns: 2fr 3fr;
            gap: 4rem;
            align-items: start
        }

        /* ═══ CARDS ═══ */
        .card {
            background: var(--bg2);
            padding: 2.2rem
        }

        .card.white {
            background: var(--bg)
        }

        .card.dark {
            background: var(--bg3)
        }

        .card.gold-border {
            border: 1px solid var(--gbo);
            background: var(--gold-light)
        }

        .card-sm {
            background: var(--bg2);
            padding: 1.6rem
        }

        .card-sm.white {
            background: var(--bg)
        }

        .card-hover {
            transition: background .2s !important;
            cursor: pointer
        }

        .card-hover:hover {
            background: var(--bg4) !important
        }

        /* ═══ STAT NUMBER ═══ */
        .stat-n {
            font-family: var(--serif);
            font-size: 2.6rem;
            font-weight: 300;
            color: var(--gold);
            line-height: 1;
            margin-bottom: .3rem
        }

        .stat-n.sm {
            font-size: 1.8rem
        }

        .stat-n.xs {
            font-size: 1.4rem
        }

        .stat-l {
            font-size: .72rem;
            color: var(--text3);
            line-height: 1.5;
            font-weight: 300
        }

        /* ═══ BADGE / TAG ═══ */
        .badge {
            font-size: .55rem;
            letter-spacing: .18em;
            text-transform: uppercase;
            padding: .15rem .55rem;
            display: inline-block;
            border: 1px solid var(--br2);
            color: var(--text3);
            background: transparent
        }

        .badge.gold {
            color: var(--gold);
            border-color: var(--gbo);
            background: var(--gb)
        }

        .badge.green {
            color: var(--green);
            border-color: var(--green-bdr);
            background: var(--green-bg)
        }

        .badge.live {
            color: var(--green);
            border-color: var(--green-bdr);
            background: var(--green-bg);
            animation: livepulse 2.5s infinite
        }

        @keyframes livepulse {

            0%,
            100% {
                opacity: 1
            }

            50% {
                opacity: .6
            }
        }

        .finn-badge {
            display: inline-flex;
            align-items: center;
            gap: .4rem;
            font-size: .6rem;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: #1a4baa;
            border: 1px solid rgba(26, 75, 170, .2);
            background: rgba(26, 75, 170, .04);
            padding: .2rem .65rem;
            margin-bottom: .9rem
        }

        .finn-badge::before {
            content: "🇫🇮";
            font-size: .8rem
        }

        [data-theme="dark"] .finn-badge {
            color: #7aaaff;
            border-color: rgba(122, 170, 255, .2);
            background: rgba(122, 170, 255, .05)
        }

        .bd-badge {
            display: inline-flex;
            align-items: center;
            gap: .4rem;
            font-size: .6rem;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: #1a6b2a;
            border: 1px solid rgba(26, 107, 42, .2);
            background: rgba(26, 107, 42, .04);
            padding: .2rem .65rem;
            margin-bottom: 0
        }

        .bd-badge::before {
            content: "🇧🇩";
            font-size: .8rem
        }

        [data-theme="dark"] .bd-badge {
            color: #6fd98a;
            border-color: rgba(111, 217, 138, .2);
            background: rgba(111, 217, 138, .05)
        }

        .leadership-badges {
            display: flex;
            flex-wrap: wrap;
            gap: .5rem;
            margin-bottom: .9rem;
            align-items: center
        }

        .waste-tbl {
            width: 100%;
            border-collapse: collapse;
            margin-top: 1.8rem;
            font-size: .85rem
        }

        .waste-tbl th {
            text-align: left;
            padding: .55rem .9rem;
            font-size: .6rem;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--text3);
            border-bottom: 2px solid var(--bdr);
            font-weight: 600
        }

        .waste-tbl td {
            padding: .75rem .9rem;
            border-bottom: 1px solid oklch(from var(--text1, #28251d) l c h / 0.06);
            vertical-align: middle
        }

        .waste-tbl tr:last-child td {
            border-bottom: none
        }

        .waste-tbl tr:hover td {
            background: var(--bg2)
        }

        .waste-tbl .wt-city {
            font-weight: 600;
            color: var(--text1)
        }

        .waste-tbl .wt-num {
            font-weight: 700;
            font-variant-numeric: tabular-nums;
            color: #b07a00
        }

        .waste-tbl .wt-type {
            font-size: .75rem;
            color: var(--text3);
            display: block;
            margin-top: .15rem
        }

        .waste-tbl .wt-note {
            font-size: .78rem;
            color: var(--text2)
        }

        [data-theme="dark"] .waste-tbl .wt-num {
            color: #e8af34
        }

        /* ═══ LIST STYLES ═══ */
        .arrow-list {
            list-style: none;
            margin-top: 1.2rem
        }

        .arrow-list li {
            font-size: .88rem;
            color: var(--text2);
            line-height: 1.8;
            padding: .5rem 0;
            border-bottom: 1px solid var(--br);
            display: flex;
            gap: .65rem;
            font-weight: 300
        }

        .arrow-list li:last-child {
            border-bottom: none
        }

        .arrow-list li::before {
            content: "→";
            color: var(--gold);
            flex-shrink: 0;
            font-family: var(--serif)
        }

        .dot-list {
            list-style: none;
            margin-top: 1rem
        }

        .dot-list li {
            font-size: .85rem;
            color: var(--text3);
            line-height: 1.78;
            padding: .4rem 0;
            border-bottom: 1px solid var(--br);
            display: flex;
            gap: .6rem
        }

        .dot-list li:last-child {
            border-bottom: none
        }

        .dot-list li::before {
            content: "○";
            color: var(--gold);
            flex-shrink: 0;
            font-size: .55rem;
            padding-top: 5px
        }

        .check-list {
            list-style: none;
            margin-top: .8rem
        }

        .check-list li {
            font-size: .85rem;
            color: var(--text2);
            line-height: 1.78;
            padding: .35rem 0;
            display: flex;
            gap: .65rem;
            font-weight: 300
        }

        .check-list li::before {
            content: "—";
            color: var(--gold);
            flex-shrink: 0;
            font-family: var(--serif)
        }

        /* ═══ STATUS ROW ═══ */
        .sr {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            padding: .65rem 0;
            border-bottom: 1px solid var(--br);
            font-size: .82rem
        }

        .sr:last-child {
            border-bottom: none
        }

        .sr-l {
            color: var(--text3);
            font-size: .6rem;
            letter-spacing: .1em;
            text-transform: uppercase
        }

        .sr-v {
            color: var(--text);
            font-weight: 400
        }

        .sr-v.gold {
            color: var(--gold)
        }

        .sr-v.green {
            color: var(--green)
        }

        /* ═══ QUOTE BLOCK ═══ */
        .quote-block {
            font-family: var(--serif);
            font-size: clamp(1.35rem, 2.5vw, 1.9rem);
            font-weight: 300;
            line-height: 1.42;
            font-style: italic;
            color: var(--text);
            letter-spacing: -.01em
        }

        .quote-block em {
            color: var(--gold)
        }

        .quote-source {
            font-size: .68rem;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--text4);
            margin-top: 1.2rem;
            display: flex;
            align-items: center;
            gap: .5rem
        }

        .quote-source::before {
            content: '';
            display: inline-block;
            width: 24px;
            height: 1px;
            background: var(--text4)
        }

        /* ═══ GLOBAL RECOGNITION STRIP ═══ */
        .recog-strip {
            background: var(--bg3);
            padding: 2.5rem 0;
            border-bottom: 1px solid var(--br);
            border-top: 1px solid var(--br)
        }

        .recog-inner {
            display: flex;
            gap: 0;
            overflow: hidden
        }

        .recog-item {
            flex: 1;
            padding: 1.2rem 1.8rem;
            border-right: 1px solid var(--br);
            text-align: center
        }

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

        .recog-source {
            font-size: .58rem;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--text4);
            margin-bottom: .4rem
        }

        .recog-text {
            font-family: var(--serif);
            font-size: .92rem;
            font-weight: 400;
            color: var(--text2);
            line-height: 1.4;
            font-style: italic
        }

        /* ════════════════════════════════
   HOME
════════════════════════════════ */

        /* ═══ TRUST BAR (hero top) ═══ */
        .trust-bar {
            position: absolute;
            top: 62px;
            left: 0;
            right: 0;
            z-index: 10;
            background: var(--bg2);
            border-bottom: 1px solid var(--br);
            padding: .5rem 0
        }

        .trust-inner {
            display: flex;
            align-items: center;
            gap: 1rem;
            flex-wrap: wrap;
            font-size: .6rem;
            letter-spacing: .06em;
            color: var(--text3)
        }

        .trust-item {
            display: flex;
            align-items: center;
            gap: .35rem;
            white-space: nowrap
        }

        .trust-item svg {
            color: var(--gold);
            flex-shrink: 0
        }

        .trust-sep {
            width: 1px;
            height: 10px;
            background: var(--br2);
            flex-shrink: 0
        }

        .trust-live {
            color: var(--green);
            font-weight: 500
        }

        .live-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--green);
            display: inline-block;
            animation: pulse-live 2s infinite
        }

        @keyframes pulse-live {

            0%,
            100% {
                opacity: 1
            }

            50% {
                opacity: .4
            }
        }

        .hero-in {
            padding-top: 3.5rem
        }

        @media(max-width:640px) {
            .trust-sep {
                display: none
            }

            .trust-bar .w {
                padding: 0 1.2rem
            }

            .trust-inner {
                gap: .6rem
            }
        }

        /* ═══ TESTIMONIALS ═══ */
        .testi-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
            gap: 1.5px;
            margin-top: 2rem
        }

        .testi-card {
            background: var(--bg2);
            border: 1px solid var(--br);
            padding: 1.8rem 1.6rem;
            position: relative
        }

        .testi-quote {
            font-family: var(--serif);
            font-size: 1.05rem;
            font-weight: 300;
            line-height: 1.65;
            color: var(--text);
            font-style: italic;
            margin-bottom: 1.2rem
        }

        .testi-quote::before {
            content: '\201C';
            font-size: 2.2rem;
            line-height: 0;
            color: var(--gold);
            vertical-align: -.4em;
            margin-right: .1em;
            font-family: var(--serif)
        }

        .testi-attr {
            display: flex;
            align-items: center;
            gap: .7rem;
            margin-top: auto
        }

        .testi-avatar {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: var(--bg4);
            border: 1px solid var(--br);
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: var(--serif);
            font-size: .85rem;
            color: var(--text3);
            flex-shrink: 0
        }

        .testi-name {
            font-size: .7rem;
            font-weight: 500;
            color: var(--text);
            letter-spacing: .02em
        }

        .testi-role {
            font-size: .62rem;
            color: var(--text3);
            margin-top: .15rem
        }

        .testi-placeholder {
            background: repeating-linear-gradient(-45deg, var(--bg2), var(--bg2) 8px, var(--bg3) 8px, var(--bg3) 16px);
            border: 1px dashed var(--br2);
            padding: 1.8rem 1.6rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            gap: .5rem;
            min-height: 160px
        }

        .testi-placeholder-lbl {
            font-size: .58rem;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--text4);
            font-weight: 500
        }

        .testi-placeholder-desc {
            font-size: .72rem;
            color: var(--text3);
            max-width: 22ch;
            line-height: 1.5
        }

        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid var(--br)
        }

        .hero-bg {
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 60% 55% at 62% 38%, rgba(138, 94, 15, .055) 0%, transparent 60%);
            pointer-events: none
        }

        [data-theme="dark"] .hero-bg {
            background: radial-gradient(ellipse 60% 55% at 62% 38%, rgba(200, 168, 78, .04) 0%, transparent 60%)
        }

        .hero-grid {
            position: absolute;
            inset: 0;
            background-image: linear-gradient(var(--br) 1px, transparent 1px), linear-gradient(90deg, var(--br) 1px, transparent 1px);
            background-size: 96px 96px;
            pointer-events: none
        }

        .hero-in {
            position: relative;
            z-index: 1;
            padding: 9rem 0 7rem;
            max-width: 820px
        }

        .hero-chips {
            display: flex;
            align-items: center;
            gap: .65rem;
            margin-bottom: 2rem;
            flex-wrap: wrap
        }

        .chip {
            font-size: .6rem;
            letter-spacing: .13em;
            text-transform: uppercase;
            color: var(--text3);
            border: 1px solid var(--br);
            padding: .22rem .7rem;
            background: var(--bg2)
        }

        .chip.g {
            color: var(--gold);
            border-color: var(--gbo);
            background: var(--gb)
        }

        .hero-reg {
            display: inline-flex;
            gap: 1.2rem;
            margin-top: 1.4rem;
            margin-bottom: 2rem;
            flex-wrap: wrap
        }

        .reg-item {
            font-size: .65rem;
            color: var(--text3);
            letter-spacing: .04em;
            display: flex;
            align-items: center;
            gap: .35rem
        }

        .reg-item strong {
            color: var(--text2);
            font-weight: 500
        }

        .reg-dot {
            width: 4px;
            height: 4px;
            background: var(--gold);
            border-radius: 50%;
            flex-shrink: 0
        }

        .hero-scroll {
            position: absolute;
            bottom: 3rem;
            left: 2.5rem;
            display: flex;
            align-items: center;
            gap: .7rem;
            font-size: .56rem;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: var(--text4)
        }

        .scroll-line {
            width: 40px;
            height: 1px;
            background: linear-gradient(90deg, var(--text4), transparent)
        }

        /* HOME — KEY NUMBERS */
        .kn-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br)
        }

        .kn {
            background: var(--bg2);
            padding: 2rem 1.8rem
        }

        .kn-n {
            font-family: var(--serif);
            font-size: 2.8rem;
            font-weight: 300;
            color: var(--gold);
            line-height: 1;
            margin-bottom: .35rem
        }

        .kn-t {
            font-size: .78rem;
            font-weight: 500;
            color: var(--text);
            margin-bottom: .3rem
        }

        .kn-d {
            font-size: .72rem;
            color: var(--text3);
            line-height: 1.6;
            font-weight: 300
        }

        /* HOME — WHY US STRIP */
        .why-strip {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2.5rem
        }

        .ws-item {
            background: var(--bg2);
            padding: 2.2rem
        }

        .ws-n {
            font-family: var(--serif);
            font-size: 3rem;
            font-weight: 300;
            color: var(--br2);
            line-height: 1;
            margin-bottom: .8rem
        }

        .ws-t {
            font-size: .9rem;
            font-weight: 500;
            color: var(--text);
            margin-bottom: .5rem
        }

        .ws-d {
            font-size: .82rem;
            color: var(--text3);
            line-height: 1.72;
            font-weight: 300
        }

        /* HOME — PATHS */
        .path-g {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br)
        }

        .path {
            padding: 2.8rem
        }

        .path.p1 {
            background: var(--bg2)
        }

        .path.p2 {
            background: var(--bg3)
        }

        .path-tag {
            font-size: .57rem;
            letter-spacing: .18em;
            text-transform: uppercase;
            padding: .14rem .52rem;
            display: inline-block;
            margin-bottom: .9rem
        }

        .path-title {
            font-family: var(--serif);
            font-size: 1.7rem;
            font-weight: 300;
            color: var(--text);
            margin-bottom: .8rem;
            line-height: 1.18
        }

        .path-title em {
            color: var(--gold);
            font-style: italic
        }

        .path-desc {
            font-size: .88rem;
            color: var(--text2);
            line-height: 1.85;
            font-weight: 300;
            margin-bottom: 1.6rem
        }

        /* HOME — SECTORS */
        .sec-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2rem
        }

        .si {
            background: var(--bg2);
            padding: 1.4rem 1.6rem;
            cursor: pointer;
            transition: background .2s !important
        }

        .si:hover,
        .si.act {
            background: var(--bg3)
        }

        .si-n {
            font-family: var(--serif);
            font-size: 1.5rem;
            font-weight: 300;
            color: var(--text4);
            line-height: 1;
            margin-bottom: .3rem
        }

        .si.act .si-n {
            color: rgba(138, 94, 15, .4)
        }

        .si-name {
            font-size: .8rem;
            font-weight: 500;
            color: var(--text);
            margin-bottom: .12rem
        }

        .si-tag {
            font-size: .58rem;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--text3)
        }

        .si.act .si-tag {
            color: var(--gold)
        }

        .si-coming .si-n {
            color: var(--br2)
        }

        .si-coming .si-name {
            color: var(--text4)
        }

        .si-coming .si-tag {
            color: var(--text4);
            font-style: italic
        }

        /* HOME — MISSION DARK */
        .mission-dark {
            background: var(--bg3);
            padding: 6rem 0;
            border-top: 1px solid var(--br);
            border-bottom: 1px solid var(--br)
        }

        [data-theme="dark"] .mission-dark {
            background: #100f0a
        }

        /* ════════════════════════════════
   INVEST PAGE
════════════════════════════════ */
        .invest-hero-card {
            background: var(--bg2);
            border: 1px solid var(--gbo);
            padding: 2rem;
            box-shadow: var(--card-shadow)
        }

        .invest-step-g {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2rem
        }

        .istep {
            background: var(--bg2);
            padding: 1.8rem;
            position: relative
        }

        .istep-n {
            font-family: var(--serif);
            font-size: 2.8rem;
            font-weight: 300;
            color: var(--bg4);
            line-height: 1;
            margin-bottom: .7rem
        }

        .istep-t {
            font-size: .85rem;
            font-weight: 500;
            color: var(--text);
            margin-bottom: .4rem
        }

        .istep-d {
            font-size: .78rem;
            color: var(--text3);
            line-height: 1.65;
            font-weight: 300
        }

        .istep::after {
            content: "→";
            position: absolute;
            right: -.55rem;
            top: 50%;
            transform: translateY(-50%);
            color: var(--text4);
            font-size: 1.2rem;
            z-index: 2;
            background: var(--bg)
        }

        .istep:last-child::after {
            display: none
        }

        /* ════════════════════════════════
   WHY BD PAGE
════════════════════════════════ */
        .accolade-g {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2rem
        }

        .accolade {
            background: var(--bg2);
            padding: 1.6rem;
            text-align: center
        }

        .accolade-src {
            font-size: .55rem;
            letter-spacing: .2em;
            text-transform: uppercase;
            color: var(--text4);
            margin-bottom: .5rem
        }

        .accolade-text {
            font-family: var(--serif);
            font-size: .95rem;
            font-weight: 400;
            color: var(--text2);
            font-style: italic;
            line-height: 1.45
        }

        /* ════════════════════════════════
   GOV SUPPORT PAGE
════════════════════════════════ */
        .agency-g {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2.5rem
        }

        .agency {
            background: var(--bg2);
            padding: 2rem;
            cursor: pointer;
            transition: background .2s !important
        }

        .agency:hover {
            background: var(--bg3)
        }

        .agency-flag {
            font-size: .58rem;
            letter-spacing: .16em;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: .6rem;
            display: block
        }

        .agency-name {
            font-size: .88rem;
            font-weight: 500;
            color: var(--text);
            margin-bottom: .4rem;
            line-height: 1.35
        }

        .agency-desc {
            font-size: .78rem;
            color: var(--text3);
            line-height: 1.65;
            font-weight: 300
        }

        .agency-link {
            font-size: .62rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--gold);
            margin-top: .8rem;
            display: inline-flex;
            align-items: center;
            gap: .3rem;
            border-bottom: 1px solid var(--gbo);
            padding-bottom: .1rem;
            transition: gap .2s !important
        }

        .agency:hover .agency-link {
            gap: .5rem
        }

        .incentive-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 1px
        }

        .irow {
            background: var(--bg3);
            padding: 1.5rem;
            text-align: center
        }

        .irow-n {
            font-family: var(--serif);
            font-size: 1.8rem;
            color: var(--gold);
            line-height: 1;
            margin-bottom: .3rem
        }

        .irow-l {
            font-size: .64rem;
            color: var(--text3);
            line-height: 1.4;
            letter-spacing: .02em
        }

        .zone-g {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2.5rem
        }

        .zone {
            background: var(--bg2);
            padding: 2.2rem
        }

        /* ════════════════════════════════
   PROJECTS PAGE
════════════════════════════════ */
        .proj-g {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2rem
        }

        .proj-card {
            background: var(--bg2);
            padding: 2.2rem;
            cursor: pointer;
            transition: background .2s !important
        }

        .proj-card:hover {
            background: var(--bg3)
        }

        .proj-card.alt {
            background: var(--bg3)
        }

        .proj-card.alt:hover {
            background: var(--bg4)
        }

        .proj-num {
            font-family: var(--serif);
            font-size: 3rem;
            font-weight: 300;
            color: var(--br2);
            line-height: 1;
            margin-bottom: .5rem
        }

        .proj-name {
            font-family: var(--serif);
            font-size: 1.35rem;
            font-weight: 300;
            color: var(--text);
            margin-bottom: .4rem;
            line-height: 1.2
        }

        .proj-sub {
            font-size: .8rem;
            color: var(--text3);
            line-height: 1.65;
            font-weight: 300;
            margin-bottom: 1rem
        }

        .proj-meta {
            display: flex;
            gap: 1.2rem;
            flex-wrap: wrap
        }

        .proj-meta-n {
            font-family: var(--serif);
            font-size: 1.05rem;
            color: var(--gold);
            line-height: 1
        }

        .proj-meta-l {
            font-size: .6rem;
            color: var(--text3);
            margin-top: .1rem
        }

        .proj-arrow {
            font-size: .65rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--gold);
            display: inline-flex;
            align-items: center;
            gap: .3rem;
            margin-top: 1.2rem;
            transition: gap .2s !important
        }

        .proj-card:hover .proj-arrow {
            gap: .55rem
        }

        /* UPCOMING PROJECTS */
        .upcoming-g {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2rem
        }

        .up-card {
            background: var(--bg2);
            padding: 1.8rem;
            position: relative;
            overflow: hidden
        }

        .up-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, transparent, var(--gold), transparent);
            opacity: .3
        }

        .up-n {
            font-family: var(--serif);
            font-size: 2.2rem;
            font-weight: 300;
            color: var(--bg4);
            line-height: 1;
            margin-bottom: .5rem
        }

        .up-name {
            font-size: .85rem;
            font-weight: 500;
            color: var(--text2);
            margin-bottom: .3rem
        }

        .up-desc {
            font-size: .75rem;
            color: var(--text3);
            line-height: 1.6;
            font-weight: 300
        }

        .up-status {
            font-size: .58rem;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--text4);
            margin-top: .8rem;
            font-style: italic
        }

        /* PROJECT DETAIL */
        .pd-hero {
            padding: 5.5rem 0 4rem;
            border-bottom: 1px solid var(--br)
        }

        .back-btn {
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            font-size: .65rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--text3);
            cursor: pointer;
            margin-bottom: 2.2rem;
            transition: color .2s !important
        }

        .back-btn:hover {
            color: var(--gold)
        }

        .back-btn::before {
            content: "←"
        }

        .pd-g {
            display: grid;
            grid-template-columns: 1fr 300px;
            gap: 4.5rem;
            align-items: start
        }

        .status-card {
            background: var(--bg2);
            border: 1px solid var(--gbo);
            padding: 1.9rem;
            position: sticky;
            top: 82px;
            box-shadow: var(--card-shadow)
        }

        .pd-sec {
            padding: 4.5rem 0;
            border-bottom: 1px solid var(--br)
        }

        .pd-sec:last-of-type {
            border-bottom: none
        }

        .pd-facts {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2rem
        }

        .pf {
            background: var(--bg2);
            padding: 1.6rem;
            text-align: center
        }

        .pf-n {
            font-family: var(--serif);
            font-size: 2rem;
            font-weight: 300;
            color: var(--gold);
            line-height: 1;
            margin-bottom: .3rem
        }

        .pf-l {
            font-size: .67rem;
            color: var(--text3);
            line-height: 1.45
        }

        .cofounder-box {
            background: var(--bg3);
            border: 1px solid var(--gbo);
            padding: 2.2rem;
            margin-top: 2rem
        }

        .cf-title {
            font-family: var(--serif);
            font-size: 1.2rem;
            font-weight: 300;
            color: var(--text);
            margin-bottom: .6rem
        }

        .cf-desc {
            font-size: .85rem;
            color: var(--text2);
            line-height: 1.85;
            font-weight: 300
        }

        .partner-box {
            background: var(--gold-light);
            border: 1px solid var(--gbo);
            padding: 2.2rem;
            margin-top: 2rem;
            position: relative
        }

        .partner-box::before {
            content: "Education Partner";
            position: absolute;
            top: -10px;
            right: 1.5rem;
            font-size: .52rem;
            letter-spacing: .2em;
            text-transform: uppercase;
            background: var(--gold);
            color: #fff;
            padding: .18rem .6rem
        }

        /* ════════════════════════════════
   TEAM / CO-FOUND PAGE
════════════════════════════════ */
        .team-g {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2rem
        }

        .tm {
            background: var(--bg2);
            padding: 2.2rem
        }

        .tm.feat {
            background: var(--bg3);
            border: 1px solid var(--gbo)
        }

        .gain-g {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2.5rem
        }

        .gn {
            background: var(--bg2);
            padding: 2rem
        }

        .gn-n {
            font-family: var(--serif);
            font-size: 2.2rem;
            color: var(--bg5);
            margin-bottom: .6rem;
            font-weight: 300
        }

        .gn-t {
            font-size: .88rem;
            font-weight: 500;
            color: var(--text);
            margin-bottom: .4rem
        }

        .gn-d {
            font-size: .8rem;
            color: var(--text3);
            line-height: 1.68;
            font-weight: 300
        }

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

        .cmp {
            background: var(--bg3);
            padding: 1.4rem
        }

        .cmp.head {
            background: var(--bg4)
        }

        .cmp-l {
            font-size: .6rem;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--text3);
            margin-bottom: .45rem;
            display: block
        }

        .cmp-v {
            font-size: .85rem;
            color: var(--text);
            font-weight: 400
        }

        .cmp-v.good {
            color: var(--green)
        }

        .cmp-v.bad {
            color: var(--red)
        }

        /* ════════════════════════════════
   NDA PAGE
════════════════════════════════ */
        .nda-steps {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1px;
            background: var(--br);
            border: 1px solid var(--br);
            margin-top: 2.5rem
        }

        .ns {
            background: var(--bg2);
            padding: 2rem;
            position: relative
        }

        .ns-n {
            font-family: var(--serif);
            font-size: 3rem;
            font-weight: 300;
            color: var(--bg4);
            line-height: 1;
            margin-bottom: .7rem
        }

        .ns-t {
            font-size: .88rem;
            font-weight: 500;
            color: var(--text);
            margin-bottom: .4rem
        }

        .ns-d {
            font-size: .8rem;
            color: var(--text3);
            line-height: 1.65;
            font-weight: 300
        }

        .ns::after {
            content: "→";
            position: absolute;
            right: -.55rem;
            top: 50%;
            transform: translateY(-50%);
            color: var(--text4);
            font-size: 1.3rem;
            z-index: 2;
            background: var(--bg)
        }

        .ns:last-child::after {
            display: none
        }

        .nda-docs {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.5rem;
            margin-top: 2rem
        }

        .doc-item {
            display: flex;
            gap: .65rem;
            align-items: start;
            font-size: .82rem;
            color: var(--text2);
            padding: .6rem 0;
            border-bottom: 1px solid var(--br)
        }

        .doc-item:last-child {
            border-bottom: none
        }

        .doc-item::before {
            content: "○";
            color: var(--gold);
            font-size: .55rem;
            flex-shrink: 0;
            margin-top: 4px
        }

        .dl-box {
            background: var(--bg3);
            border: 1px solid var(--gold);
            padding: 3rem;
            text-align: center;
            margin-top: 2.5rem
        }

        /* ════════════════════════════════
   CONTACT PAGE
════════════════════════════════ */
        .ct-g {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 5rem;
            align-items: start;
            padding: 5rem 0
        }

        .ci-list {
            margin-top: 1.8rem
        }

        .ci {
            display: grid;
            grid-template-columns: 68px 1fr;
            gap: .75rem;
            padding: .8rem 0;
            border-bottom: 1px solid var(--br);
            align-items: baseline
        }

        .ci-l {
            font-size: .58rem;
            letter-spacing: .16em;
            text-transform: uppercase;
            color: var(--text3)
        }

        .ci-v {
            font-size: .88rem;
            color: var(--text)
        }

        .ci-v a {
            color: var(--gold);
            opacity: .75
        }

        .ci-v a:hover {
            opacity: 1
        }

        label {
            display: block;
            font-size: .58rem;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--text3);
            margin-bottom: .42rem;
            font-weight: 500;
            font-family: var(--sans)
        }

        input,
        textarea,
        select {
            width: 100%;
            background: var(--bg3);
            border: 1px solid var(--br);
            color: var(--text);
            padding: .65rem .9rem;
            font-family: var(--sans);
            font-size: .88rem;
            outline: none;
            transition: border-color .2s, background .3s;
            -webkit-appearance: none;
            border-radius: 0;
            margin-bottom: 1.1rem
        }

        input:focus,
        textarea:focus,
        select:focus {
            border-color: var(--gbo);
            background: var(--bg2)
        }

        input::placeholder,
        textarea::placeholder {
            color: var(--text4);
            font-size: .82rem
        }

        textarea {
            height: 120px;
            resize: vertical
        }

        select option {
            background: var(--bg3)
        }

        .frow {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: .8rem
        }

        .sub {
            width: 100%;
            background: var(--gold);
            color: #fff;
            border: none;
            padding: .88rem;
            font-family: var(--sans);
            font-size: .68rem;
            letter-spacing: .18em;
            text-transform: uppercase;
            cursor: pointer;
            font-weight: 500;
            transition: background .2s !important;
            margin-top: .3rem
        }

        .sub:hover {
            background: var(--gold2)
        }

        .success-msg {
            display: none;
            background: var(--green-bg);
            border: 1px solid var(--green-bdr);
            padding: 1rem;
            text-align: center;
            font-size: .85rem;
            color: var(--green);
            margin-top: .8rem
        }

        /* ════════════════════════════════
   CTA SECTION
════════════════════════════════ */
        .cta-sec {
            padding: 6rem 0;
            text-align: center;
            position: relative;
            overflow: hidden
        }

        .cta-glow {
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 50% 65% at 50% 50%, rgba(138, 94, 15, .045) 0%, transparent 70%);
            pointer-events: none
        }

        [data-theme="dark"] .cta-glow {
            background: radial-gradient(ellipse 50% 65% at 50% 50%, rgba(200, 168, 78, .035) 0%, transparent 70%)
        }

        .cta-inner {
            position: relative;
            z-index: 1
        }

        /* ════════════════════════════════
   FOOTER
════════════════════════════════ */
        footer {
            background: var(--bg2);
            border-top: 1px solid var(--br);
            padding: 3.5rem 0
        }

        .fi {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 3rem;
            flex-wrap: wrap
        }

        .fl {
            font-family: var(--serif);
            font-size: 1.15rem;
            color: var(--text);
            font-weight: 300
        }

        .fl em {
            color: var(--gold);
            font-style: italic
        }

        .ft {
            font-size: .58rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--text4);
            margin-top: .3rem
        }

        .flinks {
            display: flex;
            flex-direction: column;
            gap: .5rem
        }

        .flinks a {
            font-size: .75rem;
            color: var(--text3);
            transition: color .2s !important;
            cursor: pointer
        }

        .flinks a:hover {
            color: var(--text2)
        }

        .fc p {
            font-size: .75rem;
            color: var(--text3);
            margin-bottom: .32rem
        }

        .fc a {
            color: var(--gold);
            opacity: .65;
            transition: opacity .2s !important
        }

        .fc a:hover {
            opacity: 1
        }

        .copy {
            font-size: .6rem;
            color: var(--text4);
            margin-top: 1.2rem
        }

        .reg-strip {
            font-size: .62rem;
            color: var(--text4);
            margin-top: .5rem;
            display: flex;
            gap: .5rem;
            align-items: center;
            flex-wrap: wrap
        }

        .reg-strip span {
            color: var(--text3)
        }

        /* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
        @media(max-width:1020px) {

            .gcol2,
            .gcol-wide,
            .gcol-wide2,
            .g2,
            .path-g,
            .zone-g,
            .team-g,
            .ct-g,
            .pd-g,
            .compare-g {
                grid-template-columns: 1fr;
                gap: 2rem
            }

            .g3,
            .gcol3,
            .agency-g,
            .upcoming-g,
            .gain-g,
            .nda-steps,
            .nda-docs {
                grid-template-columns: 1fr 1fr
            }

            .g4,
            .kn-grid,
            .accolade-g,
            .invest-step-g,
            .incentive-row {
                grid-template-columns: 1fr 1fr
            }

            .sec-grid,
            .proj-g {
                grid-template-columns: 1fr
            }

            .nl,
            .ncta {
                display: none
            }

            .hb {
                display: flex
            }

            .w {
                padding: 0 1.4rem
            }

            .status-card {
                position: static
            }

            .pd-facts {
                grid-template-columns: 1fr 1fr
            }

            .recog-inner {
                flex-wrap: wrap
            }

            .recog-item {
                flex: none;
                width: 50%;
                border-bottom: 1px solid var(--br)
            }
        }

        @media(max-width:600px) {

            .g3,
            .gcol3,
            .agency-g,
            .upcoming-g,
            .gain-g,
            .nda-steps,
            .nda-docs,
            .g4,
            .kn-grid,
            .accolade-g,
            .invest-step-g,
            .incentive-row,
            .frow,
            .pd-facts {
                grid-template-columns: 1fr
            }

            .recog-item {
                width: 100%
            }

            .team-g {
                grid-template-columns: 1fr
            }
        }