.public-nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #284464;font-size:12px;font-weight:700}.public-nav a{color:#edf5ff;text-decoration:none}.public-nav .gold,.public-page button{background:#d9ac49;color:#07101a;padding:8px 11px;border-radius:7px}.public-status{margin-left:auto;color:#20cfbf}.public-page{max-width:1000px;margin:28px auto}.narrow{max-width:760px}.public-page p{color:#b9c8d8;line-height:1.6}.public-card{margin:14px 0;padding:18px;border:1px solid #284464;border-radius:12px;background:#10213b}.public-card h2{margin:6px 0}.public-card a{color:#20cfbf}.empty{color:#9aaabd}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar a{padding:8px;border:1px solid #284464;border-radius:7px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.grid .public-card{margin:0}.public-page label{display:block;margin:12px 0}.public-page select{display:block;width:100%;padding:9px;margin-top:6px;background:#081526;color:#edf5ff;border:1px solid #284464;border-radius:6px}.body{white-space:pre-wrap}.votes{margin-top:14px}.votes form{display:inline-flex;gap:8px;margin-left:12px}@media(max-width:700px){.public-status{margin-left:0}.public-page{margin:20px 0}}

/* ==========================================================
   ORIGIN TORTOISE FORUM V2
   Founder visual direction.
   Clean replacement for previous stacked Forum overrides.
   ========================================================== */

body:has(.forum-page) {
    margin: 0;
    background:
        radial-gradient(
            circle at 22% 15%,
            rgba(10, 58, 78, .18),
            transparent 32%
        ),
        #06111e;
    color: #edf5ff;
}

body:has(.forum-page) > header,
body:has(.forum-page) > footer {
    display: none;
}

body:has(.forum-page) > main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}


/* -------------------------
   GLOBAL PUBLIC NAV
   ------------------------- */

body:has(.forum-page)::before {
    content: "";
    position: absolute;
    z-index: 20;
    left: 18px;
    top: 8px;

    width: 240px;
    height: 72px;

    background:
        url('/static/assets/origin-tortoise-logo.png')
        left center / 220px auto
        no-repeat;

    pointer-events: none;
}

body:has(.forum-page) .public-nav {
    box-sizing: border-box;

    width: 100%;
    max-width: none;
    min-height: 82px;

    margin: 0;
    padding:
        0
        32px
        0
        300px;

    display: flex;
    justify-content: center;
    align-items: center;

    gap: 28px;

    flex-wrap: nowrap;

    background:
        rgba(4, 12, 22, .96);

    border-top: 0;
    border-bottom:
        1px solid #173047;

    font-size: 13px;
}

body:has(.forum-page)
.public-nav a {

    display: flex;
    align-items: center;

    min-height: 80px;

    padding: 0 6px;

    color: #f4f7fa;

    text-decoration: none;

    background: none;

    border-radius: 0;
}

body:has(.forum-page)
.public-nav a:nth-child(3) {

    color: #19d3c5;

    border-bottom:
        3px solid #19d3c5;
}

body:has(.forum-page)
.public-nav .public-status {

    margin-left: auto;

    padding: 10px 14px;

    color: #20d9c8;

    background:
        #071624;

    border:
        1px solid #1d4357;

    border-radius: 9px;

    font-size: 11px;
}

body:has(.forum-page)
.public-nav .gold {

    min-height: 42px;

    margin-left: 0;

    padding:
        0
        18px;

    border-radius: 8px;

    color: #07111b;

    background:
        linear-gradient(
            135deg,
            #ffd45d,
            #e2a629
        );
}


/* -------------------------
   PAGE
   ------------------------- */

.forum-page {
    box-sizing: border-box;

    width: 100%;
    max-width: 1920px;

    margin: 0 auto;

    padding:
        0
        28px
        26px;
}


/* -------------------------
   HERO + TOP TOOLS
   ------------------------- */

.forum-top {

    display: grid;

    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(500px, .95fr);

    gap: 30px;

    align-items: stretch;

    padding-top: 26px;
}

.forum-hero {

    position: relative;

    min-height: 200px;

    display: grid;

    grid-template-columns:
        485px
        minmax(0, 1fr);

    align-items: center;

    overflow: hidden;

    border-radius: 0;

    background:
        linear-gradient(
            90deg,
            #071522 0%,
            #071522 47%,
            rgba(7, 21, 34, .72) 70%,
            rgba(7, 21, 34, 0) 100%
        );
}

.forum-hero-art {

    align-self: stretch;

    min-height: 200px;

    background-image:
        url('/static/assets/origin-tortoise-forum-hero-moon-v1.png');

    background-repeat:
        no-repeat;

    background-size:
        112% auto;

    background-position:
        center 52%;

    opacity: .96;

    -webkit-mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 72%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 72%,
            transparent 100%
        );
}

.forum-hero-copy {

    position: relative;

    z-index: 2;

    margin-left: -8px;

    padding-right: 24px;
}

.forum-hero h1 {

    margin: 0;

    color: #efbb4b;

    font-size: clamp(
        52px,
        4vw,
        72px
    );

    line-height: .95;

    letter-spacing: .015em;
}

.forum-hero p {

    max-width: 560px;

    margin:
        22px
        0
        0;

    color: #f3f6f9;

    font-size: 19px;

    line-height: 1.45;
}


.forum-top-tools {

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 16px;
}


/* SEARCH */

.forum-search {

    box-sizing: border-box;

    min-height: 54px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding:
        0
        18px;

    background:
        rgba(3, 11, 20, .82);

    border:
        1px solid #294153;

    border-radius: 11px;
}

.forum-search-icon {

    color: #f0f4f8;

    font-size: 28px;
}

.forum-search input {

    width: 100%;

    padding: 0;

    outline: none;

    border: 0;

    background: transparent;

    color: #edf5ff;

    font: inherit;

    font-size: 15px;
}

.forum-search input::placeholder {
    color: #a4afbb;
}


/* TOP STATS */

.forum-stats-top {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}

.forum-stat {

    min-height: 100px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 10px;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #091a2a,
            #06131f
        );

    border:
        1px solid #1d3b50;

    border-radius: 11px;
}

.forum-stat-icon {

    color: #1bd3c3;

    font-size: 24px;

    line-height: 1;
}

.forum-stat small {

    margin-top: 8px;

    color: #f0f4f8;

    font-size: 12px;
}

.forum-stat strong {

    margin-top: 7px;

    color: #ffffff;

    font-size: 22px;
}


/* -------------------------
   CATEGORY TABS
   ------------------------- */

.forum-tabs {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

    margin:
        12px
        0
        14px;

    padding: 0;
}

.forum-tabs a {

    min-height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding:
        0
        22px;

    color: #f1f5f7;

    background:
        #081624;

    border:
        1px solid #294052;

    border-radius: 8px;

    text-decoration: none;

    font-size: 14px;

    transition:
        border-color .15s,
        background .15s,
        color .15s;
}

.forum-tabs a:hover {

    border-color:
        #0dc5bb;

    color:
        #1bd9ca;
}

.forum-tabs a.active {

    color:
        #ffffff;

    background:
        linear-gradient(
            135deg,
            #087773,
            #0b9691
        );

    border-color:
        #1bd4c6;
}


/* -------------------------
   MAIN CONTENT
   ------------------------- */

.forum-content-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 2.25fr)
        minmax(340px, 1fr);

    gap: 24px;
}

.forum-feed,
.forum-side {

    min-width: 0;
}

.forum-panel {

    margin: 0 0 16px;

    padding: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 27, 42, .96),
            rgba(5, 18, 29, .97)
        );

    border:
        1px solid #21445a;

    border-radius: 12px;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.018);
}

.forum-panel-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 8px;
}

.forum-panel h2,
.forum-panel-head h2 {

    margin: 0;

    color: #f6f8fa;

    font-size: 20px;
}

.forum-section-icon {

    margin-right: 8px;

    color: #edb62c;
}


/* -------------------------
   THREAD ROWS
   ------------------------- */

.forum-thread-list {

    margin-top: 14px;

    overflow: hidden;

    border:
        1px solid #18364b;

    border-radius: 9px;
}

.forum-thread-row {

    min-height: 62px;

    display: grid;

    grid-template-columns:
        46px
        minmax(0, 1fr)
        auto;

    gap: 14px;

    align-items: center;

    padding:
        10px
        14px;

    text-decoration: none;

    background:
        rgba(5, 20, 32, .62);

    border-bottom:
        1px solid #183245;
}

.forum-thread-row:last-child {
    border-bottom: 0;
}

.forum-thread-row:hover {

    background:
        rgba(10, 45, 60, .78);
}

.forum-thread-row[hidden] {
    display: none;
}

.forum-row-icon {

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #f0b82d;

    border:
        1px solid #263d4c;

    border-radius: 9px;

    font-size: 22px;
}

.forum-row-main {

    min-width: 0;
}

.forum-row-main strong {

    display: block;

    overflow: hidden;

    color: #15d7c7;

    font-size: 16px;

    line-height: 1.2;

    text-overflow: ellipsis;

    white-space: nowrap;
}

