/* Shared by the Next landing page and the Python public-route fallback. */
.ra-page { background: var(--surface); color: var(--text); }
.ra-page *, .ra-page *::before, .ra-page *::after { box-sizing: border-box; }
.ra-wrap { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }
.ra-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; align-items: center; }
.ra-copy, .ra-page figure { min-width: 0; }
.ra-page figure { margin: 0; }
.ra-page img { display: block; max-width: 100%; height: auto; }
.ra-hero { padding-block: 64px 48px; }
.ra-section { padding-block: 64px; }
.ra-page [id] { scroll-margin-top: 100px; }
.public-design #main-content .ra-page h1 { margin: 0 0 20px; }
.public-design #main-content .ra-page h2 { margin: 0 0 20px; font-size: var(--marketing-heading); line-height: 1.3; font-weight: 600; text-wrap: balance; }
.public-design #main-content .ra-page h3 { margin: 0 0 10px; font-size: 20px; line-height: 1.4; font-weight: 600; }
.ra-page :is(h1, h2) span { color: var(--brand-purple-ink); }
.public-design #main-content .ra-page p, .public-design #main-content .ra-page li { font-size: 16px; line-height: 1.5; }
.ra-page p { margin: 0 0 16px; }
.public-design #main-content .ra-page .ra-lead { font-size: var(--marketing-lead); line-height: 1.6; }
.public-design #main-content .ra-page .ra-eyebrow { margin-bottom: 14px; color: var(--link-ink); font-size: 12px; line-height: 1.5; letter-spacing: .1em; font-weight: 700; text-transform: uppercase; }
.public-design #main-content .ra-page .ra-small, .ra-page figcaption { color: var(--text-muted); font-size: 14px; line-height: 1.5; }
.ra-page figcaption { margin-top: 12px; text-align: center; }
.ra-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-block: 24px 12px; }
.ra-actions > a:not(.ra-action), .ra-text-link, .ra-connected a { display: inline-flex; align-items: center; min-height: 44px; padding-block: 8px; font-weight: 600; }
.ra-page .ra-action { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 8px 16px; border: 1px solid transparent; border-radius: 6px; background: var(--btn-primary-bg); color: var(--btn-primary-fg); font: 700 12px/18px "Open Sans", Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase; text-align: center; text-decoration: none; transition: background-color .4s ease, color .4s ease; }
.ra-page .ra-action:is(:hover, :focus-visible) { background: var(--btn-primary-hover); color: var(--btn-primary-hover-fg); }
.ra-page .ra-action:active { background: var(--btn-product-press, #00A82D); color: var(--btn-primary-fg); }
.ra-page :is(a, summary):focus-visible { outline: 2px solid var(--brand-purple-ink); outline-offset: 4px; }
.ra-plan-note { max-width: 480px; }
.ra-hero-art img { width: 100%; }
.ra-network { border-block: 1px solid var(--border); padding-block: 28px; }
.ra-logo-marquee { container-type: inline-size; overflow: hidden; margin: 24px 0; }
.ra-logo-track { display: flex; width: max-content; animation: ra-logo-scroll 32s linear infinite; }
/* Widths are calibrated to the lettering inside each official mark. */
.ra-logos { --logo-gap:32px; position:relative; display:flex; flex:none; align-items:center; gap:var(--logo-gap); margin:0; padding:0 var(--logo-gap) 0 0; list-style:none; }
.ra-logos li { flex:none; display:grid; place-items:center; min-height:40px; }
.ra-logos li > img { width:var(--mark-width); height:auto; }
.ra-logos img[src$="zillow-2024.svg"] { --mark-width:80px; }
.ra-logos img[src$="apartments-com.svg"] { --mark-width:230px; }
.ra-logos img[src$="realtor-com.png"] { --mark-width:116px; }
.ra-logos img[src$="redfin.png"] { --mark-width:96px; }
.ra-logos img[src$="rent-current.svg"] { --mark-width:52px; }
.ra-logos img[src$="apartment-list.svg"] { --mark-width:112px; }
.ra-logos img[src$="homes-com-horizontal.svg"] { --mark-width:166px; }
.ra-network-wordmark { display:flex; align-items:center; gap:6px; font:700 21px/1.2 "Open Sans",sans-serif; color:var(--text); }
.ra-network-wordmark img { width:25px; height:auto; }
@keyframes ra-logo-scroll { to { transform: translateX(-50%); } }
.ra-network-note { max-width: 980px; margin-inline: auto !important; text-align: center; }
.ra-centered { text-align: center; }
.ra-intro { max-width: 730px; margin-inline: auto !important; }
.ra-steps, .ra-connected { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 32px 0 16px; padding: 0; list-style: none; text-align: left; }
.ra-steps li { border-top: 2px solid var(--border); padding-top: 20px; }
.ra-step-number { display: inline-block; margin-bottom: 12px; font-size: 22px; font-weight: 600; color: var(--brand-purple-ink); }
.ra-steps p, .ra-connected p { color: var(--text-muted); }
.ra-tinted { background: var(--surface-canvas); }
.ra-product-shot { padding: 16px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); }
.ra-product-shot img { width: 100%; }
.ra-prescreener-shot a { display: block; }
.ra-prescreener-shot img { height: 360px; object-fit: cover; object-position: top; }
.ra-benefits { margin: 16px 0; padding-left: 24px; list-style-type: square; }
.ra-benefits li + li { margin-top: 8px; }
.ra-connected article { padding-left: 20px; border-left: 2px solid var(--border); }
.ra-faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 56px; border-top: 1px solid var(--border); }
.ra-questions details { border-bottom: 1px solid var(--border); }
.ra-questions summary { min-height: 52px; padding: 16px 24px 16px 0; cursor: pointer; font-size: 16px; font-weight: 600; line-height: 1.5; }
.ra-questions p { padding-bottom: 8px; color: var(--text-muted); }
.ra-closing { padding-block: 48px; text-align: center; background: var(--surface-tint-2); }
.ra-closing .ra-small { margin-top: 12px; margin-bottom: 0; }
@media (max-width: 900px) { .ra-split { gap: 28px; } .ra-hero { padding-top: 40px; } .ra-steps, .ra-connected { gap: 20px; } .ra-faq { gap: 28px; } }
@media (max-width: 650px) {
  .ra-wrap { width: calc(100% - 40px); }
  .ra-split, .ra-faq, .ra-steps, .ra-connected { grid-template-columns: minmax(0, 1fr); }
  .ra-hero { padding-block: 32px; } .ra-section { padding-block: 40px; }
  .ra-hero-art { max-width: 480px; margin-inline: auto !important; }
  .ra-split .ra-product-shot { order: 2; }
  .ra-steps, .ra-connected { gap: 24px; }

  .ra-product-shot { padding: 8px; } .ra-faq { gap: 8px; }
  .ra-page .ra-action { min-height: 44px; font-size: 14px; line-height: 20px; }
}
@media (pointer: coarse) { .ra-page .ra-action { min-height: 44px; font-size: 14px; line-height: 20px; } }
@media (prefers-reduced-motion: reduce) { .ra-page .ra-action { transition: none; } }
@media (prefers-reduced-motion: reduce) {
  .ra-logo-track { display: block; width: auto; animation: none; }
  .ra-logos { flex-wrap: wrap; justify-content: center; padding: 0; }
  .ra-logos-copy { display: none; }
}

