.presentation-page {
    overflow-x: visible;
    background: var(--primitive-surface);
    background:
        linear-gradient(
            rgba(var(--primitive-deep-rgb), var(--presentation-private-viewport-progress, 0)),
            rgba(var(--primitive-deep-rgb), var(--presentation-private-viewport-progress, 0))
        ),
        var(--primitive-surface);
    color: var(--primitive-black);
}

html.presentation-private-viewport-root {
    background: var(--primitive-surface);
    background:
        linear-gradient(
            rgba(var(--primitive-deep-rgb), var(--presentation-private-viewport-progress, 0)),
            rgba(var(--primitive-deep-rgb), var(--presentation-private-viewport-progress, 0))
        ),
        var(--primitive-surface);
}

.presentation-page main {
    min-height: 0;
}

.presentation-header {
    position: sticky;
    z-index: 30;
    top: 0;
    width: 100%;
    height: 100px;
    background: repeating-linear-gradient(
        to bottom,
        var(--primitive-stripe) 0,
        var(--primitive-stripe) 1px,
        var(--primitive-surface) 1px,
        var(--primitive-surface) 4px
    );
}

.presentation-header__inner {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr) 96px;
    align-items: center;
    width: min(calc(100% - 36px), 1080px);
    height: 100%;
    margin-inline: auto;
    padding-block: 36px 18px;
}

.presentation-header__login,
.presentation-header__logout-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 20px;
    border: 1px solid var(--color-control-border);
    border-radius: 6px;
    background: var(--primitive-white);
    color: var(--primitive-black);
    font-family: 'Lufga', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.presentation-header__spacer { display: block; width: 100%; }
.presentation-header__logout { display: flex; justify-content: flex-end; width: 100%; margin: 0; }
.presentation-header__logout-button { padding: 0; cursor: pointer; }

.presentation-header__logo {
    justify-self: center;
    color: var(--primitive-black);
    font-family: 'Playfair Display', serif;
    font-size: 31px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.presentation-header__side {
    display: flex;
    justify-content: flex-end;
    width: 96px;
}

.presentation-header__menu-button {
    position: relative;
    display: grid;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgb(3 33 25 / 26%);
    border-radius: 50%;
    background: var(--primitive-white);
    color: var(--primitive-deep);
    cursor: pointer;
    list-style: none;
    place-items: center;
}

.presentation-header__menu-button .bottom-sheet__trigger-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.presentation-header__menu-button::before,
.presentation-header__menu-button::after {
    position: absolute;
    left: 50%;
    width: 18px;
    height: 1.5px;
    border-radius: 99px;
    background: currentColor;
    content: '';
    transform-origin: center;
}

.presentation-header__menu-button::before {
    top: 17px;
    transform: translateX(-50%);
}

.presentation-header__menu-button::after {
    bottom: 17px;
    left: calc(50% + 2px);
    width: 14px;
    transform: translateX(-50%);
}

.presentation-header__menu-button::-webkit-details-marker { display: none; }
.presentation-header__side > .bottom-sheet { display: block; }

.bottom-sheet--presentation-menu[open] > .presentation-header__menu-button {
    border-color: var(--primitive-deep);
    background: var(--primitive-deep);
    color: var(--primitive-white);
}

.bottom-sheet--presentation-menu[open] > .presentation-header__menu-button::before,
.bottom-sheet--presentation-menu[open] > .presentation-header__menu-button::after {
    top: 50%;
    bottom: auto;
    left: 50%;
    width: 16px;
}

.bottom-sheet--presentation-menu[open] > .presentation-header__menu-button::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.bottom-sheet--presentation-menu[open] > .presentation-header__menu-button::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.presentation-header__menu-button:active {
    transform: scale(0.97);
}

.presentation {
    width: min(100%, 1080px);
    margin-inline: auto;
    background: transparent;
    scroll-margin-top: 100px;
}

.presentation-section,
.presentation-back-top {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: var(--section-flow) var(--content-gutter) calc(var(--section-flow) + 2px);
    background: var(--primitive-surface);
    color: var(--primitive-black);
    overflow: hidden;
    text-align: center;
}

.presentation-section::after,
.presentation-back-top::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(to bottom, var(--primitive-line) 0 1px, var(--primitive-white) 1px 2px);
    content: '';
}

.presentation-section__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--space-4) + var(--space-2));
    width: min(100%, var(--content-column-max));
}

.presentation-section h1,
.presentation-section h2 {
    width: 100%;
    margin: 0;
    color: inherit;
    font-size: 23px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
}

.presentation-section__lead {
    width: min(100%, 560px);
    margin: 0;
    color: inherit;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}

.presentation-join {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 38px;
    margin-top: calc(var(--space-4) + var(--space-2));
    padding: 9px 36px;
    border: 0;
    border-radius: 30px;
    background: var(--primitive-orange);
    color: var(--primitive-white);
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.presentation-join--aqua {
    background: var(--primitive-aqua);
    color: var(--primitive-deep);
}

.presentation-phone-stage {
    position: relative;
    width: 100%;
    height: 315px;
}

.presentation-phone-stage--carousel {
    isolation: isolate;
}

.presentation-phone-visual {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    width: 627px;
    height: 315px;
    transform: translateX(-50%);
    transform-origin: top center;
}

.presentation-photo-rail {
    position: absolute;
    z-index: 1;
    top: 50px;
    left: 50%;
    width: 627px;
    height: 146px;
    overflow: hidden;
    pointer-events: none;
    transform: translateX(-50%);
}

.presentation-photo-track,
.presentation-photo-set {
    display: flex;
    width: max-content;
}

.presentation-photo-track {
    gap: 18px;
}

.presentation-photo-set {
    flex: 0 0 auto;
    gap: 18px;
}

.presentation-phone__photo-rail {
    position: absolute;
    z-index: 1;
    top: 1px;
    left: calc(50% - 313.5px);
    width: 627px;
    height: 146px;
    pointer-events: none;
}

.presentation-phone__photo {
    --photo-y: 0px;

    position: relative;
    display: block;
    box-sizing: border-box;
    width: 111px;
    height: 140px;
    flex: 0 0 111px;
    border: 1px solid var(--primitive-white);
    border-radius: 10px;
    background: var(--primitive-white);
    -webkit-clip-path: inset(0 round 10px);
    clip-path: inset(0 round 10px);
    isolation: isolate;
    overflow: hidden;
    transform: translateY(var(--photo-y));
}

.presentation-phone__photo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: 0;
    filter: blur(8px) saturate(72%) contrast(94%);
    object-fit: cover;
    transform: none;
}

.presentation-phone__photo--static::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    border: 1px solid var(--primitive-white);
    border-radius: inherit;
    content: '';
    pointer-events: none;
}

.presentation-phone__photo--static img {
    transform: scale(1.18);
}

.presentation-photo-rail img {
    width: 111px;
    height: 140px;
    border-radius: 10px;
    object-fit: cover;
}

.presentation-phone {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    width: 190px;
    height: 315px;
    border: 5px solid var(--primitive-black);
    border-radius: 30px;
    background: var(--primitive-white);
    color: var(--primitive-black);
    overflow: hidden;
    transform: translateX(-50%);
}

.presentation-phone__notch {
    position: absolute;
    z-index: 6;
    top: -1px;
    left: 50%;
    width: 81px;
    height: 8px;
    border-radius: 0 0 30px 30px;
    background: var(--primitive-black);
    transform: translateX(-50%);
}

.presentation-phone__locked-media {
    position: absolute;
    top: 45px;
    right: 0;
    left: 0;
    display: grid;
    place-items: center;
    height: 150px;
    background: var(--primitive-white);
    overflow: hidden;
}

.presentation-phone__eye {
    position: absolute;
    z-index: 2;
    top: 60px;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translateX(-50%);
}

.presentation-phone__primary {
    position: absolute;
    top: 205px;
    right: 0;
    left: 0;
    font-size: 23px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
}