.forum-row-main small {

    display: block;

    margin-top: 5px;

    color: #a8b6c4;

    font-size: 12px;
}

.forum-row-time {

    color: #aab7c4;

    font-size: 12px;

    white-space: nowrap;
}


/* -------------------------
   EMPTY STATES
   ------------------------- */

.forum-empty-state {

    min-height: 176px;

    display: flex;

    align-items: center;

    gap: 22px;

    margin-top: 14px;

    padding:
        26px
        30px;

    background:
        rgba(4, 17, 28, .60);

    border:
        1px solid #173449;

    border-radius: 9px;
}

.forum-empty-small {
    min-height: 122px;
}

.forum-empty-icon {

    flex: 0 0 auto;

    width: 56px;
    height: 56px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #1bd3c3;

    border:
        1px solid #176f74;

    border-radius: 50%;

    font-size: 28px;
}

.forum-empty-state h3 {

    margin:
        0
        0
        7px;

    color:
        #eff6fa;

    font-size:
        19px;
}

.forum-empty-state p {

    max-width: 650px;

    margin:
        0
        0
        16px;

    color:
        #9fafbf;

    line-height:
        1.55;
}


/* NEW THREAD BUTTON */

.forum-new {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        44px;

    padding:
        0
        20px;

    color:
        #07131b !important;

    background:
        linear-gradient(
            135deg,
            #ffd25c,
            #e4a727
        );

    border-radius:
        8px;

    text-decoration:
        none;

    font-weight:
        800;
}


/* -------------------------
   RIGHT RAIL
   ------------------------- */

.participate {

    padding:
        22px;
}

.participate-item {

    display:
        grid;

    grid-template-columns:
        42px
        minmax(0, 1fr);

    gap:
        12px;

    align-items:
        center;

    margin-top:
        18px;
}

.participate-item > span {

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #17d4c5;

    border:
        1px solid #16545c;

    border-radius:
        8px;

    font-size:
        20px;
}

.participate-item b {

    display:
        block;

    color:
        #f4f7f9;

    font-size:
        14px;
}

.participate-item small {

    display:
        block;

    margin-top:
        3px;

    color:
        #a8b7c5;

    font-size:
        12px;

    line-height:
        1.35;
}


/* COMMUNITY */

.forum-community {

    min-height:
        104px;

    display:
        flex;

    justify-content:
        space-between;

    align-items:
        center;

    margin-bottom:
        16px;

    padding:
        18px
        22px;

    background:
        linear-gradient(
            135deg,
            rgba(5, 43, 51, .92),
            rgba(5, 24, 36, .97)
        );

    border:
        1px solid #0ca89e;

    border-radius:
        12px;

    color:
        #e9ffff;
}

.forum-community b {

    color:
        #17d3c4;

    font-size:
        17px;
}

.forum-community p {

    margin:
        7px
        0
        0;

    color:
        #c0d1da;

    font-size:
        13px;

    line-height:
        1.45;
}

.forum-heart {

    color:
        #15c8be;

    opacity:
        .45;

    font-size:
        58px;
}


/* GUIDELINES */

.forum-guidelines p {

    color:
        #eff4f7;

    font-size:
        14px;
}

.forum-guidelines small {

    display:
        block;

    color:
        #9eadbc;

    line-height:
        1.5;
}


/* -------------------------
   BOTTOM BRAND STRIP
   ------------------------- */

.forum-bottom-strip {

    display:
        grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr))
        minmax(300px, 1.4fr);

    margin-top:
        18px;

    border-top:
        1px solid #173047;

    border-bottom:
        1px solid #173047;

    background:
        rgba(4, 14, 24, .84);
}

.forum-bottom-strip > div {

    min-height:
        72px;

    display:
        grid;

    grid-template-columns:
        38px
        minmax(0, 1fr);

    align-content:
        center;

    padding:
        12px
        18px;

    border-right:
        1px solid #173047;
}

.forum-bottom-strip > div > span {

    grid-row:
        1 / 3;

    color:
        #f1bd38;

    font-size:
        25px;
}

.forum-bottom-strip b {

    color:
        #f0f3f6;

    font-size:
        13px;
}

.forum-bottom-strip small {

    color:
        #899aa9;

    font-size:
        11px;
}

.forum-bottom-strip
.forum-bottom-motto {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    text-align:
        center;

    border:
        1px solid #8e6925;

    background:
        linear-gradient(
            135deg,
            rgba(64, 45, 11, .46),
            rgba(17, 31, 37, .85)
        );
}

.forum-bottom-motto b {

    color:
        #efb83e;

    font-size:
        16px;

    line-height:
        1.35;
}


/* FOOTER LINE */

.forum-footer-line {

    display:
        flex;

    justify-content:
        center;

    gap:
        28px;

    padding:
        15px
        0
        3px;

    color:
        #7f8e9b;

    font-size:
        11px;
}


/* -------------------------
   RESPONSIVE
   ------------------------- */

@media (max-width: 1350px) {

    .forum-top {

        grid-template-columns:
            minmax(0, 1.25fr)
            minmax(430px, .9fr);
    }

    .forum-hero {

        grid-template-columns:
            360px
            minmax(0, 1fr);
    }

    .forum-hero-art {

        background-size:
            600px auto;
    }

    .forum-content-grid {

        grid-template-columns:
            minmax(0, 1.9fr)
            minmax(315px, .85fr);
    }

    .forum-bottom-strip {

        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    .forum-bottom-motto {

        grid-column:
            1 / -1;
    }
}


@media (max-width: 1050px) {

    body:has(.forum-page)::before {
        display: none;
    }

    body:has(.forum-page)
    .public-nav {

        padding:
            0
            18px;

        justify-content:
            flex-start;

        gap:
            18px;

        overflow-x:
            auto;
    }

    .forum-top {

        grid-template-columns:
            1fr;
    }

    .forum-hero {

        min-height:
            180px;
    }

    .forum-stats-top {

        grid-template-columns:
            repeat(4, 1fr);
    }

    .forum-content-grid {

        grid-template-columns:
            1fr;
    }

    .forum-side {

        display:
            grid;

        grid-template-columns:
            1fr
            1fr;

        gap:
            16px;
    }

    .forum-side
    .participate {

        grid-row:
            span 2;
    }
}


@media (max-width: 760px) {

    .forum-page {

        padding:
            0
            15px
            20px;
    }

    .forum-top {

        padding-top:
            14px;
    }

    .forum-hero {

        display:
            block;

        min-height:
            auto;

        padding:
            22px;

        border:
            1px solid #1c394d;

        border-radius:
            12px;
    }

    .forum-hero-art {

        display:
            none;
    }

    .forum-hero-copy {

        margin:
            0;

        padding:
            0;
    }

    .forum-hero h1 {

        font-size:
            44px;
    }

    .forum-hero p {

        margin-top:
            13px;

        font-size:
            16px;
    }

    .forum-stats-top {

        grid-template-columns:
            1fr
            1fr;
    }

    .forum-tabs a {

        flex:
            1
            1
            145px;
    }

    .forum-thread-row {

        grid-template-columns:
            38px
            minmax(0, 1fr);
    }

    .forum-row-time {

        display:
            none;
    }

    .forum-side {

        display:
            block;
    }

    .forum-bottom-strip {

        grid-template-columns:
            1fr
            1fr;
    }

    .forum-bottom-motto {

        grid-column:
            1 / -1;
    }

    .forum-footer-line {

        flex-direction:
            column;

        align-items:
            center;

        gap:
            5px;
    }
}

/* ==========================================================
   ORIGIN TORTOISE FORUM FINAL HERO FILL V1
   Founder-approved final visual adjustment.
   ========================================================== */

@media (min-width: 1051px) {

    .forum-top {
        padding-top: 12px;
    }

    .forum-hero {
        min-height: 218px;
        grid-template-columns:
            520px
            minmax(0, 1fr);
    }

    .forum-hero-art {
        min-height: 218px;

        background-size:
            124% auto;

        background-position:
            center 53%;
    }
}

/* ==========================================================
   ORIGIN TORTOISE FORUM FINAL POSITION V1
   Final Founder positioning adjustment.
   ========================================================== */

@media (min-width: 1051px) {

    .forum-top {
        padding-top: 0;
    }

    .forum-hero-art {
        position: relative;
        left: -28px;
        top: -8px;

        width: calc(100% + 28px);
        min-height: 226px;
    }
}

/* ORIGIN TORTOISE FORUM FINAL LEFT EDGE V1 */
@media (min-width: 1051px) {
    .forum-hero {
        overflow: visible;
    }
}

/* ORIGIN TORTOISE FORUM V1 HARD SEAL END */

/* ==========================================================
   ORIGIN TORTOISE ABOUT V1
   Public-safe Founder visual direction.
   Forum hard-seal contract above this point is untouched.
   ========================================================== */

body:has(.about-page) {
    margin: 0;
    background:
        radial-gradient(
            circle at 78% 12%,
            rgba(12, 80, 103, .17),
            transparent 30%
        ),
        #06111e;
    color: #edf5ff;
}

body:has(.about-page) > header,
body:has(.about-page) > footer {
    display: none;
}

body:has(.about-page) > main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}