/* Rentari colors within the approved landing-page composition. */
.ra-reference { --ra-navy:var(--brand-purple-ink); --ra-dark:var(--brand-purple-deep-2); --ra-ink:var(--text); --ra-sky:var(--ink-purple-lime); --ra-muted:var(--text-muted); background:var(--surface); color:var(--ra-ink); }
.ra-reference .ra-wrap { width:min(1140px,calc(100% - 64px)); }
.public-design #main-content .ra-reference :is(h1,h1 > span,h2,h2 > span) { font-family:Poppins,"Open Sans",sans-serif!important; font-size:40px!important; font-weight:700!important; line-height:1.4!important; letter-spacing:-.02em; text-wrap:initial; overflow-wrap:normal; }
.public-design #main-content .ra-reference :is(h1,h2,h3,p) { margin:0; }
.public-design #main-content .ra-reference :is(p,li) { font-size:18px; line-height:1.55; }
.public-design #main-content .ra-reference h3 { font-size:22px; font-weight:700; line-height:1.4; }
.ra-reference :is(h1,h2) span { color:var(--ra-navy); }
.ra-reference .ra-button { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 18px; border:1px solid var(--interaction-border); border-left:6px solid var(--brand-purple-ink); border-radius:6px; background-color:var(--surface); background-image:linear-gradient(var(--brand-purple-ink),var(--brand-purple-ink)); background-repeat:no-repeat; background-size:0% 100%; color:var(--ra-ink)!important; font:700 12px/18px "Open Sans",sans-serif!important; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; transition:background-size .4s cubic-bezier(.2,.65,.25,1),color .2s ease; }
.ra-reference .ra-button:is(:hover,:focus-visible) { background-size:100% 100%; color:#fff!important; }
.ra-reference .ra-button:active { background-color:var(--brand-purple-fill-1); background-size:100% 100%; }
.ra-reference .ra-button:focus-visible { outline:2px solid var(--ra-ink); outline-offset:4px; }
.ra-reference :is(.ra-toolkit,.ra-evidence) .ra-button:focus-visible { outline-color:var(--ra-sky); }
.ra-reference :is(a,summary,input,textarea):focus-visible { outline:2px solid var(--brand-purple-ink); outline-offset:4px; }
.ra-reference :is(.ra-toolkit,.ra-evidence) :is(a,summary):focus-visible { outline-color:var(--ink-purple-lime); }
.ra-reference [id] { scroll-margin-top:120px; }
.ra-reference .ra-split { grid-template-columns:1fr 1fr; gap:64px; }
.ra-reference .ra-hero { padding-block:64px 40px; gap:46px; }
.public-design #main-content .ra-reference .ra-eyebrow { font-size:18px; font-weight:700; color:var(--brand-purple-ink); margin-bottom:14px; line-height:1.4; letter-spacing:.02em; }
.ra-reference .ra-hero h1 { margin-bottom:18px!important; }
.ra-reference .ra-hero .ra-copy > p:not(.ra-eyebrow,.ra-small) { margin-bottom:28px!important; }
.ra-hero-visual { position:relative; width:480px; max-width:100%; justify-self:center; }
.ra-hero-visual::before { content:""; position:absolute; z-index:-1; inset:-12px; border-radius:16px; background:var(--surface-tint-2); }
.ra-hero-photo { width:100%; aspect-ratio:1; object-fit:cover; border-radius:10px; }
.ra-listing-card { position:absolute; right:20px; top:16px; width:max(47%, 15rem); max-width:calc(100% - 32px); padding:10px; border-radius:10px; background:#fff; box-shadow:0 7px 18px #04223817; }
.ra-listing-ribbon { position:absolute; z-index:1; left:-12px; top:30px; display:inline-flex; align-items:center; gap:5px; padding:7px 14px; background:var(--ra-sky); color:var(--ra-ink); font:600 10px/1.4 "Open Sans",sans-serif; }
.ra-ribbon-badge { display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border:1px solid currentColor; border-radius:50%; font-size:10px; line-height:1; }
.ra-listing-ribbon::after { content:""; position:absolute; top:100%; left:0; border-top:7px solid var(--brand-purple-ink); border-left:12px solid transparent; }
.ra-listing-card > img { width:100%; height:126px; object-fit:cover; }
.ra-listing-card strong { display:block; font-size:12px; line-height:1.4; margin-block:6px; }
.ra-card-type { display:block; color:var(--ra-muted); font-size:9px; line-height:1.5; letter-spacing:.04em; text-transform:uppercase; margin-top:8px; }
.ra-listing-facts { display:flex; align-items:center; justify-content:space-between; gap:5px; padding-top:8px; border-top:1px solid #e2e8ef; font-size:11px; color:var(--ra-muted); }
.ra-listing-facts > span { display:inline-flex; align-items:center; gap:3px; white-space:nowrap; }
.ra-listing-facts img { width:22px; height:22px; object-fit:contain; flex:none; }
/* The square rent illustration has less vertical whitespace than the amenity art. */
.ra-listing-facts img[src$="listing-rent-jony.png"] { width:17px; height:17px; }
.ra-listing-card .ra-sample { display:block; margin-top:5px; font-size:9px; color:var(--ra-muted); }
.public-design #main-content .ra-reference .ra-small { font-size:14px; line-height:1.5; color:var(--ra-muted); }
.ra-reference .ra-plan-note { margin-top:12px!important; max-width:480px; }
.ra-reference .ra-network { border:0; padding-block:18px 32px; }
.ra-listing-actions, .ra-screening-provider { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; }
.ra-listing-actions > a:not(.ra-action) { display:inline-flex; align-items:center; min-height:44px; font-size:14px; color:var(--link-ink); }
.ra-screening-provider { justify-content:center; font-size:14px; font-weight:600; }
.ra-screening-provider img { width:142px; height:auto; }
.ra-listing-story { display:grid; gap:12px; padding-inline-start:1.5em; margin:0 0 20px; list-style:decimal; }
body:has(.ra-reference) :is(#site-nav,#mobile-menu) :is(.nav-cta-green,.pn-nav-actions .pd-action) { background:var(--surface); color:var(--text); border:1px solid var(--interaction-border); box-shadow:none; }
body:has(.ra-reference) :is(#site-nav,#mobile-menu) :is(.nav-cta-green,.pn-nav-actions .pd-action):is(:hover,:focus-visible) { background:var(--surface); color:var(--brand-purple-ink); }
.ra-reference .ra-network-note { max-width:1040px; }
.ra-reference .ra-section { padding-block:100px; }
.ra-reference .ra-section h2 { margin-bottom:20px!important; }
.ra-reference .ra-section .ra-copy > p { margin-bottom:22px!important; }
.ra-section .ra-button { margin-top:4px; }
.ra-distribution { min-height:550px; }
.ra-network-map { position:relative; min-width:0; }
.ra-distribution-scene { display:block; width:100%; height:auto; }
.ra-story-title { fill:var(--ra-ink); font:600 19px "Open Sans",sans-serif; }
.ra-story-routes { stroke:#cdbff0; stroke-width:1.75; }
.ra-story-watch { stroke:var(--brand-purple-ink); stroke-width:2.5; stroke-dasharray:.012 .45; opacity:0; }
.ra-story-inbound { stroke:var(--ink-purple-lime); stroke-width:9; stroke-dasharray:.12 .88; opacity:0; }
.ra-story-fly { opacity:0; offset-anchor:0px 0px; offset-rotate:0deg; }
.ra-story-send-pulses { stroke:url(#ra-dispatch-ink); stroke-width:3.5; stroke-dasharray:.16 1.2; }
.ra-story-send-pulses use,.ra-story-receipt { opacity:0; }
.ra-story-receipt-top { transform-origin:606px 126px; }
.ra-story-receipt-middle { transform-origin:606px 251px; }
.ra-story-receipt-bottom { transform-origin:606px 376px; }
.ra-story-inquiry-text,.ra-story-initials { fill:var(--brand-purple-ink); font:600 18px "Open Sans",sans-serif; }
.ra-story-lead-badge,.ra-story-notification-number { fill:var(--ra-ink); font:700 16px "Open Sans",sans-serif; }
.ra-story-lead-name { fill:var(--ra-ink); font:700 24px "Open Sans",sans-serif; }
.ra-story-lead-detail { fill:var(--ra-ink); font:400 17px "Open Sans",sans-serif; }
.ra-story-captions { fill:var(--brand-purple-ink); font:600 25px "Open Sans",sans-serif; }
.ra-story-captions text { opacity:0; }
.ra-story-caption-lead { opacity:1; }
.ra-story-share-label { fill:var(--ra-ink); font:700 14px "Open Sans",sans-serif; }
.ra-story-listing-facts { color:var(--ra-ink); fill:var(--ra-ink); font:600 15px "Open Sans",sans-serif; }
.ra-story-rentzoobi { fill:var(--ra-ink); font:700 20px "Open Sans",sans-serif; }
.ra-story-marketing { opacity:0; }
.ra-story-marketing-title { fill:var(--ra-ink); font:600 24px "Open Sans",sans-serif; }
.ra-story-workspace-label { fill:var(--ra-ink); font:600 18px "Open Sans",sans-serif; }
.ra-story-stat-label { fill:var(--ra-muted); font:400 15px "Open Sans",sans-serif; }
.ra-story-stat-value { fill:var(--ra-ink); font:700 25px "Open Sans",sans-serif; }
.ra-story-lead-number { fill:var(--ra-ink); font:600 26px "Open Sans",sans-serif; }
.ra-story-flight-name { fill:var(--ra-ink); font:700 16px "Open Sans",sans-serif; }
.ra-story-flight-detail { fill:var(--ra-ink); font:400 14px "Open Sans",sans-serif; }
.ra-story-sample { fill:var(--ra-muted); font:400 12px "Open Sans",sans-serif; }
.ra-story-score-low { fill:var(--danger,#D8293E); }
.ra-story-score-mid { fill:var(--attention-gold,#FFCD00); }
.ra-story-score-high { fill:var(--success,#47AE72); }
.ra-story-score-marker { fill:var(--ra-ink); }
.ra-story-score-range { fill:var(--ra-muted); font:400 14px "Open Sans",sans-serif; }
.ra-story-leads-filled { opacity:0; }
.ra-story-activity-surface { fill:#fff; stroke:#ddd3f3; stroke-width:2; }
.ra-story-activity-label { fill:var(--ra-ink); font:600 20px "Open Sans",sans-serif; }
.ra-story-activity-value { fill:var(--ra-ink); font:700 28px "Open Sans",sans-serif; }
.ra-story-arrived-person,.ra-story-landing-ring { opacity:0; }
.ra-story-arrived-person,.ra-story-landing-ring { transform-origin:129px 220px; }
.ra-story-activity-new { opacity:0; transform-origin:75px 201px; }
.ra-story-activity-new-label { fill:var(--ra-ink); font:700 14px "Open Sans",sans-serif; }
.ra-story-launch-cursor,.ra-story-click-accent,.ra-story-message,.ra-story-radar,.ra-story-lead-accents { opacity:0; }
.ra-story-launch-cursor { pointer-events:none; }
.ra-story-click-accent { transform-origin:104px 163px; }
.ra-story-radar-ring { transform-origin:302px 195px; }
.ra-story-step { fill:#727087; font:600 19px "Open Sans",sans-serif; }
.ra-story-step circle { fill:#d5c9ee; }
.ra-story-progress { stroke-dasharray:1; stroke-dashoffset:0; }
.public-design #main-content .ra-reference .ra-story-note { margin:10px 0 0!important; text-align:center; color:var(--ra-muted); font-size:14px!important; line-height:1.5; }
.ra-toolkit { position:relative; isolation:isolate; overflow:hidden; background:var(--ra-dark); color:#fff; padding-block:110px 88px; }
.ra-toolkit > .ra-wrap { position:relative; z-index:1; }
.ra-toolkit-art { position:absolute; top:30px; right:max(32px,calc((100% - 1140px)/2)); width:340px; height:300px; opacity:.48; pointer-events:none; }
.ra-toolkit-art img:first-child { position:absolute; right:0; top:0; width:280px; height:280px; object-fit:contain; }
.ra-toolkit-art img:last-child { position:absolute; left:0; bottom:0; width:110px; height:110px; object-fit:contain; transform:rotate(-9deg); }
.ra-toolkit h2 { max-width:660px; margin-bottom:20px!important; }
.ra-reference :is(.ra-toolkit,.ra-evidence) h2 span { color:var(--ra-sky); }
.ra-toolkit > .ra-wrap > p { max-width:650px; margin-bottom:28px!important; }
.ra-toolkit .ra-button,.ra-evidence .ra-button { border-color:var(--brand-purple); }
.ra-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:64px; }
.ra-tool { --ra-tool-bg:var(--surface); --ra-tool-accent:var(--brand-purple-ink); padding:24px; background:var(--ra-tool-bg); color:var(--ra-ink); border:1px solid transparent; border-top:3px solid var(--ra-tool-accent); border-radius:4px; display:flex; flex-direction:column; }
.ra-tool-advertise { --ra-tool-bg:var(--surface-tint-2); }
.ra-tool-leads { --ra-tool-bg:var(--hint-bg,#c9ecff); --ra-tool-accent:var(--link-ink); }
.ra-tool-screening { --ra-tool-bg:var(--surface); }
.ra-tool-leases { --ra-tool-bg:var(--interaction-bg); }
.ra-tool-payments { --ra-tool-bg:#fff1b4; --ra-tool-accent:var(--ra-ink); }
.ra-tool-maintenance { --ra-tool-bg:#aaf3df; --ra-tool-accent:var(--ra-ink); }
.ra-tool-leads,.ra-tool-maintenance { --link-ink:#0067ab; }
.ra-tool-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.ra-tool-head img { width:clamp(80px, 9vw, 96px); height:auto; aspect-ratio:1; object-fit:contain; }
.ra-tool-number { color:var(--ra-muted); font:600 14px/1.5 "Open Sans",sans-serif; }
.ra-tool h3 { color:var(--ra-ink); margin-bottom:12px!important; }
.ra-reference .ra-tool p { font-size:16px!important; color:var(--ra-muted); margin-bottom:16px; flex:1; }
.ra-tool > a { display:inline-flex; align-items:center; align-self:flex-start; min-height:44px; color:var(--link-ink)!important; margin-top:0; padding-block:8px; }
.ra-reference .ra-tool a:focus-visible { outline-color:var(--brand-purple-ink); }
.ra-editor { width:450px; max-width:100%; margin:auto!important; border:2px solid var(--interaction-border); border-radius:6px; background:var(--surface); box-shadow:0 12px 32px #6b48e012; }
.ra-editor-title { padding:14px 20px; background:var(--ra-navy); color:#fff; text-align:center; font:700 28px/1.3 Poppins,sans-serif; }
.ra-editor-body { margin:12px 22px 0; }
.ra-editor-stages { display:flex; gap:12px; justify-content:space-between; margin:0; padding:14px 22px; list-style:none; }
.public-design #main-content .ra-reference .ra-editor-stages li { display:flex; align-items:center; gap:6px; color:var(--ra-muted); font-size:12px; font-weight:600; }
.ra-editor-stages li::before { content:""; width:7px; height:7px; flex:none; border-radius:50%; background:var(--border); }
.ra-editor-progress { height:3px; background:var(--surface-tint-2); overflow:hidden; }
.ra-editor-progress span { display:block; height:100%; width:100%; background:var(--brand-purple-ink); transform:scaleX(var(--ra-writing-progress,1)); transform-origin:left; }
.ra-editor-facts { display:flex; flex-wrap:wrap; gap:6px 12px; padding-top:10px; }
.ra-editor-facts span { font:600 12px/1.5 "Open Sans",sans-serif; color:var(--ra-muted); }
.ra-editor-facts span + span::before { content:"\00B7"; margin-right:12px; }
.ra-editor[data-ra-stage="details"] .ra-editor-stages li:first-child,
.ra-editor[data-ra-stage="draft"] .ra-editor-stages li:nth-child(2),
.ra-editor[data-ra-stage="review"] .ra-editor-stages li:last-child { color:var(--brand-purple-ink); }
.ra-editor[data-ra-stage="details"] .ra-editor-stages li:first-child::before,
.ra-editor[data-ra-stage="draft"] .ra-editor-stages li:nth-child(2)::before { background:var(--brand-purple-ink); }
.ra-editor[data-ra-stage="review"] .ra-editor-stages li::before { background:var(--ink-purple-lime); }
.ra-editor-body > img { width:100%; height:180px; object-fit:cover; border-radius:6px; }
.ra-editor label { display:block; margin:12px 0 5px; font-size:14px; font-weight:600; }
.ra-editor :is(input,textarea) { width:100%; border:1px solid #d6dde2; border-radius:2px; padding:8px 10px; color:var(--ra-ink); background:#fff; font:400 14px/1.5 "Open Sans",sans-serif; }
.ra-editor textarea { resize:none; }
.ra-editor figcaption { margin:12px 22px 16px; color:var(--ra-muted); font-size:12px; }
.ra-reference .ra-leads { grid-template-columns:.9fr 1.1fr; }
.ra-mobile-poster { width:440px; max-width:100%; margin:auto!important; }
.ra-mobile-poster-stage { position:relative; width:100%; aspect-ratio:440 / 650; }
.ra-device { position:absolute; width:62%; overflow:hidden; border:6px solid var(--ra-ink); border-radius:32px; background:var(--ra-ink); box-shadow:0 18px 32px #1e004f24; }
.ra-device::before { content:""; position:absolute; z-index:1; top:-1px; left:29%; width:42%; height:16px; border-radius:0 0 12px 12px; background:var(--ra-ink); }
.ra-device > img { display:block; width:100%; height:auto; border-radius:25px; }
.ra-device-back { z-index:0; left:3%; top:2%; transform:rotate(-3deg); }
.ra-device-front { z-index:1; right:1%; top:10%; transform:rotate(2deg); }
.ra-mobile-poster figcaption { max-width:100%; margin-top:12px; color:var(--ra-muted); font-size:12px; line-height:1.5; text-align:center; }
.ra-phone { width:280px; max-width:100%; margin:auto!important; padding:12px; border:7px solid var(--ra-ink); border-radius:34px; background:#fff; box-shadow:0 18px 35px #04223812; }
.ra-phone-notch { width:84px; height:12px; border-radius:0 0 12px 12px; background:var(--ra-ink); margin:-12px auto 20px; }
.ra-phone-top { display:flex; align-items:center; justify-content:space-between; padding:10px 2px 16px; font-weight:700; font-size:20px; border-bottom:1px solid #d9e0e6; }
.ra-phone-row { display:flex; gap:10px; align-items:center; border-bottom:1px solid #e7ecf0; padding:16px 0; }
.ra-phone-row > span { display:grid; place-items:center; flex:none; width:32px; height:32px; border-radius:50%; background:#eee9fb; font-size:11px; color:#4b3294; }
.ra-phone-row strong,.ra-phone-row small { display:block; font-size:12px; }
.ra-phone-row small { color:var(--ra-muted); font-size:10px; margin-top:4px; }
.ra-message { margin:18px 0; background:var(--interaction-bg); padding:12px; border-radius:12px 12px 12px 0; font-size:12px; line-height:1.5; }
.ra-phone figcaption { font-size:10px; color:var(--ra-muted); text-align:center; padding:6px; }
.ra-prescreener-visual { background:var(--interaction-bg); padding:28px; border-radius:50% 45% 30% 50%; }
.ra-prescreener-visual a { display:block; height:420px; overflow:hidden; border-radius:5px; box-shadow:0 12px 25px #04223810; background:#fff; }
.ra-prescreener-visual img { width:100%; }
.ra-prescreener-visual figcaption { text-align:center; margin-top:12px; font-size:12px; color:var(--ra-muted); }
.ra-prescreener-poster { padding:0; background:transparent; border-radius:0; }
.ra-prescreener-poster a { height:auto; overflow:visible; border-radius:0; box-shadow:none; background:transparent; }
.ra-prescreener-stage { display:block; position:relative; width:100%; aspect-ratio:600/480; isolation:isolate; }
.ra-prescreener-poster .ra-prescreener-stage img { position:absolute; height:auto; border:1px solid var(--border); border-radius:4px; box-shadow:0 12px 28px #23114216; background:#fff; }
.ra-prescreener-poster .ra-prescreener-leads { width:61%; left:0; top:10%; z-index:1; }
.ra-prescreener-poster .ra-prescreener-rental { width:61%; right:0; top:0; z-index:2; }
.ra-prescreener-poster .ra-prescreener-summary { width:86%; right:0; bottom:0; z-index:3; }
.ra-prescreener-poster a:hover .ra-prescreener-summary,.ra-prescreener-poster a:focus-visible .ra-prescreener-summary { border-color:var(--interaction-border); }

/* Two lightweight marketing cards, separate from the operational app. */
.ra-leasing-poster { padding:0; background:none; border-radius:0; }
.ra-leasing-stage { position:relative; display:grid; max-width:380px; margin-inline:auto; gap:16px; align-items:start; padding-block:20px; isolation:isolate; }
.ra-leasing-stage::before { content:""; position:absolute; inset:10% -2% 2% 5%; z-index:-1; border-radius:48% 52% 42% 58%; background:var(--interaction-bg); }
.ra-poster-card { min-width:0; background:var(--surface); border:2px solid var(--border); border-radius:4px; box-shadow:0 12px 28px #23114212; overflow:hidden; }
.ra-poster-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 16px; border-bottom:1px solid var(--border); }
.public-design #main-content .ra-reference .ra-leasing-poster h3 { margin:0; font:600 22px/1.35 "Open Sans",sans-serif; }
.ra-poster-count { color:var(--brand-purple-ink); font-size:22px; font-weight:600; }
.ra-poster-person { padding:16px; border-bottom:1px solid var(--border); font-size:16px; line-height:1.45; }
.ra-poster-person:last-child { border-bottom:0; }
.ra-poster-person strong { font-weight:600; }
.ra-poster-person-new { background:var(--surface-tint-2); }
.ra-poster-new { display:block; margin-bottom:10px; color:var(--brand-purple-ink); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.ra-poster-identity { display:flex; align-items:center; gap:8px; }
.ra-leasing-poster .ra-poster-identity img { width:40px; height:40px; border-radius:50%; object-fit:cover; flex:none; }
.ra-poster-detail { display:block; margin-top:4px; font-size:14px; line-height:1.5; color:var(--ra-muted); }
.ra-poster-next { display:block; margin-top:10px; font-size:14px; line-height:1.5; font-weight:600; color:var(--link-ink); }
.ra-poster-next[data-invite] { display:inline-block; max-width:100%; padding:4px 8px; border:1px solid var(--interaction-border); border-radius:6px; background:var(--surface); color:var(--text); }
.ra-poster-next[data-invite="apply"] { background:var(--btn-primary-bg); border-color:var(--btn-primary-bg); color:var(--btn-primary-fg); }
.ra-poster-lease { margin-top:76px; padding:18px 16px; }
.ra-poster-lease-head { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.ra-leasing-poster .ra-poster-lease-head img { width:40px; height:40px; object-fit:contain; flex:none; }
.ra-poster-property { display:block; color:var(--ra-muted); font-size:14px; line-height:1.5; }
.ra-poster-terms { display:flex; flex-wrap:wrap; gap:12px 20px; margin:20px 0; }
.ra-poster-terms > div { flex:1 0 auto; min-width:0; max-width:100%; }
.ra-poster-terms dt { color:var(--ra-muted); font-size:14px; line-height:1.5; }
.ra-poster-terms dd { margin:4px 0 0; font-size:16px; line-height:1.5; font-weight:600; }
.ra-poster-paper { padding-block:16px; border-block:1px solid var(--border); font-size:16px; line-height:1.5; }
.ra-poster-paper > strong { font-weight:600; }
.ra-poster-paper-lines { display:grid; gap:8px; margin-block:20px; }
.ra-poster-paper-lines i { display:block; height:5px; background:var(--border); transform-origin:left; }
.ra-poster-paper-lines i:nth-child(2) { width:86%; }
.ra-poster-paper-lines i:nth-child(3) { width:65%; }
.ra-poster-signature { display:grid; gap:2px; }
.ra-poster-signature > span:first-child { display:block; width:max-content; max-width:100%; color:var(--brand-purple-ink); font:italic 24px/1.4 Georgia,serif; }
.ra-poster-lease-progress { height:3px; background:var(--border); margin-block:18px 12px; overflow:hidden; }
.ra-poster-lease-progress > span { display:block; height:100%; background:var(--brand-purple-ink); transform-origin:left; }
.ra-poster-lease-status { display:grid; font-size:14px; line-height:1.5; font-weight:600; color:var(--brand-purple-ink); }
.ra-poster-lease-status > span { grid-area:1/1; }
.ra-poster-draft,.ra-poster-review { visibility:hidden; }
.ra-poster-signed { color:var(--success-ink); }
.ra-poster-a11y { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ra-reference.ra-motion-ready .ra-leasing-poster.ra-visual-motion-playing:not(.ra-entering) { animation:none; }
.ra-motion-ready .ra-leasing-poster :is(.ra-poster-paper-lines i,.ra-poster-signature > span:first-child,.ra-poster-lease-progress > span,.ra-poster-lease-status > span) { animation-duration:15s; animation-iteration-count:infinite; animation-play-state:paused; }
.ra-motion-ready .ra-leasing-poster.ra-visual-motion-playing :is(.ra-poster-paper-lines i,.ra-poster-signature > span:first-child,.ra-poster-lease-progress > span,.ra-poster-lease-status > span) { animation-play-state:running; }
.ra-motion-ready .ra-leasing-poster .ra-poster-paper-lines i { animation-name:ra-lease-paper; }
.ra-motion-ready .ra-leasing-poster .ra-poster-paper-lines i:nth-child(2) { animation-delay:.25s; }
.ra-motion-ready .ra-leasing-poster .ra-poster-paper-lines i:nth-child(3) { animation-delay:.5s; }
.ra-motion-ready .ra-leasing-poster .ra-poster-signature > span:first-child { animation-name:ra-lease-sign; }
.ra-motion-ready .ra-leasing-poster .ra-poster-lease-progress > span { animation-name:ra-lease-progress; }
.ra-motion-ready .ra-leasing-poster .ra-poster-draft { animation-name:ra-lease-draft; }
.ra-motion-ready .ra-leasing-poster .ra-poster-review { animation-name:ra-lease-review; }
.ra-motion-ready .ra-leasing-poster .ra-poster-signed { animation-name:ra-lease-signed; }
@keyframes ra-lease-paper { 0%,5% { transform:scaleX(0); } 25%,94% { transform:scaleX(1); } 100% { transform:scaleX(0); } }
@keyframes ra-lease-sign { 0%,48% { clip-path:inset(0 100% 0 0); } 66%,94% { clip-path:inset(0); } 100% { clip-path:inset(0 100% 0 0); } }
@keyframes ra-lease-progress { 0%,5% { transform:scaleX(0); } 32% { transform:scaleX(.4); } 52% { transform:scaleX(.65); } 72%,94% { transform:scaleX(1); } 100% { transform:scaleX(0); } }
@keyframes ra-lease-draft { 0%,31% { visibility:visible; } 32%,100% { visibility:hidden; } }
@keyframes ra-lease-review { 0%,31% { visibility:hidden; } 32%,69% { visibility:visible; } 70%,100% { visibility:hidden; } }
@keyframes ra-lease-signed { 0%,69% { visibility:hidden; } 70%,100% { visibility:visible; } }
@media (max-width:1100px) and (min-width:651px), (max-width:420px) {
 .ra-leasing-stage { grid-template-columns:minmax(0,1fr); gap:20px; max-width:380px; margin-inline:auto; }
 .ra-poster-lease { margin-top:0; }
}
@media (prefers-reduced-motion:reduce) {
 .ra-motion-ready .ra-leasing-poster :is(.ra-poster-paper-lines i,.ra-poster-signature > span:first-child,.ra-poster-lease-progress > span,.ra-poster-lease-status > span) { animation:none; }
}
/* Layer the signing record over the lease, keeping its useful facts visible. */
.ra-signing-composite { margin-top:0; padding:0; border:0; background:transparent; box-shadow:none; overflow:visible; }
.ra-signing-document,.ra-signing-tracker { background:white; border:1px solid var(--border); border-radius:4px; box-shadow:0 3px 9px #23114216; }
.ra-signing-document { width:90%; padding:20px 4% 16px; }
.ra-signing-paper-head { display:grid; justify-items:center; text-align:center; margin-bottom:12px; }
.public-design #main-content .ra-reference .ra-signing-paper-head h3 { font-size:16px; font-weight:400; margin-bottom:4px; }
.ra-signing-paper-head strong { font-size:18px; line-height:1.25; }
.ra-signing-paper-head :is(time,span) { font-size:14px; line-height:1.3; }
.ra-signing-paper-head time { margin-top:6px; }
.ra-signing-paper-terms { margin:0; padding:4px 10px; background:var(--surface-muted,#f5f6f8); border-radius:4px; }
.ra-signing-paper-terms > div { display:grid; grid-template-columns:40% 1fr; gap:8px; align-items:center; padding-block:5px; font-size:14px; line-height:1.4; }
.ra-signing-paper-terms > div + div { border-top:1px solid var(--border); }
.ra-signing-paper-terms dt { font-weight:600; }
.ra-signing-paper-terms dd { margin:0; }
.ra-ink-line { height:6px; width:32%; border-radius:2px; background:var(--border); }
.ra-signing-tracker { position:relative; width:55%; min-width:min(100%,235px); margin:-80px 0 0 auto; padding:14px; box-shadow:0 3px 8px #23114222; }
.ra-signing-tracker h4 { margin:0 0 8px; font:700 16px/1.4 "Open Sans",sans-serif; }
.ra-signing-file { display:flex; align-items:center; gap:7px; color:var(--brand-purple-ink); font-size:14px; font-weight:600; }
.ra-signing-steps { list-style:none; margin:12px 0; padding:0; }
.public-design #main-content .ra-reference .ra-signing-steps li { position:relative; display:flex; gap:8px; align-items:baseline; padding:0 0 11px; font-size:14px; line-height:1.35; }
.ra-signing-steps li:not(:last-child)::after { content:""; position:absolute; width:1px; left:6px; top:14px; bottom:-2px; background:var(--brand-purple-ink); }
.public-design #main-content .ra-reference .ra-signing-steps li:last-child { padding-bottom:0; }
.ra-signing-steps li > div { display:grid; gap:2px; }
.ra-signing-steps strong { font-size:12px; text-transform:uppercase; letter-spacing:.03em; color:var(--brand-purple-ink); }
.ra-signing-dot { display:inline-grid; place-items:center; width:14px; height:14px; flex:none; border:1px solid var(--success-ink); border-radius:50%; background:var(--success-ink); color:white; font-size:10px; }
.ra-signing-request .ra-signing-dot { background:var(--brand-purple-ink); border-color:var(--brand-purple-ink); }
.ra-signing-state { margin-left:auto; }
.ra-signing-done { padding:2px 6px; border-radius:4px; font-size:11px; font-weight:600; background:var(--success-ink); color:white; }
.ra-signing-result { display:grid; }
.ra-signing-result > span { grid-area:1/1; }
.ra-signing-pending { visibility:hidden; }
.ra-document-action { justify-content:end; }
.ra-document-action > span { text-align:center; padding:5px 12px; border-radius:6px; background:var(--brand-purple-ink); color:white; font:700 12px/1.5 "Open Sans",sans-serif; }
.ra-document-action .ra-signing-complete { background:var(--success-ink); }
@media (max-width:650px) {
 .ra-signing-document { width:96%; }
 .ra-signing-tracker { margin-top:-14px; }
}
.ra-motion-ready .ra-leasing-poster :is(.ra-signing-tracker,.ra-signing-dot,.ra-signing-state > span,.ra-signing-result > span) { animation-duration:18s; animation-iteration-count:infinite; animation-play-state:paused; }
.ra-motion-ready .ra-leasing-poster.ra-visual-motion-playing :is(.ra-signing-tracker,.ra-signing-dot,.ra-signing-state > span,.ra-signing-result > span) { animation-play-state:running; }
.ra-motion-ready .ra-signing-composite :is(.ra-poster-paper-lines i,.ra-poster-lease-progress > span) { animation-duration:18s; }
.ra-motion-ready .ra-signing-composite .ra-poster-lease-progress > span { animation-name:ra-signing-progress; }
.ra-motion-ready .ra-signing-composite .ra-signing-tracker { animation-name:ra-signing-arrive; }
.ra-motion-ready .ra-signing-renter .ra-signing-dot { animation-name:ra-renter-dot; }
.ra-motion-ready .ra-signing-owner .ra-signing-dot { animation-name:ra-owner-dot; }
.ra-motion-ready .ra-signing-renter .ra-signing-waiting { animation-name:ra-renter-wait; }
.ra-motion-ready .ra-signing-renter .ra-signing-done { animation-name:ra-renter-signed; }
.ra-motion-ready .ra-signing-owner .ra-signing-waiting,.ra-motion-ready .ra-signing-pending { animation-name:ra-owner-wait; }
.ra-motion-ready .ra-signing-owner .ra-signing-done,.ra-motion-ready .ra-signing-complete { animation-name:ra-owner-signed; }
@keyframes ra-signing-arrive { 0% { opacity:.85; transform:translateY(5px); } 5%,96% { opacity:1; transform:translateY(0); } 100% { opacity:.85; transform:translateY(5px); } }
@keyframes ra-signing-progress { 0%,14% { transform:scaleX(0); } 24% { transform:scaleX(.25); } 54% { transform:scaleX(.65); } 76%,94% { transform:scaleX(1); } 100% { transform:scaleX(0); } }
@keyframes ra-renter-dot { 0%,53% { color:transparent; background:var(--surface); border-color:var(--brand-purple-ink); } 54%,100% { color:#fff; background:var(--success-ink); border-color:var(--success-ink); } }
@keyframes ra-owner-dot { 0%,75% { color:transparent; background:var(--surface); border-color:var(--ra-muted); } 76%,100% { color:#fff; background:var(--success-ink); border-color:var(--success-ink); } }
@keyframes ra-renter-wait { 0%,53% { visibility:visible; } 54%,100% { visibility:hidden; } }
@keyframes ra-renter-signed { 0%,53% { visibility:hidden; } 54%,100% { visibility:visible; } }
@keyframes ra-owner-wait { 0%,75% { visibility:visible; } 76%,100% { visibility:hidden; } }
@keyframes ra-owner-signed { 0%,75% { visibility:hidden; } 76%,100% { visibility:visible; } }
@media (prefers-reduced-motion:reduce) {
 .ra-motion-ready .ra-leasing-poster :is(.ra-signing-tracker,.ra-signing-dot,.ra-signing-state > span,.ra-signing-result > span) { animation:none; }
}
.ra-evidence { background:var(--ra-dark); color:#fff; padding-block:56px; text-align:center; }
.ra-reference .ra-evidence h2 { margin-bottom:30px!important; }
.ra-benefit-strip { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; list-style:none; margin:0; padding:0; }
.ra-benefit-strip img { width:88px; height:88px; margin:0 auto 8px; object-fit:contain; }
.ra-benefit-strip strong { display:block; max-width:15ch; margin:auto; font-size:16px; line-height:1.4; }
.ra-customer-review { margin-top:40px; border-top:1px solid #ffffff30; padding-top:28px; text-align:left; }
.ra-customer-review .hv2-quotes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ra-customer-review figure {
  --link-ink:#006cb4;
  display:flex;
  flex-direction:column;
  padding:clamp(16px,2vw,24px);
  border-radius:6px;
  background:var(--surface);
  color:var(--text);
}
.ra-customer-review figcaption { display:contents; text-align:left; }
.ra-customer-review figcaption b { display:flex; align-items:center; flex-wrap:wrap; gap:6px; order:-3; color:var(--text); font-size:18px; line-height:1.4; }
.ra-customer-review .hv2-src { order:-1; }
.ra-customer-review :is(.hv2-src,.hv2-review-detail,small) { color:var(--text-muted); font-size:14px; line-height:1.5; }
.ra-customer-review .hv2-verified-customer { display:flex; align-items:center; gap:5px; order:-2; margin:4px 0; font-size:14px; color:var(--text); }
.ra-customer-review .hv2-card-score {
  display:block;
  font-weight:400;
  color:#ffc400;
  -webkit-text-stroke:.7px #865400;
  font-size:24px;
  line-height:1.2;
  letter-spacing:2px;
  white-space:nowrap;
}
.ra-customer-review :is(.hv2-q,.hv2-rating-separator,.hv2-src [role="img"]) { display:none; }
.ra-customer-review blockquote { margin:16px 0; font-size:18px; font-weight:400; line-height:1.5; }
.ra-customer-review blockquote small { display:block; margin-top:10px; }
.ra-customer-review .hv2-review-detail { margin-top:auto; }
.ra-customer-review a { display:inline-flex; align-items:center; min-height:44px; color:var(--link-ink); text-decoration:underline; text-underline-offset:3px; }
@media (max-width:760px) {
  .ra-benefit-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .ra-benefit-strip img { width:80px; height:80px; }
  .ra-customer-review .hv2-quotes { grid-template-columns:minmax(0,1fr); }
  .ra-evidence { padding-block:32px; }
}
.ra-reference .ra-closing { text-align:center; padding-block:100px; background:var(--interaction-bg); }
.ra-closing h2 { max-width:860px; margin:0 auto 20px!important; }
.ra-closing p { margin-bottom:28px!important; }
.ra-closing .ra-small { margin:16px 0 0!important; }
@media (max-width:1100px) { .ra-reference .ra-split { gap:40px; } }
@media (max-width:900px) {
 .ra-toolkit-art { right:-60px; opacity:.18; }
 .ra-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }


 .public-design #main-content .ra-reference :is(h1,h1 > span,h2,h2 > span) { font-size:32px!important; }
 .ra-reference .ra-hero { padding-top:40px; } .ra-listing-card > img { height:96px; }
 .ra-tool { padding:20px; }
}
@media (max-width:650px) {
 .ra-reference .ra-button { min-height:44px; font-size:14px!important; line-height:20px!important; }
 .ra-reference .ra-wrap { width:calc(100% - 40px); }

 .ra-reference .ra-split,.ra-reference .ra-leads { grid-template-columns:minmax(0,1fr); gap:42px; }
 .ra-reference .ra-hero { padding-block:36px 24px; }
 .public-design #main-content .ra-reference :is(h1,h1 > span) { font-size:32px!important; line-height:1.4!important; }
 .public-design #main-content .ra-reference :is(h2,h2 > span) { font-size:28px!important; }
 .public-design #main-content .ra-reference :is(p,li) { font-size:16px; }
 .public-design #main-content .ra-reference .ra-eyebrow { font-size:14px; }
 .ra-hero-visual { width:100%; max-width:min(440px,100%); } .ra-listing-card > img { height:96px; } .ra-listing-card { right:12px; top:12px; } .ra-listing-card strong { font-size:11px; }
 .ra-reference .ra-section { padding-block:64px; } .ra-distribution { min-height:0; } .ra-reference .ra-network { padding-bottom:8px; }
 .ra-network-map { max-width:450px; width:100%; margin:auto; }
 .ra-toolkit { padding-block:64px; } .ra-tool-grid { grid-template-columns:minmax(0,1fr); margin-top:40px; gap:16px; }
 .ra-tool { padding:24px; }
 .ra-toolkit-art { top:36px; right:-110px; opacity:.12; }
 .ra-leads .ra-mobile-poster { order:2; }
 .ra-device { border-width:4px; border-radius:26px; }
 .ra-device > img { border-radius:21px; }
 .ra-device::before { height:12px; }
 .ra-editor-body { margin-inline:10px; } .ra-editor-title { font-size:24px; } .ra-editor-body > img { height:160px; }
 .ra-prescreener-visual { padding:20px; } .ra-prescreener-visual a { height:340px; }
 .ra-prescreener-poster,.ra-leasing-poster { padding:0; } .ra-prescreener-poster a { height:auto; }
 .ra-reference .ra-closing { padding-block:64px; }

}
@media (prefers-reduced-motion:reduce) { .ra-reference .ra-button { transition:none; } }
@media (pointer:coarse) { .ra-reference .ra-button { min-height:44px; font-size:14px!important; line-height:20px!important; } }

/* Rentari distribution motion; the carousel and writing keep their established timing. */
.ra-motion-ready .ra-logo-track { animation:none; transition:transform 500ms ease; }
.ra-motion-ready .ra-story-shell { transform-origin:152px 70px; animation:ra-story-open 16s ease both infinite; }
.ra-motion-ready .ra-story-listing { animation:ra-story-listing 16s ease both infinite; }
.ra-story-routes use { opacity:0; stroke-dasharray:1; stroke-dashoffset:1; }
.ra-motion-ready .ra-story-route-top { animation:ra-story-route-top 16s linear both infinite; }
.ra-motion-ready .ra-story-route-middle { animation:ra-story-route-middle 16s linear both infinite; }
.ra-motion-ready .ra-story-route-bottom { animation:ra-story-route-bottom 16s linear both infinite; }
.ra-motion-ready :is(.ra-story-destinations,.ra-story-receipts) { animation:ra-story-outbound-exit 16s ease both infinite; }
.ra-motion-ready .ra-story-fly-top { offset-path:url(#ra-story-top); animation:ra-story-fan-top 16s linear both infinite; }
.ra-motion-ready .ra-story-fly-middle { offset-path:url(#ra-story-middle); animation:ra-story-fan-middle 16s linear both infinite; }
.ra-motion-ready .ra-story-fly-bottom { offset-path:url(#ra-story-bottom); animation:ra-story-fan-bottom 16s linear both infinite; }
.ra-motion-ready .ra-story-site-pages { animation:ra-story-sites 16s ease both infinite; }
.ra-motion-ready .ra-story-send-top { animation:ra-story-send-top 16s linear both infinite; }
.ra-motion-ready .ra-story-receipt-top { animation:ra-story-receipt-top 16s ease both infinite; }
.ra-motion-ready .ra-story-send-middle { animation:ra-story-send-middle 16s linear both infinite; }
.ra-motion-ready .ra-story-receipt-middle { animation:ra-story-receipt-middle 16s ease both infinite; }
.ra-motion-ready .ra-story-send-bottom { animation:ra-story-send-bottom 16s linear both infinite; }
.ra-motion-ready .ra-story-receipt-bottom { animation:ra-story-receipt-bottom 16s ease both infinite; }
.ra-motion-ready .ra-story-watch { animation:ra-story-monitor 16s linear both infinite; }
.ra-motion-ready .ra-story-inquiry { animation:ra-story-inquiry 16s ease both infinite; }
.ra-motion-ready .ra-story-inbound { animation:ra-story-catch 16s linear both infinite; }
.ra-motion-ready .ra-story-lead { animation:ra-story-lead 16s cubic-bezier(.2,.8,.2,1) both infinite; }
.ra-motion-ready .ra-story-notification { animation:ra-story-notify 16s ease both infinite; transform-origin:250px 88px; }
.ra-motion-ready .ra-story-caption-open { animation:ra-story-label-open 16s linear both infinite; }
.ra-motion-ready .ra-story-caption-share { animation:ra-story-label-share 16s linear both infinite; }
.ra-motion-ready .ra-story-caption-watch { animation:ra-story-label-watch 16s linear both infinite; }
.ra-motion-ready .ra-story-caption-lead { animation:ra-story-label-lead 16s linear both infinite; }
.ra-motion-ready .ra-story-share-button { transform-origin:100px 163px; animation:ra-story-share-press 16s ease both infinite; }
.ra-motion-ready .ra-story-launch-cursor { animation:ra-story-launch 16s ease both infinite; }
.ra-motion-ready .ra-story-click-accent { animation:ra-story-click 16s ease-out both infinite; }
.ra-motion-ready .ra-story-radar { animation:ra-story-radar-window 16s linear both infinite; }
.ra-motion-ready .ra-story-radar-ring { animation:ra-story-scan 2.2s ease-out both infinite; }
.ra-motion-ready .ra-story-radar-echo { animation-delay:1.1s; }
.ra-motion-ready .ra-story-message { animation:ra-story-message-return 16s linear both infinite; }
.ra-motion-ready .ra-story-marketing { animation:ra-story-marketing-open 16s ease both infinite; }
.ra-motion-ready .ra-story-marketing-notification { animation:ra-story-notify 16s ease both infinite; transform-origin:590px 87px; }
.ra-motion-ready .ra-story-leads-empty { animation:ra-story-count-empty 16s linear both infinite; }
.ra-motion-ready .ra-story-leads-filled { animation:ra-story-count-filled 16s linear both infinite; }
.ra-motion-ready .ra-story-arrived-person { animation:ra-story-person-arrive 16s ease both infinite; }
.ra-motion-ready .ra-story-leads-art { animation:ra-story-art-exit 16s ease both infinite; }
.ra-motion-ready .ra-story-landing-ring { animation:ra-story-landing-ring 16s ease-out both infinite; }
.ra-motion-ready .ra-story-activity-new { animation:ra-story-notify 16s ease both infinite; }
.ra-motion-ready .ra-story-activity-leads .ra-story-activity-surface { animation:ra-story-activity-highlight 16s ease both infinite; }
.ra-motion-ready .ra-story-lead-accents { transform-origin:320px 425px; animation:ra-story-lead-accent 16s ease-out both infinite; }
.ra-motion-ready .ra-story-lead { transform-origin:320px 425px; }
.ra-motion-ready .ra-story-progress { animation:ra-story-progress 16s ease both infinite; }
.ra-motion-ready .ra-story-step-create { animation:ra-story-step-create 16s linear both infinite; }
.ra-motion-ready .ra-story-step-share { animation:ra-story-step-share 16s linear both infinite; }
.ra-motion-ready .ra-story-step-watch { animation:ra-story-step-watch 16s linear both infinite; }
.ra-motion-ready .ra-story-step-connect { animation:ra-story-step-connect 16s linear both infinite; }
.ra-motion-ready .ra-story-step circle { fill:currentColor; }
.ra-motion-ready .ra-network-map * { animation-play-state:paused; }
.ra-motion-ready .ra-motion-playing * { animation-play-state:running; }
@keyframes ra-story-open { 0%,2%,100% { opacity:0; transform:scaleY(.1); } 10%,96% { opacity:1; transform:scaleY(1); } }
@keyframes ra-story-listing { 0%,10%,100% { opacity:0; transform:translateY(12px); } 18%,96% { opacity:1; transform:translateY(0); } }
@keyframes ra-story-outbound-exit { 0%,60% { opacity:1; } 64%,100% { opacity:0; } }
@keyframes ra-story-fan-top { 0%,18% { opacity:0; offset-distance:0%; } 19% { opacity:1; } 30% { opacity:1; offset-distance:100%; } 31%,100% { opacity:0; offset-distance:100%; } }
@keyframes ra-story-fan-middle { 0%,21% { opacity:0; offset-distance:0%; } 22% { opacity:1; } 34% { opacity:1; offset-distance:100%; } 35%,100% { opacity:0; offset-distance:100%; } }
@keyframes ra-story-fan-bottom { 0%,24% { opacity:0; offset-distance:0%; } 25% { opacity:1; } 38% { opacity:1; offset-distance:100%; } 39%,100% { opacity:0; offset-distance:100%; } }
@keyframes ra-story-sites { 0%,30%,100% { opacity:0; } 41%,96% { opacity:1; } }
@keyframes ra-story-monitor { 0%,39% { opacity:0; stroke-dashoffset:0; } 42% { opacity:1; } 95% { opacity:1; stroke-dashoffset:-2; } 99%,100% { opacity:0; stroke-dashoffset:-2.1; } }
@keyframes ra-story-inquiry { 0%,55%,70%,100% { opacity:0; transform:translateY(8px); } 59%,66% { opacity:1; transform:translateY(0); } }
@keyframes ra-story-catch { 0%,61% { opacity:0; stroke-dashoffset:1.12; } 62% { opacity:1; } 71% { opacity:1; stroke-dashoffset:0; } 73%,100% { opacity:0; stroke-dashoffset:0; } }
@keyframes ra-story-lead { 0%,80%,100% { opacity:0; transform:translate(-191px,-205px) scale(.15); } 85% { opacity:1; transform:translate(0,-5px) scale(1.025); } 89%,96% { opacity:1; transform:translate(0,0) scale(1); } }
@keyframes ra-story-notify { 0%,75%,100% { opacity:0; transform:scale(.3); } 78% { opacity:1; transform:scale(1.2); } 80%,96% { opacity:1; transform:scale(1); } }
@keyframes ra-story-label-open { 0%,13% { opacity:1; } 15%,100% { opacity:0; } }
@keyframes ra-story-label-share { 0%,15%,41%,100% { opacity:0; } 17%,39% { opacity:1; } }
@keyframes ra-story-label-watch { 0%,41%,78%,100% { opacity:0; } 43%,76% { opacity:1; } }
@keyframes ra-story-label-lead { 0%,80%,100% { opacity:0; } 83%,97% { opacity:1; } }
@keyframes ra-story-share-press { 0%,15%,19%,100% { transform:scale(1); } 16.5% { transform:scale(.93); } }
@keyframes ra-story-launch { 0%,9%,23%,100% { opacity:0; transform:translate(145px,202px) rotate(-8deg); } 12%,15% { opacity:1; transform:translate(104px,163px) rotate(0); } 17% { opacity:1; transform:translate(104px,165px) scale(.9); } 19% { opacity:1; transform:translate(104px,163px); } }
@keyframes ra-story-click { 0%,15%,22%,100% { opacity:0; transform:scale(.4); } 16% { opacity:1; transform:scale(.5); } 21% { opacity:0; transform:scale(2.7); } }
@keyframes ra-story-radar-window { 0%,39%,98%,100% { opacity:0; } 43%,93% { opacity:1; } }
@keyframes ra-story-scan { 0% { opacity:.6; transform:scale(.25); } 100% { opacity:0; transform:scale(3.1); } }
@keyframes ra-story-message-return { 0%,61% { opacity:0; transform:translate(518px,258px) scale(.75) rotate(-10deg); } 62% { opacity:1; } 66% { opacity:1; transform:translate(335px,190px) scale(.8) rotate(-8deg); } 71%,72% { opacity:1; transform:translate(129px,220px) scale(.4) rotate(0); } 73%,100% { opacity:0; transform:translate(129px,220px) scale(.3); } }
@keyframes ra-story-activity-highlight { 0%,73%,100% { fill:#fff; stroke:#ddd3f3; } 77%,96% { fill:#ecf9e5; stroke:#84d828; } }
@keyframes ra-story-marketing-open { 0%,61%,100% { opacity:0; transform:translateX(55px) scale(.96); } 66%,96% { opacity:1; transform:translateX(0) scale(1); } }
@keyframes ra-story-count-empty { 0%,74% { opacity:1; } 77%,100% { opacity:0; } }
@keyframes ra-story-count-filled { 0%,74% { opacity:0; } 77%,96% { opacity:1; } 100% { opacity:0; } }
@keyframes ra-story-lead-accent { 0%,83%,94%,100% { opacity:0; transform:scale(.85) rotate(-5deg); } 86% { opacity:1; transform:scale(1.08) rotate(2deg); } 91% { opacity:.6; transform:scale(1.14) rotate(4deg); } }
@keyframes ra-story-progress { 0%,10% { stroke-dashoffset:1; } 22% { stroke-dashoffset:.6667; } 45% { stroke-dashoffset:.3333; } 76%,96% { stroke-dashoffset:0; } 100% { stroke-dashoffset:1; } }
@keyframes ra-story-step-create { 0%,18% { color:#6b48e0; fill:#6b48e0; } 21%,100% { color:#84d828; fill:#50485e; } }
@keyframes ra-story-step-share { 0%,17% { color:#d5c9ee; fill:#727087; } 21%,39% { color:#6b48e0; fill:#6b48e0; } 43%,100% { color:#84d828; fill:#50485e; } }
@keyframes ra-story-step-watch { 0%,39% { color:#d5c9ee; fill:#727087; } 43%,70% { color:#6b48e0; fill:#6b48e0; } 74%,100% { color:#84d828; fill:#50485e; } }
@keyframes ra-story-step-connect { 0%,70% { color:#d5c9ee; fill:#727087; } 75%,100% { color:#6b48e0; fill:#6b48e0; } }
.ra-motion-ready .ra-will-reveal { opacity:0; transform:translateY(24px); }
.ra-motion-ready .ra-entering { animation:ra-reference-enter .75s cubic-bezier(.2,.65,.25,1) both; }
.ra-motion-ready .ra-tool:nth-child(2).ra-entering { animation-delay:.12s; }
.ra-motion-ready .ra-tool:nth-child(3).ra-entering { animation-delay:.24s; }
.ra-motion-ready .ra-tool:nth-child(4).ra-entering { animation-delay:.12s; }
.ra-motion-ready .ra-tool:nth-child(5).ra-entering { animation-delay:.24s; }
.ra-motion-ready .ra-tool:nth-child(6).ra-entering { animation-delay:.36s; }
.ra-motion-ready .ra-toolkit-art { animation:ra-product-float 10s ease-in-out infinite; animation-play-state:paused; }
.ra-motion-ready .ra-toolkit-motion-playing .ra-toolkit-art { animation-play-state:running; }
@keyframes ra-reference-enter { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
.ra-motion-ready .ra-hero .ra-copy { animation:ra-hero-copy-enter .8s cubic-bezier(.2,.65,.25,1) both; }
.ra-motion-ready .ra-hero-visual { animation:ra-hero-visual-enter 1s .12s cubic-bezier(.2,.65,.25,1) both; }
.ra-motion-ready .ra-listing-card { animation:ra-hero-card-float 6s ease-in-out infinite; animation-play-state:paused; }
.ra-motion-ready .ra-hero-motion-playing .ra-listing-card { animation-play-state:running; }
.ra-motion-ready .ra-hero-visual::before { animation:ra-brand-frame 10s ease-in-out infinite; animation-play-state:paused; }
.ra-motion-ready .ra-hero-motion-playing .ra-hero-visual::before { animation-play-state:running; }
.ra-motion-ready :is(.ra-mobile-poster,.ra-prescreener-visual):not(.ra-entering) { animation:ra-product-float 8s ease-in-out infinite; animation-play-state:paused; }
.ra-motion-ready :is(.ra-mobile-poster,.ra-prescreener-visual).ra-visual-motion-playing:not(.ra-entering) { animation-play-state:running; }
.ra-motion-ready .ra-hero .ra-copy > :is(h1,p:not(.ra-eyebrow),a) { animation:ra-hero-copy-enter .8s cubic-bezier(.2,.65,.25,1) both; }
.ra-motion-ready .ra-hero .ra-copy > h1 { animation-delay:.1s; }
.ra-motion-ready .ra-hero .ra-copy > p:not(.ra-eyebrow) { animation-delay:.2s; }
.ra-motion-ready .ra-hero .ra-copy > a { animation-delay:.3s; }
@keyframes ra-brand-frame { 0%,100% { transform:translate(0,0) scale(1); } 50% { transform:translate(4px,-4px) scale(1.015); } }
@keyframes ra-product-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }
@keyframes ra-hero-copy-enter { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
@keyframes ra-hero-visual-enter { from { opacity:0; transform:translateY(20px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes ra-hero-card-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
.ra-reference .ra-editor { position:relative; }
.ra-editor { transition:border-color .5s ease; }
.ra-editor[data-ra-stage="review"] { border-color:var(--ink-purple-lime); }
.ra-writing-active[data-ra-writing="details"] .ra-editor-photo { animation:ra-ai-photo-enter 1.4s ease both; }
.ra-writing-active[data-ra-writing="details"] .ra-editor-facts span { animation:ra-reference-enter .7s .4s ease both; }
.ra-writing-active[data-ra-writing="details"] .ra-editor-facts span:nth-child(2) { animation-delay:.65s; }
.ra-writing-active[data-ra-writing="details"] .ra-editor-facts span:nth-child(3) { animation-delay:.9s; }
.ra-writing-active[data-ra-writing="title"] .ra-editor-field-title,
.ra-writing-active[data-ra-writing="description"] .ra-editor-field-description { outline:2px solid var(--brand-purple-ink); outline-offset:2px; border-radius:2px; }
.ra-writing-active[data-ra-writing="title"] .ra-editor-field-title .ra-writing-mark,
.ra-writing-active[data-ra-writing="description"] .ra-editor-field-description .ra-writing-mark { animation:ra-ai-sparkle 2s ease-in-out infinite; }
@keyframes ra-ai-photo-enter { from { opacity:.2; transform:translateY(6px); } to { opacity:1; transform:none; } }
@keyframes ra-ai-sparkle { 0%,100% { transform:scale(1) rotate(0); } 50% { transform:scale(1.18) rotate(30deg); } }
.ra-editor-field { position:relative; }
.ra-editor-field > :is(input,textarea) { display:block; }
.ra-typing-overlay { display:none; position:absolute; inset:0; padding:9px 11px; color:var(--ra-ink); font:400 14px/1.5 "Open Sans",sans-serif; overflow:hidden; pointer-events:none; }
.ra-editor-field-title .ra-typing-overlay { white-space:nowrap; text-overflow:ellipsis; padding-right:32px; }
.ra-writing-active .ra-typing-overlay { display:block; }
.ra-writing-active .ra-editor-field > :is(input,textarea) { color:transparent; }
.ra-writing-mark { position:absolute; right:8px; top:6px; color:var(--brand-purple-ink); font-size:21px; line-height:24px; }
.ra-writing-active[data-ra-writing="title-click"] .ra-editor-field-title .ra-writing-mark,
.ra-writing-active[data-ra-writing="description-click"] .ra-editor-field-description .ra-writing-mark { animation:ra-writing-click .6s ease-in-out; }
@keyframes ra-writing-click { 50% { transform:scale(.8); } }
.ra-writing-active:is([data-ra-writing="title"],[data-ra-writing="title-click"]) .ra-editor-field-title .ra-typing-overlay::after,
.ra-writing-active:is([data-ra-writing="description"],[data-ra-writing="description-click"]) .ra-editor-field-description .ra-typing-overlay::after { content:""; display:inline-block; height:1em; margin-left:2px; border-left:1px solid currentColor; vertical-align:-2px; animation:ra-writing-caret 1s steps(1) infinite; }
@keyframes ra-writing-caret { 50% { opacity:0; } }
.ra-demo-cursor { display:none; position:absolute; top:0; left:0; width:30px; height:36px; pointer-events:none; z-index:3; opacity:var(--ra-cursor-opacity,0); transform:translate(var(--ra-cursor-x,0px),var(--ra-cursor-y,0px)); }
.ra-writing-active .ra-demo-cursor { display:block; }
.ra-demo-cursor svg { position:relative; width:30px; height:36px; fill:var(--ra-ink); stroke:#fff; stroke-width:2; stroke-linejoin:round; }
.ra-click-ring { position:absolute; top:-16px; left:-16px; width:36px; height:36px; border:2px solid var(--ra-sky); border-radius:50%; opacity:var(--ra-click-opacity,0); transform:scale(var(--ra-click-scale,1)); }
@media (prefers-reduced-motion:reduce) {
 .ra-motion-ready :is(.ra-hero .ra-copy,.ra-hero-visual,.ra-listing-card) { animation:none!important; opacity:1; transform:none; }
 .ra-motion-ready .ra-logo-track { transition:none!important; transform:none!important; }
 .ra-motion-ready .ra-network-map *,
 .ra-motion-ready :is(.ra-entering,.ra-writing-mark,.ra-mobile-poster,.ra-prescreener-visual,.ra-toolkit-art,.ra-editor-photo,.ra-editor-facts span),
 .ra-motion-ready .ra-hero .ra-copy > :is(h1,p,a),
 .ra-motion-ready .ra-hero-visual::before { animation:none!important; }
 .ra-motion-ready :is(.ra-will-reveal,.ra-entering) { opacity:1!important; transform:none; }
 .ra-motion-ready :is(.ra-story-shell,.ra-story-listing,.ra-story-routes,.ra-story-routes use,.ra-story-site-pages,.ra-story-lead,.ra-story-notification,.ra-story-marketing,.ra-story-marketing-notification,.ra-story-leads-filled) { opacity:1; transform:none; stroke-dashoffset:0; }
 .ra-motion-ready .ra-story-leads-empty { opacity:0; }
 .ra-motion-ready .ra-story-activity-new { opacity:1; transform:none; }
 .ra-motion-ready .ra-story-activity-leads .ra-story-activity-surface { fill:#ecf9e5; stroke:#84d828; }
 .ra-motion-ready :is(.ra-story-fly,.ra-story-watch,.ra-story-inquiry,.ra-story-inbound,.ra-story-launch-cursor,.ra-story-click-accent,.ra-story-radar,.ra-story-message,.ra-story-lead-accents) { display:none; }
 .ra-motion-ready .ra-story-share-button { transform:none; }
 .ra-motion-ready .ra-story-progress { stroke-dashoffset:0; }
 .ra-motion-ready .ra-story-step { color:var(--ink-purple-lime); fill:var(--ra-ink); }
 .ra-motion-ready .ra-story-captions text { opacity:0; }
 .ra-motion-ready .ra-story-captions .ra-story-caption-lead { opacity:1; }
 .ra-motion-ready :is(.ra-demo-cursor,.ra-typing-overlay) { display:none!important; }
 .ra-motion-ready .ra-editor-field > :is(input,textarea) { color:var(--ra-ink); }
 .ra-editor { transition:none; }
}

@keyframes ra-story-person-arrive { 0%,72%,100% { opacity:0; transform:scale(.55); } 74% { opacity:1; transform:scale(1.12); } 76%,96% { opacity:1; transform:scale(1); } }
@keyframes ra-story-art-exit { 0%,72%,100% { opacity:1; } 74%,96% { opacity:0; } }
@keyframes ra-story-landing-ring { 0%,72%,81%,100% { opacity:0; transform:scale(.7); } 74% { opacity:1; transform:scale(1); } 80% { opacity:0; transform:scale(1.8); } }
@media (prefers-reduced-motion:reduce) { .ra-motion-ready .ra-story-arrived-person { opacity:1; transform:none; } .ra-motion-ready .ra-story-leads-art { opacity:0; } .ra-motion-ready .ra-story-landing-ring { display:none; } }

@keyframes ra-story-send-top { 0%,18% { opacity:0; stroke-dashoffset:.16; } 19% { opacity:1; } 30% { opacity:1; stroke-dashoffset:-.84; } 32%,100% { opacity:0; stroke-dashoffset:-1; } }
@keyframes ra-story-receipt-top { 0%,31.5%,100% { opacity:0; transform:scale(.5); } 33% { opacity:1; transform:scale(1.18); } 35%,96% { opacity:1; transform:scale(1); } }

@keyframes ra-story-send-middle { 0%,21% { opacity:0; stroke-dashoffset:.16; } 22% { opacity:1; } 34% { opacity:1; stroke-dashoffset:-.84; } 36%,100% { opacity:0; stroke-dashoffset:-1; } }
@keyframes ra-story-receipt-middle { 0%,35.5%,100% { opacity:0; transform:scale(.5); } 37% { opacity:1; transform:scale(1.18); } 39%,96% { opacity:1; transform:scale(1); } }

@keyframes ra-story-send-bottom { 0%,24% { opacity:0; stroke-dashoffset:.16; } 25% { opacity:1; } 38% { opacity:1; stroke-dashoffset:-.84; } 40%,100% { opacity:0; stroke-dashoffset:-1; } }
@keyframes ra-story-receipt-bottom { 0%,39.5%,100% { opacity:0; transform:scale(.5); } 41% { opacity:1; transform:scale(1.18); } 43%,96% { opacity:1; transform:scale(1); } }

@media (prefers-reduced-motion:reduce) { .ra-motion-ready :is(.ra-story-send-pulses,.ra-story-destinations,.ra-story-receipts) { display:none; } }

/* Reveal each website immediately when its sending line and poster arrive. */
.ra-story-site-popup { opacity:0; }
.ra-story-site-popup-top { transform-origin:526px 102px; }
.ra-motion-ready .ra-story-site-popup-top { animation:ra-story-site-popup-top 16s ease both infinite; }
.ra-motion-ready .ra-story-page-top { animation:ra-story-page-top 16s ease both infinite; }
@keyframes ra-story-site-popup-top { 0%,30%,100% { opacity:0; transform:translateX(8px) scale(.96); } 31.5% { opacity:1; transform:translateX(0) scale(1.02); } 33%,96% { opacity:1; transform:translateX(0) scale(1); } }
@keyframes ra-story-page-top { 0%,30%,100% { opacity:0; } 33%,96% { opacity:1; } }
.ra-story-site-popup-middle { transform-origin:526px 227px; }
.ra-motion-ready .ra-story-site-popup-middle { animation:ra-story-site-popup-middle 16s ease both infinite; }
.ra-motion-ready .ra-story-page-middle { animation:ra-story-page-middle 16s ease both infinite; }
@keyframes ra-story-site-popup-middle { 0%,34%,100% { opacity:0; transform:translateX(8px) scale(.96); } 35.5% { opacity:1; transform:translateX(0) scale(1.02); } 37%,96% { opacity:1; transform:translateX(0) scale(1); } }
@keyframes ra-story-page-middle { 0%,34%,100% { opacity:0; } 37%,96% { opacity:1; } }
.ra-story-site-popup-bottom { transform-origin:526px 352px; }
.ra-motion-ready .ra-story-site-popup-bottom { animation:ra-story-site-popup-bottom 16s ease both infinite; }
.ra-motion-ready .ra-story-page-bottom { animation:ra-story-page-bottom 16s ease both infinite; }
@keyframes ra-story-site-popup-bottom { 0%,38%,100% { opacity:0; transform:translateX(8px) scale(.96); } 39.5% { opacity:1; transform:translateX(0) scale(1.02); } 41%,96% { opacity:1; transform:translateX(0) scale(1); } }
@keyframes ra-story-page-bottom { 0%,38%,100% { opacity:0; } 41%,96% { opacity:1; } }

@keyframes ra-story-route-top { 0%,18%,100% { opacity:0; stroke-dashoffset:1; } 19% { opacity:1; } 30%,96% { opacity:1; stroke-dashoffset:0; } }

@keyframes ra-story-route-middle { 0%,21%,100% { opacity:0; stroke-dashoffset:1; } 22% { opacity:1; } 34%,96% { opacity:1; stroke-dashoffset:0; } }

@keyframes ra-story-route-bottom { 0%,24%,100% { opacity:0; stroke-dashoffset:1; } 25% { opacity:1; } 38%,96% { opacity:1; stroke-dashoffset:0; } }