.cb-hero {
    --cb-ink: #3e3026;
    --cb-green: #224d3c;
    --cb-orange: #d9763c;
    width: 100%;
    margin-bottom: 88px;
    display: grid;
    grid-template-columns: 1.04fr 1fr;
    gap: 54px;
    align-items: center;
    color: var(--cb-ink);
}

.cb-hero [x-cloak] {
    display: none !important;
}

.cb-hero button,
.cb-hero a {
    -webkit-tap-highlight-color: transparent;
}

.cb-hero button {
    cursor: pointer;
}

.cb-hero a:focus-visible,
.cb-hero button:focus-visible {
    outline: 3px solid #d9763c;
    outline-offset: 5px;
}

.cb-eyebrow {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: 1.4px;
    margin-bottom: 23px;
}

.cb-eyebrow>span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--cb-orange);
    box-shadow: 0 0 0 5px #d9763c12;
}

.cb-copy h1 {
    font-size: clamp(28px, 3.2vw, 44px);
    line-height: 1.15;
    letter-spacing: -1.5px;
    font-weight: 900;
    margin: 0 0 20px;
}

.cb-copy h1>span {
    color: var(--cb-orange);
    position: relative;
    white-space: nowrap;
}

.cb-copy h1>span:after {
    content: "";
    height: 5px;
    border-radius: 50%;
    background: #d9763c35;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    transform: rotate(-3deg);
}

.cb-lead {
    max-width: 455px;
    font-size: 16px;
    line-height: 1.8;
    color: #756657;
    margin: 0;
}

.cb-lead strong {
    font-weight: 750;
    color: #4e4235;
}

.cb-example {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 27px 0 29px;
    padding: 17px 0;
    border-block: 1px solid #ded5c880;
    max-width: 440px;
}

.cb-example>div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cb-example>div>span {
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 1.1px;
    color: #85796b;
}

.cb-example strong {
    font-size: 30px;
    font-weight: 850;
    letter-spacing: -1px;
    line-height: 1.2;
}

.cb-example small {
    font-size: 15px;
    font-weight: 750;
}

.cb-example>i {
    color: #b1a18c;
    font-size: 23px;
}

.cb-green {
    color: var(--cb-green);
}

.cb-actions {
    display: flex;
    align-items: center;
    gap: 23px;
}

.cb-shop {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    background: var(--cb-orange);
    color: white;
    border-radius: 12px;
    padding: 17px 23px;
    font-size: 14px;
    font-weight: 850;
    box-shadow: 0 9px 23px #bc67252b;
    transition: transform .2s, background .2s;
}

.cb-shop:hover {
    background: #bb5c28;
    transform: translateY(-2px);
}

.cb-shop i {
    font-size: 20px;
}