/* NAV */

body:has(.about-page)::before {
    content: "";
    position: absolute;
    z-index: 20;
    left: 18px;
    top: 8px;
    width: 240px;
    height: 72px;

    background:
        url('/static/assets/origin-tortoise-logo.png')
        left center / 220px auto
        no-repeat;

    pointer-events: none;
}

body:has(.about-page) .public-nav {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-height: 82px;

    margin: 0;
    padding: 0 32px 0 300px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 28px;
    flex-wrap: nowrap;

    background:
        rgba(4, 12, 22, .96);

    border-bottom:
        1px solid #173047;

    font-size: 13px;
}

body:has(.about-page)
.public-nav a {

    display: flex;
    align-items: center;

    min-height: 80px;

    padding: 0 6px;

    color: #f4f7fa;

    text-decoration: none;

    background: none;
    border-radius: 0;
}

body:has(.about-page)
.public-nav a:nth-child(4) {

    color: #efb840;

    border-bottom:
        3px solid #efb840;
}

body:has(.about-page)
.public-nav .public-status {

    margin-left: auto;

    padding: 10px 14px;

    color: #20d9c8;

    background: #071624;

    border:
        1px solid #1d4357;

    border-radius: 9px;

    font-size: 11px;
}

body:has(.about-page)
.public-nav .gold {

    min-height: 42px;

    padding: 0 18px;

    color: #07111b;

    background:
        linear-gradient(
            135deg,
            #ffd45d,
            #e2a629
        );

    border-radius: 8px;
}


/* PAGE */

.about-page {
    box-sizing: border-box;

    width: 100%;
    max-width: 1920px;

    margin: 0 auto;

    padding:
        0
        28px
        26px;
}


/* HERO */

.about-hero {

    min-height: 278px;

    display: grid;

    grid-template-columns:
        minmax(380px, .92fr)
        minmax(560px, 1.35fr)
        minmax(270px, .55fr);

    gap: 24px;

    align-items: stretch;

    overflow: hidden;

    border-bottom:
        1px solid #173047;

    background:
        radial-gradient(
            circle at 72% 28%,
            rgba(16, 91, 118, .19),
            transparent 30%
        ),
        #071320;
}

.about-hero-art {

    min-height: 278px;

    background:
        linear-gradient(
            to right,
            transparent 62%,
            #071320 100%
        ),
        url('/static/assets/origin-tortoise-hero.png')
        78% 32% / 720px auto
        no-repeat;

    -webkit-mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 74%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 74%,
            transparent 100%
        );
}

.about-hero-copy {

    display: flex;
    flex-direction: column;

    justify-content: center;

    padding:
        28px
        8px;
}

.about-kicker {

    margin: 0 0 9px;

    color: #20cfc0;

    font-size: 13px;
    font-weight: 800;

    letter-spacing: .11em;
}

.about-hero h1 {

    margin: 0;

    color: #efba4b;

    font-size:
        clamp(44px, 4.3vw, 72px);

    line-height: .98;
}

.about-lead {

    max-width: 720px;

    margin:
        20px
        0
        0;

    color: #f2f5f8;

    font-size: 20px;

    line-height: 1.45;
}

.about-lead-strong {

    max-width: 760px;

    margin:
        7px
        0
        0;

    color: #dce6ee;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.45;
}

.about-principles {

    display: flex;
    align-items: center;

    gap: 18px;

    margin-top: 24px;

    color: #efba4b;

    font-size: 14px;
    font-weight: 900;

    letter-spacing: .12em;
}

.about-principles i {

    width: 44px;
    height: 2px;

    display: block;

    background: #efba4b;
}


.about-promise {

    align-self: center;

    min-height: 190px;

    margin-right: 18px;

    padding:
        26px
        22px;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #0a1b2b,
            #07131f
        );

    border:
        1px solid #b88725;

    border-radius: 18px;

    box-shadow:
        0 10px 34px
        rgba(0,0,0,.22);
}

.about-promise-icon {

    display: block;

    color: #efba4b;

    font-size: 42px;
}

.about-promise h2 {

    margin:
        12px
        0
        10px;

    color: #efba4b;

    font-size: 22px;
}

.about-promise p {

    margin: 0;

    color: #d8e1e9;

    font-size: 14px;

    line-height: 1.55;
}


/* MAIN THREE-CARD ROW */

.about-main-row {

    display: grid;

    grid-template-columns:
        minmax(0, 1.65fr)
        minmax(0, .92fr)
        minmax(300px, .7fr);

    gap: 16px;

    margin-top: 16px;
}

.about-card {

    padding: 24px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 27, 42, .96),
            rgba(5, 18, 29, .98)
        );

    border:
        1px solid #24506b;

    border-radius: 16px;
}

.about-card header {

    display: flex;
    align-items: center;

    gap: 13px;
}

.about-card header > span {

    color: #efb93f;

    font-size: 32px;
}

.about-card h2 {

    margin: 0;

    color: #efba4b;

    font-size: 26px;
}

.about-mission > p {

    margin:
        24px
        0
        18px;

    padding-left: 20px;

    color: #e4ebf1;

    border-left:
        3px solid #19d2c1;

    font-size: 16px;

    line-height: 1.65;
}

.about-mission > strong {

    color: #20d0c0;

    font-size: 13px;

    letter-spacing: .05em;
}


/* VALUES */

.about-values-grid {

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap:
        18px
        16px;

    margin-top: 22px;
}

.about-values-grid > div {

    display: grid;

    grid-template-columns:
        36px
        minmax(0, 1fr);

    gap: 10px;
}

.about-values-grid > div > span {

    color: #18d4c4;

    font-size: 29px;
}

.about-values-grid p {
    margin: 0;
}

.about-values-grid b {

    display: block;

    color: #eef4f8;

    font-size: 14px;
}

.about-values-grid small {

    display: block;

    margin-top: 4px;

    color: #9fb0bf;

    font-size: 11px;

    line-height: 1.4;
}


/* WHY */

.about-why ul {

    margin:
        21px
        0
        0;

    padding: 0;

    list-style: none;
}

.about-why li {

    position: relative;

    margin:
        0
        0
        14px;

    padding-left: 28px;

    color: #e7edf2;

    font-size: 14px;

    line-height: 1.45;
}

.about-why li::before {

    content: "";

    position: absolute;

    left: 2px;
    top: 6px;

    width: 10px;
    height: 6px;

    border-left:
        2px solid #1ee687;

    border-bottom:
        2px solid #1ee687;

    transform:
        rotate(-45deg);
}


/* FOUR FEATURE CARDS */

.about-feature-row {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 16px;

    margin-top: 16px;
}

.about-feature {

    min-height: 165px;

    padding:
        22px
        20px;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #091c2e,
            #06131f
        );

    border:
        1px solid #275b79;

    border-radius: 15px;
}

.about-feature > span {

    color: #1bd9c8;

    font-size: 40px;

    filter:
        drop-shadow(
            0 0 9px
            rgba(27,217,200,.20)
        );
}

.about-feature h3 {

    margin:
        13px
        0
        9px;

    color: #efbb45;

    font-size: 19px;
}

.about-feature p {

    margin: 0;

    color: #c5d1dc;

    font-size: 13px;

    line-height: 1.5;
}


/* STORY / FOUNDER */

.about-story-row {

    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(0, 1fr);

    gap: 16px;

    margin-top: 16px;
}

.about-story,
.about-founder {

    min-height: 180px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 28, 43, .97),
            rgba(5, 18, 29, .98)
        );

    border:
        1px solid #267093;

    border-radius: 16px;
}

.about-story {

    display: grid;

    grid-template-columns:
        260px
        minmax(0, 1fr);

    overflow: hidden;
}

.about-story-art {

    min-height: 180px;

    background:
        linear-gradient(
            to right,
            transparent 62%,
            #081b2a 100%
        ),
        url('/static/assets/origin-tortoise-home-final.png')
        50% 44% / 520px auto
        no-repeat;
}

.about-story > div:last-child {

    padding:
        22px;
}

.about-story header,
.about-founder header {

    display: flex;

    align-items: center;

    gap: 11px;
}

.about-story header span,
.about-founder header span {

    color: #efbb45;

    font-size: 28px;
}

.about-story h2,
.about-founder h2 {

    margin: 0;

    color: #efbb45;

    font-size: 24px;
}

.about-story p,
.about-founder p {

    color: #d7e0e8;

    font-size: 14px;

    line-height: 1.55;
}

.about-story blockquote {

    margin:
        13px
        0
        0;

    color: #efbb45;

    font-size: 17px;

    font-style: italic;
}

.about-founder {

    padding: 22px;
}

.about-founder strong {

    display: block;

    margin-top: 12px;

    color: #efbb45;

    font-size: 17px;

    font-style: italic;
}


/* BOTTOM STRIP */

.about-bottom-strip {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr))
        minmax(320px, 1.3fr);

    margin-top: 16px;

    background:
        rgba(4, 14, 24, .88);

    border-top:
        1px solid #19354a;

    border-bottom:
        1px solid #19354a;
}

.about-bottom-strip > div {

    min-height: 76px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding:
        11px
        18px;

    border-right:
        1px solid #19354a;
}