.presentation-phone__action {
    position: absolute;
    right: 15px;
    bottom: 12px;
    left: 15px;
    display: grid;
    place-items: center;
    min-height: 40px;
    padding: 7px 8px;
    border: 1px solid #bdbdbd;
    border-radius: 20px;
    background: var(--primitive-white);
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

.presentation-phone__revenue {
    position: absolute;
    inset: 8px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.presentation-phone__revenue img {
    width: 30px;
    height: 30px;
}

.presentation-phone__revenue span {
    font-size: 19px;
    line-height: 1.3;
}

.presentation-phone__revenue strong {
    font-size: 31px;
    line-height: 1.2;
}

.presentation-share-arrow {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 32px;
    color: var(--primitive-black);
}

.presentation-share-arrow > span {
    width: 30px;
    height: 2px;
    background: currentColor;
}

.presentation-share-arrow svg {
    margin-top: -1px;
}

.presentation-socials {
    width: min(calc(100% - 16px), 320px);
    height: auto;
    filter: brightness(0);
}

.presentation-section--private {
    background: var(--primitive-deep);
    color: var(--primitive-white);
}

.presentation-section--private h2 {
    font-size: 31px;
    line-height: 1.35;
    text-transform: none;
}

.presentation-private-icon {
    width: 30px;
    height: 30px;
}

.presentation-options {
    display: grid;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.presentation-options-stage {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.presentation-option {
    width: 100%;
}

.presentation-section--how .presentation-section__content {
    gap: var(--space-4);
    padding-inline: 0;
}

.presentation-section--how h2 {
    width: 100%;
}

.presentation-steps {
    display: grid;
    gap: 18px;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 19px;
    line-height: 1.3;
    list-style-position: inside;
}

.presentation-steps li::marker {
    font-variant-numeric: tabular-nums;
}

.presentation-back-top {
    padding-block: var(--space-6) calc(var(--space-6) + 2px);
}

.presentation-back-top a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    color: var(--primitive-black);
    font-size: 15px;
    line-height: 1.3;
    text-decoration: none;
}

.presentation-back-top svg {
    display: block;
}

.site-footer--presentation {
    width: min(100%, 1080px);
    margin-inline: auto;
    border: 0;
    background: var(--primitive-surface);
    color: var(--primitive-black);
}

.site-footer__presentation-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(100%, var(--content-column-max));
    margin-inline: auto;
    padding: var(--space-6) var(--content-gutter) max(var(--space-6), env(safe-area-inset-bottom));
    font-size: 15px;
    line-height: 1.3;
    text-align: center;
}

.site-footer__presentation-inner > p,
.site-footer__presentation-support p {
    margin: 0;
}

.site-footer__presentation-inner nav,
.site-footer__presentation-support {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.site-footer__presentation-inner nav {
    margin-top: 9px;
}

.site-footer__presentation-inner nav a:nth-child(3),
.site-footer__presentation-inner nav a:nth-child(4),
.site-footer__presentation-inner nav a:nth-child(5) {
    margin-top: 9px;
}

.site-footer__presentation-support {
    margin-top: 36px;
}

.site-footer__presentation-support p {
    margin-bottom: 9px;
}

.site-footer__presentation-inner a {
    color: inherit;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 1px;
}

@media (max-width: 420px) {
    .presentation-header__inner {
        grid-template-columns: 96px minmax(0, 1fr) 96px;
    }

    .presentation-section h1,
    .presentation-section h2,
    .presentation-section__lead {
        width: 100%;
    }

    .presentation-section--how .presentation-section__content { padding-inline: 0; }
}

@media (max-width: 350px) {
    .presentation-header__inner {
        grid-template-columns: 96px minmax(0, 1fr) 96px;
        width: calc(100% - 24px);
    }

    .presentation-section h1,
    .presentation-section h2,
    .presentation-section__lead {
        width: 100%;
    }

    .presentation-section--how .presentation-section__content { padding-inline: 0; }
}

/* Premium presentation direction: editorial rhythm, quiet depth, unchanged imagery. */
.presentation-page {
    --presentation-rule: rgb(3 33 25 / 14%);
    --presentation-rule-inverse: rgb(255 255 255 / 18%);
    --presentation-shadow: 0 28px 70px rgb(3 33 25 / 13%), 0 8px 22px rgb(3 33 25 / 7%);
    --presentation-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --presentation-header-bar-height: 82px;
    --presentation-header-height: calc(var(--presentation-header-bar-height) + env(safe-area-inset-top));
    --presentation-header-side-width: clamp(96px, 29vw, 112px);
    --presentation-private-reading-pause: clamp(300px, 42vh, 520px);
    --presentation-private-reading-pause: clamp(300px, 42svh, 520px);
    --presentation-options-scroll-runway: clamp(1680px, 300vh, 3000px);
    --presentation-options-scroll-runway: clamp(1680px, 300svh, 3000px);
}

.presentation-header {
    height: var(--presentation-header-height);
    isolation: isolate;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.presentation-header::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: repeating-linear-gradient(
        to bottom,
        var(--primitive-stripe) 0,
        var(--primitive-stripe) 1px,
        var(--primitive-surface) 1px,
        var(--primitive-surface) 4px
    );
    background: repeating-linear-gradient(
        to bottom,
        color-mix(in srgb, var(--primitive-stripe) 64%, var(--primitive-surface)) 0,
        color-mix(in srgb, var(--primitive-stripe) 64%, var(--primitive-surface)) 1px,
        var(--primitive-surface) 1px,
        var(--primitive-surface) 4px
    );
    content: '';
    pointer-events: none;
}

.presentation-header::after {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: var(--primitive-deep);
    content: '';
    opacity: var(--presentation-private-header-progress, 0);
    pointer-events: none;
}

.presentation-header__inner {
    position: relative;
    z-index: 1;
    grid-template-columns: var(--presentation-header-side-width) minmax(0, 1fr) var(--presentation-header-side-width);
    width: min(calc(100% - 36px), 1120px);
    height: 100%;
    padding-block: env(safe-area-inset-top) 0;
}

.presentation-header__login,
.presentation-header__logout-button {
    width: var(--presentation-header-side-width);
    height: 40px;
    border-color: rgb(3 33 25 / 42%);
    background: var(--primitive-white);
    box-shadow: none;
    font-size: 10px;
    letter-spacing: 0.11em;
    transform: translateY(-1px);
}

.presentation-header__logo {
    position: relative;
    top: 1px;
    font-size: 34px;
    letter-spacing: -0.03em;
}

/* The splash is CSS-first so its first frame is ready before Stimulus boots. */
.presentation-intro {
    display: none;
}

.presentation-intro[hidden] {
    display: none;
}

@supports (animation-name: presentation-intro-curtain) {
    @media (prefers-reduced-motion: no-preference) {
        .presentation-intro {
            --presentation-intro-center-y: 50vh;
            --presentation-intro-scale: 4.8;
            --presentation-intro-target-y: calc(env(safe-area-inset-top) + 42px);

            position: fixed;
            z-index: 4;
            inset: 0;
            display: block;
            min-height: 100vh;
            overflow: hidden;
            background-color: var(--primitive-surface);
            background-image: repeating-linear-gradient(
                to bottom,
                var(--primitive-stripe) 0,
                var(--primitive-stripe) 1px,
                var(--primitive-surface) 1px,
                var(--primitive-surface) 4px
            );
            animation: presentation-intro-curtain 1700ms linear both;
            pointer-events: none;
        }

        .presentation-intro__wordmark {
            position: absolute;
            top: var(--presentation-intro-target-y);
            left: 50%;
            color: var(--primitive-black);
            font-family: 'Playfair Display', serif;
            font-size: 34px;
            font-weight: 900;
            letter-spacing: -0.03em;
            line-height: 1;
            transform-origin: center;
            animation: presentation-intro-wordmark 1700ms var(--presentation-ease) both;
            will-change: transform;
        }

        .presentation-intro + .presentation-header__inner {
            animation: presentation-intro-header-reveal 1700ms ease-out both;
        }

        @supports (height: 100svh) {
            .presentation-intro {
                --presentation-intro-center-y: 50svh;
                min-height: 100svh;
            }
        }

        @media (max-width: 699px) {
            .presentation-intro {
                --presentation-intro-scale: 3.15;
            }
        }
    }
}

.presentation-header__menu-button {
    opacity: 1;
}

.presentation-page.is-private-viewport-tone .presentation-header__logo {
    color: var(--primitive-white);
}

.presentation-page.is-private-viewport-tone .presentation-header__menu-button {
    border-color: rgb(255 255 255 / 38%);
    background: var(--primitive-white);
    color: var(--primitive-deep);
}

.presentation-page.is-private-viewport-tone
.bottom-sheet--presentation-menu[open] > .presentation-header__menu-button {
    border-color: var(--primitive-white);
    background: var(--primitive-white);
    color: var(--primitive-deep);
}

.presentation-page.is-private-viewport-tone .presentation-header__login,
.presentation-page.is-private-viewport-tone .presentation-header__logout-button {
    border-color: rgb(255 255 255 / 52%);
    background: var(--primitive-white);
    color: var(--primitive-deep);
}

.presentation-header__side {
    width: var(--presentation-header-side-width);
}

.bottom-sheet--presentation-menu {
    --bottom-sheet-background: var(--primitive-deep);
    --bottom-sheet-handle: var(--primitive-aqua);
    --bottom-sheet-overlay: rgb(3 33 25 / 58%);
}

.bottom-sheet--presentation-menu .bottom-sheet__layer {
    justify-items: center;
    padding: 10px 10px max(10px, env(safe-area-inset-bottom));
}

.bottom-sheet--presentation-menu .bottom-sheet__backdrop {
    background: var(--bottom-sheet-overlay);
    -webkit-backdrop-filter: blur(8px) saturate(80%);
    backdrop-filter: blur(8px) saturate(80%);
}

.bottom-sheet--presentation-menu .bottom-sheet__panel {
    width: min(100%, 470px);
    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - 20px);
    margin: 0;
    border: 1px solid rgb(255 255 255 / 16%);
    border-radius: 28px;
    background: var(--primitive-deep);
    box-shadow: 0 24px 80px rgb(0 0 0 / 28%);
    color: var(--primitive-white);
}

.bottom-sheet--presentation-menu .bottom-sheet__handle {
    min-height: 36px;
    padding: 13px 0 8px;
}

.bottom-sheet--presentation-menu .bottom-sheet__handle span {
    width: 52px;
    height: 3px;
    opacity: 0.62;
}

.bottom-sheet--presentation-menu .bottom-sheet__body {
    padding: 0 18px 20px;
    scrollbar-gutter: auto;
}

.presentation-menu__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: 4px 14px 18px;
    border-bottom: 1px solid rgb(255 255 255 / 16%);
}

.presentation-menu__identity {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

.presentation-menu__brand {
    color: var(--primitive-white);
    font-family: var(--font-display);
    font-size: 31px;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1;
}

.presentation-menu__close {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    padding: 0;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: 50%;
    background: rgb(255 255 255 / 7%);
    color: var(--primitive-white);
    cursor: pointer;
    font-family: var(--font-body);
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
    place-items: center;
}

.presentation-menu__nav {
    display: grid;
    padding-top: 8px;
}

.presentation-menu__logout { margin: 0; }

.presentation-menu__logout .presentation-menu__link {
    width: 100%;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.bottom-sheet--presentation-menu .presentation-menu__link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    min-height: 62px;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border: 0;
    border-bottom: 1px solid rgb(255 255 255 / 14%);
    background: transparent;
    box-shadow: none;
    color: var(--primitive-white);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.25;
    text-decoration: none;
}

.bottom-sheet--presentation-menu .presentation-menu__link:last-child {
    border-bottom: 0;
}

.bottom-sheet--presentation-menu .presentation-menu__link--primary {
    min-height: 66px;
    margin: 12px 0 6px;
    padding-inline: 14px;
    border: 1px solid rgb(255 255 255 / 28%);
    border-radius: 16px;
    background: var(--primitive-orange);
    box-shadow: 0 14px 30px rgb(0 0 0 / 18%);
    color: var(--primitive-white);
    font-weight: 800;
}

.bottom-sheet--presentation-menu .presentation-menu__logout .presentation-menu__link--primary {
    border-bottom: 1px solid rgb(255 255 255 / 28%);
}

.presentation-menu__label {
    min-width: 0;
    overflow-wrap: anywhere;
}

.presentation-menu__arrow {
    display: grid;
    width: 30px;
    height: 30px;
    justify-self: end;
    border: 1px solid rgb(255 255 255 / 24%);
    border-radius: 50%;
    font-size: 16px;
    line-height: 1;
    place-items: center;
}

.presentation-menu__link--primary .presentation-menu__arrow {
    border-color: rgb(255 255 255 / 45%);
    background: rgb(255 255 255 / 8%);
}

@media (min-width: 700px) {
    .bottom-sheet--presentation-menu .bottom-sheet__layer {
        justify-items: end;
        padding: 18px max(18px, calc((100vw - 1120px) / 2));
    }
}

@media (prefers-reduced-motion: no-preference) {
    .bottom-sheet--presentation-menu[open] .presentation-menu__heading,
    .bottom-sheet--presentation-menu[open] .presentation-menu__link {
        animation: presentation-menu-item-in 420ms var(--presentation-ease) both;
    }

    .bottom-sheet--presentation-menu[open] .presentation-menu__link:nth-child(1) { animation-delay: 45ms; }
    .bottom-sheet--presentation-menu[open] .presentation-menu__link:nth-child(2) { animation-delay: 85ms; }
    .bottom-sheet--presentation-menu[open] .presentation-menu__link:nth-child(3) { animation-delay: 125ms; }
    .bottom-sheet--presentation-menu[open] .presentation-menu__link:nth-child(4) { animation-delay: 165ms; }
}

.presentation {
    width: min(100%, 1280px);
    scroll-margin-top: var(--presentation-header-height);
}

.presentation-section {
    --section-accent: var(--primitive-orange);
    isolation: isolate;
    padding-block: clamp(82px, 10vw, 126px);
}

.presentation-section--get-money,
.presentation-section--revenue {
    background: var(--primitive-surface);
    background:
        radial-gradient(circle at 50% 42%, rgb(129 217 208 / 12%), transparent 39%),
        var(--primitive-surface);
}

.presentation-section--share {
    --section-accent: var(--primitive-aqua);
    --presentation-social-cycle: 8.4s;
    --presentation-social-step: 1.05s;
    --presentation-social-delay: 900ms;

    background: var(--primitive-surface);
    background: color-mix(in srgb, var(--primitive-surface) 96%, var(--primitive-white));
    background:
        radial-gradient(circle at 50% 42%, rgb(129 217 208 / 11%), transparent 39%),
        color-mix(in srgb, var(--primitive-surface) 96%, var(--primitive-white));
}

.presentation-section--options {
    --section-accent: var(--primitive-aqua);
    background: var(--primitive-surface);
    background: color-mix(in srgb, var(--primitive-surface) 96%, var(--primitive-white));
}

.presentation-section--private {
    --section-accent: var(--primitive-aqua);
    background: var(--primitive-deep);
    background:
        linear-gradient(
            rgba(var(--primitive-deep-rgb), var(--presentation-private-viewport-progress, 0)),
            rgba(var(--primitive-deep-rgb), var(--presentation-private-viewport-progress, 0))
        ),
        radial-gradient(circle at 50% -20%, rgb(129 217 208 / 12%), transparent 58%),
        color-mix(in srgb, var(--primitive-deep) 72%, var(--primitive-aqua));
}

.presentation-section::after {
    display: none;
    height: 1px;
    background: var(--presentation-rule);
}

.presentation-section--how::after {
    display: block;
}

.presentation-section[id] {
    scroll-margin-top: calc(var(--presentation-header-height) + var(--space-2));
}

.presentation-section__content {
    position: relative;
    z-index: 1;
    gap: clamp(22px, 4vw, var(--space-6));
}

.presentation-section h1,
.presentation-section h2 {
    display: flex;
    max-width: 14ch;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    font-family: var(--font-display);
    font-size: clamp(34px, 8vw, 48px);
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 1.04;
    text-transform: none;
    text-wrap: balance;
}

.presentation-section h1::after,
.presentation-section h2::after {
    width: 48px;
    height: 1px;
    flex: 0 0 auto;
    background: var(--section-accent);
    content: '';
}

.presentation-section--private h2 {
    font-size: clamp(40px, 9vw, 54px);
    letter-spacing: -0.025em;
    text-transform: none;
}

.presentation-section--options h2,
.presentation-section--how h2 {
    max-width: 18ch;
}

.presentation-options-title__text {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.18em;
    flex-wrap: wrap;
}

.presentation-options-title__text > span:empty {
    display: none;
}

.presentation-options-title__magic {
    position: relative;
    display: inline-block;
    isolation: isolate;
    white-space: nowrap;
}

.presentation-options-title__magic::before {
    position: absolute;
    z-index: 0;
    inset: -0.12em -0.22em -0.08em;
    border-radius: 999px;
    background: radial-gradient(ellipse at center, rgb(129 217 208 / 30%) 0 42%, rgb(243 112 34 / 9%) 58%, transparent 74%);
    content: '';
    opacity: 0;
    pointer-events: none;
    transform: scale(0.72) rotate(-2deg);
}

.presentation-options-title__magic-copy {
    position: relative;
    z-index: 2;
    display: inline-block;
    color: var(--primitive-deep);
}

.presentation-options-title__sparkles {
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
}

.presentation-options-title__sparkles > span {
    position: absolute;
    width: 0.18em;
    height: 0.18em;
    background: var(--primitive-aqua);
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
    opacity: 0;
    transform: scale(0.2) rotate(-25deg);
}

.presentation-options-title__sparkles > span:nth-child(1) {
    top: -0.2em;
    left: -0.2em;
}

.presentation-options-title__sparkles > span:nth-child(2) {
    top: 0.06em;
    right: -0.2em;
    width: 0.14em;
    height: 0.14em;
    background: var(--primitive-orange);
}

.presentation-options-title__sparkles > span:nth-child(3) {
    right: 0.08em;
    bottom: -0.16em;
    width: 0.11em;
    height: 0.11em;
}


.presentation-options-progress {
    display: none;
    margin: 0;
    pointer-events: none;
}

.presentation-options-frame {
    width: 100%;
}

.presentation-section--options.is-options-ready .presentation-options-frame {
    --presentation-options-deck-near: 12px;
    --presentation-options-deck-far: 24px;

    width: min(100%, 720px);
}

.presentation-section--options.is-options-ready .presentation-options-progress {
    display: block;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .presentation-options-title__magic-copy {
        background: linear-gradient(
            105deg,
            var(--primitive-deep) 0 34%,
            var(--primitive-orange) 46%,
            var(--primitive-aqua) 54%,
            var(--primitive-deep) 68% 100%
        );
        background-position: 0% 50%;
        background-size: 260% 100%;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .presentation-section--options.is-active .presentation-options-title__magic::before,
    .presentation-section--options:focus-within .presentation-options-title__magic::before {
        animation: presentation-magic-aura 5.2s var(--presentation-ease) infinite;
    }

    .presentation-section--options.is-active .presentation-options-title__magic-copy,
    .presentation-section--options:focus-within .presentation-options-title__magic-copy {
        animation:
            presentation-magic-word-shimmer 5.2s var(--presentation-ease) infinite,
            presentation-magic-word-pop 5.2s var(--presentation-ease) infinite;
    }

    .presentation-section--options.is-active .presentation-options-title__sparkles > span,
    .presentation-section--options:focus-within .presentation-options-title__sparkles > span {
        animation: presentation-magic-sparkle 5.2s var(--presentation-ease) infinite;
    }

    .presentation-section--options.is-active .presentation-options-title__sparkles > span:nth-child(2),
    .presentation-section--options:focus-within .presentation-options-title__sparkles > span:nth-child(2) {
        animation-delay: 220ms;
    }

    .presentation-section--options.is-active .presentation-options-title__sparkles > span:nth-child(3),
    .presentation-section--options:focus-within .presentation-options-title__sparkles > span:nth-child(3) {
        animation-delay: 440ms;
    }
}

@media (prefers-reduced-motion: reduce) {
    .presentation-options-title__magic::before {
        animation: none;
        opacity: 0.14;
        transform: scale(1);
    }

    .presentation-options-title__magic-copy,
    .presentation-options-title__sparkles > span {
        animation: none;
    }

    .presentation-options-title__sparkles > span {
        opacity: 0;
    }
}

.presentation-section__lead {
    width: min(100%, 34ch);
    font-size: clamp(16px, 3vw, 18px);
    font-weight: 400;
    line-height: 1.68;
    text-wrap: pretty;
}

.presentation-join {
    position: relative;
    width: min(100%, 272px);
    min-height: 56px;
    overflow: hidden;
    margin-top: var(--space-6);
    padding: 14px 32px;
    border: 2px solid var(--primitive-deep);
    border-radius: 12px;
    background: var(--primitive-orange);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 34%),
        0 4px 10px rgb(3 33 25 / 12%),
        0 18px 38px rgb(3 33 25 / 18%);
    color: var(--primitive-white);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.presentation-mobile-cta {
    display: none;
}

.presentation-join::before {
    display: none;
}

.presentation-join--aqua {
    border-color: rgb(3 33 25 / 45%);
    background: var(--primitive-aqua);
    color: var(--primitive-deep);
}

.presentation-join:active {
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 26%),
        0 2px 6px rgb(3 33 25 / 12%),
        0 8px 18px rgb(3 33 25 / 14%);
    transform: translateY(0);
}

.presentation-header__login:focus-visible,
.presentation-header__logout-button:focus-visible,
.presentation-header__menu-button:focus-visible,
.presentation-menu__close:focus-visible,
.presentation-join:focus-visible,
.presentation-back-top a:focus-visible,
.presentation-menu__nav a:focus-visible {
    outline: 3px solid var(--color-focus);
    outline-offset: 4px;
}

.bottom-sheet--presentation-menu .presentation-menu__link:focus-visible,
.bottom-sheet--presentation-menu .presentation-menu__close:focus-visible {
    outline-offset: -3px;
}

.presentation-phone-stage {
    height: 350px;
}

.presentation-phone-stage::before {
    position: absolute;
    z-index: 0;
    top: 12px;
    left: 50%;
    width: min(100%, 410px);
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgb(129 217 208 / 16%), transparent 68%);
    content: '';
    pointer-events: none;
    transform: translateX(-50%);
}

.presentation-photo-rail img {
    --photo-y: 0px;

    display: block;
    box-sizing: border-box;
    flex: 0 0 111px;
    border: 1px solid var(--primitive-white);
    border-radius: 10px;
    transform: translateY(var(--photo-y));
}

.presentation-phone {
    border-color: var(--primitive-deep);
    border-width: 4px;
    border-radius: 34px;
    box-shadow: var(--presentation-shadow);
    transform: translateX(-50%);
}

.presentation-phone--pay .presentation-phone__primary,
.presentation-phone__revenue strong {
    font-family: var(--font-amount);
    font-variant-numeric: tabular-nums;
}

.presentation-phone__revenue {
    box-sizing: border-box;
    gap: 16px;
    padding: 24px 12px 18px;
    background: linear-gradient(160deg, var(--primitive-white) 60%, rgb(243 112 34 / 10%));
    isolation: isolate;
    overflow: hidden;
}

.presentation-phone__revenue > * {
    position: relative;
    z-index: 1;
}

.presentation-phone__revenue-badge {
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border: 1px solid rgb(3 33 25 / 16%);
    border-radius: 50%;
    background: rgb(129 217 208 / 34%);
    box-shadow:
        0 10px 26px rgb(3 33 25 / 10%),
        inset 0 1px 0 rgb(255 255 255 / 74%);
    place-items: center;
}

.presentation-phone__revenue-badge img {
    width: 28px;
    height: 28px;
}

.presentation-phone__revenue .presentation-phone__revenue-label {
    color: rgb(3 33 25 / 68%);
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.2;
    text-transform: uppercase;
}

.presentation-phone__revenue .presentation-phone__revenue-amount {
    display: flex;
    min-width: 150px;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
    color: var(--primitive-deep);
    font-size: 42px;
    letter-spacing: -0.04em;
    line-height: 1;
    white-space: nowrap;
}

.presentation-phone__revenue-amount > [data-presentation-revenue-target='amount'] {
    min-width: 4.35ch;
    font-size: inherit;
    line-height: inherit;
    text-align: right;
}

.presentation-phone__revenue .presentation-phone__revenue-currency {
    color: var(--primitive-orange);
    font-family: var(--font-body);
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0;
}

.presentation-phone__revenue-bars {
    display: flex;
    width: 98px;
    height: 28px;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
}

.presentation-phone__revenue-bars > span {
    width: 25px;
    border-radius: 4px 4px 2px 2px;
    background: var(--primitive-aqua);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 48%);
    opacity: 0.94;
    transform-origin: bottom;
}

