/* FansFlex v8.3: specific 512x1536 first-reference alignment and real controls. */
/* The photo was incorrectly enlarged 123%, cropping the hair and shifting the baked
   play illustration below the target. The supplied reference crop is ~96% hero height. */
@media(min-width:1200px){
  .ffm-hero-photo{
    filter:brightness(1.16);
    background-image:
      url('/images/fansflex-premium/landing-hero-model-v76.webp'),
      linear-gradient(90deg,rgba(5,18,31,0) 53%,rgba(11,23,32,.16) 71%,rgba(7,10,14,.16) 88%),
      repeating-linear-gradient(90deg,#141014 0 20px,#352724 23px,#0b0c10 32px,#171012 41px),
      linear-gradient(90deg,#071522 0%,#233c4d 65%,#181015 86%);
    background-position:calc(100% - 230px) top,center,center,center;
    background-size:auto 104%,100% 100%,100% 100%,100% 100%;
    background-repeat:no-repeat;
  }
  .ffm-hero-emblem{top:39px;right:17px;width:148px;height:113px}
  .ffm-hero-fee{right:-34px;bottom:16px}
  .ffm-header .ffm-logo{flex-basis:198px}
  .ffm-header .ffm-logo img{width:198px}
  .ffm-header .ffm-nav a{font-size:13px}
}
.ff83-stat-icon{width:37px;height:37px;flex:0 0 37px;color:#e1b96b}
.ffm-hero-stats>div{align-items:center}
/* The four real steps remain links even without JS; if JS is present, they open
   the corresponding slide of the existing accessible 4-step walkthrough. */
.ffm-how-steps{gap:5px}
.ff83-step-action{text-decoration:none!important;color:inherit;position:relative;cursor:pointer;border:1px solid transparent;border-radius:12px;padding:6px 8px;background:transparent;transition:background-color .15s,border-color .15s}
.ff83-step-action:hover,.ff83-step-action:focus-visible{background:#fff;border-color:#dbc394;outline-offset:2px}
.ff83-step-action .ffm-step-icon{background:linear-gradient(145deg,#fff,#f5f0e6);border:1px solid #dbe2e8;box-shadow:0 3px 11px #d8e0e8;flex:0 0 66px}
.ff83-step-action .ffm-step-icon svg{width:35px;height:35px;stroke:#d39f50}
.ff83-step-copy{min-width:0;display:flex;flex-direction:column;gap:6px}
.ff83-step-copy strong{display:flex;align-items:center;white-space:nowrap;gap:6px;line-height:1.15}
.ff83-step-copy strong span{font-size:14px;color:#0c1c2c;margin:0}
.ff83-step-number{font:800 13px/1.45 Arial,sans-serif;color:#fff;min-width:20px;height:20px;border-radius:50%;background:linear-gradient(#ecc980,#bb8538);text-align:center;box-shadow:0 2px 4px #b18e5455}
.ff83-step-copy small{display:block;line-height:1.35;font-size:12px;color:#4b5967}
.ff83-step-chevron{position:absolute;right:0;top:45%;font-size:28px;line-height:1;color:#b28c4d}
.ff83-step-action:last-child .ff83-step-chevron{display:none}
.ffm-freedom-metrics .ff83-svg{width:33px;height:33px;display:block;color:#e2b760;margin:0 auto 8px}
.ffm-promo-list .ff83-svg{width:31px;height:31px;display:block;color:#e8bd6a;flex:0 0 auto}
/* Testimonial heights and body font were noticeably too small on v8.2. */
@media(min-width:1200px){
 .ffm-story{grid-template-columns:115px 1fr;padding:15px;min-height:152px}
 .ffm-story img{width:109px;height:108px}
 .ffm-story p{font-size:15px;line-height:1.22}
 .ffm-story strong{font-size:12px}
 .ffm-stories-note{font-size:10px}
 .ffm-footer-columns>div>strong{font-size:16px}
 .ffm-footer-columns>div>a:not(:first-child){font-size:14px}
}
/* Only known social URLs set in Laravel settings produce links. */
.ff83-footer-social{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 9px;min-height:18px}
.ff83-social-link{display:grid;place-items:center;width:23px;height:23px;color:#e6ebf0!important;background:#102638;border:1px solid #ffffff36;border-radius:5px}
.ff83-social-link:hover{border-color:#dfba75;background:#1e4059;color:#ffe4ad!important}
.ff83-social-link svg{width:17px;height:17px}
.ff83-footer-language{position:relative;color:#fff;font-size:13px}
.ff83-footer-language summary{border:1px solid #455564;background:#101e2d;border-radius:7px;padding:7px 11px;cursor:pointer;list-style:none;display:flex;gap:7px;align-items:center}
.ff83-footer-language summary::-webkit-details-marker{display:none}
.ff83-footer-language>div{position:absolute;bottom:calc(100% + 6px);right:0;background:#0b1a29;border:1px solid #566a79;border-radius:8px;min-width:122px;padding:6px;z-index:6}
.ff83-footer-language a{display:block;padding:8px;color:white;text-decoration:none;border-radius:5px}
.ff83-footer-language a:hover,.ff83-footer-language a:focus-visible{background:#1d3b52}
@media(max-width:1199px){
  .ff83-step-action .ffm-step-icon{flex-basis:50px;width:50px;height:50px}
  .ff83-step-action .ffm-step-icon svg{width:28px;height:28px}
  .ff83-step-copy strong span{font-size:12px;white-space:normal}
  .ff83-step-copy small{font-size:10px}
  .ff83-step-chevron{display:none}
}
@media(max-width:680px){
 .ff83-stat-icon{width:23px;height:23px;flex-basis:23px}
 .ff83-step-action{min-height:62px;padding:8px}
 .ff83-step-copy strong span{font-size:15px}
 .ff83-step-copy small{font-size:12px}
 .ffm-freedom-metrics .ff83-svg{width:24px;height:24px}
 .ffm-promo-list .ff83-svg{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce){.ff83-step-action{transition:none}}