.about-bottom-strip > div > svg {

    flex: 0 0 auto;

    color: #efba42;

    font-size: 29px;
}

.about-bottom-strip span {

    display: block;
}

.about-bottom-strip b {

    display: block;

    color: #f2f5f8;

    font-size: 13px;
}

.about-bottom-strip small {

    display: block;

    margin-top: 3px;

    color: #8fa1b1;

    font-size: 11px;
}

.about-bottom-strip
.about-bottom-motto {

    justify-content: center;

    color: #efba42;

    text-align: center;

    background:
        linear-gradient(
            135deg,
            rgba(72, 50, 10, .42),
            rgba(8, 28, 37, .82)
        );

    border:
        1px solid #8e6925;
}

.about-bottom-motto b {

    color: #efba42;

    font-size: 16px;

    line-height: 1.35;
}


/* RESPONSIVE */

@media (max-width: 1350px) {

    .about-hero {

        grid-template-columns:
            350px
            minmax(0, 1fr)
            250px;
    }

    .about-main-row {

        grid-template-columns:
            1.35fr
            1fr;
    }

    .about-why {

        grid-column:
            1 / -1;
    }

    .about-bottom-strip {

        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    .about-bottom-motto {

        grid-column:
            1 / -1;
    }
}


@media (max-width: 1050px) {

    body:has(.about-page)::before {
        display: none;
    }

    body:has(.about-page)
    .public-nav {

        padding:
            0
            18px;

        justify-content:
            flex-start;

        gap:
            18px;

        overflow-x:
            auto;
    }

    .about-hero {

        grid-template-columns:
            1fr
            1.25fr;
    }

    .about-promise {

        grid-column:
            1 / -1;

        width: auto;

        margin:
            0
            18px
            18px;

        min-height: 0;
    }

    .about-feature-row {

        grid-template-columns:
            1fr
            1fr;
    }

    .about-story-row {

        grid-template-columns:
            1fr;
    }
}


@media (max-width: 760px) {

    .about-page {

        padding:
            0
            15px
            20px;
    }

    .about-hero {

        display: block;

        min-height: 0;

        padding-top: 14px;
    }

    .about-hero-art {

        min-height: 190px;

        border-radius: 14px;

        background-size:
            560px auto;

        background-position:
            75% 30%;
    }

    .about-hero-copy {

        padding:
            24px
            4px;
    }

    .about-hero h1 {

        font-size:
            43px;
    }

    .about-lead {

        font-size:
            16px;
    }

    .about-lead-strong {

        font-size:
            15px;
    }

    .about-principles {

        flex-wrap: wrap;
    }

    .about-promise {

        margin:
            0
            0
            16px;
    }

    .about-main-row,
    .about-feature-row,
    .about-story-row {

        grid-template-columns:
            1fr;
    }

    .about-values-grid {

        grid-template-columns:
            1fr;
    }

    .about-story {

        display: block;
    }

    .about-story-art {

        min-height:
            170px;
    }

    .about-bottom-strip {

        grid-template-columns:
            1fr
            1fr;
    }

    .about-bottom-motto {

        grid-column:
            1 / -1;
    }
}

/* ==========================================================
   ORIGIN TORTOISE ABOUT HERO RIGHT V1
   Founder visual direction:
   copy + Promise LEFT
   golden tortoise artwork RIGHT
   ========================================================== */

@media (min-width: 1101px) {

    .about-hero {
        min-height: 370px;

        display: grid;

        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(620px, .92fr);

        grid-template-rows:
            auto auto;

        grid-template-areas:
            "copy art"
            "promise art";

        column-gap: 0;
        row-gap: 0;

        align-items: stretch;

        overflow: hidden;

        background:
            linear-gradient(
                90deg,
                #071320 0%,
                #071320 43%,
                rgba(7,19,32,.92) 52%,
                rgba(7,19,32,.34) 64%,
                rgba(7,19,32,0) 76%
            );
    }


    /* Main About message LEFT */

    .about-hero-copy {
        grid-area: copy;

        position: relative;
        z-index: 3;

        justify-content: flex-end;

        margin: 0;

        padding:
            40px
            26px
            12px
            46px;
    }

    .about-kicker {
        margin-bottom: 9px;
    }

    .about-hero h1 {
        max-width: 720px;

        font-size:
            clamp(
                48px,
                3.55vw,
                64px
            );

        line-height: 1;
    }

    .about-lead {
        max-width: 720px;
        margin-top: 17px;
        font-size: 18px;
    }

    .about-lead-strong {
        max-width: 720px;
        font-size: 16px;
    }

    .about-principles {
        margin-top: 17px;
    }


    /* Promise LEFT beneath copy */

    .about-promise {
        grid-area: promise;

        position: relative;
        z-index: 3;

        box-sizing: border-box;

        width: calc(100% - 92px);
        max-width: 730px;

        min-height: 0;

        justify-self: start;
        align-self: start;

        display: grid;

        grid-template-columns:
            48px
            minmax(0, 1fr);

        grid-template-rows:
            auto auto;

        column-gap: 15px;

        margin:
            0
            0
            30px
            46px;

        padding:
            15px
            19px;

        text-align: left;

        border-radius: 13px;
    }

    .about-promise-icon {
        grid-column: 1;
        grid-row: 1 / 3;

        align-self: center;

        margin: 0;

        font-size: 34px;
    }

    .about-promise h2 {
        grid-column: 2;

        margin:
            0
            0
            4px;

        font-size: 18px;
    }

    .about-promise p {
        grid-column: 2;

        margin: 0;

        max-width: 590px;

        font-size: 13px;
        line-height: 1.45;
    }


    /* New golden artwork RIGHT */

    .about-hero-art {
        grid-area: art;

        position: relative;
        z-index: 1;

        min-height: 370px;

        align-self: stretch;

        background-image:
            url('/static/assets/origin-tortoise-about-hero-golden-v1.png');

        background-repeat:
            no-repeat;

        background-size:
            cover;

        background-position:
            58% 48%;

        opacity: 1;

        -webkit-mask-image:
            linear-gradient(
                to right,
                transparent 0%,
                rgba(0,0,0,.45) 8%,
                #000 20%,
                #000 100%
            );

        mask-image:
            linear-gradient(
                to right,
                transparent 0%,
                rgba(0,0,0,.45) 8%,
                #000 20%,
                #000 100%
            );
    }
}


/* Tablet */

@media (min-width: 761px) and (max-width: 1100px) {

    .about-hero {
        display: grid;

        grid-template-columns: 1fr;

        grid-template-areas:
            "copy"
            "art"
            "promise";
    }

    .about-hero-copy {
        grid-area: copy;
        padding: 28px 24px 20px;
    }

    .about-hero-art {
        grid-area: art;

        min-height: 300px;

        background-image:
            url('/static/assets/origin-tortoise-about-hero-golden-v1.png');

        background-size: cover;
        background-position: 58% 48%;

        -webkit-mask-image: none;
        mask-image: none;
    }

    .about-promise {
        grid-area: promise;

        width: auto;
        max-width: none;

        margin:
            16px
            24px
            24px;
    }
}


/* Mobile */

@media (max-width: 760px) {

    .about-hero-art {
        display: block;

        min-height: 230px;

        background-image:
            url('/static/assets/origin-tortoise-about-hero-golden-v1.png');

        background-size: cover;
        background-position: 60% 50%;

        -webkit-mask-image: none;
        mask-image: none;
    }
}

/* ==========================================================
   ORIGIN TORTOISE ABOUT STORY CLEANUP V1
   Remove reused Homepage art from Our Story.
   Keep the new golden hero artwork on the right.
   ========================================================== */

.about-story {
    display: block;
}

.about-story-art {
    display: none;
}

.about-story > div:last-child {
    padding: 26px 28px;
}

@media (min-width: 1101px) {
    .about-hero-art {
        background-image:
            url('/static/assets/origin-tortoise-about-hero-golden-v1.png') !important;

        background-size:
            cover !important;

        background-position:
            58% 48% !important;
    }
}

/* ORIGIN TORTOISE ABOUT V1 HARD SEAL END */

/* ==========================================================
   ORIGIN TORTOISE FEATURES V1
   Premium capability deck.
   Added after Forum + About frozen contracts.
   ========================================================== */

body:has(.features-page) {
    margin: 0;

    background:
        radial-gradient(
            circle at 78% 13%,
            rgba(10, 104, 120, .16),
            transparent 28%
        ),
        radial-gradient(
            circle at 20% 45%,
            rgba(84, 55, 10, .10),
            transparent 28%
        ),
        #06111e;

    color: #edf5ff;
}

body:has(.features-page) > header,
body:has(.features-page) > footer {
    display: none;
}

body:has(.features-page) > main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}


/* NAV */

body:has(.features-page)::before {
    content: "";

    position: absolute;
    z-index: 20;

    left: 18px;
    top: 8px;

    width: 240px;
    height: 72px;

    background:
        url('/static/assets/origin-tortoise-logo.png')
        left center / 220px auto
        no-repeat;

    pointer-events: none;
}