.presentation-phone__revenue-bars > span:nth-child(1) { height: 11px; opacity: 0.5; }
.presentation-phone__revenue-bars > span:nth-child(2) { height: 18px; opacity: 0.72; }
.presentation-phone__revenue-bars > span:nth-child(3) { height: 27px; background: var(--primitive-orange); }

@media (prefers-reduced-motion: no-preference) {
    .presentation-phone__revenue.is-counter-ready .presentation-phone__revenue-badge {
        opacity: 0.7;
        transform: scale(0.88);
    }

    .presentation-phone__revenue.is-counter-ready .presentation-phone__revenue-bars > span {
        opacity: 0.3;
        transform: scaleY(0.18);
    }

    .presentation-phone__revenue.is-counting .presentation-phone__revenue-badge {
        animation: presentation-revenue-badge-pop 720ms var(--presentation-ease) both;
    }

    .presentation-phone__revenue.is-counting .presentation-phone__revenue-bars > span {
        animation: presentation-revenue-bar 760ms var(--presentation-ease) forwards;
    }

    .presentation-phone__revenue.is-counting .presentation-phone__revenue-bars > span:nth-child(1) { animation-delay: 180ms; }
    .presentation-phone__revenue.is-counting .presentation-phone__revenue-bars > span:nth-child(2) { animation-delay: 300ms; }
    .presentation-phone__revenue.is-counting .presentation-phone__revenue-bars > span:nth-child(3) { animation-delay: 420ms; }

    .presentation-phone__revenue.is-complete .presentation-phone__revenue-amount {
        animation: presentation-revenue-complete 520ms var(--presentation-ease) both;
    }
}

.presentation-share-arrow {
    width: 30px;
    height: 42px;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--primitive-orange);
}

.presentation-socials-group {
    display: grid;
    justify-items: center;
    width: min(calc(100% - 16px), 320px);
}

.presentation-socials {
    box-sizing: content-box;
    width: 100%;
    height: auto;
    padding-block: 14px;
    border: 0;
    border-block: 1px solid var(--presentation-rule);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #aaa;
    filter: none;
    opacity: 1;
    overflow: visible;
}

.presentation-socials__icon {
    opacity: 0.78;
    transform-box: fill-box;
    transform-origin: center;
}

.presentation-socials__icon:nth-child(1) { --social-index: 0; }
.presentation-socials__icon:nth-child(2) { --social-index: 1; }
.presentation-socials__icon:nth-child(3) { --social-index: 2; }
.presentation-socials__icon:nth-child(4) { --social-index: 3; }
.presentation-socials__icon:nth-child(5) { --social-index: 4; }
.presentation-socials__icon:nth-child(6) { --social-index: 5; }
.presentation-socials__icon:nth-child(7) { --social-index: 6; }

.presentation-section--share .presentation-share-title {
    gap: 10px;
}

.presentation-section--share .presentation-share-title::after {
    content: none;
}

.presentation-share-title__copy {
    display: block;
}

.presentation-share-title .presentation-socials__labels {
    display: grid;
    min-height: 20px;
    place-items: center;
    width: 100%;
    font-family: var(--font-body);
    text-align: center;
}

.presentation-socials__label {
    grid-area: 1 / 1;
    color: var(--primitive-deep);
    font-size: clamp(14px, 3.6vw, 16px);
    font-weight: 700;
    letter-spacing: 0.025em;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(4px);
    white-space: nowrap;
}

.presentation-socials__label:nth-child(1) { --social-index: 0; }
.presentation-socials__label:nth-child(2) { --social-index: 1; }
.presentation-socials__label:nth-child(3) { --social-index: 2; }
.presentation-socials__label:nth-child(4) { --social-index: 3; }
.presentation-socials__label:nth-child(5) { --social-index: 4; }
.presentation-socials__label:nth-child(6) { --social-index: 5; }
.presentation-socials__label:nth-child(7) { --social-index: 6; }

.presentation-socials__halo {
    fill: rgb(129 217 208 / 30%);
    opacity: 0;
    stroke: rgb(243 112 34 / 48%);
    stroke-width: 0.75;
    transform: scale(0.68);
    transform-box: fill-box;
    transform-origin: center;
}

.presentation-private-icon {
    width: 30px;
    height: 30px;
    opacity: 0.78;
}

.presentation-options {
    max-width: 800px;
    gap: 8px;
}

.presentation-option {
    position: relative;
    border: 1px solid transparent;
    border-radius: 999px;
    overflow: hidden;
    background-color: transparent;
    opacity: 1;
    text-align: left;
    transition:
        background-color 420ms var(--presentation-ease),
        border-color 420ms var(--presentation-ease),
        color 320ms var(--presentation-ease),
        opacity 300ms var(--presentation-ease);
}

.presentation-option.is-option-future {
    opacity: 0.68;
}

.presentation-option.is-option-past {
    opacity: 0.78;
}

.presentation-option.is-option-active {
    border-color: rgb(129 217 208 / 22%);
    background-color: var(--primitive-deep);
    color: var(--primitive-white);
    opacity: 1;
}

.presentation-option__visual {
    display: grid;
    min-height: 78px;
    grid-template-columns: 32px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 7px 12px;
    padding: 13px 20px;
}

.presentation-option__icon {
    display: grid;
    width: 32px;
    height: 32px;
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    border: 1px solid rgb(3 33 25 / 14%);
    border-radius: 50%;
    background: rgb(129 217 208 / 15%);
    color: var(--primitive-deep);
    place-items: center;
}

.presentation-option__icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    overflow: visible;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.3;
}

.presentation-option__copy {
    display: grid;
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
    gap: 4px;
}

.presentation-option__label {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}

.presentation-option__description {
    color: inherit;
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    opacity: 0.68;
    text-wrap: pretty;
}

.presentation-option.is-option-active .presentation-option__icon {
    border-color: rgb(129 217 208 / 46%);
    background: rgb(129 217 208 / 12%);
    color: var(--primitive-aqua);
}

.presentation-option__status-wrap {
    display: grid;
    width: min(100%, 180px);
    min-height: 32px;
    grid-column: 2;
    grid-row: 2;
    gap: 6px;
    justify-self: start;
}

.presentation-option__status {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    min-height: 18px;
    align-items: center;
    gap: 6px;
    color: var(--primitive-deep);
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.035em;
    line-height: 1.2;
    white-space: nowrap;
}

.presentation-option.is-option-active .presentation-option__status {
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid rgb(255 255 255 / 16%);
    border-radius: 999px;
    background: rgb(255 255 255 / 8%);
    color: var(--primitive-white);
    letter-spacing: 0.025em;
}

