:root {
    --ink: #1C1C1C;
    --ink-2: #262626;
    --ink-3: #333333;
    --gold: #D69200;
    --gold-lift: #F0A80D;
    --accent-deep: #1C1C1C;
    --cream: #FFFFFF;
    --paper: #F4F4F4;
    --white: #FFFFFF;
    --ink-rgb: 28, 28, 28;
    --cream-rgb: 255, 255, 255;
    --accent-rgb: 214, 146, 0;
    --shell: 1240px
}

* {
    box-sizing: border-box
}

body {
    margin: 0;
    background: var(--ink);
    color: var(--cream);
    font-family: "Schibsted Grotesk", system-ui, sans-serif;
    font-size: 17px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased
}

img {
    max-width: 100%;
    display: block
}

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

button {
    font: inherit;
    cursor: pointer;
    border: 0;
    background: none;
    color: inherit
}

:focus-visible {
    outline: 2px solid var(--gold-lift);
    outline-offset: 3px
}

h1,
h2,
h3,
h4 {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    letter-spacing: -.028em;
    line-height: 1.02;
    margin: 0
}

h1 {
    font-size: clamp(46px, 7.4vw, 92px)
}

h2 {
    font-size: clamp(34px, 5vw, 62px)
}

h3 {
    font-size: clamp(22px, 2.4vw, 30px);
    letter-spacing: -.02em;
    line-height: 1.1
}

p {
    margin: 0 0 18px
}

.shell {
    width: min(var(--shell), 92vw);
    margin: 0 auto
}

.eyebrow {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .34em;
    text-transform: uppercase;
    color: var(--gold)
}

.eyebrow.dim {
    color: var(--muted-dark)
}

.slash {
    font-family: "IBM Plex Mono", monospace;
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold)
}

.rule {
    height: 1px;
    background: var(--line-dark);
    border: 0;
    margin: 0
}

.gold-rule {
    width: 88px;
    height: 3px;
    background: var(--gold);
    margin: 26px 0
}

section {
    padding: 104px 0
}

.sec-light {
    background: var(--paper);
    color: var(--ink);
    --gold: var(--accent-deep);
    --gold-lift: var(--accent-deep)
}

.sec-light .eyebrow.dim {
    color: var(--muted-light)
}

.sec-light .rule {
    background: var(--line-light)
}

.lede {
    font-size: clamp(17px, 1.5vw, 20px);
    line-height: 1.65;
    color: var(--muted-dark)
}

.sec-light .lede {
    color: var(--muted-light)
}

.gold-text {
    color: #D69200
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    padding: 15px 26px;
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -.01em;
    border-radius: 2px;
    transition: transform .18s ease, background .18s ease, color .18s ease
}

.btn:hover {
    transform: translateY(-2px)
}

.btn-gold {
    background: var(--gold);
    color: var(--ink)
}

.btn-gold:hover {
    background: var(--gold-lift)
}

.btn-ghost {
    border: 1px solid var(--line-dark);
    color: var(--cream)
}

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

.sec-light .btn-ghost {
    border-color: var(--line-light);
    color: var(--ink)
}

.btn-ink {
    background: var(--ink);
    color: var(--cream)
}

header {
    position: sticky;
    top: 0;
    z-index: 60;
    background: rgba(var(--ink-rgb), .92);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line-dark)
}

.nav {
    display: flex;
    align-items: center;
    gap: 26px;
    height: 74px;
    flex-wrap: nowrap;
    min-width: 0
}

.brand {
    display: flex;
    align-items: center;
    gap: 11px;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    letter-spacing: -.02em;
    font-size: 17px;
    white-space: nowrap;
    flex: 0 0 auto;
    line-height: 1;
    text-decoration: none
}

.brand-txt {
    white-space: nowrap
}

.brand img {
    height: 28px;
    width: auto;
    flex: 0 0 auto;
    display: block
}

.nav-links {
    display: flex;
    gap: 26px;
    margin-left: 16px;
    min-width: 0;
    flex-wrap: nowrap
}

.nav-links a {
    font-size: 14px;
    color: var(--muted-dark);
    transition: color .15s
}

.nav-links a:hover {
    color: var(--gold)
}

.nav-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
    flex-wrap: nowrap
}

.lang {
    flex: 0 0 auto;
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: .18em;
    color: var(--muted-dark);
    border: 1px solid var(--line-dark);
    border-radius: 2px;
    padding: 7px 10px;
    background: transparent
}

.btn-sm {
    padding: 10px 18px;
    font-size: 13px;
    white-space: nowrap
}

.burger {
    display: none;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .44);
    border-radius: 3px;
    background: transparent;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px
}

.burger span {
    display: block;
    width: 17px;
    height: 2px;
    background: #FFFFFF;
    border-radius: 2px;
    transition: transform .22s ease, opacity .18s ease
}

.burger[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(6px) rotate(45deg)
}

.burger[aria-expanded="true"] span:nth-child(2) {
    opacity: 0
}

.burger[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg)
}

.po-cartbtn-ico {
    display: none;
    width: 17px;
    height: 17px
}

.mobmenu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 61;
    background: #1C1C1C;
    border-top: 1px solid rgba(255, 255, 255, .14);
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    padding: 6px 4vw 14px;
    max-height: calc(100vh - 62px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .45)
}

.mobmenu[hidden] {
    display: none
}

.mobmenu a {
    display: block;
    padding: 14px 4px;
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .10)
}

.mobmenu a:last-child {
    border-bottom: 0
}

.mobmenu a:active {
    color: #D69200
}

.mobmenu-login {
    color: #D69200 !important
}

body.menu-open {
    overflow: hidden
}

.hero {
    position: relative;
    overflow: hidden;
    padding: 118px 0 92px;
    background: var(--white)
}

.hero-mark {
    position: absolute;
    right: -90px;
    top: -40px;
    height: 132%;
    opacity: .09;
    pointer-events: none;
    user-select: none
}

.hero-inner {
    position: relative;
    max-width: 900px
}

.hero h1 {
    margin: 22px 0 0
}

.hero h1 span {
    display: block
}

.hero-sub {
    max-width: 640px;
    margin-top: 30px
}

.hero-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 38px
}

.intro {
    padding: 0 0 104px;
    background: var(--white)
}

.intro-grid {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 40px;
    align-items: start
}

.intro p {
    font-size: clamp(19px, 2vw, 25px);
    line-height: 1.5;
    color: var(--ink);
    font-weight: 500;
    margin: 0
}

.count {
    background: var(--ink-2);
    border-top: 1px solid var(--line-dark);
    border-bottom: 1px solid var(--line-dark);
    padding: 78px 0
}

.count-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding-bottom: 26px;
    border-bottom: 1px solid var(--line-dark)
}

.count-date {
    font-family: "IBM Plex Mono", monospace;
    font-size: 13px;
    letter-spacing: .3em;
    color: var(--gold)
}

.count-line {
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: clamp(20px, 2.4vw, 30px);
    letter-spacing: -.02em;
    margin: 34px 0 30px
}

.clock {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    max-width: 760px
}

.cell {
    background: var(--ink);
    border: 1px solid var(--line-dark);
    border-radius: 3px;
    padding: 22px 10px;
    text-align: center
}

.cell b {
    display: block;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1;
    color: var(--gold);
    font-variant-numeric: tabular-nums
}

.cell span {
    display: block;
    margin-top: 10px;
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--muted-dark)
}

.count-note {
    margin-top: 26px;
    font-size: 14px;
    color: var(--muted-dark)
}

.ticker {
    background: var(--gold);
    color: var(--ink);
    overflow: hidden;
    padding: 15px 0;
    white-space: nowrap
}

.ticker-track {
    display: inline-block;
    animation: slide 34s linear infinite;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: .14em;
    text-transform: uppercase
}

.ticker-track span {
    padding: 0 20px
}

@keyframes slide {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

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

.pivot {
    padding: 88px 0;
    text-align: center
}

.pivot h2 {
    font-size: clamp(28px, 4.2vw, 54px)
}

.pivot .strike {
    color: var(--muted-dark)
}

.pivot p {
    margin-top: 22px;
    color: var(--muted-dark);
    font-size: 16px
}

.about {
    position: relative;
    overflow: hidden
}

.about-mark {
    position: absolute;
    left: -70px;
    bottom: -90px;
    height: 118%;
    opacity: .045;
    pointer-events: none
}

.about-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: start
}

.pitch {
    counter-reset: pitch;
    margin-top: 8px
}

.pitch li {
    list-style: none;
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 18px;
    padding: 26px 0;
    border-top: 1px solid var(--line-light)
}

.pitch li:first-child {
    border-top: 0;
    padding-top: 0
}

.pitch li::before {
    counter-increment: pitch;
    content: "0" counter(pitch);
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: .2em;
    color: var(--gold);
    padding-top: 6px
}

.pitch p {
    margin: 0;
    font-size: 17px;
    line-height: 1.6
}

.pitch li:first-child p {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5
}

.stat {
    margin-top: 44px;
    display: flex;
    align-items: baseline;
    gap: 16px
}

.stat b {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 56px;
    letter-spacing: -.03em
}

.stat span {
    font-size: 14px;
    color: var(--muted-light)
}

.tiers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 52px
}

.tier {
    background: var(--ink-2);
    border: 1px solid var(--line-dark);
    border-radius: 3px;
    padding: 38px 34px;
    display: flex;
    flex-direction: column
}

.tier.hero-tier {
    border-color: rgba(var(--accent-rgb), .55)
}

.tier-top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 26px
}

.tier-num {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: .24em;
    color: var(--muted-dark)
}

.tier-price {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 24px;
    color: var(--gold);
    letter-spacing: -.02em
}

.tier h3 {
    margin-bottom: 16px
}

.tier p {
    color: var(--muted-dark);
    font-size: 16px
}

.tier-tag {
    margin-top: auto;
    padding-top: 22px;
    border-top: 1px solid var(--line-dark);
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--muted-dark)
}

.total {
    margin-top: 26px;
    background: var(--gold);
    color: var(--ink);
    border-radius: 3px;
    padding: 30px 34px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px
}

.total b {
    font-family: "Archivo", sans-serif;
    font-weight: 900;
    font-size: clamp(28px, 3.4vw, 42px);
    letter-spacing: -.03em
}

.total .tsmall {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase
}

.total .btn {
    margin-left: auto
}

.charge-note {
    margin-top: 20px;
    font-size: 14px;
    color: var(--muted-dark)
}

.removed-note {
    margin-top: 14px;
    font-size: 13px;
    color: var(--muted-dark);
    font-family: "IBM Plex Mono", monospace;
    letter-spacing: .08em
}

.rail-head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: end;
    margin-top: 22px
}

.rail-head h2 {
    font-size: clamp(30px, 3.8vw, 50px)
}

.rail-head .lede {
    margin: 0
}

.rail-kicker {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--line-light);
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -.02em
}

.rail {
    position: relative;
    margin-top: 56px
}

.rail-track {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 34px
}

.rail-track::before {
    content: "";
    position: absolute;
    left: 34px;
    right: 34px;
    top: 26px;
    height: 2px;
    background: linear-gradient(90deg, var(--gold) 0%, var(--gold) 74%, transparent 100%)
}

.rail-hint {
    display: none
}

.rail-fine {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--muted-light)
}

.foot-fine {
    margin-top: 14px;
    font-size: 12.5px;
    line-height: 1.55;
    color: var(--muted-light)
}

.node {
    position: relative;
    padding-top: 76px;
    display: flex;
    flex-direction: column
}

.node .link {
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 54px;
    border: 2.5px solid var(--gold);
    border-radius: 50% / 38%;
    background: var(--paper);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "IBM Plex Mono", monospace;
    font-size: 12px;
    font-weight: 600;
    color: var(--gold)
}

.node:last-child .link {
    background: var(--gold);
    color: var(--ink);
    border-color: var(--gold)
}

.node h3 {
    font-size: clamp(22px, 2.2vw, 28px);
    margin-bottom: 10px
}

.node p {
    font-size: 15px;
    color: var(--muted-light);
    margin: 0 0 18px
}

.meter {
    margin-top: auto;
    padding: 16px 18px;
    background: var(--white);
    border: 1px solid var(--line-light);
    border-radius: 3px
}

.meter .lbl {
    display: block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--muted-light);
    margin-bottom: 6px
}

.meter .val {
    display: block;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: clamp(19px, 1.9vw, 24px);
    letter-spacing: -.025em;
    color: var(--gold)
}

.node:last-child .meter {
    background: var(--ink);
    border-color: var(--ink);
    --gold: #D69200
}

.node:last-child .meter .lbl {
    color: rgba(var(--cream-rgb), .6)
}

.miles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 52px
}

.mile {
    background: var(--white);
    border: 1px solid var(--line-light);
    border-radius: 3px;
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    transition: transform .2s ease, box-shadow .2s ease
}

.mile:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(var(--ink-rgb), .10)
}

.mile-k {
    font-family: "Archivo", sans-serif;
    font-weight: 900;
    font-size: clamp(44px, 5vw, 64px);
    letter-spacing: -.04em;
    line-height: 1
}

.mile-k small {
    display: block;
    margin-top: 14px;
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--muted-light);
    margin-top: 12px
}

.mile-budget {
    margin: 26px 0;
    padding: 20px 0;
    border-top: 1px solid var(--line-light);
    border-bottom: 1px solid var(--line-light)
}

.mile-budget span {
    display: block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--muted-light);
    margin-bottom: 8px
}

.mile-budget b {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 34px;
    color: var(--gold);
    letter-spacing: -.03em
}

