/* ==========================================================================
   Full Diary Ops — fdo-public.css
   Stage 1 consolidation
   Purpose: public marketing site theme and public navigation refinement.
   Replaces: public-modern.css + public-nav-refine.css
   Scope: body.page--public
   ========================================================================== */

/* --------------------------------------------------------------------------
   01. Public visual system
   -------------------------------------------------------------------------- */

.page--public {
    --pub-font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    --pub-font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
    --pub-bg: #f7f3ee;
    --pub-bg-strong: #fcfaf7;
    --pub-surface: rgba(255, 252, 247, 0.94);
    --pub-surface-strong: #fffdf9;
    --pub-text: #122538;
    --pub-muted: #5d6f82;
    --pub-accent: #0f766e;
    --pub-accent-strong: #0b5d57;
    --pub-warm: #dcc3a5;
    --pub-warm-strong: #c7aa84;
    --pub-line: rgba(18, 37, 56, 0.12);
    --pub-line-strong: rgba(18, 37, 56, 0.18);
    --pub-shadow: 0 22px 60px rgba(18, 37, 56, 0.10);
    --pub-shadow-soft: 0 16px 40px rgba(18, 37, 56, 0.08);

    background:
        radial-gradient(circle at top left, rgba(220, 195, 165, 0.24), transparent 30%),
        linear-gradient(180deg, #fcfaf7 0%, #f7f3ee 100%);
    color: var(--pub-text);
    font-family: var(--pub-font-body);
}

.page--public .page {
    overflow: clip;
}

.page--public .container {
    max-width: 1180px;
}

/* --------------------------------------------------------------------------
   02. Public header and nav
   Folded in from public-nav-refine.css.
   -------------------------------------------------------------------------- */

.page--public .header .container {
    max-width: 1440px;
}

.page--public .header {
    min-height: 0;
    background: rgba(252, 249, 244, 0.76);
    border-bottom-color: rgba(18, 37, 56, 0.08);
    backdrop-filter: blur(14px);
}

.page--public .header.is-scrolled {
    background: rgba(252, 249, 244, 0.92);
}

.page--public .header__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(14px, 1.6vw, 28px);
    min-height: 88px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.page--public .header__left,
.page--public .header__right {
    min-width: 0;
}

.page--public .logo__img {
    height: 58px;
    margin-left: 0;
}

.page--public .nav {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(6px, 0.75vw, 14px);
    flex-wrap: nowrap;
    overflow: hidden;
}

.page--public .nav__link {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 0.94rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
    padding: 10px 12px;
    border-radius: 999px;
    color: rgba(18, 37, 56, 0.78);
}

.page--public .nav__link:hover,
.page--public .nav__link.is-active {
    color: var(--pub-accent-strong);
}

.page--public .nav__link.is-active {
    background: rgba(15, 118, 110, 0.08);
    border-color: rgba(15, 118, 110, 0.16);
}

.page--public .header__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.page--public .header__login,
.page--public .header__cta {
    min-height: 50px;
    white-space: nowrap;
    font-size: 0.96rem;
    line-height: 1.1;
    padding-inline: 18px;
    color: rgba(18, 37, 56, 0.78);
}

.page--public .header__cta .icon--cta-btn {
    width: 1.2em;
    height: 1.2em;
    margin-left: 10px;
}

.page--public .menu-btn {
    display: none;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 253, 249, 0.78);
    border-color: rgba(18, 37, 56, 0.10);
}

.page--public .menu-btn__text {
    font-size: 0.92rem;
    font-weight: 700;
}

.page--public .menu-overlay {
    background: rgba(18, 37, 56, 0.26);
    backdrop-filter: blur(4px);
}

.page--public .menu-drawer {
    width: min(390px, 100vw);
    height: 100dvh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(18, 37, 56, 0.32) transparent;
    padding: 0;
    border-left: 1px solid rgba(18, 37, 56, 0.12);
    box-shadow: -30px 0 70px rgba(18, 37, 56, 0.14);
    background:
        linear-gradient(180deg, rgba(252, 249, 244, 0.98) 0%, rgba(247, 243, 238, 0.98) 100%);
}

.page--public .menu-drawer::-webkit-scrollbar {
    width: 12px;
}

.page--public .menu-drawer::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
    background-color: rgba(18, 37, 56, 0.28);
}

.page--public .menu-drawer__head {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 18px 20px 16px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(18, 37, 56, 0.10);
    background:
        linear-gradient(180deg, rgba(252, 249, 244, 0.99) 0%, rgba(252, 249, 244, 0.95) 100%);
}