body:has(.features-page) .public-nav {
    box-sizing: border-box;

    width: 100%;
    max-width: none;
    min-height: 82px;

    margin: 0;
    padding: 0 32px 0 300px;

    display: flex;
    justify-content: center;
    align-items: center;

    gap: 28px;

    flex-wrap: nowrap;

    background:
        rgba(4, 12, 22, .96);

    border-bottom:
        1px solid #173047;

    font-size: 13px;
}

body:has(.features-page)
.public-nav a {

    display: flex;
    align-items: center;

    min-height: 80px;

    padding: 0 6px;

    color: #f4f7fa;

    text-decoration: none;

    background: none;

    border-radius: 0;
}

body:has(.features-page)
.public-nav a:nth-child(5) {

    color: #19d3c5;

    border-bottom:
        3px solid #19d3c5;
}

body:has(.features-page)
.public-nav .public-status {

    margin-left: auto;

    padding: 10px 14px;

    color: #20d9c8;

    background: #071624;

    border:
        1px solid #1d4357;

    border-radius: 9px;

    font-size: 11px;
}

body:has(.features-page)
.public-nav .gold {

    min-height: 42px;

    padding: 0 18px;

    color: #07111b;

    background:
        linear-gradient(
            135deg,
            #ffd45d,
            #e2a629
        );

    border-radius: 8px;
}


/* PAGE */

.features-page {
    box-sizing: border-box;

    width: 100%;
    max-width: 1920px;

    margin: 0 auto;

    padding:
        0
        28px
        28px;
}


/* HERO */

.features-hero {

    min-height: 360px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(560px, .95fr);

    gap: 32px;

    align-items: center;

    padding:
        30px
        42px;

    overflow: hidden;

    background:
        linear-gradient(
            110deg,
            rgba(7, 25, 40, .96),
            rgba(5, 19, 31, .82)
        );

    border-bottom:
        1px solid #18384e;
}

.features-kicker {

    margin: 0 0 10px;

    color: #20d3c2;

    font-size: 13px;
    font-weight: 900;

    letter-spacing: .14em;
}

.features-hero h1 {

    margin: 0;

    color: #efba45;

    font-size:
        clamp(
            56px,
            4.8vw,
            80px
        );

    line-height: .94;
}

.features-lead {

    max-width: 720px;

    margin:
        24px
        0
        0;

    color: #e5edf3;

    font-size: 20px;

    line-height: 1.5;
}

.features-status-legend {

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 25px;
}


/* STATUS */

.feature-status {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 27px;

    padding:
        0
        10px;

    border-radius: 999px;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .08em;
}

.feature-status.live {

    color: #09211e;

    background: #22d3b9;
}

.feature-status.beta {

    color: #071420;

    background: #79bfff;
}

.feature-status.core {

    color: #1c1403;

    background: #edb946;
}

.feature-status.future {

    color: #c4ced7;

    background: #101f2e;

    border:
        1px solid #385167;
}


/* ORBIT VISUAL */

.features-orbit {

    position: relative;

    width: 520px;
    height: 315px;

    justify-self: center;

    display: flex;

    align-items: center;
    justify-content: center;
}

.features-orbit::before {

    content: "";

    position: absolute;

    inset: 22px 50px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(18, 206, 190, .12),
            rgba(9, 28, 42, .12) 47%,
            transparent 70%
        );

    filter:
        blur(2px);
}

.features-orbit-ring {

    position: absolute;

    left: 50%;
    top: 50%;

    border:
        1px solid rgba(38, 194, 185, .28);

    border-radius: 50%;

    transform:
        translate(-50%, -50%)
        rotate(-8deg);
}

.features-orbit-ring.ring-one {

    width: 410px;
    height: 210px;
}

.features-orbit-ring.ring-two {

    width: 305px;
    height: 270px;

    border-color:
        rgba(225, 174, 56, .23);

    transform:
        translate(-50%, -50%)
        rotate(18deg);
}

.features-orbit-core {

    position: relative;
    z-index: 3;

    width: 154px;
    height: 154px;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    background:
        radial-gradient(
            circle at 50% 35%,
            #123849,
            #071521 66%
        );

    border:
        1px solid #b18129;

    border-radius: 50%;

    box-shadow:
        0 0 45px
        rgba(22, 186, 177, .14);
}

.features-core-logo {

    width: 54px;
    height: 54px;

    margin-bottom: 5px;

    background:
        url('/static/assets/origin-tortoise-logo.png')
        center / 120px auto
        no-repeat;

    border-radius: 50%;
}

.features-orbit-core b {

    color: #efba45;

    font-size: 13px;

    line-height: 1.05;
}

.features-orbit-core small {

    margin-top: 6px;

    color: #88a2b3;

    font-size: 8px;

    letter-spacing: .12em;
}

.orbit-node {

    position: absolute;
    z-index: 4;

    min-width: 94px;

    display: flex;

    align-items: center;

    gap: 7px;

    padding:
        9px
        11px;

    color: #dce8ee;

    background:
        rgba(6, 23, 35, .94);

    border:
        1px solid #226072;

    border-radius: 10px;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.18);

    font-size: 11px;
    font-weight: 800;
}

.orbit-node svg {

    color: #1bd5c5;

    font-size: 19px;
}

.orbit-chat {
    left: 15px;
    top: 59px;
}

.orbit-voice {
    right: 7px;
    top: 56px;
}

.orbit-projects {
    left: 23px;
    bottom: 42px;
}

.orbit-forum {
    right: 12px;
    bottom: 39px;
}


/* SECTION */

.features-section {

    padding:
        30px
        18px
        0;
}

.features-section-heading {

    max-width: 850px;

    margin-bottom: 22px;
}

.features-section-heading > p,
.features-grow-heading > p {

    margin: 0 0 7px;

    color: #1fd0c0;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: .13em;
}

.features-section-heading h2,
.features-grow-heading h2 {

    margin: 0;

    color: #efba45;

    font-size: 30px;
}

.features-section-heading > span,
.features-grow-heading > span {

    display: block;

    margin-top: 8px;

    color: #94a7b7;

    font-size: 13px;

    line-height: 1.45;
}


/* PRODUCT GRID */

.features-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 16px;
}

.feature-product-card {

    min-height: 220px;

    display: flex;

    flex-direction: column;

    padding: 23px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 29, 44, .98),
            rgba(5, 18, 29, .98)
        );

    border:
        1px solid #23516a;

    border-radius: 15px;

    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.feature-product-card:hover {

    transform:
        translateY(-3px);

    border-color:
        #168d91;

    box-shadow:
        0 14px 35px
        rgba(0,0,0,.16);
}

.feature-card-top {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;
}

.feature-card-icon {

    width: 51px;
    height: 51px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #1bd5c5;

    background:
        rgba(8, 50, 58, .40);

    border:
        1px solid #176871;

    border-radius: 12px;

    font-size: 28px;
}

.feature-product-card h3 {

    margin:
        19px
        0
        8px;

    color: #f0bd4d;

    font-size: 22px;
}

.feature-product-card p {

    margin: 0;

    color: #b9c7d2;

    font-size: 14px;

    line-height: 1.55;
}

.feature-product-card footer {

    margin-top: auto;

    padding-top: 17px;

    color: #708b9c;

    font-size: 11px;

    letter-spacing: .03em;
}

.feature-core-card {

    border-color:
        #7a642f;

    background:
        linear-gradient(
            145deg,
            rgba(37, 31, 13, .33),
            rgba(5, 18, 29, .98)
        );
}


/* BUILT TO GROW */

.features-grow {

    margin:
        30px
        18px
        0;

    padding:
        28px;

    background:
        linear-gradient(
            135deg,
            rgba(7, 32, 44, .98),
            rgba(5, 18, 29, .98)
        );

    border:
        1px solid #22516b;

    border-radius: 16px;
}

.features-pipeline {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        46px
        minmax(0, 1fr)
        46px
        minmax(0, 1fr)
        46px
        minmax(0, 1fr);

    gap: 8px;

    align-items: center;

    margin-top: 25px;
}

.pipeline-stage {

    min-height: 126px;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    padding: 14px;

    background: #071827;

    border:
        1px solid #21475d;

    border-radius: 12px;
}

.pipeline-stage > span {

    color: #1bd4c5;

    font-size: 30px;
}

.pipeline-stage b {

    margin-top: 10px;

    color: #f0ba45;

    font-size: 15px;
}

.pipeline-stage small {

    margin-top: 5px;

    color: #8ea2b1;

    font-size: 11px;
}

.pipeline-arrow {

    color: #718a99;

    font-size: 24px;

    text-align: center;
}


/* FUTURE */

.features-future {

    display: grid;

    grid-template-columns:
        72px
        minmax(0, 1fr)
        minmax(260px, .48fr);

    gap: 22px;

    align-items: center;

    margin:
        16px
        18px
        0;

    padding:
        23px
        28px;

    background:
        linear-gradient(
            120deg,
            rgba(44, 35, 9, .35),
            rgba(7, 31, 40, .94)
        );

    border:
        1px solid #8e6a24;

    border-radius: 16px;
}

.features-future-icon {

    color: #efba45;

    font-size: 50px;
}