.mile p {
    font-size: 15px;
    color: var(--muted-light);
    margin: 0
}

.miles-foot {
    margin-top: 26px;
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--muted-light)
}

.count.sec-light {
    background: var(--white);
    border-top-color: var(--line-light);
    border-bottom-color: var(--line-light)
}

.count.sec-light .count-top {
    border-bottom-color: var(--line-light)
}

.count.sec-light .cell {
    background: var(--paper);
    border-color: var(--line-light)
}

.count.sec-light .cell span,
.count.sec-light .count-note {
    color: var(--muted-light)
}

.lockup {
    display: flex;
    align-items: center;
    gap: 26px;
    margin: 26px 0 8px;
    padding-bottom: 26px;
    border-bottom: 1px solid var(--line-light)
}

.lockup .unram {
    height: 58px;
    width: auto
}

.lockup .who {
    margin-left: auto;
    text-align: right;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--muted-light);
    line-height: 2
}

.partner-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-top: 40px;
    align-items: start
}

.partner-grid h2 {
    font-size: clamp(30px, 3.6vw, 46px)
}

.partner-quote {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid var(--line-light);
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: clamp(17px, 1.9vw, 21px);
    letter-spacing: -.02em;
    line-height: 1.3;
    color: var(--ink);
    max-width: 420px
}

.partner-copy p {
    font-size: 16px;
    color: var(--muted-light)
}

.partner-copy p.strong {
    color: var(--ink);
    font-size: 19px;
    font-weight: 500;
    line-height: 1.5
}

.gfn {
    margin-top: 72px;
    padding-top: 44px;
    border-top: 1px solid var(--line-light);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px
}

.gfn h2 {
    font-size: clamp(30px, 3.6vw, 46px)
}

.gfn .lead {
    font-size: 19px;
    font-weight: 500;
    color: var(--ink);
    margin: 0 0 18px;
    line-height: 1.5
}

.gfn p {
    font-size: 16px;
    color: var(--muted-light)
}

@media(max-width:1000px) {

    .partner-grid,
    .gfn {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .lockup {
        flex-wrap: wrap;
        gap: 18px
    }

    .lockup .who {
        margin-left: 0;
        width: 100%;
        text-align: left
    }
}

@media(max-width:640px) {
    .lockup .unram {
        height: 44px
    }
}

.bowh {
    position: relative;
    background: var(--ink);
    overflow: hidden;
    padding: 0
}

.bowh-hero {
    position: relative;
    min-height: 440px;
    display: flex;
    align-items: flex-end;
    padding: 64px 0
}

.bowh-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(var(--ink-rgb), .96) 0%, rgba(var(--ink-rgb), .88) 46%, rgba(var(--ink-rgb), .48) 100%), url("https://newdraft.chainofdeeds.com/prelaunch/img/conference-lombok.jpg") center/cover;
    filter: grayscale(1)
}

.bowh-hero .shell {
    position: relative
}

.bowh-tag {
    display: inline-block;
    background: var(--gold);
    color: var(--ink);
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .26em;
    text-transform: uppercase;
    padding: 8px 14px;
    margin-bottom: 26px
}

.bowh-hero h2 {
    max-width: 760px
}

.bowh-hero .lede {
    max-width: 620px;
    margin-top: 24px
}

.cycle {
    padding: 96px 0
}

.cyc {
    margin-top: 44px;
    border-top: 1px solid var(--line-dark)
}

.cyc-row {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 44px;
    padding: 46px 0;
    border-bottom: 1px solid var(--line-dark);
    transition: background .25s ease, padding .25s ease
}

.cyc-row:hover {
    background: rgba(var(--accent-rgb), .06)
}

.cyc-num {
    font-family: "Archivo", sans-serif;
    font-weight: 900;
    font-size: clamp(66px, 8vw, 116px);
    line-height: .78;
    letter-spacing: -.055em;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(var(--cream-rgb), .26);
    transition: all .25s ease
}

.cyc-row:hover .cyc-num {
    -webkit-text-stroke-color: var(--gold);
    color: rgba(var(--accent-rgb), .10)
}

.cyc-head {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 20px
}

.cyc-head h3 {
    font-size: clamp(30px, 3.6vw, 46px)
}

.cyc-head .sub {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gold)
}

.cyc-body {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 36px;
    margin-top: 20px
}

.cyc-body p {
    font-size: 16px;
    color: var(--muted-dark);
    margin: 0
}

.cyc-body .chips-label {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--muted-dark);
    margin: 0 0 12px
}

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

.chip {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    border: 1px solid var(--line-dark);
    border-radius: 2px;
    padding: 6px 10px;
    color: var(--muted-dark)
}

.cycle-foot {
    margin-top: 44px;
    padding-top: 26px;
    border-top: 1px solid var(--line-dark);
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: clamp(17px, 2vw, 24px);
    letter-spacing: -.02em
}

.tour {
    background: var(--ink-2);
    border-top: 1px solid var(--line-dark);
    padding: 88px 0
}

.tour-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px
}

.cities {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: clamp(24px, 2.8vw, 34px);
    letter-spacing: -.025em;
    line-height: 1.28;
    margin: 20px 0 14px
}

.trigger {
    font-family: "Archivo", sans-serif;
    font-weight: 900;
    font-size: clamp(56px, 9vw, 120px);
    letter-spacing: -.05em;
    line-height: .9;
    color: var(--gold)
}

.merch-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 52px
}

.card {
    background: var(--white);
    border: 1px solid var(--line-light);
    border-radius: 3px;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 44px rgba(var(--ink-rgb), .12)
}

.card .shot {
    background: var(--paper);
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px
}

.card .shot img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply
}

.card-body {
    padding: 24px 24px 28px;
    border-top: 1px solid var(--line-light)
}

.card-body h3 {
    font-size: 21px
}

.card-price {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 19px;
    margin-top: 10px
}

.card-meta {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--muted-light);
    margin-top: 8px
}

.audit {
    background: var(--gold);
    color: var(--ink);
    text-align: center;
    padding: 110px 0
}

.audit .eyebrow {
    color: rgba(var(--ink-rgb), .82)
}

.audit h2 {
    font-size: clamp(40px, 7vw, 90px);
    margin: 24px 0
}

.audit p {
    max-width: 640px;
    margin: 0 auto;
    color: rgba(var(--ink-rgb), .86)
}

.contact-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 64px
}

.field {
    margin-bottom: 18px
}

label {
    display: block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--muted-dark);
    margin-bottom: 9px
}

input,
select,
textarea {
    width: 100%;
    background: var(--ink-2);
    border: 1px solid var(--line-dark);
    border-radius: 2px;
    color: var(--cream);
    padding: 14px 15px;
    font-family: inherit;
    font-size: 15px
}

textarea {
    min-height: 150px;
    resize: vertical
}

.mailto {
    font-family: "IBM Plex Mono", monospace;
    font-size: 14px;
    color: var(--gold);
    letter-spacing: .04em
}

.sent {
    display: none;
    margin-top: 16px;
    padding: 16px;
    border: 1px solid var(--gold);
    border-radius: 2px;
    font-size: 15px;
    color: var(--gold)
}

.sent.error {
    color: #b10000;
    border: 1px solid #b10000;
}

footer {
    background: var(--ink-2);
    border-top: 1px solid var(--line-dark);
    padding: 76px 0 30px
}

.foot-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr;
    gap: 50px
}

.foot-brand {
    display: flex;
    align-items: center;
    gap: 11px;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 18px
}

.foot-brand img {
    height: 26px
}

footer h4 {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--muted-dark);
    margin: 0 0 18px
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0
}

footer li {
    margin-bottom: 11px
}

footer li a {
    font-size: 15px;
    color: var(--muted-dark)
}

footer li a:hover {
    color: var(--gold)
}

.foot-base {
    margin-top: 56px;
    padding-top: 24px;
    border-top: 1px solid var(--line-dark);
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: space-between;
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--muted-dark)
}

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

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

@media (prefers-reduced-motion:reduce) {
    .rv {
        opacity: 1;
        transform: none;
        transition: none
    }
}

@media(max-width:1000px) {
    .nav-links {
        display: none
    }

    .about-grid,
    .tiers,
    .contact-grid,
    .tour-grid,
    .cyc-body,
    .rail-head {
        grid-template-columns: 1fr;
        gap: 38px
    }

    .cyc-body {
        gap: 24px
    }

    .rail-head {
        gap: 24px;
        align-items: start
    }

    .rail {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 14px;
        margin-left: -4px;
        padding-left: 4px
    }

    .rail::-webkit-scrollbar {
        height: 3px
    }

    .rail::-webkit-scrollbar-thumb {
        background: rgba(var(--ink-rgb), .22)
    }

    .rail-track {
        display: flex;
        width: max-content;
        gap: 22px
    }

    .rail-track::before {
        left: 30px;
        right: 30px
    }

    .node {
        width: min(74vw, 320px);
        scroll-snap-align: start;
        padding-top: 70px
    }

    .rail-hint {
        display: block;
        margin-top: 14px;
        font-family: "IBM Plex Mono", monospace;
        font-size: 10px;
        letter-spacing: .24em;
        text-transform: uppercase;
        color: var(--muted-light)
    }

    .miles,
    .merch-grid {
        grid-template-columns: 1fr 1fr
    }

    .cyc-row {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 38px 0
    }

    .cyc-num {
        font-size: 56px
    }

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

@media(max-width:640px) {
    section {
        padding: 72px 0
    }

    .clock {
        grid-template-columns: repeat(2, 1fr)
    }

    .miles,
    .merch-grid,
    .foot-grid {
        grid-template-columns: 1fr
    }

    .node {
        padding-top: 64px
    }

    .rail-track::before {
        top: 22px
    }

    .node .link {
        width: 46px;
        height: 46px;
        font-size: 11px
    }

    .intro-grid {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .total .btn {
        margin-left: 0;
        width: 100%;
        justify-content: center
    }

    .hero-mark {
        opacity: .06
    }

    .about-mark {
        opacity: .035
    }
}

.skip-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    z-index: 300;
    padding: 12px 18px;
    background: #1C1C1C;
    color: #FFFFFF;
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase
}

.skip-link:focus {
    left: 12px;
    top: 12px;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    clip-path: none
}

html[dir="rtl"] .skip-link:focus {
    left: auto;
    right: 12px
}

:focus-visible {
    outline: 2px solid #D69200;
    outline-offset: 3px
}

#counter {
    padding: 96px 0
}

.ctr-wrap {
    max-width: 820px
}

.ctr-fig {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 18px
}

.ctr-now {
    font-family: "Archivo", sans-serif;
    font-weight: 900;
    font-size: clamp(48px, 8vw, 96px);
    letter-spacing: -.03em;
    line-height: 1
}

.ctr-of {
    font-family: "IBM Plex Mono", monospace;
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase
}

.ctr-meta {
    margin: 26px 0 26px
}

.ctr-meta p {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    max-width: 520px
}

#faq {
    padding: 96px 0
}

.faq-grid {
    margin-top: 38px;
    border-top: 1px solid rgba(28, 28, 28, .16)
}

.faq {
    border-bottom: 1px solid rgba(28, 28, 28, .16)
}

.faq summary {
    list-style: none;
    cursor: pointer;
    padding: 22px 34px 22px 0;
    position: relative;
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: clamp(17px, 2vw, 20px);
    letter-spacing: -.01em
}

.faq summary::-webkit-details-marker {
    display: none
}

.faq summary::after {
    content: "+";
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "IBM Plex Mono", monospace;
    font-size: 20px;
    font-weight: 400
}

.faq[open] summary::after {
    content: "\2013"
}

.faq p {
    margin: 0 0 24px;
    font-size: 15.5px;
    line-height: 1.65;
    max-width: 720px
}

.cookie {
    position: fixed;
    left: 14px;
    right: 14px;
    bottom: 14px;
    z-index: 190;
    background: #1C1C1C;
    color: #FFFFFF;
    border-radius: 8px;
    padding: 18px 20px;
    display: flex;
    gap: 18px;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
    max-width: 760px;
    margin: 0 auto
}

.cookie[hidden] {
    display: none
}

.cookie p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    flex: 1;
    min-width: 240px;
    color: #FFFFFF
}

.cookie-btns {
    display: flex;
    gap: 9px;
    margin-left: auto
}

.cookie .btn-ghost {
    border-color: rgba(255, 255, 255, .45);
    color: #FFFFFF
}

.cookie .btn-ghost:hover {
    border-color: #FFFFFF
}

@media(max-width:640px) {

    #counter,
    #faq {
        padding: 64px 0
    }

    .cookie-btns {
        width: 100%
    }

    .cookie-btns .btn {
        flex: 1;
        justify-content: center
    }
}

.rail-x {
    margin: 38px 0 34px;
    position: relative
}

.rail-x-track {
    height: 6px;
    border-radius: 3px;
    position: relative
}

.rail-x-fill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    border-radius: 3px;
    background: #D69200;
    transition: width 1.7s cubic-bezier(.2, .8, .2, 1)
}

.rail-x-marks {
    position: relative;
    height: 64px;
    margin-top: 0
}

.rx {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    text-align: center;
    width: 96px
}

.rx:first-child {
    transform: translateX(0);
    text-align: left
}

.rx.open {
    transform: translateX(-100%);
    text-align: right
}

.rx i {
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin: -22px auto 14px;
    border: 2px solid;
    background: #1C1C1C
}

.rx:first-child i {
    margin-left: 0
}

.rx.open i {
    border-style: dashed;
    margin-right: 0;
    margin-left: auto
}