.page--public .menu-drawer__title {
    color: var(--pub-text);
    font-weight: 800;
    letter-spacing: -0.01em;
}

.page--public .menu-close {
    min-width: 44px;
    min-height: 44px;
    border-radius: 999px;
    background: rgba(255, 253, 249, 0.78);
    border-color: rgba(18, 37, 56, 0.10);
}

.page--public .menu-drawer__links {
    display: grid;
    gap: 6px;
    margin: 16px 20px 0;
    padding: 8px;
    border-radius: 24px;
    background: rgba(255, 253, 249, 0.82);
    border-color: rgba(18, 37, 56, 0.10);
}

.page--public .menu-drawer .nav__link {
    display: block;
    width: 100%;
    padding: 14px 16px;
    border-radius: 16px;
    white-space: normal;
    font-size: 1.02rem;
    line-height: 1.35;
    color: var(--pub-text);
}

.page--public .menu-drawer .nav__link.is-active {
    background: rgba(15, 118, 110, 0.10);
    border: 1px solid rgba(15, 118, 110, 0.16);
}

.page--public .menu-drawer__cta {
    margin-top: 16px;
    padding: 18px 20px calc(env(safe-area-inset-bottom, 0px) + 24px);
    border-top: 1px solid rgba(18, 37, 56, 0.10);
    display: grid;
    gap: 12px;
}

.page--public .menu-drawer__cta .btn {
    width: 100%;
    justify-content: center;
}

.page--public .cta-bar {
    background: linear-gradient(180deg, rgba(247, 243, 238, 0.72) 0%, rgba(247, 243, 238, 0.96) 100%);
    border-top: 1px solid rgba(18, 37, 56, 0.08);
}

/* --------------------------------------------------------------------------
   03. Public hero and type theme
   -------------------------------------------------------------------------- */

.page--public .section {
    padding-top: clamp(76px, 8vw, 104px);
    padding-bottom: clamp(76px, 8vw, 104px);
}

body.page--public:not(.home-page--modern) .section--hero {
    position: relative;
    isolation: isolate;
    padding-top: clamp(136px, 15vw, 176px);
    padding-bottom: clamp(78px, 9vw, 112px);
    overflow: hidden;
}

body.page--public:not(.home-page--modern) .section--hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(circle at 18% 18%, rgba(220, 195, 165, 0.52), transparent 28%),
        radial-gradient(circle at 82% 22%, rgba(15, 118, 110, 0.12), transparent 22%),
        linear-gradient(180deg, rgba(255, 253, 249, 0.94) 0%, rgba(247, 243, 238, 0.82) 100%);
}

body.page--public:not(.home-page--modern) .section--bg-navy-hero,
body.page--public:not(.home-page--modern) .section--bg-navy,
body.page--public:not(.home-page--modern) .section--bg-soft {
    background: transparent;
}

body.page--public:not(.home-page--modern) .hero__grid,
.page--public .page-hero {
    position: relative;
    display: grid;
    gap: 18px;
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}

.page--public .eyebrow {
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--pub-accent-strong);
}

.page--public .hero__h1,
.page--public .h1,
.page--public .page-hero .h1,
.page--public .section-title,
.page--public .legal h2,
.page--public .legal h3,
.page--public .cta-band__title,
.page--public .h2,
.page--public .h3 {
    color: var(--pub-text);
    font-family: var(--pub-font-display);
    letter-spacing: -0.03em;
}

.page--public .hero__h1,
.page--public .page-hero .h1,
.page--public .h1 {
    margin: 0;
    font-size: clamp(2.8rem, 6vw, 4.9rem);
    line-height: 1.03;
    font-weight: 700;
}

.page--public .section-title,
.page--public .h2 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.08;
    font-weight: 700;
}

.page--public .h3 {
    margin: 0;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    line-height: 1.18;
    font-weight: 700;
}

.page--public .hero__subhead,
.page--public .page-hero > p,
.page--public .section-header > p,
.page--public .section-header-reversed > p {
    max-width: 70ch;
    margin: 25px auto;
    color: var(--pub-muted);
}

.page--public .section-header,
.page--public .section-header-reversed {
    display: grid;
    gap: 14px;
    max-width: 760px;
    margin: 0 auto 34px;
}