.features-future h2 {

    margin:
        8px
        0
        5px;

    color: #efba45;

    font-size: 25px;
}

.features-future p {

    margin: 0;

    max-width: 720px;

    color: #c0ccd5;

    font-size: 13px;

    line-height: 1.5;
}

.features-future-note {

    padding-left: 25px;

    border-left:
        1px solid #725b2f;
}

.features-future-note b {

    display: block;

    color: #20cfc0;

    font-size: 10px;

    letter-spacing: .12em;
}

.features-future-note span {

    display: block;

    margin-top: 7px;

    color: #e3e9ee;

    font-size: 14px;

    line-height: 1.45;
}


/* BOTTOM STRIP */

.features-bottom-strip {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr))
        minmax(330px, 1.3fr);

    margin:
        22px
        18px
        0;

    background:
        rgba(4, 14, 24, .87);

    border-top:
        1px solid #19354a;

    border-bottom:
        1px solid #19354a;
}

.features-bottom-strip > div {

    min-height: 75px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding:
        11px
        18px;

    border-right:
        1px solid #19354a;
}

.features-bottom-strip > div > svg {

    flex: 0 0 auto;

    color: #efba42;

    font-size: 29px;
}

.features-bottom-strip b {

    display: block;

    color: #f1f4f7;

    font-size: 13px;
}

.features-bottom-strip small {

    display: block;

    margin-top: 3px;

    color: #8fa1b1;

    font-size: 11px;
}

.features-bottom-strip
.features-bottom-motto {

    justify-content: center;

    color: #efba42;

    text-align: center;

    background:
        linear-gradient(
            135deg,
            rgba(72, 50, 10, .42),
            rgba(8, 28, 37, .82)
        );

    border:
        1px solid #8e6925;
}

.features-bottom-motto b {

    color: #efba42;

    font-size: 15px;

    line-height: 1.4;
}


/* RESPONSIVE */

@media (max-width: 1200px) {

    .features-hero {

        grid-template-columns:
            1fr
            480px;
    }

    .features-orbit {

        transform:
            scale(.88);
    }

    .features-grid {

        grid-template-columns:
            1fr
            1fr;
    }
}


@media (max-width: 1000px) {

    body:has(.features-page)::before {
        display: none;
    }

    body:has(.features-page)
    .public-nav {

        padding:
            0
            18px;

        justify-content:
            flex-start;

        gap:
            18px;

        overflow-x:
            auto;
    }

    .features-hero {

        grid-template-columns:
            1fr;

        text-align: center;
    }

    .features-lead {

        margin-left: auto;
        margin-right: auto;
    }

    .features-status-legend {

        justify-content: center;
    }

    .features-orbit {

        margin: 0 auto;
    }

    .features-pipeline {

        grid-template-columns:
            1fr;

        gap: 10px;
    }

    .pipeline-arrow {

        transform:
            rotate(90deg);
    }

    .features-future {

        grid-template-columns:
            60px
            minmax(0, 1fr);
    }

    .features-future-note {

        grid-column:
            1 / -1;

        padding:
            15px
            0
            0;

        border-left: 0;

        border-top:
            1px solid #725b2f;
    }

    .features-bottom-strip {

        grid-template-columns:
            1fr
            1fr;
    }

    .features-bottom-motto {

        grid-column:
            1 / -1;
    }
}


@media (max-width: 700px) {

    .features-page {

        padding:
            0
            14px
            20px;
    }

    .features-hero {

        min-height: 0;

        padding:
            28px
            12px;
    }

    .features-hero h1 {

        font-size:
            48px;
    }

    .features-lead {

        font-size:
            16px;
    }

    .features-orbit {

        width: 100%;
        max-width: 430px;

        height: 280px;

        transform:
            scale(.82);
    }

    .features-section {

        padding-left: 0;
        padding-right: 0;
    }

    .features-grid {

        grid-template-columns:
            1fr;
    }

    .features-grow,
    .features-future,
    .features-bottom-strip {

        margin-left: 0;
        margin-right: 0;
    }

    .features-future {

        grid-template-columns:
            1fr;

        text-align: center;
    }

    .features-future-icon {

        margin: 0 auto;
    }

    .features-bottom-strip {

        grid-template-columns:
            1fr;
    }

    .features-bottom-strip
    .features-bottom-motto {

        grid-column:
            1;
    }
}

/* ==========================================================
   ORIGIN TORTOISE FEATURES V1 POLISH V1

   Founder review fixes:
   - clean orbit centre
   - align section heading
   - tighten feature cards
   - preserve existing lower Features design
   ========================================================== */


/* --------------------------
   CLEAN ORBIT CENTRE
   -------------------------- */

.features-core-logo {
    display: none;
}

.features-core-mark {

    width: 52px;
    height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 7px;

    color: #efba45;

    background:
        radial-gradient(
            circle,
            rgba(239,186,69,.14),
            rgba(8,31,43,.22)
        );

    border:
        1px solid rgba(239,186,69,.52);

    border-radius: 50%;

    font-size: 30px;

    box-shadow:
        0 0 18px
        rgba(239,186,69,.09);
}


/* --------------------------
   SECTION HEADING ALIGNMENT
   -------------------------- */

.features-section-heading {

    width: 100%;
    max-width: none;

    margin:
        0
        0
        18px;

    padding: 0;
}

.features-section-heading > span {

    max-width: 720px;
}


/* --------------------------
   SLIGHTLY TIGHTER CARDS
   -------------------------- */

.feature-product-card {

    min-height: 195px;

    padding:
        20px
        21px;
}

.feature-product-card h3 {

    margin:
        15px
        0
        7px;
}

.feature-product-card footer {

    padding-top: 13px;
}


/* Keep card rows visually balanced on desktop. */

@media (min-width: 1201px) {

    .features-grid {

        align-items: stretch;
    }
}

/* ============================================================
   ORIGIN TORTOISE FINAL PUBLIC BRAND LOGO V1

   Final public brand plaque.

   Applied to:
   - Forum
   - About
   - Features
   - Roadmap

   Home and Chat intentionally remain untouched.

   This block is appended AFTER existing frozen Forum/About
   CSS contracts.
   ============================================================ */


/* ------------------------------------------------------------
   FINAL LOGO
   ------------------------------------------------------------ */

body:has(.forum-page)::before,
body:has(.about-page)::before,
body:has(.features-page)::before,
body:has(.roadmap-page)::before {

    content:
        "" !important;

    position:
        absolute !important;

    z-index:
        50 !important;

    left:
        14px !important;

    top:
        4px !important;

    width:
        320px !important;

    height:
        137px !important;

    background-image:
        url(
            '/static/assets/origin-tortoise-final-logo-v1.png'
        ) !important;

    background-repeat:
        no-repeat !important;

    background-position:
        left center !important;

    background-size:
        contain !important;

    pointer-events:
        none !important;

    opacity:
        1 !important;

    visibility:
        visible !important;
}


/* ------------------------------------------------------------
   NAV SPACE
   Give the plaque enough room to remain readable.
   ------------------------------------------------------------ */

body:has(.forum-page)
.public-nav,

body:has(.about-page)
.public-nav,

body:has(.features-page)
.public-nav,

body:has(.roadmap-page)
.public-nav {

    min-height:
        138px !important;

    padding:
        0
        28px
        0
        360px !important;

    box-sizing:
        border-box !important;

    align-items:
        center !important;

    overflow:
        visible !important;
}


/* Nav links stay vertically centred. */

body:has(.forum-page)
.public-nav a,

body:has(.about-page)
.public-nav a,

body:has(.features-page)
.public-nav a,

body:has(.roadmap-page)
.public-nav a {

    min-height:
        136px !important;

    display:
        flex !important;

    align-items:
        center !important;
}


/* ------------------------------------------------------------
   MEDIUM DESKTOP
   ------------------------------------------------------------ */

@media(max-width:1250px){

    body:has(.forum-page)::before,
    body:has(.about-page)::before,
    body:has(.features-page)::before,
    body:has(.roadmap-page)::before {

        width:
            280px !important;

        height:
            120px !important;
    }


    body:has(.forum-page)
    .public-nav,

    body:has(.about-page)
    .public-nav,

    body:has(.features-page)
    .public-nav,

    body:has(.roadmap-page)
    .public-nav {

        min-height:
            120px !important;

        padding-left:
            315px !important;
    }


    body:has(.forum-page)
    .public-nav a,

    body:has(.about-page)
    .public-nav a,

    body:has(.features-page)
    .public-nav a,

    body:has(.roadmap-page)
    .public-nav a {

        min-height:
            118px !important;
    }

}


/* ------------------------------------------------------------
   TABLET / MOBILE

   Avoid crushing navigation just to preserve the desktop plaque.
   ------------------------------------------------------------ */