.rx b {
    display: block;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 17px;
    letter-spacing: -.01em;
    line-height: 1
}

.rx small {
    display: block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
    margin-top: 6px;
    line-height: 1.4
}

.rx.passed i {
    background: #D69200;
    border-color: #D69200
}

@media(max-width:640px) {
    .rail-x-marks {
        height: 74px
    }

    .rx {
        width: 70px
    }

    .rx b {
        font-size: 13px
    }

    .rx small {
        font-size: 7.5px;
        letter-spacing: .08em
    }
}

header {
    background: #1C1C1C;
    border-bottom: 1px solid rgba(255, 255, 255, .18)
}

.brand {
    color: #FFFFFF
}

.nav-links a {
    color: rgba(255, 255, 255, .72)
}

.nav-links a:hover {
    color: #D69200
}

.lang {
    color: rgba(255, 255, 255, .72);
    border-color: rgba(255, 255, 255, .22);
    background: transparent
}

header .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

header .btn-ghost {
    border-color: rgba(255, 255, 255, .44);
    color: #FFFFFF
}

.vbadge {
    background: #D69200;
    color: #1C1C1C
}

.ticker {
    background: #1C1C1C;
    color: #FFFFFF
}

.audit {
    background: #262626;
    color: #FFFFFF
}

.audit h2 {
    color: #FFFFFF
}

.audit .eyebrow {
    color: rgba(255, 255, 255, .72)
}

.audit p {
    color: rgba(255, 255, 255, .82)
}

.bowh-tag {
    background: #D69200;
    color: #1C1C1C
}

footer {
    background: #1C1C1C;
    color: #FFFFFF
}

footer h4,
footer li a,
.foot-base {
    color: rgba(255, 255, 255, .72)
}

footer li a:hover {
    color: #D69200
}

.mailto {
    color: #D69200
}

#contact input,
#contact select,
#contact textarea {
    background: #FFFFFF;
    color: #1C1C1C;
    border-color: rgba(28, 28, 28, .22)
}

#bowh {
    background: #1C1C1C
}

.bowh-hero::before {
    background: linear-gradient(90deg, rgba(28, 28, 28, .96) 0%, rgba(28, 28, 28, .9) 46%, rgba(28, 28, 28, .55) 100%);
    filter: grayscale(1)
}

.cycle,
.tour {
    background: #1C1C1C
}

.tour {
    background: #262626
}

#bowh h2,
#bowh h3,
#bowh .trigger,
#bowh .cities,
#bowh .cyc-foot {
    color: #FFFFFF
}

#bowh p,
#bowh .lede,
#bowh .chip,
#bowh .cyc-head .sub,
#bowh .eyebrow {
    color: rgba(255, 255, 255, .75)
}

#bowh .chip {
    border-color: rgba(255, 255, 255, .22)
}

#bowh .cyc-row {
    border-color: rgba(255, 255, 255, .18)
}

#bowh .cyc-num {
    -webkit-text-stroke: 1.5px rgba(255, 255, 255, .3);
    color: transparent
}

#bowh .cyc-row:hover .cyc-num {
    -webkit-text-stroke-color: #D69200;
    color: rgba(214, 146, 0, .12)
}

#bowh .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

#contact {
    background: #1C1C1C;
    color: #FFFFFF
}

#contact h2,
#contact .slash {
    color: #FFFFFF
}

#contact .lede,
#contact label {
    color: rgba(255, 255, 255, .72)
}

#top {
    background: #FFFFFF;
    color: #1C1C1C
}

#top h1,
#top h2,
#top h3,
#top h4,
#top .mile-k,
#top .count-line,
#top .trigger,
#top .cities,
#top .card-price {
    color: #1C1C1C
}

#top p,
#top .lede {
    color: rgba(28, 28, 28, .66)
}

#top .lead,
#top p.strong,
#top .partner-quote,
#top .pitch p {
    color: #1C1C1C
}

#top .slash,
#top .eyebrow,
#top .eyebrow.dim,
#top .tier-num,
#top .tier-tag,
#top .card-meta,
#top .mile-k small,
#top .count-date,
#top .count-note,
#top .miles-foot,
#top .charge-note,
#top .mile-budget span,
#top .cell span,
#top .meter .lbl,
#top .lockup .who,
#top .stat span,
#top .chip,
#top .cyc-head .sub,
#top .node p {
    color: rgba(28, 28, 28, .66)
}

#top .mile-budget b,
#top .cell b,
#top .meter .val,
#top .tier-price,
#top .stat b,
#top .node h3 {
    color: #1C1C1C
}

#top .rule,
#top hr {
    background: rgba(28, 28, 28, .16)
}

#top .tier,
#top .mile,
#top .card,
#top .cell,
#top .meter {
    background: #F4F4F4;
    border-color: rgba(28, 28, 28, .16)
}

#top .card-body,
#top .mile-budget,
#top .count-top,
#top .pitch li,
#top .lockup,
#top .gfn,
#top .partner-quote,
#top .step,
#top .flow,
#top .cyc-row,
#top .chip {
    border-color: rgba(28, 28, 28, .16)
}

#top .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

#top .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

#top .btn-ink {
    background: #1C1C1C;
    color: #FFFFFF
}

#top .btn-ghost {
    border-color: rgba(28, 28, 28, .16);
    color: #1C1C1C
}

#top .gold-rule {
    background: #D69200
}

#top .pitch li::before {
    color: rgba(28, 28, 28, .66)
}

#top .node .link {
    border-color: rgba(28, 28, 28, .35);
    color: #1C1C1C;
    background: #FFFFFF
}

#top .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

#top .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

#top .node:last-child .meter {
    background: #1C1C1C;
    border-color: #1C1C1C
}

#top .node:last-child .meter .lbl {
    color: rgba(255, 255, 255, .72)
}

#top .node:last-child .meter .val {
    color: #D69200
}

#top .total {
    background: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .16)
}

#top .total b,
#top .total .tsmall {
    color: #FFFFFF
}

#top .total .btn {
    background: #D69200;
    color: #1C1C1C
}

#top .card .shot {
    background: #FFFFFF
}

#top .rail-fine,
#top .foot-fine {
    color: rgba(28, 28, 28, .66)
}

.intro {
    background: #FFFFFF;
    color: #1C1C1C
}

.intro h1,
.intro h2,
.intro h3,
.intro h4,
.intro .mile-k,
.intro .count-line,
.intro .trigger,
.intro .cities,
.intro .card-price {
    color: #1C1C1C
}

.intro p,
.intro .lede {
    color: rgba(28, 28, 28, .66)
}

.intro .lead,
.intro p.strong,
.intro .partner-quote,
.intro .pitch p {
    color: #1C1C1C
}

.intro .slash,
.intro .eyebrow,
.intro .eyebrow.dim,
.intro .tier-num,
.intro .tier-tag,
.intro .card-meta,
.intro .mile-k small,
.intro .count-date,
.intro .count-note,
.intro .miles-foot,
.intro .charge-note,
.intro .mile-budget span,
.intro .cell span,
.intro .meter .lbl,
.intro .lockup .who,
.intro .stat span,
.intro .chip,
.intro .cyc-head .sub,
.intro .node p {
    color: rgba(28, 28, 28, .66)
}

.intro .mile-budget b,
.intro .cell b,
.intro .meter .val,
.intro .tier-price,
.intro .stat b,
.intro .node h3 {
    color: #1C1C1C
}

.intro .rule,
.intro hr {
    background: rgba(28, 28, 28, .16)
}

.intro .tier,
.intro .mile,
.intro .card,
.intro .cell,
.intro .meter {
    background: #F4F4F4;
    border-color: rgba(28, 28, 28, .16)
}

.intro .card-body,
.intro .mile-budget,
.intro .count-top,
.intro .pitch li,
.intro .lockup,
.intro .gfn,
.intro .partner-quote,
.intro .step,
.intro .flow,
.intro .cyc-row,
.intro .chip {
    border-color: rgba(28, 28, 28, .16)
}

.intro .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

.intro .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

.intro .btn-ink {
    background: #1C1C1C;
    color: #FFFFFF
}

.intro .btn-ghost {
    border-color: rgba(28, 28, 28, .16);
    color: #1C1C1C
}

.intro .gold-rule {
    background: #D69200
}

.intro .pitch li::before {
    color: rgba(28, 28, 28, .66)
}

.intro .node .link {
    border-color: rgba(28, 28, 28, .35);
    color: #1C1C1C;
    background: #FFFFFF
}

.intro .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

.intro .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

.intro .node:last-child .meter {
    background: #1C1C1C;
    border-color: #1C1C1C
}

.intro .node:last-child .meter .lbl {
    color: rgba(255, 255, 255, .72)
}

.intro .node:last-child .meter .val {
    color: #D69200
}

.intro .total {
    background: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .16)
}

.intro .total b,
.intro .total .tsmall {
    color: #FFFFFF
}

.intro .total .btn {
    background: #D69200;
    color: #1C1C1C
}

.intro .card .shot {
    background: #FFFFFF
}

.intro .rail-fine,
.intro .foot-fine {
    color: rgba(28, 28, 28, .66)
}

.count {
    background: #F4F4F4;
    color: #1C1C1C
}

.count h1,
.count h2,
.count h3,
.count h4,
.count .mile-k,
.count .count-line,
.count .trigger,
.count .cities,
.count .card-price {
    color: #1C1C1C
}

.count p,
.count .lede {
    color: rgba(28, 28, 28, .66)
}

.count .lead,
.count p.strong,
.count .partner-quote,
.count .pitch p {
    color: #1C1C1C
}

.count .slash,
.count .eyebrow,
.count .eyebrow.dim,
.count .tier-num,
.count .tier-tag,
.count .card-meta,
.count .mile-k small,
.count .count-date,
.count .count-note,
.count .miles-foot,
.count .charge-note,
.count .mile-budget span,
.count .cell span,
.count .meter .lbl,
.count .lockup .who,
.count .stat span,
.count .chip,
.count .cyc-head .sub,
.count .node p {
    color: rgba(28, 28, 28, .66)
}

.count .mile-budget b,
.count .cell b,
.count .meter .val,
.count .tier-price,
.count .stat b,
.count .node h3 {
    color: #1C1C1C
}

.count .rule,
.count hr {
    background: rgba(28, 28, 28, .16)
}

.count .tier,
.count .mile,
.count .card,
.count .cell,
.count .meter {
    background: #FFFFFF;
    border-color: rgba(28, 28, 28, .16)
}

.count .card-body,
.count .mile-budget,
.count .count-top,
.count .pitch li,
.count .lockup,
.count .gfn,
.count .partner-quote,
.count .step,
.count .flow,
.count .cyc-row,
.count .chip {
    border-color: rgba(28, 28, 28, .16)
}

.count .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

.count .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

.count .btn-ink {
    background: #1C1C1C;
    color: #FFFFFF
}

.count .btn-ghost {
    border-color: rgba(28, 28, 28, .16);
    color: #1C1C1C
}

.count .gold-rule {
    background: #D69200
}

.count .pitch li::before {
    color: rgba(28, 28, 28, .66)
}

.count .node .link {
    border-color: rgba(28, 28, 28, .35);
    color: #1C1C1C;
    background: #F4F4F4
}

.count .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

.count .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

.count .node:last-child .meter {
    background: #1C1C1C;
    border-color: #1C1C1C
}

.count .node:last-child .meter .lbl {
    color: rgba(255, 255, 255, .72)
}

.count .node:last-child .meter .val {
    color: #D69200
}

.count .total {
    background: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .16)
}

.count .total b,
.count .total .tsmall {
    color: #FFFFFF
}

.count .total .btn {
    background: #D69200;
    color: #1C1C1C
}

.count .card .shot {
    background: #FFFFFF
}

.count .rail-fine,
.count .foot-fine {
    color: rgba(28, 28, 28, .66)
}

.pivot {
    background: #FFFFFF;
    color: #1C1C1C
}

.pivot h1,
.pivot h2,
.pivot h3,
.pivot h4,
.pivot .mile-k,
.pivot .count-line,
.pivot .trigger,
.pivot .cities,
.pivot .card-price {
    color: #1C1C1C
}

.pivot p,
.pivot .lede {
    color: rgba(28, 28, 28, .66)
}

.pivot .lead,
.pivot p.strong,
.pivot .partner-quote,
.pivot .pitch p {
    color: #1C1C1C
}

.pivot .slash,
.pivot .eyebrow,
.pivot .eyebrow.dim,
.pivot .tier-num,
.pivot .tier-tag,
.pivot .card-meta,
.pivot .mile-k small,
.pivot .count-date,
.pivot .count-note,
.pivot .miles-foot,
.pivot .charge-note,
.pivot .mile-budget span,
.pivot .cell span,
.pivot .meter .lbl,
.pivot .lockup .who,
.pivot .stat span,
.pivot .chip,
.pivot .cyc-head .sub,
.pivot .node p {
    color: rgba(28, 28, 28, .66)
}

.pivot .mile-budget b,
.pivot .cell b,
.pivot .meter .val,
.pivot .tier-price,
.pivot .stat b,
.pivot .node h3 {
    color: #1C1C1C
}

.pivot .rule,
.pivot hr {
    background: rgba(28, 28, 28, .16)
}

.pivot .tier,
.pivot .mile,
.pivot .card,
.pivot .cell,
.pivot .meter {
    background: #F4F4F4;
    border-color: rgba(28, 28, 28, .16)
}