.presentation-option.is-counting .presentation-option__icon {
    border-color: rgb(129 217 208 / 66%);
    background: rgb(129 217 208 / 26%);
}

.presentation-option.is-option-active.is-counting .presentation-option__icon {
    border-color: rgb(129 217 208 / 46%);
    background: rgb(129 217 208 / 12%);
    color: var(--primitive-aqua);
}



.presentation-option.is-zero .presentation-option__status {
    color: var(--primitive-orange);
}

.presentation-option.is-option-active.is-zero .presentation-option__status {
    color: var(--primitive-white);
}

.presentation-option.is-expired .presentation-option__status {
    min-height: 24px;
    padding: 4px 8px;
    border: 1px solid rgb(3 33 25 / 16%);
    border-radius: 999px;
    background: rgb(3 33 25 / 6%);
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}


.presentation-option.is-option-active.is-expired .presentation-option__status {
    min-height: 28px;
    padding: 5px 10px;
    border-color: rgb(255 255 255 / 18%);
    background: rgb(255 255 255 / 8%);
    color: var(--primitive-white);
}

.presentation-steps {
    gap: 0;
    max-width: 800px;
    padding: 0 0 0 52px;
    list-style-position: outside;
    list-style-type: decimal-leading-zero;
}

.presentation-steps li {
    padding: calc(var(--space-4) + var(--space-2)) 0;
    border-bottom: 1px solid var(--presentation-rule);
    text-align: left;
}

.presentation-steps li::marker {
    color: var(--primitive-deep);
    font-family: var(--font-amount);
    font-size: 25px;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
}

.presentation-back-top {
    padding-block: var(--space-12);
}

.presentation-back-top::after {
    height: 1px;
    background: var(--presentation-rule);
}