.page--public .section-header-reversed .text-white,
.page--public .section--bg-navy .text-white,
.page--public .text-white {
    color: var(--pub-text) !important;
}

.page--public .nav__link,
.page--public .header__login,
.page--public .footer__text,
.page--public .footer__meta,
.page--public .footer__copyright,
.page--public .footer__modalHint,
.page--public .muted,
.page--public .section--bg-navy .muted,
.page--public .section--bg-navy-hero .muted {
    color: var(--pub-muted) !important;
}

.page--public .link,
.page--public a.link,
.page--public .footer__nav .link:hover,
.page--public .footer__legal .link:hover {
    color: var(--pub-accent-strong);
}

/* --------------------------------------------------------------------------
   04. Public buttons, cards, surfaces and forms
   -------------------------------------------------------------------------- */

.page--public .hero__actions,
.page--public .cta-band__action {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.page--public .btn {
    min-height: 52px;
    border-radius: 999px;
    padding: 0 22px;
    font-weight: 700;
}

.page--public .btn--primary {
    background: linear-gradient(180deg, #18827a 0%, #0f766e 100%);
    border-color: rgba(15, 118, 110, 0.22);
    box-shadow: 0 12px 26px rgba(15, 118, 110, 0.22);
}

.page--public .btn--primary:hover {
    background: linear-gradient(180deg, #1b8c83 0%, #0d6b64 100%);
    box-shadow: 0 16px 30px rgba(15, 118, 110, 0.26);
}

.page--public .btn--ghost {
    background: rgba(255, 253, 249, 0.72);
    border: 1px solid rgba(18, 37, 56, 0.12);
    color: var(--pub-text);
}

.page--public .btn--ghost:hover {
    background: rgba(255, 253, 249, 0.92);
    border-color: rgba(18, 37, 56, 0.22);
}

.page--public .btn:focus-visible,
.page--public .proof-sheet__link:focus-visible,
.page--public .menu-btn:focus-visible,
.page--public .menu-close:focus-visible {
    outline: 3px solid rgba(15, 118, 110, 0.28);
    outline-offset: 3px;
}

.page--public .hero__chips,
.page--public .badge-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.page--public .badge {
    background: rgba(255, 253, 249, 0.74);
    border-color: rgba(18, 37, 56, 0.10);
    color: var(--pub-text);
    box-shadow: 0 10px 20px rgba(18, 37, 56, 0.05);
}

.page--public .card,
.page--public .lead-capture-card,
.page--public .cta-band__inner,
.page--public .pricing-planfit-hero__path,
.page--public .pricing-paddle-card,
.page--public .proof-cor,
.page--public .pricing-alt-table,
.page--public .compare,
.page--public .legal,
.page--public .cookie-banner__inner {
    background: var(--pub-surface);
    border: 1px solid var(--pub-line);
    border-radius: 28px;
    box-shadow: var(--pub-shadow-soft);
    backdrop-filter: blur(8px);
}

.page--public .card,
.page--public .proof-media-card,
.page--public .lead-capture-card {
    padding: clamp(22px, 3vw, 32px);
}

.page--public .hover-lift:hover {
    transform: translateY(-3px);
    box-shadow: var(--pub-shadow);
}

.page--public .input,
.page--public .select,
.page--public .textarea {
    min-height: 54px;
    border-radius: 18px;
    border: 1px solid rgba(18, 37, 56, 0.10);
    background: rgba(255, 253, 249, 0.88);
    color: var(--pub-text);
}

.page--public .textarea {
    min-height: 148px;
}

.page--public .input:focus-visible,
.page--public .select:focus-visible,
.page--public .textarea:focus-visible,
.page--public .checkbox:focus-visible {
    outline: 3px solid rgba(15, 118, 110, 0.22);
    outline-offset: 2px;
}

.page--public .form__field--checkbox {
    max-width: none;
    padding: 14px 16px;
    border: 1px solid rgba(18, 37, 56, 0.08);
    border-radius: 18px;
    background: rgba(255, 253, 249, 0.68);
}

.page--public .lead-capture-form__error,
.page--public .form__error-summary,
.page--public .form__success,
.page--public .lead-capture-thankyou {
    border-radius: 22px;
    padding: 18px 20px;
}

.page--public .lead-capture-thankyou {
    background: rgba(255, 253, 249, 0.84);
    border: 1px solid rgba(18, 37, 56, 0.08);
}

/* --------------------------------------------------------------------------
   05. Public page modules
   -------------------------------------------------------------------------- */

.page--public .systems__grid,
.page--public .proof-grid,
.page--public .legal-faq-grid,
.page--public .pricing-planfit-grid,
.page--public .pricing-decision-grid,
.page--public .proof-hero-grid {
    align-items: stretch;
}

.page--public .proof-hero-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    align-items: center;
}

.page--public .proof-grid--five {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.page--public .proof-media-card {
    display: grid;
    gap: 14px;
}

.page--public .proof-audio {
    width: 100%;
}

.page--public .proof-cor {
    padding: clamp(24px, 3vw, 34px);
}

.page--public .proof-cor__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.page--public .proof-cor__grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page--public .proof-cor__grid > div {
    padding: 16px 18px;
    border-radius: 20px;
    background: rgba(255, 253, 249, 0.84);
    border: 1px solid rgba(18, 37, 56, 0.08);
}

.page--public .proof-cor__grid span {
    display: block;
    margin-bottom: 8px;
    font-size: 0.84rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pub-muted);
}

.page--public .proof-cor__grid strong {
    color: var(--pub-text);
    line-height: 1.4;
}

.page--public .cta-band {
    margin-top: 34px;
}

.page--public .cta-band__inner {
    padding: clamp(22px, 3vw, 30px);
    gap: 20px;
}

.page--public .cta-band__copy {
    display: grid;
    gap: 10px;
}

.page--public .pricing-planfit-hero__path {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
    margin: 14px 0 4px;
}

.page--public .pricing-path-step {
    padding: 16px;
    border-radius: 20px;
    background: rgba(255, 253, 249, 0.82);
    border: 1px solid rgba(18, 37, 56, 0.08);
    display: grid;
    gap: 8px;
}

.page--public .pricing-path-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.10);
    color: var(--pub-accent-strong);
    font-size: 0.82rem;
    font-weight: 800;
}