.pivot .card-body,
.pivot .mile-budget,
.pivot .count-top,
.pivot .pitch li,
.pivot .lockup,
.pivot .gfn,
.pivot .partner-quote,
.pivot .step,
.pivot .flow,
.pivot .cyc-row,
.pivot .chip {
    border-color: rgba(28, 28, 28, .16)
}

.pivot .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

.pivot .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

.pivot .btn-ink {
    background: #1C1C1C;
    color: #FFFFFF
}

.pivot .btn-ghost {
    border-color: rgba(28, 28, 28, .16);
    color: #1C1C1C
}

.pivot .gold-rule {
    background: #D69200
}

.pivot .pitch li::before {
    color: rgba(28, 28, 28, .66)
}

.pivot .node .link {
    border-color: rgba(28, 28, 28, .35);
    color: #1C1C1C;
    background: #FFFFFF
}

.pivot .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

.pivot .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

.pivot .node:last-child .meter {
    background: #1C1C1C;
    border-color: #1C1C1C
}

.pivot .node:last-child .meter .lbl {
    color: rgba(255, 255, 255, .72)
}

.pivot .node:last-child .meter .val {
    color: #D69200
}

.pivot .total {
    background: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .16)
}

.pivot .total b,
.pivot .total .tsmall {
    color: #FFFFFF
}

.pivot .total .btn {
    background: #D69200;
    color: #1C1C1C
}

.pivot .card .shot {
    background: #FFFFFF
}

.pivot .rail-fine,
.pivot .foot-fine {
    color: rgba(28, 28, 28, .66)
}

#about {
    background: #F4F4F4;
    color: #1C1C1C
}

#about h1,
#about h2,
#about h3,
#about h4,
#about .mile-k,
#about .count-line,
#about .trigger,
#about .cities,
#about .card-price {
    color: #1C1C1C
}

#about p,
#about .lede {
    color: rgba(28, 28, 28, .66)
}

#about .lead,
#about p.strong,
#about .partner-quote,
#about .pitch p {
    color: #1C1C1C
}

#about .slash,
#about .eyebrow,
#about .eyebrow.dim,
#about .tier-num,
#about .tier-tag,
#about .card-meta,
#about .mile-k small,
#about .count-date,
#about .count-note,
#about .miles-foot,
#about .charge-note,
#about .mile-budget span,
#about .cell span,
#about .meter .lbl,
#about .lockup .who,
#about .stat span,
#about .chip,
#about .cyc-head .sub,
#about .node p {
    color: rgba(28, 28, 28, .66)
}

#about .mile-budget b,
#about .cell b,
#about .meter .val,
#about .tier-price,
#about .stat b,
#about .node h3 {
    color: #1C1C1C
}

#about .rule,
#about hr {
    background: rgba(28, 28, 28, .16)
}

#about .tier,
#about .mile,
#about .card,
#about .cell,
#about .meter {
    background: #FFFFFF;
    border-color: rgba(28, 28, 28, .16)
}

#about .card-body,
#about .mile-budget,
#about .count-top,
#about .pitch li,
#about .lockup,
#about .gfn,
#about .partner-quote,
#about .step,
#about .flow,
#about .cyc-row,
#about .chip {
    border-color: rgba(28, 28, 28, .16)
}

#about .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

#about .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

#about .btn-ink {
    background: #1C1C1C;
    color: #FFFFFF
}

#about .btn-ghost {
    border-color: rgba(28, 28, 28, .16);
    color: #1C1C1C
}

#about .gold-rule {
    background: #D69200
}

#about .pitch li::before {
    color: rgba(28, 28, 28, .66)
}

#about .node .link {
    border-color: rgba(28, 28, 28, .35);
    color: #1C1C1C;
    background: #F4F4F4
}

#about .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

#about .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

#about .node:last-child .meter {
    background: #1C1C1C;
    border-color: #1C1C1C
}

#about .node:last-child .meter .lbl {
    color: rgba(255, 255, 255, .72)
}

#about .node:last-child .meter .val {
    color: #D69200
}

#about .total {
    background: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .16)
}

#about .total b,
#about .total .tsmall {
    color: #FFFFFF
}

#about .total .btn {
    background: #D69200;
    color: #1C1C1C
}

#about .card .shot {
    background: #FFFFFF
}

#about .rail-fine,
#about .foot-fine {
    color: rgba(28, 28, 28, .66)
}

#membership {
    background: #1C1C1C;
    color: #FFFFFF
}

#membership h1,
#membership h2,
#membership h3,
#membership h4,
#membership .mile-k,
#membership .count-line,
#membership .trigger,
#membership .cities,
#membership .card-price {
    color: #FFFFFF
}

#membership p,
#membership .lede {
    color: rgba(255, 255, 255, .72)
}

#membership .lead,
#membership p.strong,
#membership .partner-quote,
#membership .pitch p {
    color: #FFFFFF
}

#membership .slash,
#membership .eyebrow,
#membership .eyebrow.dim,
#membership .tier-num,
#membership .tier-tag,
#membership .card-meta,
#membership .mile-k small,
#membership .count-date,
#membership .count-note,
#membership .miles-foot,
#membership .charge-note,
#membership .mile-budget span,
#membership .cell span,
#membership .meter .lbl,
#membership .lockup .who,
#membership .stat span,
#membership .chip,
#membership .cyc-head .sub,
#membership .node p {
    color: rgba(255, 255, 255, .72)
}

#membership .mile-budget b,
#membership .cell b,
#membership .meter .val,
#membership .tier-price,
#membership .stat b,
#membership .node h3 {
    color: #FFFFFF
}

#membership .rule,
#membership hr {
    background: rgba(255, 255, 255, .22)
}

#membership .tier,
#membership .mile,
#membership .card,
#membership .cell,
#membership .meter {
    background: #333333;
    border-color: rgba(255, 255, 255, .22)
}

#membership .card-body,
#membership .mile-budget,
#membership .count-top,
#membership .pitch li,
#membership .lockup,
#membership .gfn,
#membership .partner-quote,
#membership .step,
#membership .flow,
#membership .cyc-row,
#membership .chip {
    border-color: rgba(255, 255, 255, .22)
}

#membership .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

#membership .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

#membership .btn-ink {
    background: #FFFFFF;
    color: #1C1C1C
}

#membership .btn-ghost {
    border-color: rgba(255, 255, 255, .22);
    color: #FFFFFF
}

#membership .gold-rule {
    background: #D69200
}

#membership .pitch li::before {
    color: rgba(255, 255, 255, .72)
}

#membership .node .link {
    border-color: rgba(255, 255, 255, .5);
    color: #FFFFFF;
    background: #1C1C1C
}

#membership .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

#membership .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

#membership .node:last-child .meter {
    background: #FFFFFF;
    border-color: #FFFFFF
}

#membership .node:last-child .meter .lbl {
    color: rgba(28, 28, 28, .66)
}

#membership .node:last-child .meter .val {
    color: #1C1C1C
}

#membership .total {
    background: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, .22)
}

#membership .total b,
#membership .total .tsmall {
    color: #1C1C1C
}

#membership .total .btn {
    background: #D69200;
    color: #1C1C1C
}

#membership .card .shot {
    background: #FFFFFF
}

#membership .rail-fine,
#membership .foot-fine {
    color: rgba(255, 255, 255, .72)
}

#flow {
    background: #FFFFFF;
    color: #1C1C1C
}

#flow h1,
#flow h2,
#flow h3,
#flow h4,
#flow .mile-k,
#flow .count-line,
#flow .trigger,
#flow .cities,
#flow .card-price {
    color: #1C1C1C
}

#flow p,
#flow .lede {
    color: rgba(28, 28, 28, .66)
}

#flow .lead,
#flow p.strong,
#flow .partner-quote,
#flow .pitch p {
    color: #1C1C1C
}

#flow .slash,
#flow .eyebrow,
#flow .eyebrow.dim,
#flow .tier-num,
#flow .tier-tag,
#flow .card-meta,
#flow .mile-k small,
#flow .count-date,
#flow .count-note,
#flow .miles-foot,
#flow .charge-note,
#flow .mile-budget span,
#flow .cell span,
#flow .meter .lbl,
#flow .lockup .who,
#flow .stat span,
#flow .chip,
#flow .cyc-head .sub,
#flow .node p {
    color: rgba(28, 28, 28, .66)
}

#flow .mile-budget b,
#flow .cell b,
#flow .meter .val,
#flow .tier-price,
#flow .stat b,
#flow .node h3 {
    color: #1C1C1C
}

#flow .rule,
#flow hr {
    background: rgba(28, 28, 28, .16)
}

#flow .tier,
#flow .mile,
#flow .card,
#flow .cell,
#flow .meter {
    background: #F4F4F4;
    border-color: rgba(28, 28, 28, .16)
}

#flow .card-body,
#flow .mile-budget,
#flow .count-top,
#flow .pitch li,
#flow .lockup,
#flow .gfn,
#flow .partner-quote,
#flow .step,
#flow .flow,
#flow .cyc-row,
#flow .chip {
    border-color: rgba(28, 28, 28, .16)
}

#flow .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

#flow .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

#flow .btn-ink {
    background: #1C1C1C;
    color: #FFFFFF
}

#flow .btn-ghost {
    border-color: rgba(28, 28, 28, .16);
    color: #1C1C1C
}

#flow .gold-rule {
    background: #D69200
}

#flow .pitch li::before {
    color: rgba(28, 28, 28, .66)
}

#flow .node .link {
    border-color: rgba(28, 28, 28, .35);
    color: #1C1C1C;
    background: #FFFFFF
}

#flow .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

#flow .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

#flow .node:last-child .meter {
    background: #1C1C1C;
    border-color: #1C1C1C
}

#flow .node:last-child .meter .lbl {
    color: rgba(255, 255, 255, .72)
}

#flow .node:last-child .meter .val {
    color: #D69200
}

#flow .total {
    background: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .16)
}

#flow .total b,
#flow .total .tsmall {
    color: #FFFFFF
}

#flow .total .btn {
    background: #D69200;
    color: #1C1C1C
}

#flow .card .shot {
    background: #FFFFFF
}

#flow .rail-fine,
#flow .foot-fine {
    color: rgba(28, 28, 28, .66)
}

#milestones {
    background: #F4F4F4;
    color: #1C1C1C
}

#milestones h1,
#milestones h2,
#milestones h3,
#milestones h4,
#milestones .mile-k,
#milestones .count-line,
#milestones .trigger,
#milestones .cities,
#milestones .card-price {
    color: #1C1C1C
}

#milestones p,
#milestones .lede {
    color: rgba(28, 28, 28, .66)
}

#milestones .lead,
#milestones p.strong,
#milestones .partner-quote,
#milestones .pitch p {
    color: #1C1C1C
}

#milestones .slash,
#milestones .eyebrow,
#milestones .eyebrow.dim,
#milestones .tier-num,
#milestones .tier-tag,
#milestones .card-meta,
#milestones .mile-k small,
#milestones .count-date,
#milestones .count-note,
#milestones .miles-foot,
#milestones .charge-note,
#milestones .mile-budget span,
#milestones .cell span,
#milestones .meter .lbl,
#milestones .lockup .who,
#milestones .stat span,
#milestones .chip,
#milestones .cyc-head .sub,
#milestones .node p {
    color: rgba(28, 28, 28, .66)
}

#milestones .mile-budget b,
#milestones .cell b,
#milestones .meter .val,
#milestones .tier-price,
#milestones .stat b,
#milestones .node h3 {
    color: #1C1C1C
}

#milestones .rule,
#milestones hr {
    background: rgba(28, 28, 28, .16)
}

#milestones .tier,
#milestones .mile,
#milestones .card,
#milestones .cell,
#milestones .meter {
    background: #FFFFFF;
    border-color: rgba(28, 28, 28, .16)
}

#milestones .card-body,
#milestones .mile-budget,
#milestones .count-top,
#milestones .pitch li,
#milestones .lockup,
#milestones .gfn,
#milestones .partner-quote,
#milestones .step,
#milestones .flow,
#milestones .cyc-row,
#milestones .chip {
    border-color: rgba(28, 28, 28, .16)
}

#milestones .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

#milestones .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

#milestones .btn-ink {
    background: #1C1C1C;
    color: #FFFFFF
}

#milestones .btn-ghost {
    border-color: rgba(28, 28, 28, .16);
    color: #1C1C1C
}

#milestones .gold-rule {
    background: #D69200
}

#milestones .pitch li::before {
    color: rgba(28, 28, 28, .66)
}

#milestones .node .link {
    border-color: rgba(28, 28, 28, .35);
    color: #1C1C1C;
    background: #F4F4F4
}

#milestones .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

#milestones .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

#milestones .node:last-child .meter {
    background: #1C1C1C;
    border-color: #1C1C1C
}

#milestones .node:last-child .meter .lbl {
    color: rgba(255, 255, 255, .72)
}

#milestones .node:last-child .meter .val {
    color: #D69200
}

#milestones .total {
    background: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .16)
}

#milestones .total b,
#milestones .total .tsmall {
    color: #FFFFFF
}

#milestones .total .btn {
    background: #D69200;
    color: #1C1C1C
}

#milestones .card .shot {
    background: #FFFFFF
}

#milestones .rail-fine,
#milestones .foot-fine {
    color: rgba(28, 28, 28, .66)
}

#partnership {
    background: #FFFFFF;
    color: #1C1C1C
}

#partnership h1,
#partnership h2,
#partnership h3,
#partnership h4,
#partnership .mile-k,
#partnership .count-line,
#partnership .trigger,
#partnership .cities,
#partnership .card-price {
    color: #1C1C1C
}