@media(max-width:1000px){

    body:has(.forum-page)::before,
    body:has(.about-page)::before,
    body:has(.features-page)::before,
    body:has(.roadmap-page)::before {

        display:
            none !important;
    }


    body:has(.forum-page)
    .public-nav,

    body:has(.about-page)
    .public-nav,

    body:has(.features-page)
    .public-nav,

    body:has(.roadmap-page)
    .public-nav {

        min-height:
            82px !important;

        padding:
            0
            16px !important;

        justify-content:
            flex-start !important;

        overflow-x:
            auto !important;
    }


    body:has(.forum-page)
    .public-nav a,

    body:has(.about-page)
    .public-nav a,

    body:has(.features-page)
    .public-nav a,

    body:has(.roadmap-page)
    .public-nav a {

        min-height:
            80px !important;
    }

}

/* ============================================================
   ORIGIN TORTOISE ROADMAP V1

   Public progress control centre.
   Appended after existing Forum/About contracts and
   shared final-brand logo rules.
   ============================================================ */


body:has(.roadmap-page){

    margin:0;

    color:#edf5ff;

    background:
        radial-gradient(
            circle at 78% 12%,
            rgba(12,111,119,.14),
            transparent 28%
        ),
        radial-gradient(
            circle at 20% 34%,
            rgba(104,74,14,.10),
            transparent 30%
        ),
        #06111e;
}


body:has(.roadmap-page) > header,
body:has(.roadmap-page) > footer{

    display:none;
}


body:has(.roadmap-page) > main{

    width:100%;
    max-width:none;

    margin:0;
    padding:0;
}


/* ------------------------------------------------------------
   ROADMAP NAV ACTIVE STATE
   ------------------------------------------------------------ */

body:has(.roadmap-page)
.public-nav a[href="/roadmap"]{

    color:#efb942 !important;

    border-bottom:
        3px solid #efb942;
}


/* ------------------------------------------------------------
   PAGE
   ------------------------------------------------------------ */

.roadmap-page{

    box-sizing:border-box;

    width:100%;
    max-width:1920px;

    margin:0 auto;

    padding:
        0
        28px
        30px;
}


/* ------------------------------------------------------------
   HERO
   ------------------------------------------------------------ */

.roadmap-hero{

    display:grid;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(520px,.92fr);

    gap:34px;

    align-items:center;

    min-height:365px;

    padding:
        34px
        42px;

    overflow:hidden;

    background:
        linear-gradient(
            112deg,
            rgba(7,26,40,.98),
            rgba(6,20,32,.91)
        );

    border-bottom:
        1px solid #1b3d52;
}


.roadmap-kicker{

    margin:
        0
        0
        11px !important;

    color:#20d1c0 !important;

    font-size:12px;

    font-weight:900;

    letter-spacing:.15em;
}


.roadmap-hero h1{

    max-width:820px;

    margin:0;

    color:#efba45;

    font-size:
        clamp(
            52px,
            4.5vw,
            76px
        );

    line-height:.96;
}


.roadmap-hero h1 span{

    display:block;

    margin-top:7px;

    color:#f4f6f8;

    font-size:.58em;

    line-height:1.08;
}


.roadmap-lead{

    max-width:720px;

    margin:
        23px
        0
        0 !important;

    color:#bccbd7 !important;

    font-size:18px;

    line-height:1.55 !important;
}


.roadmap-hero-meta{

    display:flex;

    gap:12px;

    flex-wrap:wrap;

    margin-top:27px;
}


.roadmap-hero-meta > div{

    min-width:150px;

    padding:
        13px
        15px;

    background:
        rgba(5,18,29,.62);

    border:
        1px solid #214359;

    border-radius:11px;
}


.roadmap-hero-meta strong{

    display:block;

    color:#20d3c2;

    font-size:21px;
}


.roadmap-hero-meta span{

    display:block;

    margin-top:3px;

    color:#90a3b3;

    font-size:10px;

    letter-spacing:.04em;
}


/* HERO PATH */

.roadmap-hero-panel{

    position:relative;

    padding:
        28px
        28px
        30px;

    background:
        linear-gradient(
            145deg,
            rgba(10,32,45,.98),
            rgba(5,18,29,.98)
        );

    border:
        1px solid #886622;

    border-radius:18px;

    box-shadow:
        0 18px 50px
        rgba(0,0,0,.22);
}


.roadmap-panel-head{

    display:flex;

    justify-content:space-between;

    align-items:end;

    gap:20px;

    padding-bottom:18px;

    border-bottom:
        1px solid #274458;
}


.roadmap-panel-head span{

    color:#20d1c0;

    font-size:10px;

    font-weight:900;

    letter-spacing:.13em;
}


.roadmap-panel-head strong{

    color:#efba45;

    font-size:19px;
}


.roadmap-mini-path{

    display:grid;

    grid-template-columns:
        1fr
        24px
        1fr
        24px
        1fr
        24px
        1fr
        24px
        1fr;

    gap:5px;

    align-items:center;

    margin-top:25px;
}


.roadmap-mini-path > div{

    min-height:96px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:9px;

    text-align:center;

    background:#071824;

    border:
        1px solid #23485b;

    border-radius:11px;
}


.roadmap-mini-path i{

    width:31px;
    height:31px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#07131d;

    background:#efb943;

    border-radius:50%;

    font-size:10px;

    font-style:normal;

    font-weight:900;
}


.roadmap-mini-path span{

    margin-top:9px;

    color:#e7edf2;

    font-size:10px;

    font-weight:800;

    line-height:1.25;
}


.roadmap-mini-path > b{

    color:#607b8c;

    text-align:center;

    font-size:18px;
}


/* ------------------------------------------------------------
   PROCESS
   ------------------------------------------------------------ */

.roadmap-process{

    margin-top:20px;

    padding:
        27px
        27px
        30px;

    background:
        linear-gradient(
            145deg,
            rgba(8,28,43,.97),
            rgba(5,18,29,.98)
        );

    border:
        1px solid #24516b;

    border-radius:16px;
}


.roadmap-section-head{

    display:flex;

    justify-content:space-between;

    align-items:end;

    gap:30px;
}


.roadmap-section-head p,
.roadmap-board-head p{

    margin:
        0
        0
        6px !important;

    color:#20d0c0 !important;

    font-size:10px;

    font-weight:900;

    letter-spacing:.14em;
}


.roadmap-section-head h2,
.roadmap-board-head h2{

    margin:0;

    color:#efba45;

    font-size:27px;
}


.roadmap-section-head > span{

    max-width:470px;

    color:#8fa4b5;

    font-size:12px;

    line-height:1.45;

    text-align:right;
}


.roadmap-stage-track{

    display:grid;

    grid-template-columns:
        1fr
        34px
        1fr
        34px
        1fr
        34px
        1fr
        34px
        1fr;

    gap:7px;

    align-items:center;

    margin-top:24px;
}


.roadmap-stage{

    min-height:142px;

    display:grid;

    grid-template-columns:
        46px
        minmax(0,1fr);

    gap:13px;

    align-items:start;

    padding:
        17px
        15px;

    background:
        rgba(5,21,33,.78);

    border:
        1px solid #23485c;

    border-radius:12px;
}


.roadmap-stage.released{

    border-color:#8c6926;

    background:
        linear-gradient(
            145deg,
            rgba(58,43,10,.34),
            rgba(5,21,33,.88)
        );
}


.roadmap-stage-number{

    width:41px;
    height:41px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#18d3c4;

    background:#082331;

    border:
        1px solid #17676d;

    border-radius:10px;

    font-size:11px;

    font-weight:900;
}


.roadmap-stage.released
.roadmap-stage-number{

    color:#07131d;

    background:#efba45;

    border-color:#efba45;
}


.roadmap-stage small{

    color:#788e9e;

    font-size:8px;

    font-weight:900;

    letter-spacing:.12em;
}


.roadmap-stage h3{

    margin:
        6px
        0
        6px;

    color:#f1f5f7;

    font-size:15px;
}


.roadmap-stage p{

    margin:0 !important;

    color:#8fa1b0 !important;

    font-size:10px;

    line-height:1.45 !important;
}


.roadmap-track-arrow{

    color:#617c8e;

    font-size:23px;

    text-align:center;
}


/* ------------------------------------------------------------
   MAIN
   ------------------------------------------------------------ */

.roadmap-main-grid{

    display:grid;

    grid-template-columns:
        minmax(0,1.8fr)
        minmax(330px,.72fr);

    gap:18px;

    margin-top:18px;
}


.roadmap-board{

    min-width:0;

    padding:25px;

    background:
        linear-gradient(
            145deg,
            rgba(8,28,43,.97),
            rgba(5,18,29,.98)
        );

    border:
        1px solid #24516b;

    border-radius:16px;
}


.roadmap-board-head{

    display:flex;

    align-items:end;

    justify-content:space-between;

    gap:20px;

    padding-bottom:20px;

    border-bottom:
        1px solid #1d3d51;
}


.roadmap-live-count{

    padding:
        8px
        11px;

    color:#20d1c0;

    background:#071b29;

    border:
        1px solid #1e4a5a;

    border-radius:999px;

    font-size:10px;

    font-weight:900;

    white-space:nowrap;
}


/* ITEMS */

.roadmap-items{

    margin-top:8px;
}


.roadmap-item{

    display:grid;

    grid-template-columns:
        27px
        minmax(0,1fr);

    gap:14px;

    padding:
        18px
        0;

    border-bottom:
        1px solid #183448;
}