.page--public .pricing-path-step strong,
.page--public .pricing-path-step small {
    line-height: 1.35;
}

.page--public .pricing-path-step small {
    color: var(--pub-muted);
}

.page--public .pricing-planfit-grid,
.page--public .pricing-decision-grid {
    display: grid;
    gap: 24px;
}

.page--public .pricing-planfit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page--public .pricing-planfit-card,
.page--public .pricing-decision-card {
    display: grid;
    gap: 14px;
}

.page--public .pricing-planfit-card--featured {
    border-color: rgba(15, 118, 110, 0.22);
    box-shadow: var(--pub-shadow);
}

.page--public .pricing-planfit-card__icon {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgba(15, 118, 110, 0.10);
    color: var(--pub-accent-strong);
}

.page--public .pricing-alt-table {
    overflow: hidden;
    display: grid;
}

.page--public .pricing-alt-table__row {
    display: grid;
    grid-template-columns: 1.1fr 1.2fr 1.2fr;
}

.page--public .pricing-alt-table__row > div {
    padding: 16px 18px;
    border-top: 1px solid rgba(18, 37, 56, 0.08);
}

.page--public .pricing-alt-table__row--head > div {
    border-top: 0;
    font-weight: 800;
    color: var(--pub-text);
    background: rgba(18, 37, 56, 0.04);
}

.page--public .pricing-alt-table__row--highlight > div {
    background: rgba(15, 118, 110, 0.07);
}

.page--public .pricing-paddle-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    padding: clamp(24px, 3vw, 34px);
}

.page--public .pricing-paddle-card__aside {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-content: flex-start;
    justify-content: flex-end;
}

.page--public .lead-capture-card {
    display: grid;
    gap: 18px;
}

.page--public .lead-capture-card__copy {
    max-width: 64ch;
}

.page--public .lead-capture-form {
    max-width: none;
    margin-top: 0;
}

.page--public .page-hero {
    margin-bottom: 30px;
}

.page--public .legal {
    max-width: 920px;
    margin: 0 auto;
    padding: clamp(24px, 3vw, 34px);
    display: grid;
    gap: 22px;
}

.page--public .legal h2,
.page--public .legal h3 {
    margin: 0;
}

.page--public .legal p,
.page--public .legal li {
    color: var(--pub-muted);
    line-height: 1.65;
}

.page--public .bullets,
.page--public .list {
    margin: 0;
    padding-left: 1.2rem;
}

.page--public .bullets li + li,
.page--public .list li + li {
    margin-top: 8px;
}

.page--public .legal-warning {
    background: rgba(15, 118, 110, 0.06);
    border-color: rgba(15, 118, 110, 0.18);
}