#partnership p,
#partnership .lede {
    color: rgba(28, 28, 28, .66)
}

#partnership .lead,
#partnership p.strong,
#partnership .partner-quote,
#partnership .pitch p {
    color: #1C1C1C
}

#partnership .slash,
#partnership .eyebrow,
#partnership .eyebrow.dim,
#partnership .tier-num,
#partnership .tier-tag,
#partnership .card-meta,
#partnership .mile-k small,
#partnership .count-date,
#partnership .count-note,
#partnership .miles-foot,
#partnership .charge-note,
#partnership .mile-budget span,
#partnership .cell span,
#partnership .meter .lbl,
#partnership .lockup .who,
#partnership .stat span,
#partnership .chip,
#partnership .cyc-head .sub,
#partnership .node p {
    color: rgba(28, 28, 28, .66)
}

#partnership .mile-budget b,
#partnership .cell b,
#partnership .meter .val,
#partnership .tier-price,
#partnership .stat b,
#partnership .node h3 {
    color: #1C1C1C
}

#partnership .rule,
#partnership hr {
    background: rgba(28, 28, 28, .16)
}

#partnership .tier,
#partnership .mile,
#partnership .card,
#partnership .cell,
#partnership .meter {
    background: #F4F4F4;
    border-color: rgba(28, 28, 28, .16)
}

#partnership .card-body,
#partnership .mile-budget,
#partnership .count-top,
#partnership .pitch li,
#partnership .lockup,
#partnership .gfn,
#partnership .partner-quote,
#partnership .step,
#partnership .flow,
#partnership .cyc-row,
#partnership .chip {
    border-color: rgba(28, 28, 28, .16)
}

#partnership .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

#partnership .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

#partnership .btn-ink {
    background: #1C1C1C;
    color: #FFFFFF
}

#partnership .btn-ghost {
    border-color: rgba(28, 28, 28, .16);
    color: #1C1C1C
}

#partnership .gold-rule {
    background: #D69200
}

#partnership .pitch li::before {
    color: rgba(28, 28, 28, .66)
}

#partnership .node .link {
    border-color: rgba(28, 28, 28, .35);
    color: #1C1C1C;
    background: #FFFFFF
}

#partnership .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

#partnership .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

#partnership .node:last-child .meter {
    background: #1C1C1C;
    border-color: #1C1C1C
}

#partnership .node:last-child .meter .lbl {
    color: rgba(255, 255, 255, .72)
}

#partnership .node:last-child .meter .val {
    color: #D69200
}

#partnership .total {
    background: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .16)
}

#partnership .total b,
#partnership .total .tsmall {
    color: #FFFFFF
}

#partnership .total .btn {
    background: #D69200;
    color: #1C1C1C
}

#partnership .card .shot {
    background: #FFFFFF
}

#partnership .rail-fine,
#partnership .foot-fine {
    color: rgba(28, 28, 28, .66)
}

#merch {
    background: #F4F4F4;
    color: #1C1C1C
}

#merch h1,
#merch h2,
#merch h3,
#merch h4,
#merch .mile-k,
#merch .count-line,
#merch .trigger,
#merch .cities,
#merch .card-price {
    color: #1C1C1C
}

#merch p,
#merch .lede {
    color: rgba(28, 28, 28, .66)
}

#merch .lead,
#merch p.strong,
#merch .partner-quote,
#merch .pitch p {
    color: #1C1C1C
}

#merch .slash,
#merch .eyebrow,
#merch .eyebrow.dim,
#merch .tier-num,
#merch .tier-tag,
#merch .card-meta,
#merch .mile-k small,
#merch .count-date,
#merch .count-note,
#merch .miles-foot,
#merch .charge-note,
#merch .mile-budget span,
#merch .cell span,
#merch .meter .lbl,
#merch .lockup .who,
#merch .stat span,
#merch .chip,
#merch .cyc-head .sub,
#merch .node p {
    color: rgba(28, 28, 28, .66)
}

#merch .mile-budget b,
#merch .cell b,
#merch .meter .val,
#merch .tier-price,
#merch .stat b,
#merch .node h3 {
    color: #1C1C1C
}

#merch .rule,
#merch hr {
    background: rgba(28, 28, 28, .16)
}

#merch .tier,
#merch .mile,
#merch .card,
#merch .cell,
#merch .meter {
    background: #FFFFFF;
    border-color: rgba(28, 28, 28, .16)
}

#merch .card-body,
#merch .mile-budget,
#merch .count-top,
#merch .pitch li,
#merch .lockup,
#merch .gfn,
#merch .partner-quote,
#merch .step,
#merch .flow,
#merch .cyc-row,
#merch .chip {
    border-color: rgba(28, 28, 28, .16)
}

#merch .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

#merch .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

#merch .btn-ink {
    background: #1C1C1C;
    color: #FFFFFF
}

#merch .btn-ghost {
    border-color: rgba(28, 28, 28, .16);
    color: #1C1C1C
}

#merch .gold-rule {
    background: #D69200
}

#merch .pitch li::before {
    color: rgba(28, 28, 28, .66)
}

#merch .node .link {
    border-color: rgba(28, 28, 28, .35);
    color: #1C1C1C;
    background: #F4F4F4
}

#merch .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

#merch .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

#merch .node:last-child .meter {
    background: #1C1C1C;
    border-color: #1C1C1C
}

#merch .node:last-child .meter .lbl {
    color: rgba(255, 255, 255, .72)
}

#merch .node:last-child .meter .val {
    color: #D69200
}

#merch .total {
    background: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .16)
}

#merch .total b,
#merch .total .tsmall {
    color: #FFFFFF
}

#merch .total .btn {
    background: #D69200;
    color: #1C1C1C
}

#merch .card .shot {
    background: #FFFFFF
}

#merch .rail-fine,
#merch .foot-fine {
    color: rgba(28, 28, 28, .66)
}

#counter {
    background: #1C1C1C;
    color: #FFFFFF
}

#counter h1,
#counter h2,
#counter h3,
#counter h4,
#counter .mile-k,
#counter .count-line,
#counter .trigger,
#counter .cities,
#counter .card-price {
    color: #FFFFFF
}

#counter p,
#counter .lede {
    color: rgba(255, 255, 255, .72)
}

#counter .lead,
#counter p.strong,
#counter .partner-quote,
#counter .pitch p {
    color: #FFFFFF
}

#counter .slash,
#counter .eyebrow,
#counter .eyebrow.dim,
#counter .tier-num,
#counter .tier-tag,
#counter .card-meta,
#counter .mile-k small,
#counter .count-date,
#counter .count-note,
#counter .miles-foot,
#counter .charge-note,
#counter .mile-budget span,
#counter .cell span,
#counter .meter .lbl,
#counter .lockup .who,
#counter .stat span,
#counter .chip,
#counter .cyc-head .sub,
#counter .node p {
    color: rgba(255, 255, 255, .72)
}

#counter .mile-budget b,
#counter .cell b,
#counter .meter .val,
#counter .tier-price,
#counter .stat b,
#counter .node h3 {
    color: #FFFFFF
}

#counter .rule,
#counter hr {
    background: rgba(255, 255, 255, .22)
}

#counter .tier,
#counter .mile,
#counter .card,
#counter .cell,
#counter .meter {
    background: #333333;
    border-color: rgba(255, 255, 255, .22)
}

#counter .card-body,
#counter .mile-budget,
#counter .count-top,
#counter .pitch li,
#counter .lockup,
#counter .gfn,
#counter .partner-quote,
#counter .step,
#counter .flow,
#counter .cyc-row,
#counter .chip {
    border-color: rgba(255, 255, 255, .22)
}

#counter .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

#counter .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

#counter .btn-ink {
    background: #FFFFFF;
    color: #1C1C1C
}

#counter .btn-ghost {
    border-color: rgba(255, 255, 255, .22);
    color: #FFFFFF
}

#counter .gold-rule {
    background: #D69200
}

#counter .pitch li::before {
    color: rgba(255, 255, 255, .72)
}

#counter .node .link {
    border-color: rgba(255, 255, 255, .5);
    color: #FFFFFF;
    background: #1C1C1C
}

#counter .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

#counter .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

#counter .node:last-child .meter {
    background: #FFFFFF;
    border-color: #FFFFFF
}

#counter .node:last-child .meter .lbl {
    color: rgba(28, 28, 28, .66)
}

#counter .node:last-child .meter .val {
    color: #1C1C1C
}

#counter .total {
    background: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, .22)
}

#counter .total b,
#counter .total .tsmall {
    color: #1C1C1C
}

#counter .total .btn {
    background: #D69200;
    color: #1C1C1C
}

#counter .card .shot {
    background: #FFFFFF
}

#counter .rail-fine,
#counter .foot-fine {
    color: rgba(255, 255, 255, .72)
}

#faq {
    background: #FFFFFF;
    color: #1C1C1C
}

#faq h1,
#faq h2,
#faq h3,
#faq h4,
#faq .mile-k,
#faq .count-line,
#faq .trigger,
#faq .cities,
#faq .card-price {
    color: #1C1C1C
}

#faq p,
#faq .lede {
    color: rgba(28, 28, 28, .66)
}

#faq .lead,
#faq p.strong,
#faq .partner-quote,
#faq .pitch p {
    color: #1C1C1C
}

#faq .slash,
#faq .eyebrow,
#faq .eyebrow.dim,
#faq .tier-num,
#faq .tier-tag,
#faq .card-meta,
#faq .mile-k small,
#faq .count-date,
#faq .count-note,
#faq .miles-foot,
#faq .charge-note,
#faq .mile-budget span,
#faq .cell span,
#faq .meter .lbl,
#faq .lockup .who,
#faq .stat span,
#faq .chip,
#faq .cyc-head .sub,
#faq .node p {
    color: rgba(28, 28, 28, .66)
}

#faq .mile-budget b,
#faq .cell b,
#faq .meter .val,
#faq .tier-price,
#faq .stat b,
#faq .node h3 {
    color: #1C1C1C
}

#faq .rule,
#faq hr {
    background: rgba(28, 28, 28, .16)
}

#faq .tier,
#faq .mile,
#faq .card,
#faq .cell,
#faq .meter {
    background: #F4F4F4;
    border-color: rgba(28, 28, 28, .16)
}

#faq .card-body,
#faq .mile-budget,
#faq .count-top,
#faq .pitch li,
#faq .lockup,
#faq .gfn,
#faq .partner-quote,
#faq .step,
#faq .flow,
#faq .cyc-row,
#faq .chip {
    border-color: rgba(28, 28, 28, .16)
}

#faq .btn-gold {
    background: #D69200;
    color: #1C1C1C
}

#faq .btn-gold:hover {
    background: #F0A80D;
    color: #1C1C1C
}

#faq .btn-ink {
    background: #1C1C1C;
    color: #FFFFFF
}

#faq .btn-ghost {
    border-color: rgba(28, 28, 28, .16);
    color: #1C1C1C
}

#faq .gold-rule {
    background: #D69200
}

#faq .pitch li::before {
    color: rgba(28, 28, 28, .66)
}

#faq .node .link {
    border-color: rgba(28, 28, 28, .35);
    color: #1C1C1C;
    background: #FFFFFF
}

#faq .node:last-child .link {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

#faq .rail-track::before {
    background: linear-gradient(90deg, #D69200 0%, #D69200 74%, transparent 100%)
}

#faq .node:last-child .meter {
    background: #1C1C1C;
    border-color: #1C1C1C
}

#faq .node:last-child .meter .lbl {
    color: rgba(255, 255, 255, .72)
}

#faq .node:last-child .meter .val {
    color: #D69200
}

#faq .total {
    background: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .16)
}

#faq .total b,
#faq .total .tsmall {
    color: #FFFFFF
}

#faq .total .btn {
    background: #D69200;
    color: #1C1C1C
}

#faq .card .shot {
    background: #FFFFFF
}

#faq .rail-fine,
#faq .foot-fine {
    color: rgba(28, 28, 28, .66)
}

#counter .rail-x-track {
    background: rgba(255, 255, 255, .14)
}

#counter .rx i {
    border-color: rgba(255, 255, 255, .4)
}

#counter .rx b {
    color: #FFFFFF
}

#counter .rx small {
    color: rgba(255, 255, 255, .72)
}

#milestones {
    padding-top: 104px
}

@media(max-width:640px) {
    #milestones {
        padding-top: 72px
    }
}

.mailto a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px
}

.charge-note a {
    color: inherit;
    text-decoration: underline
}

#faq .faq,
#faq .faq-grid {
    border-color: rgba(28, 28, 28, .16)
}

.sent.bad {
    border-left: 3px solid #1C1C1C
}

.shr-ov {
    position: fixed;
    inset: 0;
    z-index: 400;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(15, 15, 15, .72);
    backdrop-filter: blur(3px)
}

.shr-ov.on {
    display: flex
}

.shr-box {
    background: #FFFFFF;
    color: #1C1C1C;
    width: 100%;
    max-width: 452px;
    border-radius: 16px;
    padding: 34px 30px 28px;
    position: relative;
    max-height: 92vh;
    overflow: auto;
    text-align: center
}

.shr-x {
    position: absolute;
    top: 12px;
    right: 14px;
    background: none;
    border: 0;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    color: #333333;
    padding: 6px 10px
}

.shr-eyebrow {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #8F6408;
    margin: 0 0 10px
}

.shr-box h3 {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: clamp(24px, 5vw, 31px);
    letter-spacing: -.02em;
    margin: 0 0 10px;
    color: #1C1C1C
}