.cb-details {
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.cb-details i {
    margin-left: 4px;
}

.cb-details:hover {
    color: var(--cb-orange);
}

.cb-assurances {
    display: flex;
    gap: 20px;
    margin: 23px 0 12px;
    font-size: 14px;
    font-weight: 750;
    color: #756f61;
}

.cb-assurances span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cb-assurances i {
    font-size: 18px;
    color: var(--cb-green);
}

.cb-fine {
    font-size: 14px;
    line-height: 1.65;
    color: #8c8072;
    max-width: 450px;
    margin: 0;
}

.cb-film {
    min-width: 0;
    position: relative;
}

.cb-stage {
    height: 610px;
    position: relative;
    border-radius: 28px;
    background: radial-gradient(ellipse at 48% 45%, #43634b 0%, #294b3b 36%, #183c2f 74%);
    isolation: isolate;
    box-shadow: 0 22px 50px -32px #12352499;
    overflow: hidden;
}

.cb-stage-heading {
    position: absolute;
    top: 25px;
    left: 26px;
    right: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #e2e8dd;
    font-size: 22px;
    font-weight: 950;
    letter-spacing: -.8px;
    z-index: 4;
}

.cb-stage-heading span {
    font-size: 22px;
    letter-spacing: -.8px;
    font-weight: 950;
}

.cb-brand-light {
    font-weight: 600;
}

.cb-stage-word {
    position: absolute;
    left: 20px;
    top: 210px;
    font-size: 125px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -9px;
    color: #eef0d909;
    transform: rotate(-90deg);
}

.cb-orbit {
    position: absolute;
    width: 490px;
    height: 490px;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    border: 1px solid #e8dba119;
    border-radius: 50%;
    pointer-events: none;
}

.cb-orbit-two {
    width: 380px;
    height: 380px;
    border-color: #e8dba126;
}

.cb-stage:after {
    content: "";
    position: absolute;
    bottom: 37px;
    left: 50%;
    width: 275px;
    height: 25px;
    transform: translateX(-50%);
    background: #091b1699;
    border-radius: 50%;
    filter: blur(13px);
    z-index: -1;
}

.cb-phone {
    position: absolute;
    width: 238px;
    height: 486px;
    top: 62px;
    left: 50%;
    margin-left: -119px;
    padding: 6px;
    border-radius: 40px;
    background: linear-gradient(112deg, #d8d4c8, #66675f 18%, #a6a499 37%, #33382f 63%, #d2cfc2 84%, #65695f);
    border: 1px solid #dfddca;
    box-shadow: 0 0 0 1px #101b13, 5px 8px 0 -3px #0d1b13, 14px 21px 32px #061f1bb3;
    transform: rotate(-5deg);
    transition: transform 1s cubic-bezier(.2, .75, .2, 1);
    z-index: 3;
}

.cb-finale .cb-phone {
    transform: rotate(0deg) translateY(-2px);
}

.cb-screen {
    height: 100%;
    border: 3px solid #0c100d;
    border-radius: 34px;
    overflow: hidden;
    position: relative;
    background: #132e23;
    color: white;
}

.cb-side-button {
    position: absolute;
    width: 3px;
    left: -4px;
    background: linear-gradient(#c1bfb1, #74796c);
    border-radius: 2px;
}

.cb-side-mute {
    top: 81px;
    height: 16px;
}

.cb-side-volume {
    top: 117px;
    height: 51px;
}

.cb-side-power {
    left: auto;
    right: -4px;
    top: 128px;
    height: 55px;
}

.cb-ios-status {
    height: 43px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 800;
}

.cb-island {
    position: absolute;
    width: 72px;
    height: 21px;
    background: #090b0a;
    border-radius: 15px;
    left: 50%;
    top: 9px;
    transform: translateX(-50%);
    box-shadow: inset 0 0 0 1px #1b1d1a;
}

.cb-island>span {
    position: absolute;
    right: 9px;
    top: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #254254, #10171c 55%, #030807);
}

.cb-ios-icons {
    display: flex;
    gap: 3px;
    align-items: center;
    font-size: 14px;
}

.cb-screen-light .cb-ios-status {
    color: #2d352c;
}

.cb-home-indicator {
    position: absolute;
    width: 78px;
    height: 4px;
    background: #ffffffda;
    border-radius: 5px;
    bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
}

.cb-screen-light .cb-home-indicator {
    background: #30372c;
}

.cb-scene {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.cb-scene-active {
    animation: cb-scene-in .6s cubic-bezier(.16, 1, .3, 1) both;
}

.cb-room-photo,
.cb-camera-photo {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 48% center;
}

.cb-room-scene.cb-scene-active .cb-room-photo {
    animation: cb-room-pan 4.2s ease-out both;
}

.cb-room-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(#25281c45 0%, transparent 50%, #242f2299 100%);
}

.cb-room-title {
    position: absolute;
    left: 20px;
    top: 66px;
    text-shadow: 0 2px 12px #342f2666;
}

.cb-room-title>span {
    font-size: 14px;
    letter-spacing: 1.9px;
    font-weight: 800;
}

.cb-room-title strong {
    display: block;
    font-size: 31px;
    font-weight: 850;
    line-height: 1.12;
    letter-spacing: -.8px;
    margin-top: 5px;
}

.cb-product-card {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 26px;
    border-radius: 15px;
    padding: 13px 12px;
    background: #fffdf3ed;
    color: #3e3d2d;
    box-shadow: 0 4px 20px #1a261740;
    backdrop-filter: blur(12px);
}

.cb-product-card>span {
    font-size: 14px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.cb-product-card>span>i {
    color: #b6683b;
}

.cb-product-card>strong {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 800;
}

.cb-product-card>div {
    border-top: 1px solid #d6d5c8;
    margin-top: 9px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 800;
    display: flex;
    justify-content: space-between;
    color: #406148;
}

.cb-reward-tag {
    position: absolute;
    right: 18px;
    top: 102px;
    z-index: 5;
    background: #f3dfaa;
    color: #324632;
    padding: 16px 13px;
    border-radius: 15px;
    transform: rotate(8deg);
    box-shadow: 0 10px 22px #09241e35;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.cb-reward-tag>span {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1.1px;
}

.cb-reward-tag>strong {
    font-size: 33px;
    font-weight: 950;
    line-height: 1.3;
    letter-spacing: -1.5px;
}

.cb-scene-note {
    position: absolute;
    bottom: 24px;
    left: 26px;
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 14px;
    background: #fffdf3f5;
    box-shadow: 0 10px 28px #0b221c33;
    color: #304a35;
    max-width: 320px;
    backdrop-filter: blur(10px);
}

.cb-note-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e5eada;
    font-size: 16px;
    flex-shrink: 0;
}

.cb-scene-note>div>span {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 900;
    color: #7a836a;
}

.cb-scene-note strong {
    display: block;
    font-size: 14px;
    font-weight: 850;
    margin-top: 3px;
}

.cb-stage-footer {
    position: absolute;
    left: 23px;
    right: 23px;
    bottom: 16px;
    color: #d6dfce;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 14px;
}

.cb-stage-footer>span:last-child {
    font-size: 14px;
    color: #adbda9;
}

.cb-camera-scene {
    background: #111;
}

.cb-camera-photo {
    height: 365px;
    padding-top: 70px;
    object-fit: cover;
}

.cb-camera-tools {
    position: absolute;
    top: 47px;
    left: 17px;
    right: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}

.cb-camera-tools>span {
    font-size: 7px;
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 2px 4px;
}

.cb-camera-grid {
    position: absolute;
    top: 74px;
    left: 0;
    right: 0;
    height: 287px;
    background: linear-gradient(to right, transparent 33%, #ffffff30 33%, #ffffff30 33.4%, transparent 33.4%, transparent 66%, #ffffff30 66%, #ffffff30 66.4%, transparent 66.4%), linear-gradient(to bottom, transparent 33%, #ffffff30 33%, #ffffff30 33.4%, transparent 33.4%, transparent 66%, #ffffff30 66%, #ffffff30 66.4%, transparent 66.4%);
}

.cb-focus {
    position: absolute;
    top: 193px;
    left: 78px;
    width: 62px;
    height: 62px;
    border: 1.5px solid #f5ce49;
    border-radius: 5px;
}

.cb-camera-scene.cb-scene-active .cb-focus {
    animation: cb-focus-lock 1.2s ease-out both;
}

.cb-photo-saved {
    position: absolute;
    top: 308px;
    left: 30px;
    right: 30px;
    text-align: center;
    background: #172c24e8;
    border: 1px solid #ffffff20;
    padding: 7px 4px;
    border-radius: 8px;
    font-size: 9px;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .3s, transform .3s;
}

.cb-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.cb-camera-bottom {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    text-align: center;
}

.cb-zoom {
    display: inline-grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #15151595;
    color: #edcc53;
    font-size: 10px;
    margin-bottom: 10px;
}

.cb-camera-modes {
    display: flex;
    justify-content: center;
    gap: 18px;
    font-size: 7px;
    letter-spacing: .6px;
}

.cb-camera-modes b {
    color: #f5ce49;
}

.cb-camera-shutter {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 10px;
}

.cb-camera-shutter>img {
    width: 29px;
    height: 29px;
    object-fit: cover;
    border-radius: 5px;
}

.cb-camera-shutter>i {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    font-size: 16px;
    background: #333;
    border-radius: 50%;
}

.cb-shutter {
    display: block;
    width: 49px;
    height: 49px;
    border: 3px solid white;
    border-radius: 50%;
    background: white;
    box-shadow: inset 0 0 0 3px #151515;
    transition: transform .15s;
}

.cb-shutter-pressed {
    transform: scale(.86);
}

.cb-flash {
    position: absolute;
    inset: 0;
    background: white;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s;
}

.cb-flash-on {
    opacity: .7;
}

.cb-review-scene {
    background: #f9f7f0;
    color: #344336;
    padding-top: 47px;
}

.cb-safari {
    background: #e9e9e0;
    border-radius: 7px;
    margin: 0 11px;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 8px;
}

.cb-review-content {
    padding: 15px 14px;
}

.cb-mini-brand {
    font-size: 11px;
    font-weight: 950;
    letter-spacing: -.7px;
    color: #775137;
}

.cb-review-content h3 {
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -.8px;
    margin: 8px 0 3px;
    line-height: 1.1;
}

.cb-review-content>p {
    font-size: 8px;
    color: #7e8175;
    margin: 0 0 13px;
}

.cb-upload {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px;
    background: white;
    border: 1px solid #e6e7da;
    border-radius: 10px;
}

.cb-upload img {
    width: 39px;
    height: 44px;
    object-fit: cover;
    border-radius: 5px;
}

.cb-upload strong {
    display: block;
    font-size: 8px;
    font-weight: 850;
}

.cb-upload div>span {
    display: block;
    font-size: 8px;
    color: #65805b;
    margin-top: 5px;
}

.cb-comment {
    height: 62px;
    background: white;
    border: 1px solid #e6e7da;
    border-radius: 9px;
    padding: 10px;
    margin: 9px 0;
    font-size: 10px;
    line-height: 1.5;
}

.cb-caret {
    display: inline-block;
    height: 10px;
    width: 1px;
    background: #5e7051;
    margin-left: 2px;
}

.cb-form-line {
    padding: 8px 9px;
    background: #eeeFE5;
    border-radius: 7px;
    margin-bottom: 6px;
}

.cb-form-line>span {
    display: block;
    font-size: 6px;
    letter-spacing: 1px;
    color: #7d8475;
    font-weight: 800;
}

.cb-form-line>strong {
    display: block;
    font-size: 8px;
    font-weight: 700;
    margin-top: 2px;
}

.cb-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #d9763c;
    border-radius: 8px;
    color: white;
    padding: 10px 4px;
    font-size: 9px;
    font-weight: 850;
    margin-top: 10px;
    transition: background .3s;
}

.cb-submitted {
    background: #34593e;
}

.cb-approved-scene {
    background: radial-gradient(ellipse at 50% 30%, #fffdf3, #eef1e4);
    color: #2c4935;
    text-align: center;
    padding: 55px 15px 26px;
}

.cb-approved-scene>.cb-mini-brand {
    display: block;
}

.cb-success-icon {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin: 26px auto 20px;
    background: #dfe9cd;
    border-radius: 50%;
    box-shadow: 0 0 0 9px #dfe9cd50;
}

.cb-success-icon svg {
    width: 37px;
    height: 37px;
}

.cb-success-icon path {
    stroke: #426443;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 50;
    stroke-dashoffset: 0;
}

.cb-scene-active .cb-success-icon path {
    animation: cb-check-draw 1s ease both;
}

.cb-mini-label {
    font-size: 7px;
    font-weight: 850;
    letter-spacing: 1.2px;
    color: #7b8b70;
}

.cb-approved-scene h3 {
    font-size: 26px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -.7px;
    margin: 7px 0 10px;
}

.cb-approved-scene>p {
    font-size: 9px;
    color: #7b8575;
}

.cb-approved-amount {
    margin-top: 22px;
    padding: 17px 10px;
    background: white;
    border: 1px solid #dbe1cf;
    border-radius: 13px;
}

.cb-approved-amount>span {
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1.3px;
    color: #89927b;
}

.cb-approved-amount>strong {
    display: block;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: -1.5px;
}

.cb-approved-amount small {
    font-size: 14px;
}

.cb-approved-amount>div {
    font-size: 9px;
    border-top: 1px solid #e8eade;
    padding-top: 10px;
    margin-top: 5px;
    color: #768369;
}

.cb-approved-foot {
    font-size: 8px;
    color: #88917d;
    margin-top: 14px;
}

.cb-paid-scene {
    background: radial-gradient(ellipse at 20% 75%, #a1ac67 0%, #446c4e 34%, #1f4537 62%, #102c27 100%);
    text-align: center;
    padding-top: 49px;
}

.cb-lock-clock {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ecf3dd;
}

.cb-lock-clock>i {
    font-size: 12px;
    margin-bottom: 7px;
}

.cb-lock-clock>span {
    font-size: 10px;
    font-weight: 650;
}

.cb-lock-clock>strong {
    font-size: 57px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -3px;
}

.cb-bank-notification {
    margin: 19px 9px 0;
    padding: 11px 9px;
    display: flex;
    gap: 7px;
    background: #eef4e7ed;
    border: 1px solid #ffffff55;
    border-radius: 15px;
    color: #274435;
    box-shadow: 0 10px 25px #10292144;
    text-align: left;
    opacity: 0;
    transform: translateY(-23px);
    transition: transform .65s cubic-bezier(.16, 1, .3, 1), opacity .4s;
    backdrop-filter: blur(10px);
}

.cb-bank-icon {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    background: #345e41;
    color: white;
    font-size: 14px;
}

.cb-bank-notification>div:last-child {
    flex: 1;
}

.cb-bank-notification span {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    font-size: 6px;
    letter-spacing: .5px;
    font-weight: 850;
}

.cb-bank-notification small {
    font-size: 6px;
    letter-spacing: 0;
    color: #7e8e78;
    font-weight: 500;
}

.cb-bank-notification strong {
    display: block;
    font-size: 10px;
    font-weight: 850;
    margin: 3px 0;
}

.cb-bank-notification p {
    font-size: 7px;
    line-height: 1.4;
    margin: 0;
}

.cb-paid-amount {
    padding: 28px 0 0;
}

.cb-paid-amount>span:first-child {
    font-size: 7px;
    letter-spacing: 1.4px;
    color: #d5e2c3;
    font-weight: 850;
}

.cb-paid-amount>strong {
    display: block;
    font-size: 44px;
    font-weight: 900;
    letter-spacing: -1.6px;
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
    color: #fff4cb;
    white-space: nowrap;
}

.cb-paid-amount small {
    font-size: 17px;
    letter-spacing: -.5px;
}

.cb-paid-amount>b {
    font-size: 15px;
    letter-spacing: -.3px;
}

.cb-paid-check {
    display: block;
    margin: 13px auto 0;
    font-size: 9px;
    color: #e5edd8;
}

.cb-lock-actions {
    position: absolute;
    bottom: 29px;
    left: 22px;
    right: 22px;
    display: flex;
    justify-content: space-between;
}

.cb-lock-actions i {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    background: #122f2744;
    backdrop-filter: blur(5px);
    border-radius: 50%;
    font-size: 13px;
}

.cb-player {
    padding: 16px 7px 0;
}

.cb-player-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #9b9285;
    font-size: 10px;
}

.cb-player-heading b {
    color: #31503c;
    font-size: 12px;
}

.cb-player-heading strong {
    margin-left: 12px;
    color: #4e5545;
    font-weight: 800;
    font-size: 14px;
}

.cb-player-heading>button {
    width: 29px;
    height: 29px;
    border: 1px solid #deddd2;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #456042;
    background: #faf9f2;
    font-size: 15px;
}

.cb-player-heading>button:hover {
    background: #e9ebdd;
}

.cb-timeline {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin-top: 8px;
}

.cb-timeline button {
    border: 0;
    background: transparent;
    padding: 5px 0;
    text-align: left;
    font-size: 13px;
    color: #8f8c7e;
    font-weight: 750;
}

.cb-timeline button[aria-current="step"] {
    color: #2d543d;
}

.cb-track {
    display: block;
    height: 3px;
    background: #dfdfd2;
    border-radius: 4px;
    margin-bottom: 6px;
    overflow: hidden;
}

.cb-track>span {
    display: block;
    height: 100%;
    background: #4d6d48;
    transform-origin: left;
    border-radius: 4px;
}

.cb-cash-burst {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 7;
    perspective: 600px;
}

.cb-money {
    position: absolute;
    left: 50%;
    top: 55%;
    opacity: 0;
    display: grid;
    place-items: center;
    animation: cb-cash-flight 3.05s cubic-bezier(.12, .65, .32, 1) var(--delay) infinite both;
    will-change: transform, opacity;
}

.cb-banknote {
    width: 59px;
    height: 29px;
    background: linear-gradient(130deg, #f0f0be, #a7c383 45%, #dbe5a5);
    border: 2px solid #77965a;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px #d6e4b3, 0 9px 15px #0b291c50;
    color: #527c48;
}

.cb-banknote:before,
.cb-banknote:after {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    width: 8px;
    border-block: 1px solid #7e9d61;
}

.cb-banknote:before {
    left: 5px;
}

.cb-banknote:after {
    right: 5px;
}

.cb-banknote>span {
    border: 1px solid #83a067;
    border-radius: 50%;
    width: 22px;
    height: 21px;
    display: grid;
    place-items: center;
    font-size: 16px;
    font-weight: 850;
    line-height: 1;
}

.cb-banknote>i {
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 35%, #ffffff60 49%, transparent 55%);
}

.cb-coin {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #9b6b24;
    font-size: 17px;
    font-weight: 900;
    background: linear-gradient(130deg, #fff1ab, #d7a248 50%, #f7db89);
    border: 2px solid #ebc973;
    box-shadow: inset 0 0 0 2px #ac7d354d, 2px 3px 0 #9e7530, 0 8px 12px #102d2555;
}

.cb-burst-ring {
    position: absolute;
    left: 50%;
    top: 55%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    border: 1px solid #efd79d;
    border-radius: 50%;
    opacity: 0;
    animation: cb-ring 1.1s ease-out .55s both;
}

.cb-paused .cb-scene-active {
    animation: none;
    opacity: 1;
    transform: none;
}

.cb-paused *,
.cb-paused *:before,
.cb-paused *:after {
    animation-play-state: paused !important;
}

@keyframes cb-scene-in {
    from {
        opacity: 0;
        transform: translateY(12px) scale(1.025);
    }

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

@keyframes cb-room-pan {
    from {
        transform: scale(1.14) translateX(-2%);
    }

    to {
        transform: scale(1.02) translateX(0);
    }
}

@keyframes cb-focus-lock {
    0% {
        transform: scale(1.3);
        opacity: 0;
    }

    45% {
        opacity: 1;
        transform: scale(1);
    }

    65% {
        opacity: .4;
    }

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

@keyframes cb-check-draw {
    from {
        stroke-dashoffset: 50;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes cb-cash-flight {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.15) rotate(0);
    }

    9% {
        opacity: 1;
    }

    54% {
        opacity: 1;
        transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(var(--size)) rotate(var(--spin)) rotateY(25deg);
    }

    84% {
        opacity: .9;
    }

    100% {
        opacity: 0;
        transform: translate(calc(-50% + var(--x)), calc(-50% + var(--fall))) scale(var(--size)) rotate(calc(var(--spin) + 65deg)) rotateY(-35deg);
    }
}

@keyframes cb-ring {
    0% {
        opacity: .5;
        transform: scale(.1);
    }

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

@media(min-width:1400px) {
    .cb-hero {
        gap: 70px;
    }

    .cb-copy h1 {
        font-size: 46px;
    }
}

@media(max-width:1100px) and (min-width:861px) {
    .cb-hero {
        gap: 27px;
    }

    .cb-actions {
        gap: 14px;
        flex-wrap: wrap;
    }

    .cb-reward-tag {
        right: 9px;
    }

    .cb-scene-note {
        left: 9px;
        max-width: 260px;
    }

    .cb-stage-footer>span:first-child {
        max-width: 155px;
    }

    .cb-assurances {
        gap: 12px;
    }
}

@media(max-width:860px) {
    .cb-hero {
        grid-template-columns: 1fr;
        gap: 34px;
        margin-bottom: 65px;
    }

    .cb-copy {
        padding-top: 5px;
    }

    .cb-copy h1 {
        font-size: 38px;
    }

    .cb-lead {
        max-width: 100%;
    }

    .cb-example {
        max-width: 100%;
    }

    .cb-stage {
        height: 610px;
    }

    .cb-assurances {
        margin-top: 21px;
    }

    .cb-fine {
        max-width: 100%;
    }
}

@media(max-width:480px) {
    .cb-hero {
        gap: 28px;
    }

    .cb-eyebrow {
        font-size: 8px;
        letter-spacing: 1px;
        margin-bottom: 19px;
    }

    .cb-copy h1 {
        font-size: 30px;
        letter-spacing: -1px;
        margin-bottom: 16px;
    }

    .cb-lead {
        font-size: 14px;
        line-height: 1.7;
    }

    .cb-example {
        gap: 22px;
        margin: 21px 0;
        padding: 15px 0;
    }

    .cb-example>div>span {
        font-size: 7px;
        letter-spacing: .7px;
    }

    .cb-example strong {
        font-size: 28px;
    }

    .cb-example small {
        font-size: 12px;
    }

    .cb-actions {
        gap: 15px;
        flex-wrap: wrap;
    }

    .cb-shop {
        padding: 15px 17px;
        gap: 16px;
        font-size: 13px;
    }

    .cb-details {
        font-size: 11px;
    }

    .cb-assurances {
        font-size: 13px;
        gap: 14px;
    }

    .cb-assurances i {
        font-size: 16px;
    }

    .cb-fine {
        font-size: 12px;
    }

    .cb-stage {
        height: 600px;
        border-radius: 22px;
    }

    .cb-stage-heading {
        left: 17px;
        right: 17px;
        top: 20px;
        font-size: 18px;
    }

    .cb-stage-heading span {
        font-size: 18px;
    }

    .cb-phone {
        top: 58px;
        width: 224px;
        height: 460px;
        margin-left: -112px;
        border-radius: 38px;
    }

    .cb-screen {
        border-radius: 31px;
    }

    .cb-reward-tag {
        top: 105px;
        right: 9px;
        padding: 12px 9px;
    }

    .cb-reward-tag strong {
        font-size: 26px;
    }

    .cb-reward-tag>span {
        font-size: 5px;
        letter-spacing: .8px;
    }

    .cb-scene-note {
        left: 17px;
        bottom: 18px;
        padding: 10px 14px;
        gap: 8px;
    }

    .cb-scene-note strong {
        font-size: 10px;
    }

    .cb-scene-note>div>span {
        font-size: 6px;
    }

    .cb-stage-footer {
        left: 16px;
        right: 16px;
        bottom: 17px;
        flex-direction: column;
        gap: 3px;
        align-items: center;
    }

    .cb-stage-footer>span {
        font-size: 7px;
    }

    .cb-review-content {
        padding-top: 12px;
    }

    .cb-review-content h3 {
        font-size: 19px;
    }

    .cb-comment {
        height: 56px;
    }

    .cb-form-line {
        padding: 7px 8px;
    }

    .cb-approved-scene {
        padding-top: 49px;
    }

    .cb-success-icon {
        margin: 22px auto 17px;
        width: 57px;
        height: 57px;
    }

    .cb-approved-scene h3 {
        font-size: 24px;
    }

    .cb-approved-amount {
        margin-top: 18px;
        padding: 13px 8px;
    }

    .cb-camera-photo {
        height: 343px;
    }

    .cb-camera-grid {
        height: 267px;
    }

    .cb-photo-saved {
        top: 283px;
    }

    .cb-paid-amount {
        padding-top: 23px;
    }

    .cb-paid-amount>strong {
        font-size: 40px;
    }

    .cb-bank-notification {
        padding: 10px 7px;
        gap: 5px;
    }

    .cb-bank-notification p {
        font-size: 6.5px;
    }

    .cb-player-heading strong {
        font-size: 13px;
        margin-left: 7px;
    }

    .cb-timeline {
        gap: 6px;
    }

    .cb-timeline button {
        font-size: 11px;
    }
}

@media(max-width:360px) {
    .cb-hero {
        padding: 0 14px;
    }

    .cb-copy h1 {
        font-size: 39px;
    }

    .cb-eyebrow {
        font-size: 7px;
    }

    .cb-actions {
        gap: 17px;
    }

    .cb-assurances {
        gap: 9px;
        font-size: 7px;
    }

    .cb-reward-tag {
        right: 5px;
        top: 93px;
    }

    .cb-player-heading strong {
        font-size: 9px;
    }
}

@media(prefers-reduced-motion:reduce) {

    .cb-hero *,
    .cb-hero *:before,
    .cb-hero *:after {
        animation: none !important;
        transition: none !important;
    }

    .cb-cash-burst {
        display: none;
    }

    .cb-phone {
        transform: none;
    }

    .cb-flash {
        display: none;
    }

    .cb-shop:hover {
        transform: none;
    }
}