.presentation-back-top a {
    flex-direction: row;
    gap: 14px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.presentation-back-top svg {
    background: transparent;
    box-shadow: none;
}

.site-footer--presentation {
    width: min(100%, 1280px);
    border-top: 1px solid var(--presentation-rule);
}

.site-footer__presentation-inner {
    padding-top: var(--space-12);
    padding-bottom: max(var(--space-12), env(safe-area-inset-bottom));
}

@media (min-width: 700px) {
    .presentation-section--options .presentation-section__content,
    .presentation-section--how .presentation-section__content {
        width: min(100%, 800px);
    }

    .presentation-option__visual {
        min-height: 72px;
        grid-template-columns: 32px minmax(0, 1fr) 180px;
        grid-template-rows: auto;
        gap: 16px;
        padding-inline: 24px;
    }

    .presentation-option__icon {
        grid-column: 1;
        grid-row: 1;
    }

    .presentation-option__copy {
        grid-column: 2;
        grid-row: 1;
    }

    .presentation-option__status-wrap {
        width: 180px;
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        text-align: right;
    }

    .presentation-option__status {
        justify-self: end;
    }
}

@media (min-width: 1081px) {
    .presentation {
        width: min(100%, 1280px);
        box-shadow: none;
    }

    .presentation-section {
        padding: 124px 80px;
    }

    .presentation-section--get-money,
    .presentation-section--share,
    .presentation-section--revenue {
        min-height: 680px;
    }

    .presentation-section--get-money {
        min-height: max(680px, calc(100vh - var(--presentation-header-height)));
        min-height: max(680px, calc(100svh - var(--presentation-header-height)));
        background:
            radial-gradient(circle at 72% 46%, rgb(129 217 208 / 12%), transparent 34%),
            var(--primitive-surface);
    }

    .presentation-section--share {
        background:
            radial-gradient(circle at 28% 46%, rgb(129 217 208 / 11%), transparent 34%),
            color-mix(in srgb, var(--primitive-surface) 96%, var(--primitive-white));
    }

    .presentation-section--revenue {
        background:
            radial-gradient(circle at 72% 46%, rgb(129 217 208 / 12%), transparent 34%),
            var(--primitive-surface);
    }

    .presentation-section--private {
        padding-block: 136px;
    }

    .presentation-section h1,
    .presentation-section h2 {
        font-size: clamp(48px, 4vw, 56px);
    }

    .presentation-section--private h2 {
        font-size: 54px;
    }

    .presentation-section--options .presentation-section__content {
        width: min(100%, 960px);
    }

    .presentation-section--options h2 {
        font-size: clamp(58px, 4.8vw, 68px);
    }

    .presentation-options {
        max-width: 960px;
    }

    .presentation-section--options .presentation-option__visual {
        min-height: 96px;
        grid-template-columns: 42px minmax(0, 1fr) minmax(230px, 260px);
        gap: 22px;
        padding-block: 16px;
        padding-inline: 28px;
    }

    .presentation-section--options .presentation-option__icon {
        width: 42px;
        height: 42px;
    }

    .presentation-section--options .presentation-option__icon svg {
        width: 23px;
        height: 23px;
    }

    .presentation-section--options .presentation-option__label {
        font-size: clamp(16px, 1.2vw, 18px);
        line-height: 1.28;
    }

    .presentation-section--options .presentation-option__status-wrap {
        width: 260px;
        min-height: 40px;
        gap: 8px;
    }

    .presentation-section--options .presentation-option__status {
        min-height: 22px;
        font-size: 15px;
    }

    .presentation-section--get-money .presentation-section__content,
    .presentation-section--revenue .presentation-section__content {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 470px;
        grid-template-rows: auto auto;
        gap: var(--space-6) 92px;
        align-items: center;
        width: min(100%, 1080px);
        text-align: left;
    }

    .presentation-section--get-money h1,
    .presentation-section--revenue h2 {
        grid-column: 1;
        grid-row: 1;
        align-self: end;
        align-items: flex-start;
    }

    .presentation-section--get-money .presentation-phone-stage,
    .presentation-section--revenue .presentation-phone-stage {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .presentation-section--get-money .presentation-section__lead,
    .presentation-section--revenue .presentation-section__lead {
        grid-column: 1;
        grid-row: 2;
        align-self: start;
    }

    .presentation-section--share .presentation-section__content {
        display: grid;
        grid-template-columns: 470px minmax(0, 1fr);
        grid-template-rows: auto auto auto auto;
        gap: var(--space-4) 92px;
        align-items: center;
        width: min(100%, 1080px);
        text-align: left;
    }

    .presentation-section--share .presentation-phone-stage {
        grid-column: 1;
        grid-row: 1 / span 4;
    }

    .presentation-section--share h2,
    .presentation-section--share .presentation-share-arrow,
    .presentation-section--share .presentation-socials-group,
    .presentation-section--share .presentation-section__lead {
        grid-column: 2;
        justify-self: start;
    }

    .presentation-section--share h2 {
        grid-row: 1;
        align-self: end;
        align-items: flex-start;
    }

    .presentation-section--share .presentation-socials__labels {
        place-items: start;
        text-align: left;
    }

    .presentation-section--share .presentation-share-arrow { grid-row: 2; }
    .presentation-section--share .presentation-socials-group {
        grid-row: 3;
        width: min(100%, 360px);
    }

    .presentation-section--share .presentation-socials__label { font-size: 16px; }
    .presentation-section--share .presentation-section__lead { grid-row: 4; align-self: start; }

    .presentation-section--get-money .presentation-phone-stage,
    .presentation-section--share .presentation-phone-stage,
    .presentation-section--revenue .presentation-phone-stage {
        height: 372px;
    }

    .presentation-section--get-money .presentation-phone-visual,
    .presentation-section--share .presentation-phone-visual,
    .presentation-section--revenue .presentation-phone-visual {
        transform: translateX(-50%) scale(1.06);
    }
}

/* Full-viewport panels: each scene stays pinned while the next one covers it. */
@supports (overflow: clip) {
    .presentation-page {
        overflow-x: clip;
    }
}

.presentation-panels {
    position: relative;
    isolation: isolate;
}

.presentation-options-stage {
    position: relative;
}

.presentation-panels .presentation-section::before,
.presentation-section--options .presentation-options-stage::after {
    position: absolute;
    z-index: 3;
    bottom: clamp(12px, 1.8vh, 20px);
    left: 50%;
    width: 12px;
    height: 12px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    content: '';
    opacity: 0.42;
    pointer-events: none;
    transform: translateX(-50%) rotate(45deg);
}

.presentation-section--options .presentation-options-stage::after {
    content: none;
}

@media (prefers-reduced-motion: no-preference) {
    .presentation-panels .presentation-section::before,
    .presentation-section--options.is-options-enhanced .presentation-options-stage::after {
        animation: presentation-scroll-cue 2400ms ease-in-out infinite;
    }
}

@keyframes presentation-scroll-cue {
    0%, 100% {
        opacity: 0.28;
        transform: translate(-50%, -2px) rotate(45deg);
    }
    50% {
        opacity: 0.58;
        transform: translate(-50%, 3px) rotate(45deg);
    }
}

.presentation-section,
.presentation-section[id] {
    scroll-margin-top: var(--presentation-header-height);
}

@media (max-width: 699px) and (orientation: portrait),
    (min-height: 780px),
    (min-width: 1081px) and (min-height: 620px) {
    .presentation-panels .presentation-section {
        position: -webkit-sticky;
        position: sticky;
        top: var(--presentation-header-height);
        min-height: calc(100vh - var(--presentation-header-height) - var(--presentation-mobile-dock-space, 0px));
        min-height: calc(100dvh - var(--presentation-header-height) - var(--presentation-mobile-dock-space, 0px));
        justify-content: center;
        padding-block: clamp(24px, 4vh, 56px);
        padding-block: clamp(24px, 4svh, 56px);
        box-shadow: none;
    }

    .presentation-panels .presentation-section--options.is-options-enhanced::before {
        content: none;
    }

    .presentation-section--options.is-options-enhanced .presentation-options-stage::after {
        content: '';
    }

    .presentation-panels .presentation-section--options:not(.is-options-enhanced) {
        position: relative;
        top: auto;
        min-height: auto;
        padding: var(--section-flow) var(--content-gutter);
        overflow: hidden;
    }

    .presentation-panels .presentation-section--options.is-options-enhanced {
        position: relative;
        top: auto;
        display: block;
        min-height: calc(
            100vh - var(--presentation-header-height) - var(--presentation-mobile-dock-space, 0px)
            + var(--presentation-options-scroll-runway)
        );
        min-height: calc(
            100dvh - var(--presentation-header-height) - var(--presentation-mobile-dock-space, 0px)
            + var(--presentation-options-scroll-runway)
        );
        padding: 0;
        margin-block-end: 0;
        background: var(--primitive-surface);
        overflow: visible;
    }

    .presentation-section--options.is-options-enhanced .presentation-options-stage {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1;
        top: var(--presentation-header-height);
        min-height: calc(100vh - var(--presentation-header-height) - var(--presentation-mobile-dock-space, 0px));
        min-height: calc(100dvh - var(--presentation-header-height) - var(--presentation-mobile-dock-space, 0px));
        justify-content: center;
        padding: clamp(24px, 4vh, 56px) var(--content-gutter);
        padding: clamp(24px, 4svh, 56px) var(--content-gutter);
        background: var(--primitive-surface);
        overflow: hidden;
    }

    .presentation-section--options .presentation-section__content {
        gap: clamp(22px, 3.5vh, 34px);
        gap: clamp(22px, 3.5svh, 34px);
    }

    .presentation-section--options.is-options-ready .presentation-options {
        position: relative;
        isolation: isolate;
        width: min(100%, 720px);
        height: clamp(280px, 38vh, 340px);
        height: clamp(280px, 38svh, 340px);
        max-width: 720px;
        overflow: visible;
    }

    .presentation-section--options.is-options-ready .presentation-options-frame {
        padding-block-end: calc(var(--presentation-options-deck-far) + 2px);
    }

    .presentation-section--options.is-options-ready .presentation-options::before,
    .presentation-section--options.is-options-ready .presentation-options::after {
        position: absolute;
        inset: 0;
        border: 1px solid rgb(129 217 208 / 24%);
        border-radius: 36px;
        content: "";
        opacity: 0;
        pointer-events: none;
        transform-origin: center;
        transition:
            opacity 420ms var(--presentation-ease),
            transform 680ms var(--presentation-ease);
    }

    .presentation-section--options.is-options-ready .presentation-options::before {
        z-index: 0;
        background: rgb(3 33 25 / 28%);
        transform: translate3d(0, var(--presentation-options-deck-near), 0) scale(0.97, 0.99);
    }

    .presentation-section--options.is-options-ready .presentation-options::after {
        z-index: 1;
        background: rgb(3 33 25 / 62%);
        transform: translate3d(0, 0, 0) scale(1);
    }

    .presentation-section--options.is-options-ready .presentation-option {
        z-index: 2;
    }

    .presentation-section--options.is-options-ready .presentation-option.is-option-active {
        z-index: 3;
    }

    .presentation-section--options.is-options-ready[data-presentation-options-stage="0"] .presentation-options::before {
        opacity: 1;
        transform: translate3d(0, var(--presentation-options-deck-far), 0) scale(0.94, 0.98);
    }

    .presentation-section--options.is-options-ready[data-presentation-options-stage="0"] .presentation-options::after,
    .presentation-section--options.is-options-ready[data-presentation-options-stage="1"] .presentation-options::after {
        opacity: 1;
        transform: translate3d(0, var(--presentation-options-deck-near), 0) scale(0.97, 0.99);
    }

    .presentation-section--options.is-options-ready[data-presentation-options-stage="1"] .presentation-options::before,
    .presentation-section--options.is-options-ready[data-presentation-options-stage="2"] .presentation-options::before {
        opacity: 0;
        transform: translate3d(0, var(--presentation-options-deck-near), 0) scale(0.97, 0.99);
    }

    .presentation-section--options.is-options-ready[data-presentation-options-stage="2"] .presentation-options::after {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(1);
    }

    .presentation-section--options.is-options-ready .presentation-option {
        position: absolute;
        inset: 0;
        border: 1px solid rgb(129 217 208 / 30%);
        border-radius: 36px;
        background: var(--primitive-deep);
        box-shadow: none;
        color: var(--primitive-white);
        opacity: 0;
        pointer-events: none;
        transform: translate3d(0, 24px, 0) scale(0.985);
        transition:
            background-color 560ms var(--presentation-ease),
            border-color 560ms var(--presentation-ease),
            opacity 480ms var(--presentation-ease),
            transform 680ms var(--presentation-ease);
    }

    .presentation-section--options.is-options-ready .presentation-option.is-option-past {
        transform: translate3d(0, -24px, 0) scale(0.985);
    }

    .presentation-section--options.is-options-ready .presentation-option.is-option-active {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        transition-delay: 0s;
    }

    .presentation-section--options.is-options-ready .presentation-option__visual {
        display: flex;
        height: 100%;
        min-height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 14px;
        padding: 28px 36px;
        text-align: center;
    }

    .presentation-section--options.is-options-ready .presentation-option__icon {
        width: 60px;
        height: 60px;
        flex: 0 0 60px;
        align-self: center;
        margin-inline: auto;
        border-color: var(--primitive-aqua);
        background: var(--primitive-aqua);
        color: var(--primitive-deep);
    }

    .presentation-section--options.is-options-ready .presentation-option__icon svg {
        width: 30px;
        height: 30px;
    }

    .presentation-section--options.is-options-ready .presentation-option__copy {
        width: min(100%, 560px);
        gap: 9px;
        align-self: center;
        justify-items: center;
        text-align: center;
    }

    .presentation-section--options.is-options-ready .presentation-option__label {
        color: var(--primitive-white);
        font-size: clamp(16px, 1.2vw, 18px);
        font-weight: 600;
        line-height: 1.28;
    }

    .presentation-section--options.is-options-ready .presentation-option__description {
        max-width: 52ch;
        color: var(--primitive-white);
        font-size: clamp(14px, 1.1vw, 16px);
        line-height: 1.5;
        opacity: 0.72;
        text-align: center;
    }

    .presentation-section--options.is-options-ready .presentation-option__status-wrap {
        width: 100%;
        min-height: 38px;
        align-self: stretch;
        justify-self: auto;
        place-items: center;
    }

    .presentation-section--options.is-options-ready .presentation-option .presentation-option__status,
    .presentation-section--options.is-options-ready .presentation-option.is-expired .presentation-option__status,
    .presentation-section--options.is-options-ready .presentation-option.is-option-active .presentation-option__status,
    .presentation-section--options.is-options-ready .presentation-option.is-option-active.is-expired .presentation-option__status {
        justify-self: center;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--primitive-white);
        font-size: clamp(24px, 2.2vw, 32px);
        font-weight: 400;
        letter-spacing: -0.015em;
        line-height: 1.1;
        text-align: center;
        text-transform: none;
    }

    .presentation-section--options.is-options-ready .presentation-option.is-expired .presentation-option__status,
    .presentation-section--options.is-options-ready .presentation-option.is-option-active.is-expired .presentation-option__status {
        font-size: clamp(16px, 1.45vw, 20px);
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .presentation-section--get-money { z-index: 1; box-shadow: none; }
    .presentation-section--share { z-index: 2; }
    .presentation-section--revenue { z-index: 3; }
    .presentation-section--private { z-index: 4; }
    .presentation-section--options { z-index: 5; }
    .presentation-section--how { z-index: 6; }

    .presentation-panels::after {
        display: block;
        height: calc(100vh - var(--presentation-header-height) - var(--presentation-mobile-dock-space, 0px));
        height: calc(100dvh - var(--presentation-header-height) - var(--presentation-mobile-dock-space, 0px));
        background: transparent;
        content: '';
        pointer-events: none;
    }
}
@media (max-width: 699px) and (orientation: portrait) {
    .presentation-panels .presentation-section--get-money {
        min-height: calc(100vh - var(--presentation-header-height) - var(--presentation-mobile-dock-space, 0px));
        min-height: calc(100dvh - var(--presentation-header-height) - var(--presentation-mobile-dock-space, 0px));
    }
}

.presentation-back-top {
    position: relative;
    z-index: 7;
    background: var(--primitive-surface);
}

@media (max-width: 699px) {
    .presentation-header::before {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .presentation-page--landing {
        --presentation-mobile-dock-space: calc(72px + env(safe-area-inset-bottom));
        --presentation-panel-reading-pause: 240px;
        --presentation-panel-reading-pause: clamp(240px, 42vh, 360px);
        --presentation-panel-reading-pause: clamp(240px, 42svh, 360px);
        --presentation-private-reading-pause: clamp(360px, 62vh, 540px);
        --presentation-private-reading-pause: clamp(360px, 62svh, 540px);
        --presentation-options-scroll-runway: clamp(1980px, 330vh, 3200px);
        --presentation-options-scroll-runway: clamp(1980px, 330svh, 3200px);
    }

    .presentation-section {
        padding-block: clamp(20px, 3vh, 28px);
        padding-block: clamp(20px, 3svh, 28px);
    }

    .presentation-section__content {
        gap: clamp(14px, 2.2vh, 18px);
        gap: clamp(14px, 2.2svh, 18px);
    }

    .presentation-section h1,
    .presentation-section h2 {
        gap: 14px;
    }

    .presentation-section--options .presentation-options {
        width: min(100%, 356px);
        gap: 8px;
    }

    .presentation-section--options .presentation-option {
        border: 0;
        border-radius: 999px;
        background-color: rgb(3 33 25 / 4%);
        box-shadow: none;
        color: var(--primitive-deep);
        transition:
            background-color 520ms var(--presentation-ease),
            color 420ms var(--presentation-ease),
            opacity 300ms var(--presentation-ease);
    }

    .presentation-section--options .presentation-option.is-option-future {
        opacity: 0.7;
    }

    .presentation-section--options .presentation-option.is-option-past {
        opacity: 0.82;
    }

    .presentation-section--options .presentation-option.is-option-active {
        border-color: transparent;
        background-color: var(--primitive-deep);
        color: var(--primitive-white);
        opacity: 1;
    }

    .presentation-section--options .presentation-option__visual {
        min-height: 96px;
        grid-template-columns: 38px minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 13px;
        row-gap: 3px;
        padding: 14px 22px;
    }

    .presentation-section--options .presentation-option__icon {
        width: 38px;
        height: 38px;
        border-color: rgb(3 33 25 / 20%);
        background: transparent;
    }

    .presentation-section--options .presentation-option.is-option-active .presentation-option__icon,
    .presentation-section--options .presentation-option.is-option-active.is-counting .presentation-option__icon {
        border-color: rgb(129 217 208 / 52%);
        background: rgb(129 217 208 / 8%);
        color: var(--primitive-aqua);
    }

    .presentation-section--options .presentation-option__icon svg {
        width: 20px;
        height: 20px;
    }

    .presentation-section--options .presentation-option__label {
        font-size: clamp(14px, 3.6vw, 15px);
        font-weight: 600;
        line-height: 1.24;
        overflow-wrap: anywhere;
        text-wrap: pretty;
    }

    .presentation-section--options .presentation-option__status-wrap {
        width: 100%;
        min-height: 22px;
        gap: 0;
        justify-self: stretch;
    }

    .presentation-section--options .presentation-option__status,
    .presentation-section--options .presentation-option.is-expired .presentation-option__status,
    .presentation-section--options .presentation-option.is-option-active .presentation-option__status,
    .presentation-section--options .presentation-option.is-option-active.is-expired .presentation-option__status {
        min-height: 22px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: inherit;
        font-size: clamp(15px, 4.1vw, 16px);
        font-weight: 700;
        letter-spacing: 0.01em;
        line-height: 1.25;
        text-transform: none;
    }

    .presentation-section--options .presentation-option:not(.is-expired) .presentation-option__status {
        font-weight: 400;
    }

    .presentation-section--options .presentation-options-stage {
        padding-inline:
            max(18px, env(safe-area-inset-left))
            max(18px, env(safe-area-inset-right));
    }

    .presentation-section--options.is-options-ready .presentation-options-frame {
        --presentation-options-deck-near: 10px;
        --presentation-options-deck-far: 20px;

        width: min(100%, 356px);
    }

    .presentation-section--options.is-options-ready .presentation-options::before,
    .presentation-section--options.is-options-ready .presentation-options::after {
        border-radius: 30px;
    }

    .presentation-section--options.is-options-ready .presentation-options {
        width: min(100%, 356px);
        height: clamp(260px, 40vh, 320px);
        height: clamp(260px, 40svh, 320px);
        gap: 0;
    }

    .presentation-section--options.is-options-ready .presentation-option,
    .presentation-section--options.is-options-ready .presentation-option.is-option-active {
        border: 1px solid rgb(129 217 208 / 34%);
        border-radius: 30px;
        background: var(--primitive-deep);
        box-shadow: none;
        color: var(--primitive-white);
    }

    .presentation-section--options.is-options-ready .presentation-option.is-option-future,
    .presentation-section--options.is-options-ready .presentation-option.is-option-past {
        opacity: 0;
    }

    .presentation-section--options.is-options-ready .presentation-option.is-option-active {
        opacity: 1;
    }

    .presentation-section--options.is-options-ready .presentation-option__visual {
        height: 100%;
        min-height: 100%;
        grid-template-columns: 50px minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-content: center;
        column-gap: 16px;
        row-gap: 18px;
        padding: 28px 26px;
    }

    .presentation-section--options.is-options-ready .presentation-option__icon,
    .presentation-section--options.is-options-ready .presentation-option.is-option-active .presentation-option__icon,
    .presentation-section--options.is-options-ready .presentation-option.is-option-active.is-counting .presentation-option__icon {
        width: 50px;
        height: 50px;
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: center;
        border-color: var(--primitive-aqua);
        background: var(--primitive-aqua);
        color: var(--primitive-deep);
    }

    .presentation-section--options.is-options-ready .presentation-option__icon svg {
        width: 25px;
        height: 25px;
    }

    .presentation-section--options.is-options-ready .presentation-option__copy {
        grid-column: 2;
        grid-row: 1;
        gap: 8px;
        align-self: start;
    }

    .presentation-section--options.is-options-ready .presentation-option__label {
        color: var(--primitive-white);
        font-size: clamp(18px, 5vw, 20px);
        font-weight: 600;
        line-height: 1.25;
    }

    .presentation-section--options.is-options-ready .presentation-option__description {
        max-width: 28ch;
        color: var(--primitive-white);
        font-size: clamp(14px, 3.8vw, 15px);
        line-height: 1.48;
        opacity: 0.72;
    }

    .presentation-section--options.is-options-ready .presentation-option__status-wrap {
        width: 100%;
        min-height: 32px;
        grid-column: 2;
        grid-row: 2;
        align-self: end;
        justify-self: stretch;
        place-items: end start;
    }

    .presentation-section--options.is-options-ready .presentation-option .presentation-option__status,
    .presentation-section--options.is-options-ready .presentation-option.is-expired .presentation-option__status,
    .presentation-section--options.is-options-ready .presentation-option.is-option-active .presentation-option__status,
    .presentation-section--options.is-options-ready .presentation-option.is-option-active.is-expired .presentation-option__status {
        min-height: 0;
        color: var(--primitive-white);
        font-size: clamp(23px, 6.4vw, 27px);
        font-weight: 400;
        letter-spacing: -0.015em;
        line-height: 1.1;
        text-align: left;
    }

    .presentation-section--options.is-options-ready .presentation-option.is-expired .presentation-option__status,
    .presentation-section--options.is-options-ready .presentation-option.is-option-active.is-expired .presentation-option__status {
        font-size: clamp(16px, 4.5vw, 18px);
        font-weight: 700;
        letter-spacing: 0.06em;
    }

    .presentation-phone-stage {
        height: 315px;
    }

    .presentation-section > .presentation-join,
    .presentation-section--options .presentation-options-stage > .presentation-join {
        display: none;
    }

    .presentation-mobile-cta {
        position: fixed;
        z-index: 20;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        min-height: var(--presentation-mobile-dock-space);
        align-items: flex-start;
        justify-content: center;
        padding:
            12px max(18px, env(safe-area-inset-right))
            calc(12px + env(safe-area-inset-bottom))
            max(18px, env(safe-area-inset-left));
        border-top: 1px solid rgb(129 217 208 / 24%);
        background: var(--primitive-deep);
        pointer-events: none;
    }

    .presentation-mobile-cta__link {
        --presentation-mobile-cta-private-weight: 0%;

        position: relative;
        display: inline-flex;
        width: min(100%, 320px);
        min-height: 48px;
        align-items: center;
        justify-content: center;
        padding: 11px 24px;
        border: 1px solid rgb(129 217 208 / 72%);
        border-radius: 10px;
        background: var(--primitive-aqua);
        box-shadow: inset 0 1px 0 rgb(255 255 255 / 24%);
        color: var(--primitive-deep);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.12em;
        line-height: 1.2;
        overflow-wrap: anywhere;
        pointer-events: auto;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgb(3 33 25 / 18%);
        transition:
            border-color 180ms var(--presentation-ease),
            box-shadow 180ms var(--presentation-ease),
            color 160ms var(--presentation-ease);
    }

    .presentation-mobile-cta__link.is-private-tone {
        color: var(--primitive-deep);
    }

    .presentation-mobile-cta__link::after {
        position: absolute;
        inset: -12px -18px;
        border-radius: 16px;
        content: '';
    }

    .presentation-mobile-cta__link:focus-visible {
        outline: 3px solid var(--color-focus);
        outline-offset: 3px;
    }

    .presentation-back-top,
    .site-footer__presentation-inner {
        padding-bottom: calc(var(--space-12) + var(--presentation-mobile-dock-space));
    }
}

@media (max-width: 699px) and (orientation: portrait) {
    .presentation-section--options.is-options-enhanced.is-options-ready .presentation-options {
        height: clamp(320px, 46vh, 370px);
        height: clamp(320px, 46svh, 370px);
    }

    .presentation-section--options.is-options-enhanced.is-options-ready .presentation-option__visual {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px;
        padding: 26px 24px;
        text-align: center;
    }

    .presentation-section--options.is-options-enhanced.is-options-ready .presentation-option__icon {
        flex: 0 0 50px;
        align-self: center;
    }

    .presentation-section--options.is-options-enhanced.is-options-ready .presentation-option__copy {
        width: min(100%, 286px);
        align-self: center;
        justify-items: center;
        text-align: center;
    }

    .presentation-section--options.is-options-enhanced.is-options-ready .presentation-option__description {
        max-width: 30ch;
        text-align: center;
    }

    .presentation-section--options.is-options-enhanced.is-options-ready .presentation-option__status-wrap {
        width: 100%;
        align-self: stretch;
        place-items: center;
    }

    .presentation-section--options.is-options-enhanced.is-options-ready .presentation-option__status {
        justify-content: center;
        text-align: center;
    }
}


.presentation-section--options.is-options-ready
.presentation-option.is-option-active.is-expired {
    border-color: rgb(243 112 34 / 42%);
    background-color: rgb(111 48 23);
}

.presentation-section--options .presentation-option.is-expired .presentation-option__icon,
.presentation-section--options.is-options-ready
.presentation-option.is-option-active.is-expired .presentation-option__icon {
    border-color: var(--primitive-orange);
    background: var(--primitive-orange);
    color: var(--primitive-deep);
}

@media (prefers-reduced-motion: no-preference) {
    .presentation-section--options.is-options-running.is-options-ready
    .presentation-option.is-option-active.is-expired {
        animation: presentation-option-deadline-card 920ms var(--presentation-ease) both;
    }

    .presentation-section--options.is-options-running.is-options-ready
    .presentation-option.is-option-active.is-expired
    .presentation-option__icon {
        animation: presentation-option-deadline-icon 820ms var(--presentation-ease) both;
    }

    .presentation-section--options.is-options-running.is-options-ready
    .presentation-option.is-option-active.is-expired
    .presentation-option__status {
        animation: presentation-option-deadline-text 820ms var(--presentation-ease) both;
    }
}

@media (max-width: 699px) and (orientation: landscape) and (max-height: 779px) {
    .presentation-section--options.is-options-ready .presentation-options-frame {
        display: block;
        width: min(100%, 356px);
    }

    .presentation-section--options.is-options-ready .presentation-options-progress {
        display: none;
    }

    .presentation-section--options.is-options-ready .presentation-options {
        height: auto;
        gap: 10px;
    }

    .presentation-section--options.is-options-ready .presentation-option,
    .presentation-section--options.is-options-ready .presentation-option.is-option-active,
    .presentation-section--options.is-options-ready .presentation-option.is-option-future,
    .presentation-section--options.is-options-ready .presentation-option.is-option-past {
        position: relative;
        inset: auto;
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }

    .presentation-section--options.is-options-ready .presentation-option__visual {
        height: auto;
        min-height: 150px;
    }
}

@media (max-width: 699px) and (orientation: portrait) {
    .presentation-panels .presentation-section:not(:last-child) {
        margin-block-end: var(--presentation-panel-reading-pause);
    }
}

@media (max-width: 699px) and (orientation: portrait),
    (min-height: 780px),
    (min-width: 1081px) and (min-height: 620px) {
    .presentation-panels .presentation-section--private:not(:last-child) {
        margin-block-end: var(--presentation-private-reading-pause);
    }

    .presentation-panels .presentation-section--options.is-options-enhanced:not(:last-child) {
        margin-block-end: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .presentation-panels .presentation-section--options,
    .presentation-panels .presentation-section--options:not(:last-child) {
        position: relative;
        top: auto;
        display: flex;
        min-height: auto;
        padding: var(--section-flow) var(--content-gutter);
        margin-block-end: var(--presentation-panel-reading-pause, 240px);
        overflow: hidden;
    }

    .presentation-section--options .presentation-options-stage {
        position: static;
        min-height: auto;
        padding: 0;
        overflow: visible;
    }
}

@media (max-width: 699px) {
    .presentation-phone-stage {
        height: 300px;
    }

    .presentation-phone-visual {
        transform: translateX(-50%) scale(0.95);
    }
}

@media (max-width: 430px) {
    .presentation-phone-stage {
        height: 284px;
    }

    .presentation-phone-visual {
        transform: translateX(-50%) scale(0.9);
    }
}

@media (max-width: 374px) {
    .presentation-phone-stage {
        height: 265px;
    }

    .presentation-phone-visual {
        transform: translateX(-50%) scale(0.84);
    }
}

@media (max-width: 699px) and (orientation: portrait) and (max-height: 760px) {

    .presentation-section {
        padding-block: 10px;
    }

    .presentation-section__content {
        gap: 8px;
    }

    .presentation-section--share .presentation-section__content {
        gap: 6px;
    }

    .presentation-section h1,
    .presentation-section h2 {
        gap: 8px;
        font-size: clamp(30px, 8vw, 34px);
    }

    .presentation-phone-stage {
        height: 248px;
    }

    .presentation-phone-visual {
        transform: translateX(-50%) scale(0.787);
    }

    .presentation-share-arrow {
        height: 34px;
    }

    .presentation-socials {
        padding-block: 8px;
    }

    .presentation-section__lead {
        font-size: 15px;
        line-height: 1.45;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .presentation-photo-track {
        animation: presentation-photo-flow 26.4s linear infinite;
        animation-play-state: paused;
    }

    .presentation-section.is-active .presentation-photo-track,
    .presentation-section:focus-within .presentation-photo-track {
        animation-play-state: running;
        will-change: transform;
    }

    .presentation-header__logo,
    .presentation-header__menu-button,
    .presentation-header__login,
    .presentation-header__logout-button {
        transition:
            background-color 240ms var(--presentation-ease),
            border-color 240ms var(--presentation-ease),
            color 240ms var(--presentation-ease);
    }

    .presentation-option__icon,
    .presentation-option__label,
    .presentation-option__status {
        transition:
            background-color 320ms var(--presentation-ease),
            border-color 320ms var(--presentation-ease),
            color 300ms var(--presentation-ease),
            opacity 300ms var(--presentation-ease),
            transform 240ms var(--presentation-ease);
    }



    .presentation-section--options.is-options-running
    .presentation-option.is-zero
    .presentation-option__status {
        animation: presentation-option-zero 360ms var(--presentation-ease) both;
    }

    .presentation-section--options.is-options-running
    .presentation-option.is-option-active.is-expired
    .presentation-option__status,
    .presentation-section--options.is-options-complete
    .presentation-option.is-expired
    .presentation-option__status {
        animation: presentation-option-expired 420ms var(--presentation-ease) both;
    }

    .presentation-reveal-ready .presentation-section--share.is-active .presentation-socials__icon,
    .presentation-reveal-ready .presentation-section--share:focus-within .presentation-socials__icon {
        animation: presentation-social-focus var(--presentation-social-cycle) var(--presentation-ease) infinite;
        animation-delay: calc(var(--presentation-social-delay) + (var(--social-index) * var(--presentation-social-step)));
        will-change: opacity, transform;
    }

    .presentation-reveal-ready .presentation-section--share.is-active .presentation-socials__halo,
    .presentation-reveal-ready .presentation-section--share:focus-within .presentation-socials__halo {
        animation: presentation-social-halo var(--presentation-social-cycle) var(--presentation-ease) infinite;
        animation-delay: calc(var(--presentation-social-delay) + (var(--social-index) * var(--presentation-social-step)));
        will-change: opacity, transform;
    }

    .presentation-reveal-ready .presentation-section--share.is-active .presentation-socials__label,
    .presentation-reveal-ready .presentation-section--share:focus-within .presentation-socials__label {
        animation: presentation-social-label-focus var(--presentation-social-cycle) var(--presentation-ease) infinite;
        animation-delay: calc(var(--presentation-social-delay) + (var(--social-index) * var(--presentation-social-step)));
        will-change: opacity, transform;
    }

    .presentation-reveal-ready .presentation-section h1,
    .presentation-reveal-ready .presentation-section h2,
    .presentation-reveal-ready .presentation-phone-stage,
    .presentation-reveal-ready .presentation-share-arrow,
    .presentation-reveal-ready .presentation-socials,
    .presentation-reveal-ready .presentation-private-icon,
    .presentation-reveal-ready .presentation-options,
    .presentation-reveal-ready .presentation-steps,
    .presentation-reveal-ready .presentation-section__lead,
    .presentation-reveal-ready .presentation-section > .presentation-join,
    .presentation-reveal-ready .presentation-section--options .presentation-options-stage > .presentation-join {
        --presentation-reveal-blur: 0px;
        --presentation-reveal-scale: 0.985;
        --presentation-reveal-x: 0px;
        --presentation-reveal-y: 18px;

        opacity: 0;
        transform: translate3d(var(--presentation-reveal-x), var(--presentation-reveal-y), 0) scale(var(--presentation-reveal-scale));
        transform-origin: center;
        transition:
            filter 760ms var(--presentation-ease),
            opacity 760ms var(--presentation-ease),
            transform 920ms var(--presentation-ease);
    }

    .presentation-reveal-ready .presentation-section h1,
    .presentation-reveal-ready .presentation-section h2 {
        --presentation-reveal-blur: 4px;
        --presentation-reveal-scale: 0.995;
        --presentation-reveal-y: 20px;

        filter: blur(var(--presentation-reveal-blur));
        transition-delay: 40ms;
    }

    .presentation-reveal-ready .presentation-phone-stage {
        --presentation-reveal-scale: 0.98;
        --presentation-reveal-y: 30px;

        transition-duration: 900ms, 820ms, 1000ms;
        transition-delay: 100ms;
    }

    .presentation-reveal-ready .presentation-options,
    .presentation-reveal-ready .presentation-steps {
        --presentation-reveal-scale: 0.98;
        --presentation-reveal-y: 20px;

        transition-delay: 180ms;
    }

    .presentation-reveal-ready .presentation-share-arrow,
    .presentation-reveal-ready .presentation-private-icon {
        --presentation-reveal-scale: 0.96;
        --presentation-reveal-y: 16px;

        transition-delay: 150ms;
    }

    .presentation-reveal-ready .presentation-socials {
        --presentation-reveal-scale: 0.98;
        --presentation-reveal-y: 18px;

        transition-delay: 200ms;
    }

    .presentation-reveal-ready .presentation-section__lead {
        --presentation-reveal-blur: 3px;

        filter: blur(var(--presentation-reveal-blur));
        transition-delay: 240ms;
    }

    .presentation-reveal-ready .presentation-section > .presentation-join,
    .presentation-reveal-ready .presentation-section--options .presentation-options-stage > .presentation-join {
        --presentation-reveal-scale: 0.96;

        transition-delay: 320ms;
    }

    .presentation-reveal-ready .presentation-section.is-visible h1,
    .presentation-reveal-ready .presentation-section.is-visible h2,
    .presentation-reveal-ready .presentation-section.is-visible .presentation-phone-stage,
    .presentation-reveal-ready .presentation-section.is-visible .presentation-share-arrow,
    .presentation-reveal-ready .presentation-section.is-visible .presentation-socials,
    .presentation-reveal-ready .presentation-section.is-visible .presentation-private-icon,
    .presentation-reveal-ready .presentation-section.is-visible .presentation-options,
    .presentation-reveal-ready .presentation-section.is-visible .presentation-steps,
    .presentation-reveal-ready .presentation-section.is-visible .presentation-section__lead,
    .presentation-reveal-ready .presentation-section.is-visible > .presentation-join,
    .presentation-reveal-ready .presentation-section.is-visible .presentation-options-stage > .presentation-join,
    .presentation-reveal-ready .presentation-section:focus-within h1,
    .presentation-reveal-ready .presentation-section:focus-within h2,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-phone-stage,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-share-arrow,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-socials,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-private-icon,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-options,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-steps,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-section__lead,
    .presentation-reveal-ready .presentation-section:focus-within > .presentation-join,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-options-stage > .presentation-join {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }

    .presentation-reveal-ready .presentation-section.is-visible h1,
    .presentation-reveal-ready .presentation-section.is-visible h2,
    .presentation-reveal-ready .presentation-section.is-visible .presentation-section__lead,
    .presentation-reveal-ready .presentation-section:focus-within h1,
    .presentation-reveal-ready .presentation-section:focus-within h2,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-section__lead {
        filter: blur(0);
    }

    .presentation-reveal-ready .presentation-section:focus-within h1,
    .presentation-reveal-ready .presentation-section:focus-within h2,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-phone-stage,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-share-arrow,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-socials,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-private-icon,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-options,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-steps,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-section__lead,
    .presentation-reveal-ready .presentation-section:focus-within > .presentation-join {
        transition-duration: 0s;
        transition-delay: 0s;
    }

    .presentation-reveal-ready .presentation-section h1::after,
    .presentation-reveal-ready .presentation-section h2::after {
        transform: scaleX(0);
        transform-origin: center;
        transition: transform 520ms var(--presentation-ease) 230ms;
    }

    .presentation-reveal-ready .presentation-section.is-visible h1::after,
    .presentation-reveal-ready .presentation-section.is-visible h2::after,
    .presentation-reveal-ready .presentation-section:focus-within h1::after,
    .presentation-reveal-ready .presentation-section:focus-within h2::after {
        transform: scaleX(1);
    }

    .presentation-reveal-ready .presentation-steps li {
        opacity: 0;
        transform: translate3d(0, 16px, 0);
        transition:
            opacity 680ms var(--presentation-ease),
            transform 820ms var(--presentation-ease);
    }

    .presentation-reveal-ready .presentation-section.is-visible .presentation-steps li,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-steps li {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .presentation-reveal-ready .presentation-section.is-visible .presentation-steps li:nth-child(1) { transition-delay: 250ms; }
    .presentation-reveal-ready .presentation-section.is-visible .presentation-steps li:nth-child(2) { transition-delay: 310ms; }
    .presentation-reveal-ready .presentation-section.is-visible .presentation-steps li:nth-child(3) { transition-delay: 370ms; }

    .presentation-reveal-ready .presentation-section:focus-within .presentation-steps li {
        transition-duration: 0s;
        transition-delay: 0s;
    }

    .presentation-photo-rail img,
    .presentation-phone__photo {
        transition:
            opacity 720ms var(--presentation-ease),
            transform 780ms var(--presentation-ease);
    }

    .presentation-reveal-ready .presentation-section:not(.is-visible) .presentation-photo-rail img,
    .presentation-reveal-ready .presentation-section:not(.is-visible) .presentation-phone__photo {
        opacity: 0;
        transform: translateY(calc(var(--photo-y) + 6px));
    }

    .presentation-reveal-ready .presentation-section.is-visible .presentation-photo-rail img,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-photo-rail img,
    .presentation-reveal-ready .presentation-section.is-visible .presentation-phone__photo,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-phone__photo {
        opacity: 1;
        transform: translateY(var(--photo-y));
    }

    .presentation-reveal-ready .presentation-section.is-visible .presentation-photo-rail img:nth-child(1),
    .presentation-reveal-ready .presentation-section.is-visible .presentation-phone__photo:nth-child(1) { transition-delay: 90ms; }
    .presentation-reveal-ready .presentation-section.is-visible .presentation-photo-rail img:nth-child(2),
    .presentation-reveal-ready .presentation-section.is-visible .presentation-phone__photo:nth-child(2) { transition-delay: 125ms; }
    .presentation-reveal-ready .presentation-section.is-visible .presentation-photo-rail img:nth-child(3),
    .presentation-reveal-ready .presentation-section.is-visible .presentation-phone__photo:nth-child(3) { transition-delay: 160ms; }
    .presentation-reveal-ready .presentation-section.is-visible .presentation-photo-rail img:nth-child(4),
    .presentation-reveal-ready .presentation-section.is-visible .presentation-phone__photo:nth-child(4) { transition-delay: 195ms; }
    .presentation-reveal-ready .presentation-section.is-visible .presentation-photo-rail img:nth-child(5),
    .presentation-reveal-ready .presentation-section.is-visible .presentation-phone__photo:nth-child(5) { transition-delay: 230ms; }
    .presentation-reveal-ready .presentation-section.is-visible .presentation-photo-rail img:nth-child(6),
    .presentation-reveal-ready .presentation-section.is-visible .presentation-phone__photo:nth-child(6) { transition-delay: 265ms; }
}

@media (prefers-reduced-motion: reduce) {
    .presentation-socials__icon,
    .presentation-socials__halo,
    .presentation-socials__label {
        animation: none;
        will-change: auto;
    }

    .presentation-socials__icon:first-child {
        color: var(--primitive-orange);
        opacity: 1;
        transform: scale(1.08);
    }

    .presentation-socials__label:first-child {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 699px) and (prefers-reduced-motion: no-preference) {
    .presentation-reveal-ready .presentation-section h1,
    .presentation-reveal-ready .presentation-section h2,
    .presentation-reveal-ready .presentation-section__lead {
        filter: none;
        transition:
            opacity 560ms var(--presentation-ease),
            transform 720ms var(--presentation-ease);
    }

    .presentation-reveal-ready .presentation-section.is-visible h1,
    .presentation-reveal-ready .presentation-section.is-visible h2,
    .presentation-reveal-ready .presentation-section.is-visible .presentation-section__lead,
    .presentation-reveal-ready .presentation-section:focus-within h1,
    .presentation-reveal-ready .presentation-section:focus-within h2,
    .presentation-reveal-ready .presentation-section:focus-within .presentation-section__lead {
        filter: none;
    }

}

@media (min-width: 700px) and (prefers-reduced-motion: no-preference) {
    .presentation-reveal-ready .presentation-section h1,
    .presentation-reveal-ready .presentation-section h2 {
        --presentation-reveal-blur: 7px;
        --presentation-reveal-y: 30px;
    }

    .presentation-reveal-ready .presentation-phone-stage {
        --presentation-reveal-scale: 0.965;
        --presentation-reveal-y: 48px;
    }

    .presentation-reveal-ready .presentation-options,
    .presentation-reveal-ready .presentation-steps {
        --presentation-reveal-y: 26px;
    }

    .presentation-reveal-ready .presentation-section__lead {
        --presentation-reveal-blur: 4px;
        --presentation-reveal-y: 22px;
    }
}

@media (min-width: 1081px) and (prefers-reduced-motion: no-preference) {
    .presentation-reveal-ready .presentation-section--get-money .presentation-phone-stage,
    .presentation-reveal-ready .presentation-section--revenue .presentation-phone-stage {
        --presentation-reveal-x: 36px;
    }

    .presentation-reveal-ready .presentation-section--share .presentation-phone-stage {
        --presentation-reveal-x: -36px;
    }
}

@keyframes presentation-photo-flow {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-774px, 0, 0); }
}

@keyframes presentation-magic-aura {
    0%, 12%, 60%, 100% {
        opacity: 0;
        transform: scale(0.72) rotate(-2deg);
    }

    24% {
        opacity: 0.38;
        transform: scale(1.04) rotate(-1deg);
    }

    42% {
        opacity: 0.16;
        transform: scale(1.16) rotate(1deg);
    }

    55% {
        opacity: 0;
        transform: scale(1.22) rotate(1deg);
    }
}

@keyframes presentation-magic-word-shimmer {
    0%, 12%, 64%, 100% { background-position: 0% 50%; }
    30%, 48% { background-position: 100% 50%; }
}

@keyframes presentation-magic-word-pop {
    0%, 14%, 58%, 100% { transform: translateY(0) scale(1); }
    27% { transform: translateY(-0.018em) scale(1.028); }
    42% { transform: translateY(0) scale(1.008); }
}

@keyframes presentation-magic-sparkle {
    0%, 15%, 50%, 100% {
        opacity: 0;
        transform: scale(0.2) rotate(-25deg);
    }

    24% {
        opacity: 0.92;
        transform: scale(1.1) rotate(18deg);
    }

    36% {
        opacity: 0.75;
        transform: scale(0.85) rotate(45deg);
    }

    46% {
        opacity: 0;
        transform: scale(0.45) rotate(70deg);
    }
}

@keyframes presentation-social-focus {
    0%, 3.5%, 14%, 100% {
        color: #aaa;
        opacity: 0.78;
        transform: translateY(0) scale(1);
    }

    6% {
        color: var(--primitive-deep);
        opacity: 0.94;
        transform: translateY(-1px) scale(1.04);
    }

    7.5%, 11.5% {
        color: var(--primitive-orange);
        opacity: 1;
        transform: translateY(-3px) scale(1.14);
    }
}

@keyframes presentation-social-label-focus {
    0%, 3.5%, 14%, 100% {
        opacity: 0;
        transform: translateY(4px);
    }

    6%, 12% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes presentation-social-halo {
    0%, 4%, 13.5%, 100% {
        opacity: 0;
        transform: scale(0.68);
    }

    7% {
        opacity: 0.5;
        transform: scale(0.92);
    }

    10.5% {
        opacity: 0.34;
        transform: scale(1.12);
    }
}

@keyframes presentation-revenue-badge-pop {
    0% { opacity: 0.7; transform: scale(0.88); }
    65% { opacity: 1; transform: scale(1.08); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes presentation-revenue-bar {
    from { opacity: 0.3; transform: scaleY(0.18); }
    to { opacity: 1; transform: scaleY(1); }
}

@keyframes presentation-revenue-complete {
    0%, 100% {
        transform: scale(1);
    }

    45% {
        text-shadow: 0 8px 24px rgb(243 112 34 / 18%);
        transform: scale(1.055);
    }
}



@keyframes presentation-option-zero {
    0% { opacity: 0.45; transform: translateY(3px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes presentation-option-expired {
    0% { opacity: 0; transform: translateY(3px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes presentation-option-deadline-card {
    0% {
        background-color: rgb(3 33 25);
    }

    38% {
        background-color: rgb(66 39 23);
    }

    72% {
        background-color: rgb(126 54 24);
    }

    100% {
        background-color: rgb(111 48 23);
    }
}

@keyframes presentation-option-deadline-icon {
    0% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }

    42% {
        opacity: 0.42;
        transform: scale(0.72) rotate(-7deg);
    }

    68% {
        opacity: 0.78;
        transform: scale(0.92) rotate(1deg);
    }

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

@keyframes presentation-option-deadline-text {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(1.12);
    }

    48% {
        opacity: 1;
        transform: translateY(0) scale(0.95);
    }

    72% {
        opacity: 1;
        transform: translateY(0) scale(1.035);
    }

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

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .presentation-header__login,
    .presentation-header__logout-button,
    .presentation-header__menu-button,
    .presentation-menu__nav a,
    .presentation-menu__close,
    .presentation-menu__arrow,
    .presentation-join,
    .presentation-back-top a {
        transition:
            background-color 180ms var(--presentation-ease),
            box-shadow 240ms var(--presentation-ease),
            color 180ms var(--presentation-ease),
            opacity 180ms var(--presentation-ease),
            transform 240ms var(--presentation-ease);
    }

    .presentation-header__login:hover,
    .presentation-header__logout-button:hover {
        background: var(--primitive-deep);
        color: var(--primitive-white);
    }

    .presentation-header__menu-button:hover {
        border-color: var(--primitive-deep);
        background: var(--primitive-deep);
        color: var(--primitive-white);
        opacity: 1;
        transform: translateY(-1px);
    }

    .presentation-page.is-private-viewport-tone .presentation-header__menu-button:hover {
        border-color: var(--primitive-white);
        background: var(--primitive-white);
        color: var(--primitive-deep);
    }

    .bottom-sheet--presentation-menu .presentation-menu__link:not(.presentation-menu__link--primary):hover {
        background: rgb(255 255 255 / 6%);
        color: var(--primitive-aqua);
        transform: translateX(3px);
    }

    .bottom-sheet--presentation-menu .presentation-menu__link--primary:hover {
        border-color: rgb(255 255 255 / 38%);
        background: var(--primitive-orange);
        background: color-mix(in srgb, var(--primitive-orange) 86%, var(--primitive-deep));
        box-shadow: 0 18px 36px rgb(0 0 0 / 22%);
        color: var(--primitive-white);
        transform: translateY(-2px);
    }

    .presentation-menu__close:hover {
        background: var(--primitive-white);
        color: var(--primitive-deep);
        transform: rotate(4deg);
    }

    .presentation-menu__link:hover .presentation-menu__arrow {
        transform: translateX(2px);
    }

    .presentation-join:hover,
    .presentation-reveal-ready .presentation-section.is-visible > .presentation-join:hover {
        background: var(--primitive-orange);
        background: color-mix(in srgb, var(--primitive-orange) 86%, var(--primitive-deep));
        box-shadow:
            inset 0 1px 0 rgb(255 255 255 / 36%),
            0 6px 14px rgb(3 33 25 / 16%),
            0 22px 44px rgb(3 33 25 / 22%);
        transform: translateY(-2px);
    }

    .presentation-mobile-cta__link:hover {
        box-shadow:
            inset 0 1px 0 rgb(255 255 255 / 30%),
            0 3px 10px rgb(3 33 25 / 12%);
    }

    .presentation-join--aqua:hover,
    .presentation-reveal-ready .presentation-section.is-visible > .presentation-join--aqua:hover {
        background: var(--primitive-aqua);
        background: color-mix(in srgb, var(--primitive-aqua) 90%, var(--primitive-deep));
    }

    .presentation-join:active,
    .presentation-reveal-ready .presentation-section.is-visible > .presentation-join:active {
        transform: translateY(0);
    }

    .presentation-back-top a:hover {
        transform: translateY(-1px);
    }
}

@media (max-width: 699px) {
    .presentation-mobile-cta__link:active {
        border-color: var(--primitive-deep);
        box-shadow:
            inset 0 2px 4px rgb(3 33 25 / 20%),
            0 2px 6px rgb(3 33 25 / 10%);
    }
}

@keyframes presentation-menu-item-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes presentation-intro-curtain {
    0%,
    55% {
        visibility: visible;
        opacity: 1;
    }

    100% {
        visibility: hidden;
        opacity: 0;
    }
}

@keyframes presentation-intro-wordmark {
    0%,
    50% {
        transform: translate3d(
            -50%,
            calc(var(--presentation-intro-center-y) - var(--presentation-intro-target-y) - 50%),
            0
        ) scale(var(--presentation-intro-scale));
    }

    84%,
    100% {
        transform: translate3d(-50%, -50%, 0) scale(1);
    }
}

@keyframes presentation-intro-header-reveal {
    0%,
    76% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Full-bleed editorial footer for the presentation page. */
.site-footer.site-footer--presentation {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: hidden;
    border: 0;
    border-top: 1px solid var(--primitive-aqua);
    background: var(--primitive-deep);
    color: var(--primitive-white);
}

.site-footer.site-footer--presentation::before {
    position: absolute;
    top: -1px;
    left: max(20px, calc((100% - 1180px) / 2));
    width: clamp(72px, 10vw, 124px);
    height: 4px;
    background: var(--primitive-orange);
    content: '';
}

.site-footer--presentation .site-footer__presentation-inner {
    position: relative;
    display: block;
    width: min(calc(100% - 40px), 1180px);
    margin-inline: auto;
    padding: 52px 0 calc(44px + env(safe-area-inset-bottom) + var(--presentation-mobile-dock-space, 0px));
    color: var(--primitive-white);
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
}

.site-footer__presentation-grid {
    display: grid;
    gap: 38px;
}

.site-footer__presentation-brand {
    display: grid;
    align-content: start;
    justify-items: start;
    gap: 18px;
}

.site-footer--presentation .site-footer__presentation-wordmark {
    color: var(--primitive-white);
    font-family: var(--font-display);
    font-size: clamp(54px, 15vw, 72px);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 0.86;
    text-align: left;
    text-decoration: none;
}

.site-footer__presentation-wordmark span {
    color: var(--primitive-orange);
}

.site-footer__presentation-brand p {
    max-width: 280px;
    margin: 0;
    color: rgb(255 255 255 / 72%);
    font-size: 16px;
    line-height: 1.5;
}

.site-footer__presentation-group {
    min-width: 0;
}

.site-footer--presentation .site-footer__presentation-support {
    display: block;
    align-items: initial;
    margin: 0;
}

.site-footer__presentation-heading {
    margin: 0 0 16px;
    color: var(--primitive-aqua);
    font-family: var(--font-body);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.16em;
    line-height: 1.2;
    text-transform: uppercase;
}

.site-footer--presentation .site-footer__presentation-links {
    display: grid;
    align-items: stretch;
    justify-items: stretch;
    margin: 0;
    border-bottom: 1px solid rgb(255 255 255 / 16%);
}

.site-footer--presentation .site-footer__presentation-links .site-footer__presentation-link {
    display: grid;
    min-height: 52px;
    grid-template-columns: minmax(0, 1fr) 24px;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 11px 0;
    border-top: 1px solid rgb(255 255 255 / 16%);
    color: var(--primitive-white);
    overflow-wrap: anywhere;
    text-align: left;
    text-decoration: none;
}

.site-footer__presentation-link > span:first-child {
    min-width: 0;
    overflow-wrap: anywhere;
}

.site-footer__presentation-link > span:last-child {
    color: var(--primitive-aqua);
    font-size: 17px;
    text-align: right;
}

.site-footer--presentation .site-footer__presentation-contact {
    display: grid;
    min-height: 50px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    border: 1px solid var(--primitive-aqua);
    border-radius: 999px 999px 8px 999px;
    background: var(--primitive-aqua);
    color: var(--primitive-deep);
    font-size: 13px;
    font-weight: 800;
    text-align: left;
    text-decoration: none;
}

.site-footer__presentation-contact > span:last-child {
    font-size: 19px;
    line-height: 1;
}

.site-footer__presentation-services {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 18px;
    margin-top: 14px;
}

.site-footer--presentation .site-footer__presentation-services a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    color: rgb(255 255 255 / 76%);
    text-align: left;
    text-decoration: none;
}

.site-footer__presentation-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 24px;
    margin-top: 48px;
    padding-top: 20px;
    border-top: 1px solid rgb(255 255 255 / 16%);
    color: rgb(255 255 255 / 62%);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.site-footer__presentation-meta p {
    margin: 0;
}

.site-footer--presentation .site-footer__age-link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    color: var(--primitive-aqua);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    white-space: nowrap;
}


.site-footer--presentation a:focus-visible {
    outline: 3px solid var(--primitive-white);
    outline-offset: 4px;
}

.site-footer--presentation .site-footer__presentation-contact:focus-visible {
    outline-color: var(--primitive-orange);
}

@media (max-width: 1039px) {
    .site-footer__presentation-group {
        padding-top: 32px;
        border-top: 1px solid rgb(255 255 255 / 16%);
    }
}

@media (min-width: 1040px) {
    .site-footer--presentation .site-footer__presentation-inner {
        padding-top: 72px;
        padding-bottom: max(44px, env(safe-area-inset-bottom));
    }

    .site-footer__presentation-grid {
        grid-template-columns: minmax(220px, 0.86fr) minmax(430px, 1.65fr) minmax(220px, 0.86fr);
        gap: clamp(34px, 4vw, 64px);
    }

    .site-footer__presentation-brand {
        padding-right: 18px;
        border-right: 1px solid rgb(255 255 255 / 16%);
    }

    .site-footer--presentation .site-footer__presentation-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 22px;
        border-bottom: 0;
    }

    .site-footer--presentation .site-footer__presentation-link--wide {
        grid-column: 1 / -1;
    }

    .site-footer__presentation-meta {
        margin-top: 64px;
    }
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .site-footer--presentation a,
    .site-footer__presentation-link > span:last-child {
        transition:
            background-color 180ms var(--presentation-ease),
            border-color 180ms var(--presentation-ease),
            color 180ms var(--presentation-ease),
            transform 180ms var(--presentation-ease);
    }

    .site-footer--presentation .site-footer__presentation-link:hover,
    .site-footer--presentation .site-footer__presentation-services a:hover {
        color: var(--primitive-aqua);
    }

    .site-footer__presentation-link:hover > span:last-child {
        transform: translate(2px, -2px);
    }

    .site-footer--presentation .site-footer__presentation-contact:hover {
        border-color: var(--primitive-orange);
        background: var(--primitive-orange);
        color: var(--primitive-deep);
    }
}

/*
 * Compact mobile footer: it remains a continuation of the page instead of
 * becoming a second full-screen panel. The first viewport stays dedicated to
 * the page content and its primary action.
 */
@media (max-width: 1039px) {
    body > main:has(+ .site-footer.site-footer--presentation) {
        min-height: 100vh;
        min-height: 100svh;
        min-height: 100dvh;
    }

    body > .presentation-header + main:has(+ .site-footer.site-footer--presentation) {
        min-height: calc(100vh - var(--presentation-header-height));
        min-height: calc(100svh - var(--presentation-header-height));
        min-height: calc(100dvh - var(--presentation-header-height));
    }

    .site-footer.site-footer--presentation::before {
        left: 16px;
        width: 64px;
        height: 3px;
    }

    .site-footer--presentation .site-footer__presentation-inner {
        width: auto;
        margin-right: max(16px, env(safe-area-inset-right));
        margin-left: max(16px, env(safe-area-inset-left));
        padding: 24px 0 calc(18px + var(--presentation-mobile-dock-space, env(safe-area-inset-bottom)));
        font-size: 13px;
        line-height: 1.35;
    }

    .site-footer__presentation-grid {
        gap: 18px;
    }

    .site-footer__presentation-brand {
        gap: 8px;
    }

    .site-footer--presentation .site-footer__presentation-wordmark {
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        font-size: 40px;
        line-height: 0.9;
    }

    .site-footer__presentation-brand p {
        max-width: 34ch;
        font-size: 13px;
        line-height: 1.4;
    }

    .site-footer__presentation-group {
        padding-top: 18px;
    }

    .site-footer--presentation .site-footer__presentation-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 16px;
        border-bottom: 0;
    }

    .site-footer--presentation .site-footer__presentation-links .site-footer__presentation-link {
        min-height: 44px;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        padding: 7px 0;
        font-size: 12px;
        line-height: 1.35;
    }

    .site-footer__presentation-link > span:last-child {
        display: none;
    }

    .site-footer--presentation .site-footer__presentation-link--wide {
        grid-column: 1 / -1;
    }

    .site-footer--presentation .site-footer__presentation-contact {
        min-height: 44px;
        padding: 10px 14px;
        font-size: 12px;
    }

    .site-footer__presentation-services {
        gap: 0 14px;
        margin-top: 4px;
    }

    .site-footer--presentation .site-footer__presentation-services a {
        min-height: 44px;
        font-size: 12px;
    }

    .site-footer__presentation-meta {
        gap: 8px 18px;
        margin-top: 18px;
        padding-top: 12px;
        font-size: 10px;
    }

    .site-footer--presentation .site-footer__age-link {
        min-height: 44px;
    }
}

@media (max-width: 1039px) and (max-height: 700px) {
    .site-footer--presentation .site-footer__presentation-inner {
        padding-top: 20px;
        padding-bottom: calc(14px + var(--presentation-mobile-dock-space, env(safe-area-inset-bottom)));
    }

    .site-footer__presentation-grid {
        gap: 12px;
    }

    .site-footer--presentation .site-footer__presentation-wordmark {
        font-size: 36px;
    }

    .site-footer__presentation-brand p {
        display: none;
    }

    .site-footer__presentation-group {
        padding-top: 14px;
    }

    .site-footer__presentation-meta {
        margin-top: 14px;
        padding-top: 10px;
    }
}

@media (min-width: 560px) and (max-width: 1039px) and (max-height: 700px) {
    .site-footer__presentation-grid {
        grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.55fr) minmax(0, 0.85fr);
        gap: 18px;
    }

    .site-footer__presentation-brand {
        padding-right: 14px;
        border-right: 1px solid rgb(255 255 255 / 16%);
    }

    .site-footer__presentation-group {
        padding-top: 0;
        border-top: 0;
    }
}

@media (min-width: 480px) and (max-width: 699px) and (max-height: 700px) and (orientation: landscape) {
    .site-footer__presentation-grid {
        grid-template-columns: minmax(0, 2fr) minmax(0, 0.75fr);
    }

    .site-footer__presentation-brand {
        display: none;
    }

    .site-footer__presentation-group {
        padding-top: 0;
        border-top: 0;
    }
}

@media (max-width: 699px), (max-width: 1039px) and (max-height: 700px) {
    body.creator-page--first-furtiv > .presentation-header + main:has(+ .site-footer.site-footer--presentation) {
        min-height: 100vh;
        min-height: 100svh;
        min-height: 100dvh;
    }
}

@media (max-width: 359px) and (max-height: 700px) {
    .site-footer--presentation .site-footer__presentation-inner {
        padding-top: 12px;
        padding-bottom: calc(10px + var(--presentation-mobile-dock-space, env(safe-area-inset-bottom)));
    }

    .site-footer__presentation-grid {
        gap: 8px;
    }

    .site-footer__presentation-brand {
        display: none;
    }

    .site-footer__presentation-group {
        padding-top: 8px;
    }

    .site-footer--presentation .site-footer__presentation-links .site-footer__presentation-link {
        padding-block: 6px;
        font-size: 11px;
        line-height: 1.25;
    }

    .site-footer__presentation-services {
        margin-top: 0;
    }

    .site-footer__presentation-meta {
        margin-top: 8px;
        padding-top: 6px;
    }
}