.shr-sub {
    font-size: 14.5px;
    line-height: 1.55;
    color: #333333;
    margin: 0 0 22px
}

.shr-link {
    display: flex;
    gap: 8px;
    margin-bottom: 16px
}

.shr-link input {
    flex: 1;
    min-width: 0;
    font-family: "IBM Plex Mono", monospace;
    font-size: 11.5px;
    padding: 12px 13px;
    border: 1px solid #D5D5D5;
    border-radius: 9px;
    background: #F4F4F4;
    color: #333333
}

.shr-link button {
    background: #1C1C1C;
    color: #FFFFFF;
    border: 0;
    border-radius: 9px;
    padding: 12px 17px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap
}

.shr-link button.done {
    background: #8F6408
}

.shr-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-bottom: 0
}

.shr-ch,
.shr-native {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    border: 1px solid #D5D5D5;
    border-radius: 999px;
    padding: 10px 15px;
    background: #FFFFFF;
    color: #333333;
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.shr-native {
    background: #1C1C1C;
    color: #FFFFFF;
    border-color: #1C1C1C
}

.js-share {
    cursor: pointer
}

@media(max-width:640px) {
    .shr-box {
        padding: 30px 20px 24px
    }
}

@media(max-width:860px) {}

.ck-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    background: #1C1C1C;
    border-top: 1px solid #333333;
    padding: 16px 0
}

.ck-bar[hidden] {
    display: none
}

.ck-in {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 22px;
    display: flex;
    gap: 18px;
    align-items: center;
    flex-wrap: wrap
}

.ck-in p {
    margin: 0;
    flex: 1;
    min-width: 260px;
    color: #FFFFFF;
    font-size: 13.5px;
    line-height: 1.55
}

.ck-in p a {
    color: #F0A80D
}

.ck-btns {
    display: flex;
    gap: 9px;
    flex-wrap: wrap
}

.ck-b1,
.ck-b2 {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 11px 18px;
    cursor: pointer;
    white-space: nowrap
}

.ck-b1 {
    background: #F0A80D;
    color: #1C1C1C;
    border: 1px solid #F0A80D
}

.ck-b2 {
    background: none;
    color: #FFFFFF;
    border: 1px solid #FFFFFF
}

@media(max-width:640px) {
    .ck-in {
        gap: 12px
    }

    .ck-btns {
        width: 100%
    }

    .ck-b1,
    .ck-b2 {
        flex: 1;
        text-align: center
    }
}

.foot-share {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    background: none;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    border-radius: 999px;
    padding: 11px 18px;
    cursor: pointer;
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    line-height: 1
}

.foot-share:hover {
    background: #FFFFFF;
    color: #1C1C1C
}

.po-badge {
    display: inline-block;
    background: #1C1C1C;
    color: #F0A80D;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    padding: 6px 11px;
    border-radius: 999px;
    margin-bottom: 13px
}

.po-deliv {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #333333;
    margin-top: 8px
}

.po-lab {
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #333333;
    margin: 16px 0 0
}

.po-sizes {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px
}

.po-size {
    border: 1px solid #D5D5D5;
    background: #FFFFFF;
    color: #1C1C1C;
    border-radius: 3px;
    padding: 9px 13px;
    cursor: pointer;
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    letter-spacing: .08em
}

.po-size[aria-pressed="true"] {
    background: #1C1C1C;
    color: #FFFFFF;
    border-color: #1C1C1C
}

.po-btn {
    width: 100%;
    margin-top: 16px;
    background: #1C1C1C;
    color: #FFFFFF;
    border: 0;
    border-radius: 3px;
    padding: 14px;
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap
}

.po-btn:hover {
    background: #262626
}

.po-btn.gold {
    background: #D69200;
    color: #1C1C1C
}

.po-btn.gold:hover {
    background: #F0A80D
}

.po-btn[disabled] {
    background: #F4F4F4;
    color: #333333;
    cursor: not-allowed
}

.po-added {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #8F6408;
    margin-top: 10px;
    height: 14px
}

.po-cartbtn {
    position: relative
}

.po-count {
    position: absolute;
    top: -7px;
    right: -7px;
    background: #D69200;
    color: #1C1C1C;
    border-radius: 999px;
    min-width: 19px;
    height: 19px;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px
}

.po-scrim2 {
    position: fixed;
    inset: 0;
    background: rgba(28, 28, 28, .6);
    z-index: 310;
    display: none
}

.po-scrim2.open {
    display: block
}

.po-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 404px;
    max-width: 92vw;
    background: #FFFFFF;
    color: #1C1C1C;
    z-index: 320;
    transform: translateX(102%);
    transition: transform .28s cubic-bezier(.2, .8, .2, 1);
    display: flex;
    flex-direction: column;
    box-shadow: -14px 0 40px rgba(28, 28, 28, .18)
}

.po-drawer.open {
    transform: translateX(0)
}

.po-dhead {
    padding: 22px 22px 16px;
    border-bottom: 1px solid #E2E2E2;
    display: flex;
    align-items: center;
    gap: 12px
}

.po-dhead h3 {
    margin: 0;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 19px;
    color: #1C1C1C
}

.po-dhead button {
    margin-left: auto;
    background: none;
    border: 0;
    font-size: 24px;
    cursor: pointer;
    color: #333333;
    line-height: 1;
    padding: 0 4px
}

.po-dbody {
    flex: 1;
    overflow-y: auto;
    padding: 14px 22px
}

.po-dfoot {
    border-top: 1px solid #E2E2E2;
    padding: 18px 22px 22px
}

.po-item {
    display: flex;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #F4F4F4;
    align-items: flex-start
}

.po-item img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    background: #F4F4F4;
    border-radius: 5px;
    flex: 0 0 auto
}

.po-item .nm {
    flex: 1;
    font-size: 14.5px;
    line-height: 1.4
}

.po-item .nm small {
    display: block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #333333;
    margin-top: 5px
}

.po-item .rt {
    text-align: right;
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 14px
}

.po-mini {
    display: flex;
    align-items: center;
    border: 1px solid #D5D5D5;
    border-radius: 3px;
    width: fit-content;
    margin-top: 7px
}

.po-mini button {
    background: none;
    border: 0;
    padding: 4px 9px;
    font-size: 15px;
    cursor: pointer;
    color: #1C1C1C;
    line-height: 1
}

.po-mini span {
    min-width: 24px;
    text-align: center;
    font-size: 13px;
    font-family: "Archivo", sans-serif;
    font-weight: 700
}

.po-rm {
    background: none;
    border: 0;
    color: #333333;
    cursor: pointer;
    font-size: 11.5px;
    text-decoration: underline;
    padding: 6px 0 0;
    display: block
}

.po-empty {
    color: #333333;
    font-size: 14px;
    padding: 26px 0;
    text-align: center
}

.co2 {
    position: fixed;
    inset: 0;
    z-index: 340;
    background: #FFFFFF;
    color: #1C1C1C;
    display: none;
    overflow-y: auto
}

.co2.open {
    display: block
}

.co2-top {
    border-bottom: 1px solid #E2E2E2;
    padding: 16px 0;
    position: sticky;
    top: 0;
    background: #FFFFFF;
    z-index: 2
}

.co2-top .in {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 22px;
    display: flex;
    align-items: center;
    gap: 14px
}

.co2-top .bk {
    background: none;
    border: 0;
    cursor: pointer;
    font-family: "IBM Plex Mono", monospace;
    font-size: 10.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #333333;
    padding: 6px 0
}

.co2-brand {
    font-family: "Archivo", sans-serif;
    font-weight: 900;
    font-size: 17px;
    letter-spacing: -.02em;
    margin-left: auto
}

.co2-wrap {
    max-width: 1080px;
    margin: 0 auto;
    padding: 34px 22px 80px;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 52px;
    align-items: start
}

.co2-h {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: clamp(24px, 4vw, 32px);
    letter-spacing: -.02em;
    margin: 0 0 6px;
    color: #1C1C1C
}

.co2-guest {
    font-size: 14px;
    color: #333333;
    margin: 0 0 22px
}

.co2-guest a {
    color: #8F6408
}

.co2-sec {
    margin-top: 30px
}

.co2-sec:first-of-type {
    margin-top: 0
}

.co2-legend {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 16px;
    margin: 0 0 4px;
    color: #1C1C1C
}

.co2-hint {
    font-size: 13px;
    color: #333333;
    margin: 0 0 14px;
    line-height: 1.55
}

.co2-f {
    margin-bottom: 13px
}

.co2-f label {
    display: block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 7px
}

.co2-f label .opt {
    text-transform: none;
    letter-spacing: 0;
    font-family: "Schibsted Grotesk", sans-serif;
    font-size: 11.5px;
    color: #333333
}

.co2-f input,
.co2-f select {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #D5D5D5;
    border-radius: 8px;
    background: #FFFFFF;
    color: #1C1C1C;
    font-family: "Schibsted Grotesk", sans-serif;
    font-size: 16px
}

.co2-f input:focus,
.co2-f select:focus {
    outline: 2px solid #8F6408;
    outline-offset: 1px
}

.co2-f input.bad,
.co2-f select.bad {
    border-color: #1C1C1C;
    background: #F4F4F4
}

.co2-fe {
    font-size: 12.5px;
    color: #1C1C1C;
    margin: 6px 0 0;
    display: none
}

.co2-fe.show {
    display: block
}

.co2-r2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px
}

.co2-r3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 11px
}

.co2-wallets {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 16px
}

.co2-w {
    border: 1px solid #1C1C1C;
    border-radius: 8px;
    padding: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-weight: 700;
    font-size: 14.5px
}

.co2-w.apple {
    background: #1C1C1C;
    color: #FFFFFF
}

.co2-w.google {
    background: #FFFFFF;
    color: #1C1C1C;
    font-family: Arial, sans-serif
}

.co2-or {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 18px 0;
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #333333
}

.co2-or::before,
.co2-or::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #E2E2E2
}

.co2-ship {
    border: 1px solid #D5D5D5;
    border-radius: 8px;
    padding: 14px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    cursor: pointer;
    margin-bottom: 9px
}

.co2-ship[aria-checked="true"] {
    border-color: #1C1C1C;
    background: #F4F4F4
}

.co2-ship .rd {
    width: 17px;
    height: 17px;
    border: 2px solid #333333;
    border-radius: 50%;
    flex: 0 0 auto;
    margin-top: 2px;
    position: relative
}

.co2-ship[aria-checked="true"] .rd::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: #1C1C1C
}

.co2-ship .t {
    flex: 1;
    font-size: 14.5px
}

.co2-ship .t small {
    display: block;
    color: #333333;
    font-size: 12.5px;
    margin-top: 3px
}

.co2-ship .p {
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 14.5px
}

.co2-check {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin-top: 14px;
    font-size: 13.5px;
    line-height: 1.55;
    color: #333333
}

.co2-check input {
    margin-top: 3px;
    flex: 0 0 auto;
    width: 17px;
    height: 17px
}

.co2-check a {
    color: #8F6408
}

.co2-pay {
    width: 100%;
    margin-top: 22px;
    background: #D69200;
    color: #1C1C1C;
    border: 0;
    border-radius: 8px;
    padding: 17px;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 16px;
    cursor: pointer
}

.co2-pay:hover {
    background: #F0A80D
}

.co2-pay[disabled] {
    background: #F4F4F4;
    color: #333333;
    cursor: not-allowed
}

.co2-trust {
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #333333;
    margin: 12px 0 0;
    text-align: center;
    line-height: 1.8
}

.co2-err {
    background: #1C1C1C;
    color: #FFFFFF;
    border-radius: 8px;
    padding: 13px 15px;
    font-size: 13.5px;
    margin-bottom: 16px;
    display: none
}

.co2-err.show {
    display: block
}

.co2-sum {
    background: #F4F4F4;
    border-radius: 12px;
    padding: 24px 22px;
    position: sticky;
    top: 88px
}

.co2-sum h4 {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 16px;
    margin: 0 0 4px;
    color: #1C1C1C
}

.co2-sum .edit {
    background: none;
    border: 0;
    padding: 0;
    color: #333333;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer
}

.co2-si {
    display: flex;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #E2E2E2;
    align-items: flex-start
}

.co2-si img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    background: #FFFFFF;
    border-radius: 5px;
    flex: 0 0 auto
}

.co2-si .n {
    flex: 1;
    font-size: 13.5px;
    line-height: 1.45
}

.co2-si .n small {
    display: block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #333333;
    margin-top: 4px
}

.co2-si .v {
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 13.5px
}

.co2-line {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    font-size: 14px;
    padding: 7px 0;
    color: #333333
}

.co2-line b {
    color: #1C1C1C
}

.co2-total {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    border-top: 1px solid #E2E2E2;
    margin-top: 9px;
    padding-top: 13px;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 19px;
    color: #1C1C1C
}

.co2-promo {
    background: none;
    border: 0;
    padding: 10px 0 0;
    color: #333333;
    font-size: 12.5px;
    text-decoration: underline;
    cursor: pointer
}

.co2-promowrap {
    display: none;
    gap: 8px;
    margin-top: 10px
}

.co2-promowrap.open {
    display: flex
}

.co2-promowrap input {
    flex: 1;
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #D5D5D5;
    border-radius: 8px;
    font-size: 14px;
    background: #FFFFFF;
    color: #1C1C1C
}

.co2-promowrap button {
    background: #1C1C1C;
    color: #FFFFFF;
    border: 0;
    border-radius: 8px;
    padding: 11px 16px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer
}

.co2-eta {
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #333333;
    margin-top: 14px;
    line-height: 1.8
}