.roadmap-item:last-child{

    border-bottom:0;
}


.roadmap-item-rail{

    position:relative;

    display:flex;

    justify-content:center;
}


.roadmap-item-rail::before{

    content:"";

    position:absolute;

    top:17px;
    bottom:-35px;

    width:1px;

    background:#215164;
}


.roadmap-item:last-child
.roadmap-item-rail::before{

    display:none;
}


.roadmap-item-rail span{

    position:relative;

    z-index:2;

    width:13px;
    height:13px;

    margin-top:7px;

    background:#16cfc0;

    border:
        3px solid #09212d;

    border-radius:50%;

    box-shadow:
        0 0 0 1px #1e7f82;
}


.roadmap-item-body{

    padding:
        16px
        18px;

    background:
        rgba(5,20,31,.68);

    border:
        1px solid #1e4054;

    border-radius:12px;
}


.roadmap-item-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;
}


.roadmap-state{

    display:inline-flex;

    min-height:26px;

    align-items:center;

    padding:
        0
        9px;

    color:#07131d;

    background:#20cfbf;

    border-radius:999px;

    font-size:9px;

    font-weight:900;

    letter-spacing:.05em;
}


.roadmap-state[data-state*="founder"]{

    background:#efba45;
}


.roadmap-state[data-state*="build"]{

    color:#e8f2f7;

    background:#166b89;
}


.roadmap-state[data-state*="released"]{

    color:#071a16;

    background:#31d98b;
}


.roadmap-item-top small{

    color:#718797;

    font-size:8px;

    letter-spacing:.12em;
}


.roadmap-item h3{

    margin:
        13px
        0
        7px;

    color:#f2c255;

    font-size:20px;
}


.roadmap-item p{

    margin:0 !important;

    color:#aebdc8 !important;

    font-size:13px;

    line-height:1.55 !important;
}


.roadmap-proposal-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:15px;

    color:#18d3c4;

    text-decoration:none;

    font-size:11px;

    font-weight:900;
}


.roadmap-proposal-link:hover{

    color:#f0bd4d;
}


/* EMPTY */

.roadmap-empty{

    min-height:260px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:24px;

    margin-top:18px;

    padding:
        34px;

    background:
        radial-gradient(
            circle at 25% 50%,
            rgba(15,117,120,.11),
            transparent 38%
        ),
        #061725;

    border:
        1px dashed #2b5468;

    border-radius:14px;
}


.roadmap-empty-mark{

    flex:0 0 auto;

    width:78px;
    height:78px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#efba45;

    border:
        1px solid #8a6a29;

    border-radius:50%;

    font-size:43px;
}


.roadmap-empty small{

    color:#20d0c0;

    font-size:9px;

    font-weight:900;

    letter-spacing:.13em;
}


.roadmap-empty h3{

    margin:
        8px
        0
        8px;

    color:#f2c253;

    font-size:24px;
}


.roadmap-empty p{

    max-width:560px;

    margin:0 !important;

    color:#9cadba !important;

    font-size:13px;

    line-height:1.55 !important;
}


.roadmap-empty a{

    display:inline-flex;

    gap:8px;

    margin-top:15px;

    color:#19d3c3;

    text-decoration:none;

    font-size:11px;

    font-weight:900;
}


/* ------------------------------------------------------------
   SIDE
   ------------------------------------------------------------ */

.roadmap-side{

    display:flex;

    flex-direction:column;

    gap:15px;
}


.roadmap-side-card{

    padding:
        22px
        21px;

    background:
        linear-gradient(
            145deg,
            rgba(8,29,44,.98),
            rgba(5,18,29,.98)
        );

    border:
        1px solid #25516a;

    border-radius:15px;
}


.roadmap-side-card.gold{

    border-color:#8b6928;

    background:
        linear-gradient(
            145deg,
            rgba(60,44,9,.35),
            rgba(5,19,29,.98)
        );
}


.roadmap-side-card small{

    color:#20d0c0;

    font-size:9px;

    font-weight:900;

    letter-spacing:.13em;
}


.roadmap-side-card h2{

    margin:
        8px
        0
        10px;

    color:#efba45;

    font-size:22px;
}


.roadmap-side-card p{

    margin:0 !important;

    color:#aebcc7 !important;

    font-size:12px;

    line-height:1.58 !important;
}


.roadmap-side-card a{

    display:inline-flex;

    gap:8px;

    margin-top:15px;

    color:#19d3c3;

    text-decoration:none;

    font-size:11px;

    font-weight:900;
}


.roadmap-motto{

    margin-top:19px;

    padding-top:16px;

    color:#efba45;

    border-top:
        1px solid #6d572d;

    font-size:11px;

    font-weight:900;

    line-height:1.5;

    letter-spacing:.04em;
}


/* ------------------------------------------------------------
   BOTTOM JOURNEY
   ------------------------------------------------------------ */

.roadmap-bottom-strip{

    display:grid;

    grid-template-columns:
        1fr
        46px
        1fr
        46px
        1fr
        46px
        1fr;

    align-items:center;

    margin-top:18px;

    padding:
        18px
        22px;

    background:
        rgba(4,14,24,.88);

    border-top:
        1px solid #19354a;

    border-bottom:
        1px solid #19354a;
}


.roadmap-bottom-strip > div{

    text-align:center;
}


.roadmap-bottom-strip > span{

    color:#607989;

    text-align:center;

    font-size:22px;
}


.roadmap-bottom-strip strong{

    display:block;

    color:#efba45;

    font-size:12px;

    letter-spacing:.1em;
}


.roadmap-bottom-strip small{

    display:block;

    margin-top:5px;

    color:#7f93a3;

    font-size:10px;
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media(max-width:1250px){

    .roadmap-hero{

        grid-template-columns:
            1fr
            470px;
    }


    .roadmap-stage-track{

        grid-template-columns:
            1fr
            1fr
            1fr;

        gap:12px;
    }


    .roadmap-track-arrow{

        display:none;
    }


    .roadmap-stage:last-child{

        grid-column:
            2 / 3;
    }

}


@media(max-width:1000px){

    .roadmap-page{

        padding:
            0
            17px
            24px;
    }


    .roadmap-hero{

        grid-template-columns:
            1fr;

        min-height:0;

        padding:
            30px
            24px;
    }


    .roadmap-main-grid{

        grid-template-columns:
            1fr;
    }


    .roadmap-side{

        display:grid;

        grid-template-columns:
            1fr
            1fr;
    }


    .roadmap-side-card:first-child{

        grid-column:
            1 / -1;
    }

}


@media(max-width:760px){

    .roadmap-hero{

        padding:
            25px
            17px;
    }


    .roadmap-hero h1{

        font-size:45px;
    }


    .roadmap-lead{

        font-size:15px;
    }


    .roadmap-hero-meta{

        display:grid;

        grid-template-columns:
            1fr
            1fr;
    }


    .roadmap-hero-meta > div{

        min-width:0;
    }


    .roadmap-hero-panel{

        padding:
            20px
            15px;
    }


    .roadmap-mini-path{

        grid-template-columns:
            1fr;

        gap:8px;
    }


    .roadmap-mini-path > b{

        transform:rotate(90deg);
    }


    .roadmap-section-head{

        display:block;
    }


    .roadmap-section-head > span{

        display:block;

        margin-top:9px;

        text-align:left;
    }


    .roadmap-stage-track{

        grid-template-columns:
            1fr;
    }


    .roadmap-stage:last-child{

        grid-column:auto;
    }


    .roadmap-side{

        display:block;
    }


    .roadmap-side-card{

        margin-top:13px;
    }


    .roadmap-empty{

        display:block;

        text-align:center;
    }


    .roadmap-empty-mark{

        margin:
            0
            auto
            20px;
    }


    .roadmap-bottom-strip{

        grid-template-columns:
            1fr;

        gap:10px;
    }


    .roadmap-bottom-strip > span{

        transform:rotate(90deg);
    }

}

/* ============================================================
   ORIGIN TORTOISE ROADMAP SYMBOL + NAV CTA FIX V2

   - ASCII-safe Roadmap symbols
   - Public Open Chat button restored to normal CTA height
   ============================================================ */

body:has(.forum-page) .public-nav a.gold,
body:has(.about-page) .public-nav a.gold,
body:has(.features-page) .public-nav a.gold,
body:has(.roadmap-page) .public-nav a.gold {

    min-height: 42px !important;
    height: 42px !important;

    align-self: center !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding:
        0
        18px !important;
}


@media(max-width:1250px){

    body:has(.forum-page) .public-nav a.gold,
    body:has(.about-page) .public-nav a.gold,
    body:has(.features-page) .public-nav a.gold,
    body:has(.roadmap-page) .public-nav a.gold {

        min-height: 42px !important;
        height: 42px !important;
    }

}


@media(max-width:1000px){

    body:has(.forum-page) .public-nav a.gold,
    body:has(.about-page) .public-nav a.gold,
    body:has(.features-page) .public-nav a.gold,
    body:has(.roadmap-page) .public-nav a.gold {

        min-height: 42px !important;
        height: 42px !important;
    }

}