/* Figma 450:235: retain the actual SVG geometry, not the older phone mockup. */
.social-recruiting-page .sr-method--feed .sr-method-preview { padding:0; }
.social-recruiting-page .sr-method--feed .sr-method-preview::before { content:none; }
.social-recruiting-page .sr-feed-illustration { display:block; width:100%; max-width:560px; height:auto; margin-inline:auto; overflow:hidden; pointer-events:none; user-select:none; }
.social-recruiting-page .sr-feed-illustration text { fill:#050607; }
.social-recruiting-page .sr-feed-headline { font-family:'DM Sans',Arial,sans-serif; font-size:40px; font-weight:800; letter-spacing:-1.6px; }
.social-recruiting-page .sr-feed-illustration .sr-feed-detail { font-family:Figtree,Arial,sans-serif; font-size:16px; letter-spacing:-.32px; fill:#3a454e; }
.social-recruiting-page .sr-feed-cta { font-family:'DM Sans',Arial,sans-serif; font-size:13px; font-weight:500; letter-spacing:-.26px; }
.social-recruiting-page .sr-feed-company { font-family:'DM Sans',Arial,sans-serif; font-size:14px; font-weight:600; letter-spacing:-.56px; }
.social-recruiting-page .sr-feed-illustration .sr-feed-sponsored { font-family:'DM Sans',Arial,sans-serif; font-size:12px; letter-spacing:-.24px; fill:#3a454e; }
.social-recruiting-page .sr-feed-track,
.social-recruiting-page .sr-feed-frame,
.social-recruiting-page .sr-feed-backdrop { animation-duration:16s; animation-iteration-count:infinite; animation-timing-function:cubic-bezier(.65,0,.2,1); animation-play-state:paused; }
.social-recruiting-page .sr-feed-track { animation-name:sr-feed-scroll; }
.social-recruiting-page .sr-feed-frame { animation-name:sr-feed-frame-color; }
.social-recruiting-page .sr-feed-backdrop { animation-name:sr-feed-background-color; }
.social-recruiting-page .sr-feed-illustration.is-running :is(.sr-feed-track,.sr-feed-frame,.sr-feed-backdrop) { animation-play-state:running; }
@keyframes sr-feed-scroll {
  0%,20% { transform:translateY(0); }
  25%,45% { transform:translateY(-450px); }
  50%,70% { transform:translateY(-900px); }
  75%,95% { transform:translateY(-1350px); }
  100% { transform:translateY(-1800px); }
}
@keyframes sr-feed-frame-color {
  0%,20% { fill:#ffd344; }
  25%,45% { fill:#37afff; }
  50%,70% { fill:#8c82ff; }
  75%,95% { fill:#47cb56; }
  100% { fill:#ffd344; }
}
@keyframes sr-feed-background-color {
  0%,20% { fill:#fffbef; }
  25%,45% { fill:#f2faff; }
  50%,70% { fill:#f4f3ff; }
  75%,95% { fill:#eaf9ed; }
  100% { fill:#fffbef; }
}
@media (prefers-reduced-motion:reduce) {
  .social-recruiting-page .sr-feed-illustration :is(.sr-feed-track,.sr-feed-frame,.sr-feed-backdrop) { animation:none; }
}