.co2-done {
    max-width: 640px;
    margin: 0 auto;
    padding: 70px 22px 90px;
    text-align: center
}

.co2-tick {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #D69200;
    color: #1C1C1C;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 31px;
    margin: 0 auto 22px
}

.co2-done h2 {
    font-family: "Archivo", sans-serif;
    font-weight: 900;
    font-size: clamp(30px, 6vw, 46px);
    letter-spacing: -.02em;
    margin: 0 0 14px;
    color: #1C1C1C
}

.co2-done .sb {
    font-size: 16.5px;
    line-height: 1.65;
    color: #333333;
    margin: 0 auto 26px;
    max-width: 520px
}

.co2-ord {
    display: inline-block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 13px;
    letter-spacing: .2em;
    background: #F4F4F4;
    border-radius: 999px;
    padding: 11px 20px;
    margin-bottom: 26px;
    color: #1C1C1C
}

.co2-card {
    background: #F4F4F4;
    border-radius: 12px;
    padding: 22px;
    text-align: left;
    margin-bottom: 22px
}

.co2-card h4 {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 15px;
    margin: 0 0 12px;
    color: #1C1C1C
}

.co2-acct {
    border: 1px solid #D5D5D5;
    border-radius: 12px;
    padding: 22px;
    text-align: left
}

@media(max-width:900px) {
    .co2-wrap {
        grid-template-columns: 1fr;
        gap: 26px;
        padding-top: 24px
    }

    .co2-sum {
        position: static;
        order: -1
    }

    .co2-r3 {
        grid-template-columns: 1fr
    }
}

@media(max-width:640px) {
    .co2-r2 {
        grid-template-columns: 1fr
    }

    .co2-wallets {
        grid-template-columns: 1fr
    }
}

.co2-customs {
    background: #F4F4F4;
    border-radius: 8px;
    padding: 13px 15px;
    font-size: 13px;
    line-height: 1.6;
    color: #333333;
    margin: 10px 0 0
}

.co2-customs b {
    color: #1C1C1C
}

@media(max-width:1100px) {
    .nav {
        gap: 16px
    }

    .nav-links {
        display: none
    }

    .burger {
        display: flex
    }

    .mobmenu:not([hidden]) {
        display: block
    }

    .nav-login {
        display: none
    }
}

@media(max-width:760px) {
    .nav {
        height: 66px;
        gap: 12px
    }

    .nav-right {
        gap: 9px
    }

    .brand {
        font-size: 16px
    }

    .brand img {
        height: 25px
    }

    .lang {
        min-width: 0;
        padding: 7px 7px;
        letter-spacing: .1em
    }

    .btn-sm {
        padding: 9px 13px;
        font-size: 12.5px
    }
}

@media(max-width:600px) {
    .nav {
        height: 62px;
        gap: 10px
    }

    .nav-right {
        gap: 7px
    }

    .brand {
        font-size: 15px;
        gap: 8px
    }

    .brand img {
        height: 23px
    }

    .po-cartbtn-txt {
        display: none
    }

    .po-cartbtn-ico {
        display: block
    }

    .po-cartbtn {
        padding: 9px 11px
    }

    .burger {
        width: 37px;
        height: 37px
    }
}

@media(max-width:409px) {
    .brand-txt {
        display: none
    }
}

@media(max-width:430px) {
    .brand img {
        height: 26px
    }

    .lang {
        font-size: 10px;
        padding: 7px 5px
    }

    .btn-sm {
        padding: 9px 11px;
        font-size: 12px
    }

    .nav-right {
        gap: 6px
    }
}

@media(max-width:360px) {
    .nav {
        gap: 8px
    }

    .nav-right {
        gap: 5px
    }

    .btn-sm {
        padding: 8px 9px;
        font-size: 11.5px
    }

    .burger {
        width: 34px;
        height: 34px
    }
}

@media(max-height:480px) and (orientation:landscape) {
    .nav {
        height: 56px
    }

    .mobmenu {
        max-height: calc(100vh - 56px);
        overflow-y: auto
    }
}

html[dir="rtl"] .mobmenu a {
    text-align: right
}

header .lang {
    width: auto;
    min-width: 58px;
    flex: 0 0 auto;
    box-sizing: border-box
}

@media(max-width:1100px) {
    header .lang {
        min-width: 56px
    }
}

@media(max-width:760px) {
    header .lang {
        min-width: 52px;
        padding: 7px 6px;
        letter-spacing: .08em
    }
}

@media(max-width:600px) {
    header .lang {
        min-width: 50px
    }
}

@media(max-width:430px) {
    header .lang {
        min-width: 46px;
        font-size: 10px;
        padding: 7px 4px;
        letter-spacing: .05em
    }
}

@media(max-width:360px) {
    header .lang {
        min-width: 42px;
        font-size: 9.5px;
        padding: 7px 3px;
        letter-spacing: 0
    }
}

body {
    max-width: 100%;
    overflow-x: clip
}

html[dir="rtl"] .po-drawer {
    right: auto;
    left: 0;
    transform: translateX(-102%)
}

html[dir="rtl"] .po-drawer.open {
    transform: translateX(0)
}

#top,
#problem,
#clock,
#ticker,
#pivot,
#about,
#membership,
#flow,
#milestones,
#partnership,
#lombok,
#bowh,
#merch,
#faq,
#audit,
#contact,
#footer {
    scroll-margin-top: 90px
}

@media(max-width:1100px) {

    #top,
    #problem,
    #clock,
    #ticker,
    #pivot,
    #about,
    #membership,
    #flow,
    #milestones,
    #partnership,
    #lombok,
    #bowh,
    #merch,
    #faq,
    #audit,
    #contact,
    #footer {
        scroll-margin-top: 82px
    }
}

@media(max-width:600px) {

    #top,
    #problem,
    #clock,
    #ticker,
    #pivot,
    #about,
    #membership,
    #flow,
    #milestones,
    #partnership,
    #lombok,
    #bowh,
    #merch,
    #faq,
    #audit,
    #contact,
    #footer {
        scroll-margin-top: 76px
    }
}

@media (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }
}

.ri-scrim {
    position: fixed;
    inset: 0;
    z-index: 400;
    background: rgba(28, 28, 28, .9);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 24px 14px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.ri-scrim[hidden] {
    display: none
}

.ri {
    width: min(520px, 100%);
    background: #FFFFFF;
    color: #1C1C1C;
    border-radius: 10px;
    padding: 30px 26px 26px;
    position: relative;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
    margin: auto
}

.ri-x {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    color: #1C1C1C;
    background: #F4F4F4;
    cursor: pointer
}

.ri-x:hover {
    background: #E4E4E4
}

.ri-slash {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #8F6408;
    margin: 0
}

.ri-h {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    letter-spacing: -.02em;
    font-size: clamp(24px, 5.4vw, 31px);
    line-height: 1.08;
    margin: 12px 0 0;
    color: #1C1C1C
}

.ri-lede {
    font-size: 15px;
    line-height: 1.62;
    color: #333333;
    margin: 12px 0 0
}

.ri-lbl {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #333333;
    margin: 24px 0 9px
}

.ri-seg {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px
}

.ri-opt {
    border: 1px solid #D5D5D5;
    background: #FFFFFF;
    color: #1C1C1C;
    border-radius: 8px;
    padding: 13px 12px;
    font-family: "Schibsted Grotesk", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
    text-align: left;
    min-height: 52px
}

.ri-opt:hover {
    border-color: #1C1C1C
}

.ri-opt.is-on {
    border-color: #1C1C1C;
    background: #1C1C1C;
    color: #FFFFFF
}

.ri-f {
    margin-top: 16px;
    display: block
}

.ri-f[hidden] {
    display: none
}

.ri-f label {
    display: block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 7px
}

.ri-f label i {
    font-style: normal;
    color: #6B6B6B;
    letter-spacing: .1em
}

.ri-f input,
.ri-f select,
.ri-f textarea {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-family: "Schibsted Grotesk", sans-serif;
    padding: 13px 14px;
    border: 1px solid #D5D5D5;
    border-radius: 8px;
    background: #FFFFFF;
    color: #1C1C1C
}

.ri-f textarea {
    resize: vertical;
    min-height: 104px;
    line-height: 1.55
}

.ri-f input:focus,
.ri-f select:focus,
.ri-f textarea:focus {
    outline: 2px solid #8F6408;
    outline-offset: 1px;
    border-color: #8F6408
}

.ri-f.bad input,
.ri-f.bad select,
.ri-f.bad textarea {
    border-color: #A11B1B
}

.ri-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.ri-row .ri-f {
    margin-top: 16px
}

.ri-err {
    display: none;
    font-size: 12.5px;
    line-height: 1.45;
    color: #A11B1B;
    margin-top: 6px
}

.ri-err.show {
    display: block
}

.ri-consent {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin-top: 20px;
    font-size: 13.5px;
    line-height: 1.55;
    color: #333333;
    cursor: pointer
}

.ri-consent input {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    margin-top: 1px;
    accent-color: #1C1C1C
}

.ri-consent a {
    color: #8F6408;
    text-decoration: underline
}

.ri-hp {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%)
}

.ri-send {
    width: 100%;
    margin-top: 22px;
    border: 0;
    border-radius: 8px;
    background: #D69200;
    color: #1C1C1C;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 15px;
    padding: 16px 18px;
    cursor: pointer;
    white-space: nowrap
}

.ri-send:hover {
    background: #F0A80D
}

.ri-send[disabled] {
    opacity: .55;
    cursor: default
}

.ri-tick {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #D69200;
    color: #1C1C1C;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 700
}

@media(max-width:520px) {
    .ri {
        padding: 26px 18px 22px;
        border-radius: 9px
    }

    .ri-seg {
        grid-template-columns: 1fr
    }

    .ri-row {
        grid-template-columns: 1fr;
        gap: 0
    }
}

html[dir="rtl"] .ri-x {
    right: auto;
    left: 12px
}

html[dir="rtl"] .ri-opt {
    text-align: right
}

.cf-err {
    display: none;
    font-size: 12.5px;
    line-height: 1.45;
    color: #A11B1B;
    margin-top: 6px
}

.cf-err.show {
    display: block
}

.field input.bad,
.field textarea.bad,
.field select.bad {
    border-color: #A11B1B
}

.cf-hp {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%)
}

.gold-text.on-graphite {
    color: #F0A80D
}

.rail-track {
    align-items: stretch
}

.node {
    display: flex;
    flex-direction: column
}

.node .meter {
    margin-top: auto
}

.node p {
    margin: 0 0 18px
}

.node>*:last-child {
    margin-bottom: 0
}

.co-scrim {
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(28, 28, 28, .9);
    backdrop-filter: blur(6px);
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 24px 14px;
    overflow-y: auto
}

.co-scrim.open {
    display: flex
}

.co {
    width: min(440px, 100%);
    background: #FFFFFF;
    color: #1C1C1C;
    border-radius: 8px;
    padding: 26px 26px 22px;
    position: relative;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .4)
}

.co-x {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #1C1C1C;
    background: #F4F4F4;
    z-index: 2
}

.co-x:hover {
    background: #E3E3E3
}

.co-kicker {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: rgba(28, 28, 28, .72)
}

.co h3 {
    font-size: 25px;
    margin: 10px 0 18px;
    color: #1C1C1C;
    line-height: 1.1;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    letter-spacing: -.02em
}

.co h3.sm {
    font-size: 21px
}

.co-lab {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 10px
}

.co-lab span,
.co-lab em {
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(28, 28, 28, .72);
    font-style: normal
}

.co-lab em {
    margin-left: auto
}

.amt-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px
}

.amt-opt {
    height: 44px;
    border: 1px solid rgba(28, 28, 28, .24);
    border-radius: 5px;
    background: #FFFFFF;
    color: #1C1C1C;
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 15px;
    transition: all .14s ease
}

.amt-opt:hover {
    border-color: #1C1C1C
}

.amt-opt[aria-pressed="true"] {
    background: #1C1C1C;
    border-color: #1C1C1C;
    color: #FFFFFF
}

.amt-custom {
    display: none;
    margin-top: 8px;
    position: relative
}

.amt-custom.show {
    display: block
}

.amt-custom .sign {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: rgba(28, 28, 28, .72)
}

.amt-custom .co-in {
    padding-left: 28px
}

.co-sum {
    margin: 18px 0;
    border: 1px solid rgba(28, 28, 28, .18);
    border-radius: 6px;
    overflow: hidden
}

.co-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    background: #FFFFFF;
    text-align: left
}

.co-row+.co-row {
    border-top: 1px solid rgba(28, 28, 28, .18)
}

.co-row.now {
    background: #F4F4F4
}

.co-row .who {
    font-size: 14.5px;
    line-height: 1.35;
    color: #1C1C1C
}

.co-row .who small {
    display: block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(28, 28, 28, .72);
    margin-top: 3px
}

.co-row .amt {
    margin-left: auto;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 18px;
    color: #1C1C1C;
    white-space: nowrap
}

.co-wallets {
    display: grid;
    gap: 8px
}

.pay-btn {
    width: 100%;
    height: 50px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-weight: 600;
    font-size: 16px;
    transition: opacity .14s ease, transform .14s ease
}

.pay-btn:hover {
    opacity: .88;
    transform: translateY(-1px)
}

.pay-apple {
    background: #1C1C1C;
    color: #FFFFFF
}

.pay-apple svg {
    width: 16px;
    height: 19px;
    fill: #FFFFFF;
    margin-bottom: 2px
}