/* --------------------------------------------------------------------------
   06. Public footer
   -------------------------------------------------------------------------- */

.page--public .footer {
    border-top: 1px solid rgba(18, 37, 56, 0.08);
    background: linear-gradient(180deg, rgba(252, 249, 244, 0.42) 0%, rgba(247, 243, 238, 0.85) 100%);
}

.page--public .footer__title,
.page--public .footer__nav .link,
.page--public .footer__legal .link,
.page--public .footer__countryText,
.page--public .footer__country-btnLabel {
    color: var(--pub-text);
}

.page--public .footer__country-btn,
.page--public .footer__countryOption {
    background: rgba(255, 253, 249, 0.78);
    border-color: rgba(18, 37, 56, 0.10);
}

/* --------------------------------------------------------------------------
   07. Public responsive rules
   Keep component-specific responsive rules with this public file.
   -------------------------------------------------------------------------- */

@media (max-width: 1440px) {
    .page--public .header .container {
        max-width: 1360px;
    }

    .page--public .nav {
        gap: 4px;
    }

    .page--public .nav__link,
    .page--public .header__login,
    .page--public .header__cta {
        font-size: 0.92rem;
    }

    .page--public .nav__link {
        padding: 9px 10px;
    }

    .page--public .header__login,
    .page--public .header__cta {
        padding-inline: 16px;
    }
}

@media (max-width: 1320px) {
    .page--public .nav,
    .page--public .header__login {
        display: none;
    }

    .page--public .menu-btn {
        display: inline-flex;
    }

    .page--public .header__right {
        gap: 8px;
    }
}

@media (max-width: 1100px) {
    .page--public .proof-grid--five {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .page--public .pricing-planfit-grid,
    .page--public .pricing-planfit-hero__path {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .page--public .proof-hero-grid,
    .page--public .pricing-decision-grid,
    .page--public .pricing-paddle-card {
        grid-template-columns: 1fr;
    }

    .page--public .pricing-paddle-card__aside {
        justify-content: flex-start;
    }
}

@media (max-width: 780px) {
    .page--public .header .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .page--public .header__inner {
        grid-template-columns: auto auto;
        justify-content: space-between;
        min-height: 74px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .page--public .logo__img {
        height: 54px;
    }

    .page--public .header__cta {
        display: none;
    }

    .page--public .menu-btn {
        min-height: 46px;
        padding: 10px 13px;
    }

    .page--public .menu-drawer {
        width: min(360px, 100vw);
    }
}

@media (max-width: 767px) {
    .page--public .section {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    body.page--public:not(.home-page--modern) .section--hero {
        padding-top: 132px;
        padding-bottom: 76px;
    }

    .page--public .hero__actions,
    .page--public .cta-band__action {
        justify-content: stretch;
    }

    .page--public .hero__actions .btn,
    .page--public .cta-band__action .btn,
    .page--public .cta-band__action a,
    .page--public .hero__actions a,
    .page--public .footer__ctaStack .btn {
        width: 100%;
    }

    .page--public .proof-cor__header,
    .page--public .cta-band__inner {
        grid-template-columns: 1fr;
        display: grid;
    }

    .page--public .proof-cor__grid,
    .page--public .pricing-planfit-grid,
    .page--public .proof-grid--five,
    .page--public .pricing-planfit-hero__path,
    .page--public .pricing-alt-table__row {
        grid-template-columns: 1fr;
    }

    .page--public .pricing-alt-table__row > div {
        border-top: 1px solid rgba(18, 37, 56, 0.08);
    }

    .page--public .proof-cor__header {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .page--public .menu-btn {
        width: 46px;
        min-width: 46px;
        padding: 0;
    }

    .page--public .menu-btn__text {
        display: none;
    }

    .page--public .menu-drawer__head,
    .page--public .menu-drawer__cta {
        padding-left: 16px;
        padding-right: 16px;
    }

    .page--public .menu-drawer__links {
        margin-left: 16px;
        margin-right: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page--public .menu-drawer,
    .page--public .menu-overlay,
    .page--public .nav__link,
    .page--public .header__cta,
    .page--public .header__login,
    .page--public .menu-btn,
    .page--public .btn,
    .page--public .hover-lift,
    .page--public .card,
    .page--public .cta-band__inner,
    .page--public .pricing-planfit-card,
    .page--public .proof-media-card {
        transition: none !important;
        transform: none !important;
    }
}