@layer ry-pricing-sync; @layer ry-site-font {:is(#pricing :is(#pricing .de-plan-label), #pricing :is(.label-large), #pricing :is(:is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow)), #reviews .rv-label, #ry-tutorial .bad-label, #ry-tutorial .eyebrow, #ry-tutorial .num, #ry-tutorial .pill, #ry-tutorial .portal-copy .portal-domain, #ry-tutorial .property-number, #ry-tutorial .sheet-foot, #ry-tutorial .sheet-top, .body_article figcaption, .checkout-preview-notice > span, .eyebrow, .heading-style-h4.mono, .label-large, .label-small, .offer_timer, .promo-form input, .ry-hero-note, .ry-lx-count, .ry-lx-more, .ry-restored-app-heading > p, .ry-rv-kicker, .volume_snap, body #ry-platform-clarity .ry-gl-platform-eyebrow, body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"]), body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"]) *, body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], .demo-kicker, .demo-field-label, .demo-workspace-label) *, body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], .demo-kicker, .demo-field-label, .demo-workspace-label, .ry-restored-app-heading > p), code, html body.ry-golive-theme #home .ry-hero-pretitle, html body.ry-golive-theme :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow), html body.ry-site-page.ry-golive-theme #pricing .de-plan-label, html body.ry-site-page.ry-golive-theme :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow), html body:not(#rdh-sharp) :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], [class*="-eyebrow "], .demo-kicker, .demo-field-label, .demo-workspace-label, .ry-hero-new-pill), html body:not(#rdh-sharp) :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], [class*="-eyebrow "], .demo-kicker, .demo-field-label, .demo-workspace-label, .ry-hero-new-pill) *, kbd, pre, samp):where(#pricing, #pricing *),:is(#pricing :is(#pricing .de-plan-label), #pricing :is(.label-large), #pricing :is(:is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow)), #reviews .rv-label, #ry-tutorial .bad-label, #ry-tutorial .eyebrow, #ry-tutorial .num, #ry-tutorial .pill, #ry-tutorial .portal-copy .portal-domain, #ry-tutorial .property-number, #ry-tutorial .sheet-foot, #ry-tutorial .sheet-top, .body_article figcaption, .checkout-preview-notice > span, .eyebrow, .heading-style-h4.mono, .label-large, .label-small, .offer_timer, .promo-form input, .ry-hero-note, .ry-lx-count, .ry-lx-more, .ry-restored-app-heading > p, .ry-rv-kicker, .volume_snap, body #ry-platform-clarity .ry-gl-platform-eyebrow, body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"]), body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"]) *, body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], .demo-kicker, .demo-field-label, .demo-workspace-label) *, body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], .demo-kicker, .demo-field-label, .demo-workspace-label, .ry-restored-app-heading > p), code, html body.ry-golive-theme #home .ry-hero-pretitle, html body.ry-golive-theme :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow), html body.ry-site-page.ry-golive-theme #pricing .de-plan-label, html body.ry-site-page.ry-golive-theme :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow), html body:not(#rdh-sharp) :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], [class*="-eyebrow "], .demo-kicker, .demo-field-label, .demo-workspace-label, .ry-hero-new-pill), html body:not(#rdh-sharp) :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], [class*="-eyebrow "], .demo-kicker, .demo-field-label, .demo-workspace-label, .ry-hero-new-pill) *, kbd, pre, samp) *:where(#pricing, #pricing *){font-family: "Roboto Mono", monospace !important;}} @layer ry-golive-surfaces {body.ry-pricing-page #pricing .de-plan-card:not(.de-plan-card--pro):where(#pricing, #pricing *),body.ry-pricing-page #pricing .de-plan-card:not(.de-plan-card--pro) .de-plan-header:where(#pricing, #pricing *){background-color: rgb(233, 235, 239) !important; background-image: radial-gradient(at 50% 25%, rgb(240, 240, 242) 0%, rgb(233, 235, 239) 62%, rgb(225, 229, 235) 100%) !important;} body.ry-pricing-page #pricing .de-plan-card--pro:where(#pricing, #pricing *){background-color: rgb(0, 0, 0) !important; background-image: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/com-duplicate-20261010/golive-pricing-background-5ed07e0ee7cb.avif") !important; background-position: 0px 0px, 50% center !important; background-size: auto, cover !important; background-repeat: no-repeat !important; border-color: rgb(23, 23, 23) !important;} body.ry-pricing-page #pricing .de-plan-card--pro :is(.de-plan-header, .de-plan-body):where(#pricing, #pricing *){background-color: transparent !important; background-image: none !important;}} @layer ry-golive-ctas {body :is(.cta_primary, .pill.primary, .ry-closing-primary):not(.de-plan-card--pro *):where(#pricing, #pricing *){--color-tokens-button-primary-default-text: #fff !important; --color-tokens-button-primary-hover-text: #fff !important; --color-tokens-button-primary-default-border: #000d14 !important; --color-tokens-button-primary-hover-border: #000d14 !important; --color-tokens-button-primary-default-background: #000d14 !important; --color-tokens-button-primary-hover-background: #000d14 !important; color: rgb(255, 255, 255) !important; background: rgb(0, 13, 20) !important; border: 1px solid rgb(0, 13, 20) !important; border-radius: 12px !important; box-shadow: rgb(77, 186, 72) 0px 5px 9px -7px, rgb(136, 214, 69) 0px 8px 15px -10px, rgb(177, 230, 46) 4px 9px 18px -12px, rgb(211, 250, 12) 9px 8px 18px -12px !important;} body :is(.cta_primary, .pill.primary, .ry-closing-primary):not(.de-plan-card--pro *) :is(.button-inner, .text-button, .icon_button, .icon-wrap_button, svg):where(#pricing, #pricing *){color: rgb(255, 255, 255) !important;} body .cta_primary:not(.de-plan-card--pro *) .btn-bg:where(#pricing, #pricing *){background: none rgb(0, 13, 20) !important; border-color: rgb(0, 13, 20) !important;} body :is(.cta_primary, .pill.primary, .ry-closing-primary):not(.de-plan-card--pro *):hover:where(#pricing, #pricing *){background: rgb(11, 26, 34) !important;} body .cta_primary:not(.de-plan-card--pro *):hover .btn-bg:where(#pricing, #pricing *){background: rgb(11, 26, 34) !important;} body :is(.cta_primary, .pill.primary, .ry-closing-primary):not(.de-plan-card--pro *):focus-visible:where(#pricing, #pricing *){outline: rgb(136, 214, 69) solid 2px !important; outline-offset: 4px !important;}} @layer ry-site-fonts {body :is(h1, h2, h3, h4, h5, h6, .ry-section-title, .dots-title, .ry-mf-wordmark, .de-plan-price strong):where(#pricing, #pricing *){font-weight: 400 !important;} body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"]):where(#pricing, #pricing *),body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"]) *:where(#pricing, #pricing *){font-family: "Roboto Mono", monospace !important; font-weight: 400 !important;}} .section_home-pricing:where(#pricing, #pricing *){background-color: var(--color-tokens-background-base); color: var(--color-tokens-tone-strong); padding-top: var(--section-padding--large); padding-bottom: var(--section-padding--large);} .headline_home-pricing:where(#pricing, #pricing *){max-width: var(--width--6-columns); margin: 0 auto var(--spacing--64); text-align: center; display: flex; flex-flow: column; align-items: center; gap: var(--spacing--24);} .section_home-pricing [data-then]:where(#pricing, #pricing *){margin-top: var(--spacing--8);} .section_home-pricing .is-ghost:where(#pricing, #pricing *){visibility: hidden; pointer-events: none;} .ry-site-page :is(#three-steps, #pricing, #pricing-plans):where(#pricing, #pricing *){scroll-margin-top: var(--ry-header-scroll-offset, 88px);} #pricing .headline_home-pricing:where(#pricing, #pricing *){max-width: var(--width--8-columns);} #pricing [data-plan-tile]:where(#pricing, #pricing *){background-image: url("/images/ry/pricing/aurora/starter-green.webp"); background-size: cover; background-position: center center; color: var(--color-base-base-light-100);} #pricing [data-plan-tile].max:where(#pricing, #pricing *){background-image: url("/images/ry/pricing/aurora/enterprise-amber.webp");} #pricing [data-plan-tile]:not(.max) [data-price-note]:where(#pricing, #pricing *){white-space: nowrap;} #pricing [data-plan-tile].max [data-price-note]:where(#pricing, #pricing *){display: none;} #pricing [data-plan-tile] [data-then]:where(#pricing, #pricing *){min-block-size: 2lh;} #pricing [data-offer]:where(#pricing, #pricing *){position: relative;} #pricing [data-offer].is-enterprise > :not(.ry-enterprise-offer):where(#pricing, #pricing *){visibility: hidden;} @media (max-width: 767px) {#pricing [data-plan-tile] [data-then]:where(#pricing, #pricing *){min-block-size: 3lh;}} #pricing [data-cta-text]:where(#pricing, #pricing *){display: inline-block; min-inline-size: 7rem;} #pricing [data-cta]:where(#pricing, #pricing *){inline-size: 11rem; flex: 0 0 auto;} #pricing [data-cta]:where(#pricing, #pricing *){inline-size: 13rem;} .ry-site-page #pricing.ry-section .ry-section-heading:where(#pricing, #pricing *){margin-bottom: var(--ry-section-heading-space);} .ry-site-page #pricing .headline_home-pricing .subtext_4-columns > p:where(#pricing, #pricing *){font-size: var(--ry-home-subtitle-size); line-height: 1.5;} #pricing [data-cta]:where(#pricing, #pricing *){max-width: 100%;} #pricing [data-plan-tile] [data-price-note]:where(#pricing, #pricing *){max-width: 175px;} #pricing:where(#pricing, #pricing *){--typography-font-family-h2: "StackSans headline Variable", Arial, sans-serif; --typography-size-h2: 3rem; --typography-line-height-h2: 3.5rem; --typography-font-weight-h2: 400; --typography-letter-spacing-h2: -.031rem; --typography-font-family-h3: "StackSans headline Variable", Arial, sans-serif; --typography-size-h3: 2.5rem; --typography-line-height-h3: 3rem; --typography-font-weight-h3: 400; --typography-letter-spacing-h3: -.031rem; --typography-font-family-b2: "StackSans text Variable", Arial, sans-serif; --typography-size-b2: 1rem; --typography-line-height-b2: 1.5rem; --typography-font-weight-b2: 300; --typography-letter-spacing-b2: 0px; --color-tokens-tone-strong: #000; --spacing--8: .5rem; --typography-font-family-label-1: "Fragment Mono", Arial, sans-serif; --typography-size-label-1: .75rem; --typography-line-height-label-1: 1rem; --typography-font-weight-label-1: 400; --typography-letter-spacing-label-1: .75px; --container--large: 112.5rem; --radius-ui-button-base: 12px; --typography-font-family-button-1: "StackSans text Variable", Arial, sans-serif; --color-tokens-button-primary-default-text: #fff; --typography-size-button-1: 1rem; --typography-line-height-button-1: 1.25rem; --typography-font-weight-button-1: 400; --typography-letter-spacing-button-1: 0px; --color-tokens-button-primary-hover-text: #fff; --icon-button-icon-rectangle-large: 1rem; --color-tokens-button-primary-default-border: #f7f6f500; --color-tokens-button-primary-default-background: #000; --color-tokens-button-primary-hover-border: #231f2300; --color-tokens-button-primary-hover-background: #000; --layout-grid--margin: 2rem; --spacing--12: .75rem; --spacing--16: 1rem; --color-tokens-tone-faint: #ededed; --radius-ui-tag: .5rem; --color-tokens-color-nscorecoral: #ed7472; --color-tokens-background-base: #fff; --section-padding--large: 10rem; --width--6-columns: 42.5rem; --spacing--64: 4rem; --spacing--24: 1.5rem; --ry-header-scroll-offset: 88px; --width--8-columns: 57rem; --color-tokens-tone-medium: #575b5e; --ry-heading-ink: #000; --ry-section-space: 6.6rem; --ry-section-heading-space: 3rem; --ry-section-display-size: clamp(38px, calc(24px + 2.77778vw), 64px); --de-ink: #000; --color-base-base-dark-100: #000; --color-base-base-light-100: #fff; --typography-font-body: Geist,Arial,sans-serif; --color-base-accent-primary: #000d14; --typography-font-label: "Roboto Mono",monospace; --typography-font-heading-sans: Geist,Arial,sans-serif; --premium-major: clamp(2rem,3.34vw,3rem); --reading-detail: .875rem; --reading-body: 1rem;} #pricing :is(article):where(#pricing, #pricing *),#pricing:is(section):where(#pricing, #pricing *){display: block;} #pricing :is(article):where(#pricing, #pricing *),#pricing :is(aside):where(#pricing, #pricing *),#pricing:is(section):where(#pricing, #pricing *){display: block;} #pricing :is(a):where(#pricing, #pricing *){background-color: rgba(0, 0, 0, 0);} #pricing :is(a:active):where(#pricing, #pricing *),#pricing :is(a:hover):where(#pricing, #pricing *){outline: 0px;} #pricing :is(strong):where(#pricing, #pricing *){font-weight: 700;} #pricing:is(*):where(#pricing, #pricing *),#pricing :is(*):where(#pricing, #pricing *){box-sizing: border-box;} #pricing:is(*):where(#pricing, #pricing *),#pricing :is(*):where(#pricing, #pricing *){background-attachment: scroll !important;} #pricing :is(h2):where(#pricing, #pricing *),#pricing :is(h3):where(#pricing, #pricing *){margin-bottom: 10px; font-weight: 700;} #pricing :is(h2):where(#pricing, #pricing *){margin-top: 20px; font-size: 32px; line-height: 36px;} #pricing :is(h3):where(#pricing, #pricing *){margin-top: 20px; font-size: 24px; line-height: 30px;} #pricing :is(p):where(#pricing, #pricing *){margin-top: 0px; margin-bottom: 10px;} #pricing :is(ul):where(#pricing, #pricing *){margin-top: 0px; margin-bottom: 10px; padding-left: 40px;} #pricing :is(.w-container):where(#pricing, #pricing *){max-width: 940px; margin-left: auto; margin-right: auto;} #pricing :is():where(#pricing, #pricing *),#pricing :is():where(#pricing, #pricing *){content: " "; grid-area: 1 / 1 / 2 / 2; display: table;} #pricing :is():where(#pricing, #pricing *){clear: both;} @media screen and (width <= 991px) {#pricing :is(.w-container):where(#pricing, #pricing *){max-width: 728px;}} @media screen and (width <= 479px) {#pricing :is(.w-container):where(#pricing, #pricing *){max-width: none;}} #pricing :is(.w-layout-blockcontainer):where(#pricing, #pricing *){max-width: 940px; margin-left: auto; margin-right: auto; display: block;} @media screen and (width <= 991px) {#pricing :is(.w-layout-blockcontainer):where(#pricing, #pricing *){max-width: 728px;}} @media screen and (width <= 767px) {#pricing :is(.w-layout-blockcontainer):where(#pricing, #pricing *){max-width: none;}} #pricing :is(h2):where(#pricing, #pricing *){font-family: var(--typography-font-family-h2); font-size: var(--typography-size-h2); line-height: var(--typography-line-height-h2); font-weight: var(--typography-font-weight-h2); letter-spacing: var(--typography-letter-spacing-h2); margin-top: 20px; margin-bottom: 10px;} #pricing :is(h3):where(#pricing, #pricing *){font-family: var(--typography-font-family-h3); font-size: var(--typography-size-h3); line-height: var(--typography-line-height-h3); font-weight: var(--typography-font-weight-h3); letter-spacing: var(--typography-letter-spacing-h3); margin-top: 20px; margin-bottom: 10px;} #pricing :is(p):where(#pricing, #pricing *){font-family: var(--typography-font-family-b2); font-size: var(--typography-size-b2); line-height: var(--typography-line-height-b2); font-weight: var(--typography-font-weight-b2); letter-spacing: var(--typography-letter-spacing-b2); margin-bottom: 10px;} #pricing :is(a):where(#pricing, #pricing *){color: var(--color-tokens-tone-strong); text-decoration: none;} #pricing :is(ul):where(#pricing, #pricing *){margin-top: 0px; margin-bottom: 10px; padding-left: 20px;} #pricing :is(li):where(#pricing, #pricing *){margin-bottom: var(--spacing--8);} #pricing :is(.label-large):where(#pricing, #pricing *){font-family: var(--typography-font-family-label-1); font-size: var(--typography-size-label-1); line-height: var(--typography-line-height-label-1); font-weight: var(--typography-font-weight-label-1); letter-spacing: var(--typography-letter-spacing-label-1); text-transform: uppercase; justify-content: flex-start; align-items: flex-end;} #pricing :is(.container-large):where(#pricing, #pricing *){z-index: 2; max-width: var(--container--large); width: 100%; margin-left: auto; margin-right: auto;} #pricing :is(.heading-style-h2):where(#pricing, #pricing *){font-family: var(--typography-font-family-h2); font-size: var(--typography-size-h2); line-height: var(--typography-line-height-h2); font-weight: var(--typography-font-weight-h2); letter-spacing: var(--typography-letter-spacing-h2);} #pricing :is(.margin-0):where(#pricing, #pricing *){margin: 0px;} #pricing :is(.cta_primary):where(#pricing, #pricing *){border-radius: var(--radius-ui-button-base); backdrop-filter: blur(10px); font-family: var(--typography-font-family-button-1); color: var(--color-tokens-button-primary-default-text); font-size: var(--typography-size-button-1); line-height: var(--typography-line-height-button-1); font-weight: var(--typography-font-weight-button-1); letter-spacing: var(--typography-letter-spacing-button-1); cursor: pointer; flex: 0 0 auto; justify-content: center; align-items: center; transition: color 0.3s; display: flex; position: relative;} #pricing :is(.cta_primary:hover):where(#pricing, #pricing *){color: var(--color-tokens-button-primary-hover-text);} #pricing :is(.button_text-mask):where(#pricing, #pricing *){height: var(--typography-line-height-button-1); pointer-events: none; flex: 0 0 auto; overflow: hidden;} #pricing :is(.text-button):where(#pricing, #pricing *){z-index: 1; text-shadow: 0 1.5em 0 var(--color-tokens-button-primary-hover-text); position: relative;} #pricing :is(.icon-wrap_button):where(#pricing, #pricing *){z-index: 2; flex: 0 0 auto; justify-content: center; align-items: center; display: flex; position: relative;} #pricing :is(.icon_button):where(#pricing, #pricing *){z-index: 2; width: var(--icon-button-icon-rectangle-large); height: var(--icon-button-icon-rectangle-large); flex: 0 0 auto; justify-content: center; align-items: center; display: flex; position: relative;} #pricing :is(.icon_button.right):where(#pricing, #pricing *){margin-left: var(--spacing--8);} #pricing :is(.btn-bg):where(#pricing, #pricing *){border: 1px solid var(--color-tokens-button-primary-default-border); border-radius: var(--radius-ui-button-base); background-color: var(--color-tokens-button-primary-default-background); transition: background-color 0.3s; position: absolute; inset: 0%;} #pricing :is(.btn-bg:hover):where(#pricing, #pricing *){border-color: var(--color-tokens-button-primary-hover-border); background-color: var(--color-tokens-button-primary-hover-background);} #pricing :is(.label-master):where(#pricing, #pricing *){padding: var(--spacing--8) var(--spacing--12); column-gap: var(--spacing--8); row-gap: var(--spacing--8); border: 1px solid var(--color-tokens-tone-faint); border-radius: var(--radius-ui-tag); backdrop-filter: blur(10px); color: var(--color-tokens-tone-strong); text-align: center; justify-content: center; align-items: center; display: flex;} #pricing :is(.padding-global):where(#pricing, #pricing *){padding-right: var(--layout-grid--margin); padding-left: var(--layout-grid--margin); width: 100%;} #pricing :is(.label_circle):where(#pricing, #pricing *){background-color: var(--color-tokens-color-nscorecoral); border-radius: 0.13rem; width: 0.63rem; height: 0.63rem;} #pricing :is(.button-inner):where(#pricing, #pricing *){padding: var(--spacing--12) var(--spacing--16); pointer-events: none; flex: 0 0 auto; justify-content: center; align-items: center; display: flex; overflow: hidden;} @media screen and (width <= 767px) {#pricing :is(.icon-wrap_button.right):where(#pricing, #pricing *){margin-right: 0px;} #pricing :is(.icon_button):where(#pricing, #pricing *){width: 12px;}} #pricing :is(.cta_primary:not(.secondary)):where(#pricing, #pricing *){transition: transform 0.22s, box-shadow 0.22s; position: relative; overflow: hidden; box-shadow: rgba(122, 163, 0, 0.9) 0px 15px 35px -18px;} #pricing :is(.cta_primary:not(.secondary):hover):where(#pricing, #pricing *){transform: translateY(-3px); box-shadow: rgba(122, 163, 0, 0.9) 0px 20px 42px -15px;} #pricing :is(.cta_primary:not(.secondary) .btn-bg):where(#pricing, #pricing *){background-color: rgb(197, 239, 87) !important; border-color: rgb(197, 239, 87) !important;} #pricing :is(.cta_primary:not(.secondary):hover .btn-bg):where(#pricing, #pricing *){background-color: rgb(212, 247, 106) !important; border-color: rgb(212, 247, 106) !important;} #pricing :is(.cta_primary:not(.secondary)):where(#pricing, #pricing *),#pricing :is(.cta_primary:not(.secondary) .text-button):where(#pricing, #pricing *),#pricing :is(.cta_primary:not(.secondary) .icon_button):where(#pricing, #pricing *){color: rgb(7, 7, 8) !important;} #pricing :is(.cta_primary:not(.secondary) .text-button):where(#pricing, #pricing *){text-shadow: rgb(7, 7, 8) 0px 1.5em !important;} #pricing :is():where(#pricing, #pricing *){content: ""; z-index: 0; pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.55), rgba(0, 0, 0, 0)); width: 30%; animation: 3.2s ease-in-out 0s infinite normal none running ryShine; position: absolute; top: 0px; bottom: 0px; left: -40%;} @media (prefers-reduced-motion: reduce) {#pricing :is():where(#pricing, #pricing *){animation: auto ease 0s 1 normal none running none; display: none;}} #pricing :is(.label_circle):where(#pricing, #pricing *){background-color: rgb(197, 239, 87);} #pricing:is(.section_home-pricing):where(#pricing, #pricing *){background-color: var(--color-tokens-background-base); color: var(--color-tokens-tone-strong); padding-top: var(--section-padding--large); padding-bottom: var(--section-padding--large);} #pricing :is(.headline_home-pricing):where(#pricing, #pricing *){max-width: var(--width--6-columns); margin: 0 auto var(--spacing--64); text-align: center; align-items: center; gap: var(--spacing--24); flex-flow: column; display: flex;} #pricing:is(.ry-site-page :is(#three-steps, #pricing, #pricing-plans)):where(#pricing, #pricing *),#pricing :is(.ry-site-page :is(#three-steps, #pricing, #pricing-plans)):where(#pricing, #pricing *){scroll-margin-top: var(--ry-header-scroll-offset,88px);} #pricing:is(*):where(#pricing, #pricing *),#pricing :is(*):where(#pricing, #pricing *){-webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;} #pricing :is(#pricing .headline_home-pricing):where(#pricing, #pricing *){max-width: var(--width--8-columns);} @media (width <= 767px) {#pricing :is(.ry-page-content .ry-section-title):where(#pricing, #pricing *){text-wrap: balance;}} #pricing :is(.ry-section-shell):where(#pricing, #pricing *){min-width: 0px;} #pricing:is(.ry-section):where(#pricing, #pricing *){--ry-heading-ink: var(--color-tokens-tone-strong); --ry-heading-muted: var(--color-tokens-tone-medium);} #pricing :is(.ry-section-heading--center):where(#pricing, #pricing *){text-align: center; align-items: center;} #pricing :is(.ry-site-page .ry-section-heading .ry-section-title):where(#pricing, #pricing *){color: var(--ry-heading-ink,inherit); font-family: var(--typography-font-family-h2); font-size: var(--ry-title-size,var(--typography-size-h2)); font-weight: var(--typography-font-weight-h2); line-height: var(--ry-title-line,var(--typography-line-height-h2)); letter-spacing: var(--ry-title-spacing,var(--typography-letter-spacing-h2));} #pricing:is(.ry-site-page .ry-page-content > .ry-section):where(#pricing, #pricing *){padding-block: var(--ry-section-space); margin-block: 0px;} #pricing :is(.ry-site-page .ry-page-content > .ry-section > .padding-global):where(#pricing, #pricing *),#pricing :is(.ry-site-page .ry-page-content > .ry-section > .padding-global > .container-large):where(#pricing, #pricing *){padding-block: 0px;} #pricing :is(.ry-site-page .ry-page-content > .ry-section .ry-section-heading):where(#pricing, #pricing *),#pricing :is(.ry-site-page #pricing.ry-section .ry-section-heading):where(#pricing, #pricing *){margin-bottom: var(--ry-section-heading-space);} #pricing :is(:is(.cta_primary, .cta_secondary, .cta_tertiary) .ry-cta-arrow):where(#pricing, #pricing *){pointer-events: none; background: rgb(7, 7, 8); border-radius: 8px; place-items: center; position: relative; overflow: hidden; flex: 0 0 var(--ry-cta-chip-size,36px) !important; width: var(--ry-cta-chip-size,36px) !important; height: var(--ry-cta-chip-size,36px) !important; margin: 0px !important; display: grid !important; transform: translate(0px) !important;} #pricing :is(:is(.cta_primary, .cta_secondary, .cta_tertiary) .ry-cta-arrow-wrap):where(#pricing, #pricing *){justify-content: center; align-items: center; flex: 0 0 auto !important; width: auto !important; height: auto !important; margin: 0px !important; display: flex !important; transform: translate(0px) !important;} #pricing :is(.ry-cta-arrow-wrap.right):where(#pricing, #pricing *){margin-left: 8px !important;} #pricing :is(.ry-cta-arrow > svg):where(#pricing, #pricing *){display: none;} #pricing :is():where(#pricing, #pricing *),#pricing :is():where(#pricing, #pricing *){content: none !important; display: none !important;} #pricing :is(.ry-cta-arrow-slot):where(#pricing, #pricing *){width: var(--ry-cta-slot-size,15px); height: var(--ry-cta-slot-size,15px); display: block; position: relative; overflow: hidden;} #pricing :is():where(#pricing, #pricing *),#pricing :is():where(#pricing, #pricing *){content: ""; background-color: rgb(255, 255, 255); animation: 2.4s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal none paused ry-cta-arrow-loop; position: absolute; inset: 0px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M7 7h10v10'/%3E%3C/svg%3E") 50% center / contain no-repeat;} #pricing :is():where(#pricing, #pricing *){animation-delay: -1.2s;} @media (prefers-reduced-motion: reduce) {#pricing :is():where(#pricing, #pricing *){animation: auto ease 0s 1 normal none running none; transform: none;} #pricing :is():where(#pricing, #pricing *){animation: auto ease 0s 1 normal none running none; display: none;}} #pricing :is(.ry-site-page .ry-section-heading .ry-section-title):where(#pricing, #pricing *){--ry-title-size: var(--ry-section-display-size); --ry-title-line: 1.04; --ry-title-spacing: -.035em; text-wrap: balance;} #pricing:is([data-de-surface]):where(#pricing, #pricing *){--de-ink: #202420; --de-muted: #5d635d; --color-tokens-background-base: #f7f7f5; --color-tokens-background-depth: #eeefec; --color-tokens-background-lift: #fff; --color-tokens-tone-strong: #202420; --color-tokens-tone-medium: #5d635d; --color-tokens-tone-faint: #20242018; --color-tokens-tone-subtle: #697069; --ry-heading-ink: #202420; --ry-heading-muted: #5d635d; color: rgb(32, 36, 32);} #pricing:is([data-de-surface^="dark"]):where(#pricing, #pricing *){--de-ink: #f7f6f5; --de-muted: #c0c5bf; --color-tokens-background-base: var(--color-base-base-dark-100); --color-tokens-background-depth: #141715; --color-tokens-background-lift: #181c19; --color-tokens-tone-strong: #f7f6f5; --color-tokens-tone-medium: #c0c5bf; --color-tokens-tone-subtle: #aeb5ad; --color-tokens-tone-faint: #ffffff24; --ry-heading-ink: #f7f6f5; --ry-heading-muted: #c0c5bf; color: rgb(247, 246, 245);} #pricing:is([data-de-surface="dark"]):where(#pricing, #pricing *){background: var(--color-base-base-dark-100) !important;} #pricing :is(#pricing[data-de-surface] .ry-section-title):where(#pricing, #pricing *){color: var(--de-ink);} #pricing :is(#pricing .de-hybrid-pricing):where(#pricing, #pricing *){color: rgb(247, 246, 245); display: block;} #pricing :is(#pricing .de-pricing-intro):where(#pricing, #pricing *){text-align: center; color: rgb(192, 197, 191); max-width: 680px; margin: 0px auto 48px; font-size: 18px; line-height: 1.6;} #pricing :is(#pricing .de-plan-grid):where(#pricing, #pricing *){grid-template-columns: repeat(4, minmax(0px, 1fr)); align-items: stretch; gap: 16px; max-width: 1312px; margin: auto; display: grid;} #pricing :is(#pricing .de-plan-card):where(#pricing, #pricing *){min-width: 0px; color: var(--color-base-base-light-100); font-family: var(--typography-font-body); background: rgb(50, 45, 50); border: 0px; border-radius: 20px; flex-direction: column; gap: 8px; padding: 12px; transition: transform 0.2s; display: flex;} #pricing :is(#pricing .de-plan-card--pro):where(#pricing, #pricing *){box-shadow: 0 0 0 2px var(--color-base-accent-primary),0 0 28px -6px #c5ef5750; position: relative;} #pricing :is(#pricing .de-plan-popular):where(#pricing, #pricing *){z-index: 1; background: var(--color-base-accent-primary); color: var(--color-base-base-dark-100); font: 500 11px/1.3 var(--typography-font-label); letter-spacing: 0.5px; text-transform: uppercase; white-space: nowrap; border-radius: 999px; margin: 0px; padding: 7px 14px; position: absolute; top: 0px; left: 50%; transform: translate(-50%, -50%);} @media (width <= 767px) {#pricing :is(#pricing .de-plan-card--pro):where(#pricing, #pricing *){margin-top: 12px;}} #pricing :is(#pricing .de-plan-header):where(#pricing, #pricing *){background: var(--color-base-base-dark-100); color: var(--color-base-base-light-100); border: 0px; border-radius: 12px; flex-direction: column; gap: 32px; padding: 24px 20px; display: flex; position: relative;} #pricing :is(#pricing .de-plan-card--pro .de-plan-header):where(#pricing, #pricing *){background-color: var(--color-base-base-light-100); color: var(--color-base-base-dark-100); background-image: url("/images/plan-bg.avif"); background-position: 50% center; background-size: cover;} #pricing :is(#pricing .de-plan-card h3):where(#pricing, #pricing *){font: 400 20px/1.2 var(--typography-font-heading-sans); letter-spacing: 0px; color: inherit; margin: 0px;} #pricing :is(#pricing .de-plan-price-wrap):where(#pricing, #pricing *){flex-direction: column; gap: 8px; display: flex;} #pricing :is(#pricing .de-plan-price):where(#pricing, #pricing *){color: inherit; margin: 0px;} #pricing :is(#pricing .de-plan-price strong):where(#pricing, #pricing *){font: 400 48px/1.15 var(--typography-font-heading-sans); letter-spacing: -0.03em; white-space: nowrap;} #pricing :is(#pricing .de-plan-cancel):where(#pricing, #pricing *){color: inherit; margin: 0px; font-size: 13px; line-height: 1.5;} #pricing :is(#pricing .de-plan-body):where(#pricing, #pricing *){border: 0px; flex-direction: column; flex: 1 1 0%; gap: 32px; padding: 20px; display: flex;} #pricing :is(#pricing .de-plan-action):where(#pricing, #pricing *){flex-direction: column; gap: 24px; display: flex;} #pricing :is(#pricing .de-plan-cta):where(#pricing, #pricing *){--de-cta-bg: #454147; --de-cta-hover: #555158; --de-cta-ink: #fff; --de-cta-arrow-bg: #ffffff14; --de-cta-shadow: 0 15px 35px -18px #0009; --de-cta-hover-shadow: 0 20px 42px -15px #0009; --color-tokens-button-primary-default-text: var(--de-cta-ink); --color-tokens-button-primary-hover-text: var(--de-cta-ink); --color-tokens-button-primary-hover-background: var(--de-cta-hover); border-radius: var(--radius-ui-button-base); background: var(--de-cta-bg); width: 100%; min-height: 48px; box-shadow: var(--de-cta-shadow); border: 0px; justify-content: center; align-items: center; margin: 0px; padding: 0px; display: flex;} #pricing :is(#pricing :is(.de-plan-card--pro, .de-credit-card--5) .de-plan-cta):where(#pricing, #pricing *){--de-cta-bg: #c5ef57; --de-cta-hover: #d4f76a; --de-cta-ink: #070708; --de-cta-arrow-bg: #070708; --de-cta-shadow: 0 15px 35px -18px #7aa300e6; --de-cta-hover-shadow: 0 20px 42px -15px #7aa300e6;} #pricing :is(#pricing .de-plan-cta:hover):where(#pricing, #pricing *){box-shadow: var(--de-cta-hover-shadow);} #pricing :is(#pricing .de-plan-cta .btn-bg):where(#pricing, #pricing *){background-color: var(--de-cta-bg) !important; border-color: var(--de-cta-bg) !important;} #pricing :is(#pricing .de-plan-cta):where(#pricing, #pricing *),#pricing :is(#pricing .de-plan-cta .text-button):where(#pricing, #pricing *),#pricing :is(#pricing .de-plan-cta .icon_button):where(#pricing, #pricing *){color: var(--de-cta-ink) !important;} #pricing :is(#pricing .de-plan-cta .text-button):where(#pricing, #pricing *){text-shadow: 0 1.5em 0 var(--de-cta-ink) !important;} #pricing :is(#pricing .de-plan-cta .ry-cta-arrow):where(#pricing, #pricing *){background: var(--de-cta-arrow-bg);} #pricing :is():where(#pricing, #pricing *){animation: 3.2s ease-in-out 0s infinite normal none running ryShine; display: block;} @media (prefers-reduced-motion: reduce) {#pricing :is():where(#pricing, #pricing *){animation: auto ease 0s 1 normal none running none; display: none;}} #pricing :is(#pricing .de-plan-cta .button-inner):where(#pricing, #pricing *){flex: 1 1 0%; justify-content: center; gap: 10px; min-width: 0px; min-height: 48px;} #pricing :is(#pricing a.de-plan-cta):where(#pricing, #pricing *){text-decoration: none;} #pricing :is(#pricing .de-plan-cta:focus-visible):where(#pricing, #pricing *){outline: 3px solid var(--color-base-accent-primary); outline-offset: 4px;} #pricing :is(#pricing .de-plan-included):where(#pricing, #pricing *){flex-direction: column; gap: 16px; display: flex;} #pricing :is(#pricing .de-plan-label):where(#pricing, #pricing *){color: rgb(203, 199, 204); font: 400 10px/1.4 var(--typography-font-label); letter-spacing: 0.75px; text-transform: uppercase; margin: 0px;} #pricing :is(#pricing .de-plan-features):where(#pricing, #pricing *){align-content: start; gap: 12px; margin: 0px; padding: 0px; font-size: 16px; line-height: 1.5; list-style: none; display: grid;} #pricing :is(#pricing .de-plan-features li):where(#pricing, #pricing *){color: var(--color-base-base-light-100); align-items: flex-start; gap: 16px; display: flex;} #pricing :is(#pricing .de-plan-check):where(#pricing, #pricing *){width: 24px; height: 24px; color: var(--color-base-accent-primary); background: 0px 0px; border: 0px; border-radius: 0px; flex: 0 0 auto; place-items: center; display: grid;} #pricing :is(#pricing .de-plan-check svg):where(#pricing, #pricing *){width: 24px; height: 24px;} #pricing :is(#pricing .de-plan-features li > span:last-child):where(#pricing, #pricing *){overflow-wrap: anywhere; min-width: 0px;} @media (hover: hover) and (prefers-reduced-motion: no-preference) {#pricing :is(#pricing .de-plan-card:hover):where(#pricing, #pricing *){transform: translateY(-3px);}} @media (width <= 991px) {#pricing :is(#pricing .de-plan-grid):where(#pricing, #pricing *){grid-template-columns: repeat(2, minmax(0px, 1fr));}} @media (width <= 767px) {#pricing :is(#pricing .de-plan-grid):where(#pricing, #pricing *){grid-template-columns: minmax(0px, 1fr); gap: 12px; max-width: 540px;} #pricing :is(#pricing .de-plan-card):where(#pricing, #pricing *){border-radius: 16px; padding: 8px;} #pricing :is(#pricing .de-plan-header):where(#pricing, #pricing *){gap: 24px; padding: 20px 16px;} #pricing :is(#pricing .de-plan-card h3):where(#pricing, #pricing *){font-size: 18px;} #pricing :is(#pricing .de-plan-body):where(#pricing, #pricing *){gap: 24px; padding: 16px;} #pricing :is(#pricing .de-plan-action):where(#pricing, #pricing *){gap: 20px;} #pricing :is(#pricing .de-plan-features):where(#pricing, #pricing *){gap: 10px; font-size: 14px;} #pricing :is(#pricing .de-plan-features li):where(#pricing, #pricing *){gap: 12px;} #pricing :is(#pricing .de-plan-cta):where(#pricing, #pricing *){font-size: 14px;} #pricing :is(#pricing .de-pricing-intro):where(#pricing, #pricing *){margin-bottom: 32px; font-size: 16px;}} @media (prefers-reduced-motion: reduce) {#pricing :is(#pricing .de-plan-card):where(#pricing, #pricing *),#pricing :is(#pricing .de-plan-cta):where(#pricing, #pricing *){transition: none;}} @media (width <= 767px) {#pricing :is(#pricing .de-plan-features):where(#pricing, #pricing *){font-size: 16px; line-height: 1.6;}} #pricing :is(#pricing .ry-section-heading > .de-pricing-intro):where(#pricing, #pricing *){margin-bottom: 0px;} #pricing :is(.cta_primary):where(#pricing, #pricing *){--ry-cta-slot-size: 14px; --ry-cta-chip-size: 28px !important;} #pricing :is(:is(#home, .ry-header-minimal, #showcase-phone-pop, #three-steps, #kyra-spotlight, #duel, #work, #property-types, #pricing, #footer-preview) .cta_primary .icon_button.ry-cta-arrow):where(#pricing, #pricing *){pointer-events: none; background: rgb(7, 7, 8); border-radius: 8px; place-items: center; position: relative; overflow: hidden; flex: 0 0 var(--ry-cta-chip-size,28px) !important; width: var(--ry-cta-chip-size,28px) !important; height: var(--ry-cta-chip-size,28px) !important; margin: 0px !important; left: 0px !important; top: 0px !important; display: grid !important; transform: translate(0px) !important;} #pricing :is(:is(#home, .ry-header-minimal, #showcase-phone-pop, #three-steps, #kyra-spotlight, #duel, #work, #property-types, #pricing, #footer-preview) .cta_primary .ry-cta-arrow-wrap):where(#pricing, #pricing *){justify-content: center; align-items: center; flex: 0 0 auto !important; width: auto !important; height: auto !important; margin: 0px !important; display: flex !important; transform: translate(0px) !important;} #pricing :is(:is(#home, .ry-header-minimal, #showcase-phone-pop, #three-steps, #kyra-spotlight, #duel, #work, #property-types, #pricing, #footer-preview) .cta_primary .icon_button.ry-cta-arrow > svg):where(#pricing, #pricing *){display: none !important;} #pricing :is():where(#pricing, #pricing *),#pricing :is():where(#pricing, #pricing *){content: none !important; display: none !important;} #pricing :is(:is(#home, .ry-header-minimal, #showcase-phone-pop, #three-steps, #kyra-spotlight, #duel, #work, #property-types, #pricing, #footer-preview) .cta_primary .ry-cta-arrow-slot):where(#pricing, #pricing *){width: var(--ry-cta-slot-size,14px); height: var(--ry-cta-slot-size,14px); display: block; position: relative; overflow: hidden;} #pricing :is():where(#pricing, #pricing *),#pricing :is():where(#pricing, #pricing *){content: ""; background-color: rgb(255, 255, 255); animation: 2.4s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal none paused ry-cta-arrow-loop; position: absolute; inset: 0px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M7 7h10v10'/%3E%3C/svg%3E") 50% center / contain no-repeat;} #pricing :is():where(#pricing, #pricing *){animation-delay: -1.2s;} @media (prefers-reduced-motion: reduce) {#pricing :is():where(#pricing, #pricing *){animation: auto ease 0s 1 normal none running none; transform: none;} #pricing :is():where(#pricing, #pricing *){display: none;}} @media (min-width: 0px) {#pricing :is(:is(#home, #showcase-phone-pop, #three-steps, #kyra-spotlight, #duel, #work, #property-types, #pricing, #footer-preview) .cta_primary .button-inner):where(#pricing, #pricing *){box-sizing: border-box; display: flex !important; align-items: center !important; justify-content: center !important; gap: 16px !important; overflow: visible !important;} #pricing :is(:is(#home, #showcase-phone-pop, #three-steps, #kyra-spotlight, #duel, #work, #property-types, #pricing, #footer-preview) .cta_primary .icon-wrap_button.right):where(#pricing, #pricing *){display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 var(--ry-cta-chip-size,36px) !important; width: var(--ry-cta-chip-size,36px) !important; height: var(--ry-cta-chip-size,36px) !important; margin: 0px !important; padding: 0px !important; transform: none !important; position: relative !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important;} #pricing :is(:is(#home, #showcase-phone-pop, #three-steps, #kyra-spotlight, #duel, #work, #property-types, #pricing, #footer-preview) .cta_primary .icon_button.right.ry-cta-arrow):where(#pricing, #pricing *){display: grid !important; place-items: center !important; flex: 0 0 var(--ry-cta-chip-size,36px) !important; width: var(--ry-cta-chip-size,36px) !important; height: var(--ry-cta-chip-size,36px) !important; position: relative !important; transform: none !important; opacity: 1 !important; visibility: visible !important; background: rgb(7, 7, 8) !important; border-radius: 8px !important;} #pricing :is(:is(#home, #showcase-phone-pop, #three-steps, #kyra-spotlight, #duel, #work, #property-types, #pricing, #footer-preview) .cta_primary .icon_button.ry-cta-arrow > svg):where(#pricing, #pricing *){display: none !important;} #pricing :is(:is(#home, #showcase-phone-pop, #three-steps, #kyra-spotlight, #duel, #work, #property-types, #pricing, #footer-preview) .cta_primary .ry-cta-arrow-slot):where(#pricing, #pricing *){grid-area: 1 / 1 !important; place-self: center !important; width: 15px !important; height: 15px !important; margin: 0px !important; overflow: hidden !important;} #pricing :is():where(#pricing, #pricing *),#pricing :is():where(#pricing, #pricing *){content: "" !important; display: block !important; animation: 2.4s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal none paused ry-cta-arrow-loop !important;} #pricing :is():where(#pricing, #pricing *){animation-delay: -1.2s !important;}} @media (prefers-reduced-motion: reduce) {#pricing :is():where(#pricing, #pricing *){animation: auto ease 0s 1 normal none running none !important; transform: none !important;} #pricing :is():where(#pricing, #pricing *){display: none !important; animation: auto ease 0s 1 normal none running none !important;}} #pricing :is(#pricing h2.ry-section-title):where(#pricing, #pricing *){text-wrap: balance; font-size: var(--premium-major) !important; line-height: 1.18 !important; letter-spacing: -0.025em !important; font-weight: 400 !important;} #pricing :is(.cta_primary):where(#pricing, #pricing *){box-shadow: rgba(102, 137, 0, 0.32) 0px 6px 16px -12px !important;} #pricing :is(.cta_primary:not(.ry-nav-start)):where(#pricing, #pricing *){min-height: 3rem !important; border-radius: 8px !important; font-size: 1rem !important;} #pricing :is(.cta_primary:not(.ry-nav-start) :is(.text-button, .button-inner, .text-button-static)):where(#pricing, #pricing *){font-size: 1rem !important;} #pricing :is(.de-plan-card):where(#pricing, #pricing *){background: rgb(43, 41, 42) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 16px !important; box-shadow: none !important;} #pricing :is(.de-plan-card .de-plan-header):where(#pricing, #pricing *){background: rgb(52, 50, 51) !important; color: rgb(250, 249, 245) !important; border-radius: 12px !important;} #pricing :is(.de-plan-card--pro):where(#pricing, #pricing *){border-color: rgb(197, 239, 87) !important;} #pricing :is(.de-plan-card--pro .de-plan-header):where(#pricing, #pricing *){background: linear-gradient(135deg, rgba(197, 239, 87, 0.14), rgba(197, 239, 87, 0.024) 75%), rgb(52, 50, 51) !important;} #pricing :is(:is(p, li, dt, dd)):where(#pricing, #pricing *){overflow-wrap: anywhere;} #pricing :is(#pricing :is(.de-plan-cancel, .ry-de-trial-panel-notes dt, .ry-de-trial-panel-notes dd)):where(#pricing, #pricing *){font-size: var(--reading-detail) !important; line-height: 1.5 !important; font-weight: 400 !important;} @media (max-width: 767px) {#pricing :is(#pricing :is(.de-plan-cancel, .ry-de-trial-panel-notes dt, .ry-de-trial-panel-notes dd)):where(#pricing, #pricing *){font-size: var(--reading-body) !important; line-height: 1.5 !important;} #pricing :is(#pricing .de-plan-label):where(#pricing, #pricing *){font-size: 0.75rem !important; line-height: 1.5 !important;}} #pricing :is(#pricing .de-plan-unit):where(#pricing, #pricing *){margin: 0px; font-size: 15px; line-height: 1.4; font-weight: 500;} #pricing :is(.de-plan-price strong):where(#pricing, #pricing *){font-size: clamp(28px, 3vw, 48px);} #pricing:is(:is([data-de-surface], .body-inverted, .ry-section--dark, #pricing, #faq, #footer-preview)):where(#pricing, #pricing *){--de-ink: #000; --de-muted: #575b5e; --color-tokens-background-base: #fff; --color-tokens-background-depth: #f7f7f7; --color-tokens-background-lift: #fafafa; --color-tokens-tone-strong: #000; --color-tokens-tone-medium: #575b5e; --color-tokens-tone-subtle: #606468; --color-tokens-tone-faint: #ededed; --ry-heading-ink: #000; --ry-heading-muted: #575b5e; color: rgb(0, 0, 0);} #pricing :is(:is(h1, h2, h3, h4, h5, h6, .ry-section-title, .dots-title)):where(#pricing, #pricing *){font-family: Geist, Arial, sans-serif; font-weight: 400;} #pricing :is(:is(h1, h2, h3, h4, h5, h6, p, li, a, button, input, select, textarea, blockquote)):where(#pricing, #pricing *){font-family: Geist, Arial, sans-serif !important;} #pricing :is(:is(h1, h2, h3, h4, h5, h6)):where(#pricing, #pricing *){font-weight: 400 !important;} #pricing :is(:is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow)):where(#pricing, #pricing *){font-family: "Roboto Mono", monospace !important;} #pricing :is(:is(.ry-section-title, .dots-title--section, #faq .rp-heading)):where(#pricing, #pricing *){font-size: clamp(30px, 3vw, 40px); line-height: 1.15; letter-spacing: -0.025em;} #pricing :is(:is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow)):where(#pricing, #pricing *){font-family: "Roboto Mono", monospace; font-weight: 400;} #pricing:is(:is(#home, #work, #reviews, #team, #property-types, #app-preview, #pricing, #faq, #footer-preview)):where(#pricing, #pricing *){background-color: rgb(255, 255, 255) !important; background-image: none !important;} #pricing :is(.cta_primary):where(#pricing, #pricing *){--color-tokens-button-primary-default-text: #fff; --color-tokens-button-primary-hover-text: #fff; --color-tokens-button-primary-default-border: #000d14; --color-tokens-button-primary-hover-border: #000d14; --color-tokens-button-primary-default-background: #000d14; --color-tokens-button-primary-hover-background: #000d14; box-shadow: rgb(33, 204, 238) 0px 5px 9px -7px, rgb(20, 112, 239) 0px 8px 15px -10px, rgb(105, 39, 218) 4px 9px 18px -12px, rgb(242, 61, 148) 9px 8px 18px -12px; font-family: Geist, Arial, sans-serif; font-weight: 500; color: rgb(255, 255, 255) !important; background: rgb(0, 13, 20) !important; border: 1px solid rgb(0, 13, 20) !important; border-radius: 12px !important;} #pricing :is(.cta_primary .btn-bg):where(#pricing, #pricing *){background: none rgb(0, 13, 20) !important; border-color: rgb(0, 13, 20) !important; border-radius: 11px !important;} #pricing :is(.cta_primary :is(.text-button, .text-button-copy)):where(#pricing, #pricing *){color: rgb(255, 255, 255) !important;} #pricing :is(.cta_primary .icon_button.right.ry-cta-arrow):where(#pricing, #pricing *){background: transparent !important; color: rgb(255, 255, 255) !important; border-radius: 0px !important;} #pricing :is(.cta_primary:hover):where(#pricing, #pricing *){filter: brightness(1.2);} #pricing :is(:is(a, button, input, select, textarea):focus-visible):where(#pricing, #pricing *){outline: rgb(18, 106, 163) solid 2px; outline-offset: 4px;} #pricing :is(#pricing .de-plan-card):where(#pricing, #pricing *){background: rgb(255, 255, 255) !important; border: 1px solid rgb(237, 237, 237) !important; border-radius: 12px !important; color: rgb(0, 0, 0) !important; box-shadow: none !important;} #pricing :is(#pricing .de-plan-header):where(#pricing, #pricing *){background: none rgb(250, 250, 250) !important; border-radius: 8px !important; color: rgb(0, 0, 0) !important;} #pricing :is(#pricing .de-plan-card--pro):where(#pricing, #pricing *){border-color: rgb(0, 13, 20) !important; background: rgb(250, 250, 250) !important;} #pricing :is(#pricing :is(.de-plan-label, .de-plan-unit, .de-plan-cancel, .de-plan-audience)):where(#pricing, #pricing *){color: rgb(87, 91, 94) !important;} #pricing :is(#pricing .de-plan-price strong):where(#pricing, #pricing *){font-size: clamp(28px, 2.8vw, 40px); font-weight: 400; letter-spacing: -0.025em;} #pricing :is(#pricing .de-plan-check):where(#pricing, #pricing *){color: rgb(0, 13, 20) !important; background: transparent !important;} #pricing :is(#pricing .de-plan-features li):where(#pricing, #pricing *){color: rgb(0, 0, 0) !important;} #pricing :is(#pricing .de-pricing-intro):where(#pricing, #pricing *){color: rgb(87, 91, 94) !important;} #pricing :is(#pricing .de-plan-popular):where(#pricing, #pricing *){background: rgb(0, 13, 20) !important; color: rgb(255, 255, 255) !important;} #pricing :is(.label_circle):where(#pricing, #pricing *){background: rgb(0, 13, 20) !important;} #pricing :is(#pricing .de-plan-cta):where(#pricing, #pricing *){--de-cta-bg: #000d14 !important; --de-cta-hover: #000d14 !important; --de-cta-ink: #fff !important; --de-cta-arrow-bg: transparent !important;} #pricing :is(:is(#home, #pricing, #footer-preview, .ry-header-minimal) .cta_primary .btn-bg):where(#pricing, #pricing *){background: rgb(0, 13, 20) !important; border-color: rgb(0, 13, 20) !important;} #pricing :is(:is(#home, #pricing, #footer-preview, .ry-header-minimal) .cta_primary .icon_button.right.ry-cta-arrow):where(#pricing, #pricing *){background: transparent !important;} #pricing :is(#pricing .de-plan-label):where(#pricing, #pricing *){font-family: "Roboto Mono", monospace !important;} @media (max-width: 767px) {#pricing :is(:is(.ry-section-title, .dots-title--section, #faq .rp-heading)):where(#pricing, #pricing *){font-size: 30px; line-height: 1.15;}} #faq:is(:is([data-de-surface], .body-inverted, .ry-section--dark, #pricing, #faq, #footer-preview)):where(#pricing, #pricing *){--de-ink: #000; --de-muted: #575b5e; --color-tokens-background-base: #fff; --color-tokens-background-depth: #f7f7f7; --color-tokens-background-lift: #fafafa; --color-tokens-tone-strong: #000; --color-tokens-tone-medium: #575b5e; --color-tokens-tone-subtle: #606468; --color-tokens-tone-faint: #ededed; --ry-heading-ink: #000; --ry-heading-muted: #575b5e; color: rgb(0, 0, 0);} #faq:is(:is(#home, #work, #reviews, #team, #property-types, #app-preview, #pricing, #faq, #footer-preview)):where(#pricing, #pricing *){background-color: rgb(255, 255, 255) !important; background-image: none !important;} body :is(#pricing, #app-preview, #faq):where(#pricing, #pricing *),body :is(#pricing, #app-preview, #faq) :is(p, li, a, button, span, strong, dt, dd):where(#pricing, #pricing *){font-family: "StackSans text Variable", Arial, sans-serif !important;} body :is(#pricing, #app-preview, #faq) :is(h2, h3):where(#pricing, #pricing *){font-family: "StackSans headline Variable", Arial, sans-serif !important;} body :is(#pricing, #app-preview, #faq):where(#pricing, #pricing *){--typography-font-heading-sans: "StackSans headline Variable",Arial,sans-serif; --typography-font-main: "StackSans text Variable",Arial,sans-serif; scroll-margin-top: 100px;} body :is(#pricing, #app-preview, #faq):where(#pricing, #pricing *),body :is(#pricing, #app-preview, #faq) *:where(#pricing, #pricing *){box-sizing: border-box;} body :is(#pricing, #app-preview) .ry-section-heading:where(#pricing, #pricing *){display: flex; flex-direction: column; align-items: center; text-align: center;} body :is(#pricing, #app-preview) .ry-section-title:where(#pricing, #pricing *){color: rgb(19, 19, 19) !important;} body #pricing .de-plan-features:where(#pricing, #pricing *){padding-left: 0px; list-style: none;} body #pricing .de-plan-card:where(#pricing, #pricing *){min-width: 0px;} #pricing#pricing .headline_home-pricing:where(#pricing, #pricing *),#pricing#pricing .headline_home-pricing > *:where(#pricing, #pricing *),#pricing#pricing .ry-de-trial-panel:where(#pricing, #pricing *){opacity: 1 !important; visibility: visible !important;} #pricing#pricing .headline_home-pricing :is(h2, .label-large):where(#pricing, #pricing *){color: rgb(21, 21, 21) !important;} #pricing#pricing .headline_home-pricing .de-pricing-intro:where(#pricing, #pricing *){color: rgb(90, 90, 90) !important;} #pricing#pricing#pricing .cta_primary:where(#pricing, #pricing *),#pricing#pricing#pricing .cta_primary :is(.text-button, .icon_button):where(#pricing, #pricing *){color: rgb(255, 255, 255) !important;} #pricing#pricing#pricing .cta_primary .text-button:where(#pricing, #pricing *){text-shadow: none !important;} #pricing#pricing#pricing .cta_primary .btn-bg:where(#pricing, #pricing *){background: rgb(6, 17, 24) !important; border-color: rgb(6, 17, 24) !important;} #pricing#pricing#pricing [hidden]:where(#pricing, #pricing *){display: none !important;} #pricing .ry-price-tabs:where(#pricing, #pricing *){display: inline-flex; align-self: center; padding: 5px; margin: 28px auto 0px; gap: 4px; background: rgb(240, 240, 239); border: 1px solid rgb(228, 228, 227); border-radius: 999px;} #pricing .ry-price-tabs button:where(#pricing, #pricing *){font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px; border: 0px; border-radius: 999px; background: transparent; color: rgb(85, 85, 85); padding: 12px 32px; cursor: pointer; min-width: 120px;} #pricing .ry-price-tabs [aria-selected="true"]:where(#pricing, #pricing *){background: rgb(18, 18, 18); color: white; box-shadow: rgba(0, 0, 0, 0.067) 0px 2px 5px;} #pricing#pricing#pricing .de-plan-grid:where(#pricing, #pricing *){grid-template-columns: repeat(3, minmax(0px, 1fr)); max-width: 1120px; margin-inline: auto; gap: 22px;} #pricing#pricing#pricing .de-plan-card--pro:where(#pricing, #pricing *),#pricing#pricing#pricing .de-plan-card--pro .de-plan-header:where(#pricing, #pricing *){background: rgb(17, 17, 17) !important; border-color: rgb(17, 17, 17) !important; color: white !important;} #pricing#pricing#pricing .de-plan-card--pro :is(h3, p, strong, li, span, .de-plan-check):where(#pricing, #pricing *){color: white !important;} #pricing#pricing#pricing#pricing .de-plan-card--pro .de-plan-popular:where(#pricing, #pricing *){background: rgb(255, 255, 255) !important; color: rgb(17, 17, 17) !important; border-color: rgb(255, 255, 255) !important;} #pricing#pricing#pricing#pricing .de-plan-card--pro .de-plan-cta:where(#pricing, #pricing *){background: white !important; color: rgb(17, 17, 17) !important; border-color: white !important;} #pricing#pricing#pricing#pricing .de-plan-card--pro .de-plan-cta *:where(#pricing, #pricing *){color: rgb(17, 17, 17) !important;} #pricing#pricing#pricing#pricing .de-plan-card--pro .de-plan-cta .btn-bg:where(#pricing, #pricing *){background: white !important; border-color: white !important;} #pricing#pricing#pricing .de-plan-card--pro .de-plan-included:where(#pricing, #pricing *){border-color: rgba(255, 255, 255, 0.19) !important;} #pricing button:focus-visible:where(#pricing, #pricing *){outline: rgb(125, 150, 54) solid 3px; outline-offset: 4px;} @media (max-width: 1000px) {#pricing#pricing#pricing .de-plan-grid:where(#pricing, #pricing *){gap: 14px;}} @media (max-width: 760px) {#pricing#pricing#pricing .de-plan-grid:where(#pricing, #pricing *){grid-template-columns: 1fr; max-width: 440px; gap: 24px;}} body.ry-pricing-page :is(#home, #kyra-spotlight, #easy-stories, #reviews, #duel, #work, #property-types, #case-studies-section, #pricing, #app-preview, #faq, #footer-preview):where(#pricing, #pricing *){background: rgb(255, 255, 255) !important;} body.ry-pricing-page :is(.ry-quick-steps-shell, .ry-de-trial-panel, .ry-figma-closing, .de-plan-header):where(#pricing, #pricing *){background: none rgb(255, 255, 255) !important;} body.ry-pricing-page :is(.ry-quick-steps-shell, .ry-german-hero-animation, .original-video, .result-paper, .ry-work-duel-card, .ry-example-card, .card_feature, .ry-cs-card, .card_testimonial, .de-plan-card, .ry-ff-card, .ry-de-trial-panel, .ry-figma-closing, .ry-overlays-card, .ry-overlays-exit-card):where(#pricing, #pricing *){box-shadow: rgba(20, 24, 28, 0.024) 0px 2px 6px, rgba(20, 24, 28, 0.043) 0px 10px 28px !important;} body.ry-pricing-page #pricing#pricing#pricing .de-plan-card:not(.de-plan-card--pro):where(#pricing, #pricing *),body.ry-pricing-page #pricing#pricing#pricing .de-plan-card:not(.de-plan-card--pro) .de-plan-header:where(#pricing, #pricing *){background: rgb(255, 255, 255) !important;} body.ry-pricing-page #pricing#pricing#pricing .de-plan-card--pro:where(#pricing, #pricing *),body.ry-pricing-page #pricing#pricing#pricing .de-plan-card--pro .de-plan-header:where(#pricing, #pricing *){background: rgb(17, 17, 17) !important;} body.ry-pricing-page #pricing#pricing#pricing :is(.de-plan-card, .ry-de-trial-panel):where(#pricing, #pricing *){box-shadow: rgba(20, 24, 28, 0.024) 0px 2px 6px, rgba(20, 24, 28, 0.043) 0px 10px 28px !important;} #pricing#pricing#pricing #pricing-agency .de-plan-grid:where(#pricing, #pricing *){grid-template-columns: repeat(4, minmax(0px, 1fr)); max-width: 1400px;} @media (max-width: 1100px) {#pricing#pricing#pricing #pricing-agency .de-plan-grid:where(#pricing, #pricing *){grid-template-columns: repeat(2, minmax(0px, 1fr)); max-width: 880px;}} @media (max-width: 760px) {#pricing#pricing#pricing #pricing-agency .de-plan-grid:where(#pricing, #pricing *){grid-template-columns: minmax(0px, 1fr); max-width: 440px;}} @media (min-width: 1024px) {body.ry-pricing-page :is(#three-steps, #showcase-phone-pop, #kyra-spotlight, #easy-stories, #reviews, #duel, #work, #video-stories, #pricing, #app-preview, #ryselist-app):where(#pricing, #pricing *){padding-block: 36px !important;} body.ry-pricing-page :is(#kyra-spotlight, #easy-stories, #reviews, #pricing) :is(.padding-section-medium, .padding-section-large):where(#pricing, #pricing *){padding-block: 0px !important;}} @layer ry-spartan-preview {body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], .demo-kicker, .demo-field-label, .demo-workspace-label, .ry-restored-app-heading > p):where(#pricing, #pricing *),body :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], .demo-kicker, .demo-field-label, .demo-workspace-label) *:where(#pricing, #pricing *){font-family: "IBM Plex Mono", monospace !important; font-weight: 500 !important;} body :is(.cta_primary, .pill.primary, .ry-closing-primary):not(.de-plan-card--pro *):where(#pricing, #pricing *){color: rgb(255, 255, 255) !important; background: rgb(26, 26, 26) !important; border-color: rgb(26, 26, 26) !important; border-radius: 16px !important; box-shadow: none !important; font-size: 16px !important; font-weight: 400 !important;} body .cta_primary:not(.de-plan-card--pro *) .btn-bg:where(#pricing, #pricing *){background: rgb(26, 26, 26) !important; border-color: rgb(26, 26, 26) !important;} body :is(.cta_primary, .pill.primary, .ry-closing-primary):not(.de-plan-card--pro *):hover:where(#pricing, #pricing *){background: rgb(36, 36, 36) !important;} body .de-plan-card--pro :is(.cta_primary, .pill.primary, .ry-closing-primary):focus-visible:where(#pricing, #pricing *){outline-color: rgb(255, 255, 255) !important;} body #pricing .de-plan-card:not(.de-plan-card--pro):where(#pricing, #pricing *),body #pricing .de-plan-card:not(.de-plan-card--pro) .de-plan-header:where(#pricing, #pricing *){background-color: rgb(240, 240, 240) !important; background-image: none !important; border-color: rgba(26, 26, 26, 0.1) !important;} body #pricing .de-plan-card--pro:where(#pricing, #pricing *){background-color: rgb(26, 26, 26) !important; background-image: none !important; border-color: rgb(36, 36, 36) !important;} body #pricing .de-plan-card--pro :is(.de-plan-header, .de-plan-body):where(#pricing, #pricing *){background: transparent !important;}} @layer ry-spartan-preview {body #pricing .ry-pricing-trust:where(#pricing, #pricing *){grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; max-width: 1200px; list-style: none; color: rgb(26, 26, 26); display: grid !important; margin: 48px auto 0px !important; padding: 0px 24px !important;} body #pricing .ry-pricing-trust li:where(#pricing, #pricing *){display: flex; align-items: center; gap: 14px; min-width: 0px; position: relative;} body #pricing .ry-pricing-trust li + li:where(#pricing, #pricing *)::before{content: ""; position: absolute; left: -13px; height: 32px; width: 1px; background: rgb(229, 229, 229);} body #pricing .ry-pricing-trust-icon:where(#pricing, #pricing *){display: grid; place-items: center; flex: 0 0 54px; width: 54px; height: 54px; border-radius: 50%; background: rgb(240, 240, 240);} body #pricing .ry-pricing-trust-icon img:where(#pricing, #pricing *){display: block; width: 36px; height: 36px;} body #pricing .ry-pricing-trust strong:where(#pricing, #pricing *){display: block; font-size: 15px; line-height: 1.4; font-weight: 600; letter-spacing: -0.025em;} body #pricing .ry-pricing-trust p:where(#pricing, #pricing *){line-height: 1.5; color: rgb(123, 123, 131); margin: 4px 0px 0px !important; font-size: 13px !important;} @media (max-width: 900px) {body #pricing .ry-pricing-trust:where(#pricing, #pricing *){grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 28px 20px; padding: 0px 16px !important;} body #pricing .ry-pricing-trust li + li:where(#pricing, #pricing *)::before{display: none;}} @media (max-width: 480px) {body #pricing .ry-pricing-trust:where(#pricing, #pricing *){gap: 24px 16px; margin-top: 32px !important;} body #pricing .ry-pricing-trust li:where(#pricing, #pricing *){flex-direction: column; align-items: flex-start; gap: 10px;} body #pricing .ry-pricing-trust strong:where(#pricing, #pricing *){font-size: 14px;} body #pricing .ry-pricing-trust p:where(#pricing, #pricing *){font-size: 12px !important;}}} html body:not(#rdh-sharp) .de-plan-card:where(#pricing, #pricing *){border-radius: 6px !important;} @layer ry-spartan-preview {html body:not(#rdh-sharp) .de-plan-card:where(#pricing, #pricing *){border-radius: 6px !important;}} html body:not(#rdh-sharp) #pricing:where(#pricing, #pricing *){padding-top: 72px !important; padding-bottom: 72px !important;} html body:not(#rdh-sharp) #pricing .ry-section-heading:where(#pricing, #pricing *){margin-bottom: 32px !important; gap: 16px !important;} html body:not(#rdh-sharp) #pricing .ry-section-title:where(#pricing, #pricing *){font-size: clamp(30px, 3.4vw, 44px) !important; line-height: 1.08 !important;} html body:not(#rdh-sharp) #pricing .de-pricing-intro:where(#pricing, #pricing *){font-size: 16px !important; line-height: 1.55 !important;} html body:not(#rdh-sharp) #pricing .ry-price-tabs:where(#pricing, #pricing *){margin-top: 12px !important; padding: 4px !important;} html body:not(#rdh-sharp) #pricing .ry-price-tabs button:where(#pricing, #pricing *){padding: 7px 22px !important; font-size: 14px !important; line-height: 20px !important;} html body:not(#rdh-sharp) #pricing .de-plan-grid:where(#pricing, #pricing *){max-width: 1120px !important; margin-left: auto !important; margin-right: auto !important; gap: 14px !important;} html body:not(#rdh-sharp) #pricing .de-plan-card:where(#pricing, #pricing *){padding: 0px !important; gap: 0px !important; background: rgb(255, 255, 255) !important; border: 1px solid rgba(17, 17, 17, 0.1) !important; border-radius: 6px !important; box-shadow: rgba(17, 17, 17, 0.04) 0px 1px 2px !important;} html body:not(#rdh-sharp) #pricing .de-plan-card--pro:where(#pricing, #pricing *){background: rgb(26, 26, 26) !important; border-color: rgb(26, 26, 26) !important; box-shadow: rgba(17, 17, 17, 0.08) 0px 1px 2px, rgba(17, 17, 17, 0.45) 0px 16px 36px -18px !important;} html body:not(#rdh-sharp) #pricing .de-plan-header:where(#pricing, #pricing *){background: transparent !important; padding: 22px 22px 0px !important; gap: 14px !important; min-height: 0px !important; border-radius: 0px !important;} html body:not(#rdh-sharp) #pricing .de-plan-header h3:where(#pricing, #pricing *){font-size: 15px !important; font-weight: 500 !important; line-height: 20px !important;} html body:not(#rdh-sharp) #pricing .de-plan-price-wrap:where(#pricing, #pricing *){gap: 3px !important;} html body:not(#rdh-sharp) #pricing .de-plan-price strong:where(#pricing, #pricing *){letter-spacing: -0.02em; font-size: 30px !important; line-height: 36px !important;} html body:not(#rdh-sharp) #pricing .de-plan-unit:where(#pricing, #pricing *){font-size: 13.5px !important; line-height: 19px !important;} html body:not(#rdh-sharp) #pricing .de-plan-cancel:where(#pricing, #pricing *){font-size: 12.5px !important; line-height: 18px !important;} html body:not(#rdh-sharp) #pricing .de-plan-body:where(#pricing, #pricing *){padding: 18px 22px 22px !important; gap: 18px !important;} html body:not(#rdh-sharp) #pricing .de-plan-cta:where(#pricing, #pricing *){min-height: 42px !important; height: 42px !important; border-radius: 6px !important;} html body:not(#rdh-sharp) #pricing .de-plan-cta .text-button:where(#pricing, #pricing *){font-size: 14px !important;} html body:not(#rdh-sharp) #pricing .de-plan-included:where(#pricing, #pricing *){gap: 10px !important; padding-top: 16px !important; border-top: 1px solid rgba(17, 17, 17, 0.08) !important;} html body:not(#rdh-sharp) #pricing .de-plan-card--pro .de-plan-included:where(#pricing, #pricing *){border-top-color: rgba(255, 255, 255, 0.12) !important;} html body:not(#rdh-sharp) #pricing .de-plan-features:where(#pricing, #pricing *){gap: 7px !important;} html body:not(#rdh-sharp) #pricing .de-plan-features li:where(#pricing, #pricing *){margin: 0px !important; gap: 9px !important; font-size: 13.5px !important; line-height: 19px !important;} html body:not(#rdh-sharp) #pricing .de-plan-check:where(#pricing, #pricing *){width: 16px !important; height: 19px !important;} html body:not(#rdh-sharp) #pricing .de-plan-check svg:where(#pricing, #pricing *){width: 14px !important; height: 14px !important;} html body:not(#rdh-sharp) #pricing .de-plan-popular:where(#pricing, #pricing *){font-size: 10px !important; padding: 3px 9px !important; border-radius: 3px !important;} html body:not(#rdh-sharp) #pricing .ry-pricing-trust:where(#pricing, #pricing *){margin-top: 32px !important; max-width: 1120px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0px !important; padding-right: 0px !important;} html body:not(#rdh-sharp) #pricing .ry-pricing-trust-icon:where(#pricing, #pricing *){width: 40px !important; height: 40px !important; flex: 0 0 40px !important;} html body:not(#rdh-sharp) #pricing .ry-pricing-trust-icon img:where(#pricing, #pricing *){width: 22px !important; height: 22px !important;} html body:not(#rdh-sharp) #pricing .ry-pricing-trust strong:where(#pricing, #pricing *){font-size: 14px !important;} html body:not(#rdh-sharp) #pricing .ry-pricing-trust p:where(#pricing, #pricing *){font-size: 12.5px !important;} @layer ry-spartan-preview {html body:not(#rdh-sharp) #pricing:where(#pricing, #pricing *){padding-top: 72px !important; padding-bottom: 72px !important;} html body:not(#rdh-sharp) #pricing .ry-section-heading:where(#pricing, #pricing *){margin-bottom: 32px !important; gap: 16px !important;} html body:not(#rdh-sharp) #pricing .ry-section-title:where(#pricing, #pricing *){font-size: clamp(30px, 3.4vw, 44px) !important; line-height: 1.08 !important;} html body:not(#rdh-sharp) #pricing .de-pricing-intro:where(#pricing, #pricing *){font-size: 16px !important; line-height: 1.55 !important;} html body:not(#rdh-sharp) #pricing .ry-price-tabs:where(#pricing, #pricing *){margin-top: 12px !important; padding: 4px !important;} html body:not(#rdh-sharp) #pricing .ry-price-tabs button:where(#pricing, #pricing *){padding: 7px 22px !important; font-size: 14px !important; line-height: 20px !important;} html body:not(#rdh-sharp) #pricing .de-plan-grid:where(#pricing, #pricing *){max-width: 1120px !important; margin-left: auto !important; margin-right: auto !important; gap: 14px !important;} html body:not(#rdh-sharp) #pricing .de-plan-card:where(#pricing, #pricing *){padding: 0px !important; gap: 0px !important; background: rgb(255, 255, 255) !important; border: 1px solid rgba(17, 17, 17, 0.1) !important; border-radius: 6px !important; box-shadow: rgba(17, 17, 17, 0.04) 0px 1px 2px !important;} html body:not(#rdh-sharp) #pricing .de-plan-card--pro:where(#pricing, #pricing *){background: rgb(26, 26, 26) !important; border-color: rgb(26, 26, 26) !important; box-shadow: rgba(17, 17, 17, 0.08) 0px 1px 2px, rgba(17, 17, 17, 0.45) 0px 16px 36px -18px !important;} html body:not(#rdh-sharp) #pricing .de-plan-header:where(#pricing, #pricing *){background: transparent !important; padding: 22px 22px 0px !important; gap: 14px !important; min-height: 0px !important; border-radius: 0px !important;} html body:not(#rdh-sharp) #pricing .de-plan-header h3:where(#pricing, #pricing *){font-size: 15px !important; font-weight: 500 !important; line-height: 20px !important;} html body:not(#rdh-sharp) #pricing .de-plan-price-wrap:where(#pricing, #pricing *){gap: 3px !important;} html body:not(#rdh-sharp) #pricing .de-plan-price strong:where(#pricing, #pricing *){letter-spacing: -0.02em; font-size: 30px !important; line-height: 36px !important;} html body:not(#rdh-sharp) #pricing .de-plan-unit:where(#pricing, #pricing *){font-size: 13.5px !important; line-height: 19px !important;} html body:not(#rdh-sharp) #pricing .de-plan-cancel:where(#pricing, #pricing *){font-size: 12.5px !important; line-height: 18px !important;} html body:not(#rdh-sharp) #pricing .de-plan-body:where(#pricing, #pricing *){padding: 18px 22px 22px !important; gap: 18px !important;} html body:not(#rdh-sharp) #pricing .de-plan-cta:where(#pricing, #pricing *){min-height: 42px !important; height: 42px !important; border-radius: 6px !important;} html body:not(#rdh-sharp) #pricing .de-plan-cta .text-button:where(#pricing, #pricing *){font-size: 14px !important;} html body:not(#rdh-sharp) #pricing .de-plan-included:where(#pricing, #pricing *){gap: 10px !important; padding-top: 16px !important; border-top: 1px solid rgba(17, 17, 17, 0.08) !important;} html body:not(#rdh-sharp) #pricing .de-plan-card--pro .de-plan-included:where(#pricing, #pricing *){border-top-color: rgba(255, 255, 255, 0.12) !important;} html body:not(#rdh-sharp) #pricing .de-plan-features:where(#pricing, #pricing *){gap: 7px !important;} html body:not(#rdh-sharp) #pricing .de-plan-features li:where(#pricing, #pricing *){margin: 0px !important; gap: 9px !important; font-size: 13.5px !important; line-height: 19px !important;} html body:not(#rdh-sharp) #pricing .de-plan-check:where(#pricing, #pricing *){width: 16px !important; height: 19px !important;} html body:not(#rdh-sharp) #pricing .de-plan-check svg:where(#pricing, #pricing *){width: 14px !important; height: 14px !important;} html body:not(#rdh-sharp) #pricing .de-plan-popular:where(#pricing, #pricing *){font-size: 10px !important; padding: 3px 9px !important; border-radius: 3px !important;} html body:not(#rdh-sharp) #pricing .ry-pricing-trust:where(#pricing, #pricing *){margin-top: 32px !important; max-width: 1120px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0px !important; padding-right: 0px !important;} html body:not(#rdh-sharp) #pricing .ry-pricing-trust-icon:where(#pricing, #pricing *){width: 40px !important; height: 40px !important; flex: 0 0 40px !important;} html body:not(#rdh-sharp) #pricing .ry-pricing-trust-icon img:where(#pricing, #pricing *){width: 22px !important; height: 22px !important;} html body:not(#rdh-sharp) #pricing .ry-pricing-trust strong:where(#pricing, #pricing *){font-size: 14px !important;} html body:not(#rdh-sharp) #pricing .ry-pricing-trust p:where(#pricing, #pricing *){font-size: 12.5px !important;}} html body:not(#rdh-sharp) #pricing .de-plan-body:where(#pricing, #pricing *){padding: 20px 26px 26px !important; gap: 20px !important;} html body:not(#rdh-sharp) #pricing .de-plan-cta:where(#pricing, #pricing *){height: 46px !important; min-height: 46px !important;} html body:not(#rdh-sharp) #pricing .de-plan-features li:where(#pricing, #pricing *){font-size: 14.5px !important; line-height: 21px !important;} html body:not(#rdh-sharp) #pricing .de-plan-grid:where(#pricing, #pricing *),html body:not(#rdh-sharp) #pricing .de-plan-header h3:where(#pricing, #pricing *){font-size: 16px !important;} html body:not(#rdh-sharp) #pricing .de-plan-header:where(#pricing, #pricing *){padding: 26px 26px 0px !important;} html body:not(#rdh-sharp) #pricing .de-plan-price strong:where(#pricing, #pricing *){font-size: 34px !important; line-height: 40px !important;} html body:not(#rdh-sharp) #pricing .de-plan-unit:where(#pricing, #pricing *){font-size: 14px !important;} @layer ry-spartan-preview {html body:not(#rdh-sharp) #pricing .de-plan-body:where(#pricing, #pricing *){padding: 20px 26px 26px !important; gap: 20px !important;} html body:not(#rdh-sharp) #pricing .de-plan-cta:where(#pricing, #pricing *){height: 46px !important; min-height: 46px !important;} html body:not(#rdh-sharp) #pricing .de-plan-features li:where(#pricing, #pricing *){font-size: 14.5px !important; line-height: 21px !important;} html body:not(#rdh-sharp) #pricing .de-plan-grid:where(#pricing, #pricing *),html body:not(#rdh-sharp) #pricing .de-plan-header h3:where(#pricing, #pricing *){font-size: 16px !important;} html body:not(#rdh-sharp) #pricing .de-plan-header:where(#pricing, #pricing *){padding: 26px 26px 0px !important;} html body:not(#rdh-sharp) #pricing .de-plan-price strong:where(#pricing, #pricing *){font-size: 34px !important; line-height: 40px !important;} html body:not(#rdh-sharp) #pricing .de-plan-unit:where(#pricing, #pricing *){font-size: 14px !important;}} html body:not(#rdh-sharp) :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], [class*="-eyebrow "], .demo-kicker, .demo-field-label, .demo-workspace-label, .ry-hero-new-pill):where(#pricing, #pricing *),html body:not(#rdh-sharp) :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], [class*="-eyebrow "], .demo-kicker, .demo-field-label, .demo-workspace-label, .ry-hero-new-pill) *:where(#pricing, #pricing *){font-family: "Roboto Mono", monospace !important; font-weight: 400 !important;} @layer ry-spartan-preview {html body:not(#rdh-sharp) :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], [class*="-eyebrow "], .demo-kicker, .demo-field-label, .demo-workspace-label, .ry-hero-new-pill):where(#pricing, #pricing *),html body:not(#rdh-sharp) :is(.label-large, .label-small, .de-plan-label, .ry-mf-copyright, .eyebrow, .ry-hero-pretitle, .ry-pretitle-announcement, [class$="-eyebrow"], [class*="-eyebrow "], .demo-kicker, .demo-field-label, .demo-workspace-label, .ry-hero-new-pill) *:where(#pricing, #pricing *){font-family: "Roboto Mono", monospace !important; font-weight: 400 !important;}} html body:not(#rdh-sharp) #pricing .de-plan-card--pro:where(#pricing, #pricing *){background-color: rgb(26, 26, 26) !important; background-image: linear-gradient(rgba(14, 14, 14, 0.55), rgba(14, 14, 14, 0.55)), image-set(url("/assets/dubai-hero-20261010/bw-step-1-1024-8b87c7242e41.avif") 1x, url("/assets/dubai-hero-20261010/bw-step-1-2048-dcaa37fae7af.avif") 2x) !important; background-size: cover !important; background-position: center 30% !important; background-repeat: no-repeat !important;} @layer ry-spartan-preview {html body:not(#rdh-sharp) #pricing .de-plan-card--pro:where(#pricing, #pricing *){background-color: rgb(26, 26, 26) !important; background-image: linear-gradient(rgba(14, 14, 14, 0.55), rgba(14, 14, 14, 0.55)), image-set(url("/assets/dubai-hero-20261010/bw-step-1-1024-8b87c7242e41.avif") 1x, url("/assets/dubai-hero-20261010/bw-step-1-2048-dcaa37fae7af.avif") 2x) !important; background-size: cover !important; background-position: center 30% !important; background-repeat: no-repeat !important;}} #brokerage-pricing-preview:where(#pricing, #pricing *){background: rgb(250, 250, 250); color: rgb(17, 17, 17); padding: 64px 24px; font-family: inherit;} #brokerage-pricing-preview *:where(#pricing, #pricing *),#brokerage-pricing-preview :where(#pricing, #pricing *)::before,#brokerage-pricing-preview :where(#pricing, #pricing *)::after{box-sizing: border-box;} #brokerage-pricing-preview .ry-bp-shell:where(#pricing, #pricing *){width: 100%; max-width: 1168px; margin: 0px auto;} #brokerage-pricing-preview .ry-bp-grid:where(#pricing, #pricing *){display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: stretch;} #brokerage-pricing-preview .ry-bp-card:where(#pricing, #pricing *){display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 32px; min-height: 440px; height: 100%; margin: 0px; padding: 24px; border: 2px solid rgb(229, 231, 235); border-radius: 12px; background-color: rgb(5, 5, 5); background-image: linear-gradient(rgba(0, 0, 0, 0.94) 0%, rgba(0, 0, 0, 0.82) 40%, rgba(0, 0, 0, 0.76) 70%, rgba(0, 0, 0, 0.84) 100%), url("/assets/dubai-hero-20261010/bw-step-2-1024-105b4eb32346.avif"); background-size: cover; background-position: center center; color: white;} #brokerage-pricing-preview .ry-bp-card-intro h3:where(#pricing, #pricing *){font-family: inherit; font-size: 28px; line-height: 32px; font-weight: 500; letter-spacing: -0.7px; margin: 0px 0px 12px; color: inherit;} #brokerage-pricing-preview .ry-bp-card-intro p:where(#pricing, #pricing *){font-size: 16px; line-height: 1.5; font-weight: 400; margin: 0px; color: rgb(212, 212, 212); letter-spacing: 0px;} #brokerage-pricing-preview .ry-bp-from:where(#pricing, #pricing *){font-size: 14px; line-height: 20px; margin: 0px 0px 7px; color: rgb(198, 198, 198);} #brokerage-pricing-preview .ry-bp-price:where(#pricing, #pricing *){display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin: 0px 0px 10px; line-height: 1;} #brokerage-pricing-preview .ry-bp-price strong:where(#pricing, #pricing *){font-family: inherit; font-size: 50px; font-weight: 500; line-height: 1; letter-spacing: -2px; white-space: nowrap; color: rgb(255, 255, 255);} #brokerage-pricing-preview .ry-bp-price span:where(#pricing, #pricing *){font-size: 14px; font-weight: 400; line-height: 1.4; color: rgb(184, 184, 184); letter-spacing: 0px;} #brokerage-pricing-preview .ry-bp-commitment:where(#pricing, #pricing *){font-size: 13px; line-height: 1.6; color: rgb(255, 255, 255); margin: 0px 0px 12px; font-weight: 400;} #brokerage-pricing-preview .ry-bp-volume:where(#pricing, #pricing *){font-size: 12px; line-height: 1.6; color: rgb(191, 191, 191); margin: 0px; font-weight: 400;} #brokerage-pricing-preview .ry-bp-cta:where(#pricing, #pricing *){display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; min-height: 48px; padding: 12px 20px; border: 2px solid rgb(229, 231, 235); border-radius: 12px; background: rgb(255, 255, 255); color: rgb(17, 17, 17); text-align: center; text-decoration: none; font-size: 14px; font-weight: 500; line-height: 20px; transition: background 0.15s;} #brokerage-pricing-preview .ry-bp-cta:hover:where(#pricing, #pricing *){background: rgb(241, 241, 241);} #brokerage-pricing-preview .ry-bp-cta:focus-visible:where(#pricing, #pricing *){outline: rgb(197, 239, 87) solid 3px; outline-offset: 4px;} #brokerage-pricing-preview .ry-bp-cta svg:where(#pricing, #pricing *){width: 18px; height: 18px; flex: 0 0 auto;} #brokerage-pricing-preview .ry-bp-included:where(#pricing, #pricing *){display: flex; flex-direction: column; gap: 16px; justify-content: center; align-items: stretch;} #brokerage-pricing-preview .ry-bp-included > h3:where(#pricing, #pricing *){font-family: inherit; font-size: 16px; line-height: 1.5; font-weight: 500; letter-spacing: 0px; margin: 0px; color: rgb(17, 17, 17);} #brokerage-pricing-preview .ry-bp-features:where(#pricing, #pricing *){display: flex; flex-direction: column; gap: 16px; list-style: none; padding: 0px; margin: 0px;} #brokerage-pricing-preview .ry-bp-features li:where(#pricing, #pricing *){display: flex; gap: 8px; align-items: flex-start; margin: 0px; padding: 0px;} #brokerage-pricing-preview .ry-bp-check:where(#pricing, #pricing *){width: 20px; height: 20px; flex: 0 0 20px; display: grid; place-items: center; margin-top: 2px; font-size: 17px; line-height: 1; font-weight: 500; color: rgb(17, 17, 17);} #brokerage-pricing-preview .ry-bp-features h4:where(#pricing, #pricing *){font-family: inherit; font-size: 16px; line-height: 1.5; font-weight: 500; letter-spacing: 0px; margin: 0px; color: rgb(17, 17, 17);} #brokerage-pricing-preview .ry-bp-features p:where(#pricing, #pricing *){font-size: 14px; font-weight: 400; line-height: 1.55; letter-spacing: 0px; color: rgb(115, 115, 115); margin: 3px 0px 0px;} #brokerage-pricing-preview .ry-bp-proof:where(#pricing, #pricing *){display: flex; align-items: center; gap: 10px; margin-top: 8px; flex-wrap: wrap;} #brokerage-pricing-preview .ry-bp-avatars:where(#pricing, #pricing *){display: flex; align-items: center; flex: 0 0 auto; padding-left: 0px;} #brokerage-pricing-preview .ry-bp-avatars img:where(#pricing, #pricing *){display: block; width: 24px; height: 24px; max-width: 24px; border-radius: 50%; object-fit: cover; border: 1px solid rgb(255, 255, 255); margin: 0px;} #brokerage-pricing-preview .ry-bp-avatars img + img:where(#pricing, #pricing *){margin-left: -6px;} #brokerage-pricing-preview .ry-bp-proof p:where(#pricing, #pricing *){font-size: 12px; line-height: 1.5; letter-spacing: 0px; color: rgb(102, 102, 102); margin: 0px; font-weight: 400;} #brokerage-pricing-preview .ry-bp-proof strong:where(#pricing, #pricing *){font-weight: 500; color: rgb(17, 17, 17);} @media (max-width: 991px) {#brokerage-pricing-preview:where(#pricing, #pricing *){padding-top: 64px; padding-bottom: 64px;}} @media (max-width: 767px) {#brokerage-pricing-preview:where(#pricing, #pricing *){padding: 48px 20px;} #brokerage-pricing-preview .ry-bp-grid:where(#pricing, #pricing *){grid-template-columns: 1fr; gap: 32px;} #brokerage-pricing-preview .ry-bp-card:where(#pricing, #pricing *){min-height: 420px;} #brokerage-pricing-preview .ry-bp-included:where(#pricing, #pricing *){gap: 16px;}} @media (max-width: 479px) {#brokerage-pricing-preview:where(#pricing, #pricing *){padding-top: 96px; padding-bottom: 96px;} #brokerage-pricing-preview .ry-bp-card:where(#pricing, #pricing *){padding: 16px;} #brokerage-pricing-preview .ry-bp-price strong:where(#pricing, #pricing *){font-size: 48px;}} @media (prefers-reduced-motion: reduce) {#brokerage-pricing-preview .ry-bp-cta:where(#pricing, #pricing *){transition: none;}} #pricing #brokerage-pricing-preview:where(#pricing, #pricing *){padding: 0px; background: transparent;} @layer ry-demo-unified {html body #pricing a.ry-demo-cta.ry-pricing-demo-compact:where(#pricing, #pricing *){display: inline-flex !important; align-self: flex-start !important; width: max-content !important; max-width: 100% !important; min-height: 44px !important; padding: 6px 7px 6px 16px !important; gap: 16px !important; border: 1px solid rgb(255, 255, 255) !important; border-radius: 12px !important; background: rgb(255, 255, 255) !important; color: rgb(17, 17, 17) !important; font-size: 14px !important;} html body #pricing a.ry-demo-cta.ry-pricing-demo-compact .ry-demo-label:where(#pricing, #pricing *),html body #pricing a.ry-demo-cta.ry-pricing-demo-compact .ry-demo-label-text:where(#pricing, #pricing *){color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; font-size: 14px !important;} html body #pricing a.ry-demo-cta.ry-pricing-demo-compact .ry-demo-label-text:where(#pricing, #pricing *){text-shadow: rgb(17, 17, 17) 0px 1.2em 0px !important;} html body #pricing a.ry-demo-cta.ry-pricing-demo-compact .ry-demo-arrow:where(#pricing, #pricing *){flex: 0 0 30px !important; width: 30px !important; height: 30px !important; border-radius: 7px !important; background: rgb(17, 17, 17) !important; color: rgb(255, 255, 255) !important;} html body #pricing a.ry-demo-cta.ry-pricing-demo-compact .ry-demo-arrow svg:where(#pricing, #pricing *){width: 15px !important; height: 15px !important; color: rgb(255, 255, 255) !important; stroke: rgb(255, 255, 255) !important;}} @layer ry-pricing-sync { html body.ry-pricing-page #pricing .headline_home-pricing h2{font-weight:500!important;line-height:1.12!important;margin-bottom:0!important;color:#1a1a1a!important} html body.ry-pricing-page #pricing .label-master{padding:8px 12px!important;gap:8px!important;color:#000!important;background:transparent!important;border-radius:8px!important} html body.ry-pricing-page #pricing .label_circle{display:block!important} html body.ry-pricing-page #pricing .label-large{font-size:12px!important;line-height:16px!important;letter-spacing:.75px!important} html body.ry-pricing-page #pricing .ry-bp-included h3,html body.ry-pricing-page #pricing .ry-bp-features h4{font-size:16px!important;font-weight:500!important;line-height:24px!important;letter-spacing:-.64px!important} html body.ry-pricing-page #pricing .ry-bp-features p{line-height:1.55!important} } @layer ry-pricing-sync { @media(max-width:991px){html body.ry-pricing-page #pricing .headline_home-pricing h2{font-size:35px!important;line-height:1.12!important;letter-spacing:-1.4px!important}} @media(max-width:767px){html body.ry-pricing-page #pricing .headline_home-pricing{margin-bottom:24px!important}html body.ry-pricing-page #pricing :is(.ry-bp-card,.ry-pricing-trust){font-size:14px!important;line-height:20px!important}} }