.pay-google {
    background: #FFFFFF;
    color: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .28);
    font-family: Arial, sans-serif;
    font-weight: 700
}

.co-note {
    font-family: "IBM Plex Mono", monospace;
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(28, 28, 28, .72);
    text-align: center;
    margin: 2px 0 0
}

.co-or {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 16px;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(28, 28, 28, .72)
}

.co-or::before,
.co-or::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(28, 28, 28, .18)
}

.co-f {
    margin-bottom: 12px;
    text-align: left
}

.co-f label {
    display: block;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(28, 28, 28, .72);
    margin-bottom: 6px
}

.co-in {
    width: 100%;
    background: #FFFFFF;
    color: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .24);
    border-radius: 5px;
    padding: 13px;
    font-family: inherit;
    font-size: 16px;
    transition: border-color .14s ease
}

.co-in::placeholder {
    color: rgba(28, 28, 28, .66)
}

.co-in:focus {
    border-color: #1C1C1C;
    outline: none
}

.co-in.big {
    padding: 16px 14px;
    font-size: 17px
}

.co-in.bad {
    border-color: #1C1C1C;
    border-width: 2px
}

.co-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px
}

.co-card {
    position: relative
}

.co-card .co-in {
    padding-right: 66px;
    font-variant-numeric: tabular-nums
}

.brandmark {
    position: absolute;
    right: 12px;
    bottom: 14px;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .1em;
    color: rgba(28, 28, 28, .72)
}

.co-agree {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: 16px 0 14px;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(28, 28, 28, .78);
    text-align: left
}

.co-agree input {
    width: 17px;
    height: 17px;
    margin: 2px 0 0;
    flex: 0 0 auto;
    accent-color: #1C1C1C
}

.co-agree b {
    color: #1C1C1C
}

.co-go {
    width: 100%;
    height: 52px;
    font-size: 16px;
    background: #D69200;
    color: #1C1C1C;
    border-radius: 6px;
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.co-go:hover {
    background: #F0A80D
}

.co-go[disabled] {
    opacity: .42;
    cursor: not-allowed
}

.co-ghost {
    width: 100%;
    height: 48px;
    border: 1px solid rgba(28, 28, 28, .24);
    border-radius: 6px;
    background: #FFFFFF;
    color: #1C1C1C;
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px
}

.co-ghost:hover {
    border-color: #1C1C1C
}

.co-fine {
    margin: 12px 0 14px;
    font-size: 12.5px;
    line-height: 1.55;
    color: rgba(28, 28, 28, .78);
    text-align: left
}

.co-agree a,
.charge-note a {
    color: inherit;
    text-decoration: underline
}

.co-trust {
    margin-top: 12px;
    text-align: center;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(28, 28, 28, .72)
}

.co-msg {
    display: none;
    margin-top: 10px;
    font-size: 13.5px;
    color: #1C1C1C;
    font-weight: 700
}

.co-msg.show {
    display: block
}

.pane,
.sub {
    display: none
}

.pane.show,
.sub.show {
    display: block
}

.co-center {
    text-align: center
}

.tick {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #D69200;
    color: #1C1C1C;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin: 0 auto 16px
}

.chain-no {
    font-family: "Archivo", sans-serif;
    font-weight: 900;
    font-size: 46px;
    letter-spacing: .02em;
    color: #1C1C1C;
    margin: 14px 0 4px
}

.chain-lab {
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(28, 28, 28, .72)
}

.pane p.body {
    color: rgba(28, 28, 28, .78);
    font-size: 15px;
    margin: 0 auto 18px;
    max-width: 320px
}

.mailtag {
    display: inline-block;
    margin-bottom: 14px;
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(28, 28, 28, .72);
    background: #F4F4F4;
    padding: 7px 12px;
    border-radius: 4px
}

.dua-rule {
    width: 64px;
    height: 3px;
    background: #D69200;
    margin: 0 auto 20px
}

.dua {
    font-size: 17px;
    line-height: 1.72;
    color: #1C1C1C;
    text-align: left;
    padding: 22px 20px;
    background: #F4F4F4;
    border-left: 3px solid #D69200;
    border-radius: 5px;
    margin: 0 0 20px
}

.pay-oauth {
    background: #FFFFFF;
    color: #1C1C1C;
    border: 1px solid rgba(28, 28, 28, .28);
    font-weight: 600
}

.pay-oauth svg {
    width: 17px;
    height: 17px;
    fill: #1C1C1C
}

.code-in {
    letter-spacing: .5em;
    text-align: center;
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: 22px
}

.co-alt {
    display: flex;
    gap: 14px;
    justify-content: center;
    margin-top: 12px;
    flex-wrap: wrap
}

.co-linkbtn {
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(28, 28, 28, .72);
    padding: 8px 4px;
    background: none
}

.co-linkbtn:hover {
    color: #1C1C1C
}

.co-err {
    display: none;
    margin: 10px 0 0;
    padding: 12px 14px;
    border-radius: 5px;
    background: #F4F4F4;
    border-left: 3px solid #1C1C1C;
    font-size: 13.5px;
    line-height: 1.5;
    color: #1C1C1C;
    text-align: left
}

.co-err.show {
    display: block
}

.co-go.busy {
    pointer-events: none;
    opacity: .72
}

.spin {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 9px;
    border: 2px solid rgba(28, 28, 28, .3);
    border-top-color: #1C1C1C;
    border-radius: 50%;
    animation: sp .7s linear infinite;
    vertical-align: -2px
}

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

.co-skip {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-family: "IBM Plex Mono", monospace;
    font-size: 10px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(28, 28, 28, .72);
    padding: 10px
}

.co-skip:hover {
    color: #1C1C1C
}

.steps {
    display: flex;
    gap: 6px;
    margin-bottom: 16px
}

.steps i {
    flex: 1;
    height: 3px;
    border-radius: 2px;
    background: rgba(28, 28, 28, .16)
}

.steps i.on {
    background: #D69200
}

@media(max-width:640px) {
    .co {
        padding: 22px 18px 18px
    }

    .co h3 {
        font-size: 22px
    }

    .amt-grid {
        gap: 6px
    }
}

html[dir="rtl"] body {
    direction: rtl;
    text-align: right
}

html[dir="rtl"] .slash,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .co-kicker {
    letter-spacing: 0
}

html[dir="rtl"] .rail-track::before {
    transform: scaleX(-1)
}

html[dir="rtl"] .co-row .amt,
html[dir="rtl"] .co-lab em {
    margin-left: 0;
    margin-right: auto
}

html[dir="rtl"] .co-agree,
html[dir="rtl"] .co-f,
html[dir="rtl"] .co-fine,
html[dir="rtl"] .dua,
html[dir="rtl"] .co-row .who {
    text-align: right
}

html[lang="ar"] body,
html[lang="ar"] .co {
    font-family: "Noto Sans Arabic", "Schibsted Grotesk", sans-serif
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] .co h3 {
    font-family: "Noto Kufi Arabic", "Archivo", sans-serif;
    letter-spacing: 0
}

html[lang="ur"] body,
html[lang="ur"] .co {
    font-family: "Noto Nastaliq Urdu", "Schibsted Grotesk", sans-serif;
    line-height: 2.1
}

html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] .co h3 {
    font-family: "Noto Nastaliq Urdu", "Archivo", sans-serif;
    letter-spacing: 0;
    line-height: 1.9
}

html[lang="hi"] body,
html[lang="hi"] .co {
    font-family: "Noto Sans Devanagari", "Schibsted Grotesk", sans-serif
}

html[lang="hi"] h1,
html[lang="hi"] h2,
html[lang="hi"] h3,
html[lang="hi"] .co h3 {
    font-family: "Noto Sans Devanagari", "Archivo", sans-serif;
    letter-spacing: 0
}

html[lang="bn"] body,
html[lang="bn"] .co {
    font-family: "Noto Sans Bengali", "Schibsted Grotesk", sans-serif
}

html[lang="bn"] h1,
html[lang="bn"] h2,
html[lang="bn"] h3,
html[lang="bn"] .co h3 {
    font-family: "Noto Sans Bengali", "Archivo", sans-serif;
    letter-spacing: 0
}

html:not([lang="en"]):not([lang="fr"]):not([lang="id"]):not([lang="tr"]) h1,
html:not([lang="en"]):not([lang="fr"]):not([lang="id"]):not([lang="tr"]) h2 {
    letter-spacing: 0;
    line-height: 1.25
}

.lang {
    min-width: 74px
}


/* --- FIX: consent statements were rendering in ALL CAPITALS ---
   A global `label { text-transform: uppercase }` rule was catching them,
   because the consent boxes are <label> elements. Field labels
   (CARD NUMBER, EXPIRY, CVC) are unaffected and stay uppercase. */
.co-agree,
.co-agree span,
.co-child,
.co-child span,
.ri-consent,
.ri-consent span,
.co2-check,
.co2-check span {
    text-transform: none;
    letter-spacing: normal;
    font-family: "Schibsted Grotesk", sans-serif;
}

/* --- Age control --- */
.agebox {
    margin: 20px 0 0;
}

.agebox .q {
    font-family: "IBM Plex Mono", monospace;
    font-size: 9.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #333333;
    margin: 0 0 10px;
}

#segWrap {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.seg {
    flex: 1 1 auto;
    min-width: 96px;
    padding: 13px 10px;
    border: 1px solid rgba(28, 28, 28, .24);
    background: #FFFFFF;
    border-radius: 7px;
    font-family: "Schibsted Grotesk", sans-serif;
    font-size: 13.5px;
    color: #333333;
    cursor: pointer;
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
}

.seg:hover {
    border-color: #1C1C1C;
}

.seg.on {
    background: #1C1C1C;
    color: #FFFFFF;
    border-color: #1C1C1C;
    font-weight: 600;
}

.childwrap {
    margin-top: 12px;
}

.childwrap[hidden] {
    display: none;
}

.childnote {
    font-size: 12px;
    line-height: 1.5;
    color: #333333;
    margin: 8px 0 0;
}

/* --- Expandable consent panel --- */
.co-more {
    margin: 10px 0 4px 27px;
}

.co-more summary {
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: "Schibsted Grotesk", sans-serif;
    font-size: 12.5px;
    color: #8F6408;
    text-transform: none;
    letter-spacing: normal;
}

.co-more summary::-webkit-details-marker {
    display: none;
}

.co-more summary::after {
    content: "\25BE";
    font-size: 10px;
    transition: transform .15s ease;
}

.co-more[open] summary::after {
    transform: rotate(180deg);
}

.co-more-in {
    margin-top: 10px;
    padding: 14px 16px;
    background: #F4F4F4;
    border-radius: 7px;
    font-family: "Schibsted Grotesk", sans-serif;
    font-size: 12.5px;
    line-height: 1.6;
    color: #333333;
    text-transform: none;
    letter-spacing: normal;
}

.co-more-in a {
    color: #8F6408;
}

/* --- RTL --- */
html[dir="rtl"] .co-more {
    margin-left: 0;
    margin-right: 27px;
}

html[dir="rtl"] .seg {
    white-space: normal;
}

/* Stripe Elements Container Styling */
.stripe-element {
    width: 100%;
    min-height: 52px;
    /* 13px padding + 26px height + 13px padding */
}

.stripe-element.has-error .Input {
    border-color: #E0725A !important;
}

.stripe-element.has-error .Input:focus {
    box-shadow: 0 0 0 3px rgba(224, 114, 90, 0.15) !important;
}

.stripe-element.has-complete .Input {
    border-color: #2e7d32 !important;
}

/* Override Stripe's default iframe styles */
.StripeElement {
    width: 100%;
    color: #1C1C1C;
    font-family: "Schibsted Grotesk", sans-serif;
    font-size: 16px;
    padding: 13px 14px;
    border: 1px solid #D5D5D5;
    border-radius: 8px;
    background: #FFFFFF;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-sizing: border-box;
    min-height: 52px;
}

.StripeElement--focus {
    border-color: #A9770F !important;
    box-shadow: 0 0 0 3px rgba(169, 119, 15, 0.15) !important;
    outline: none;
}

.StripeElement--invalid {
    border-color: #E0725A !important;
}

.StripeElement--complete {
    border-color: #2e7d32 !important;
}

/* For the container that wraps Stripe Elements */
#card-number-element,
#card-expiry-element,
#card-cvc-element,
#merch-card-number-element,
#merch-card-expiry-element,
#merch-card-cvc-element {
    width: 100%;
    min-height: 48px;
    max-height: 48px;
}

/* Ensure Stripe iframe inherits correct styles */
#card-number-element iframe,
#card-expiry-element iframe,
#card-cvc-element iframe,
#merch-card-number-element iframe,
#merch-card-expiry-element iframe,
#merch-card-cvc-element iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 48px !important;
}


.stripe-element .Input {
    font-family: 'Archivo', system-ui, sans-serif;
    font-size: 16px;
}

.stripe-element .Input--invalid {
    border-color: #E0725A !important;
}

.stripe-element .Input--focus {
    border-color: #A9770F !important;
    box-shadow: 0 0 0 3px rgba(169, 119, 15, 0.15) !important;
}

#card-number-element,
#card-expiry-element,
#card-cvc-element {
    min-height: 48px;
    max-height: 48px;
    width: 100%;
    background: #ffffff !important;
    border: 1.5px solid rgba(28, 28, 28, .24) !important;
    padding: 14px 15px !important;
    border-radius: 5px;
    color: #1C1710;
    font-family: 'Archivo', sans-serif;
    font-size: 15px;
    letter-spacing: .08em;
    outline: none;
}