/* v7.7: additional refinements from the FIRST approved landing reference.
   Real semantic HTML remains the source, not a full-page screenshot image. */
.ffm-header{background:linear-gradient(100deg,#061422,#0b2235 55%,#07131f)}
.ffm-header-join{box-shadow:inset 0 1px #fff1c4,0 2px 9px #0006}
.ffm-hero h1{letter-spacing:-.045em}
.ffm-hero-shade{background:linear-gradient(90deg,#04111be8 0%,#061722d9 28%,#071a2480 51%,#07172410 76%),linear-gradient(0deg,#04101cd9,transparent 44%)}
.ffm-benefit-grid{padding-top:32px;padding-bottom:33px;align-items:start}
.ffm-benefit{padding-left:9px;padding-right:9px}
.ffm-benefit ion-icon{font-size:40px;margin-bottom:11px}
.ffm-benefit h2{font-size:15px;line-height:1.2;margin-bottom:7px}
.ffm-benefit p{font-size:11px;line-height:1.45}
.ffm-dashboard-showcase-inner{min-height:505px}
.ffm-showcase-copy h2{font-size:clamp(39px,3.65vw,53px)}
.ffm-checks li{line-height:1.72}
.ffm-rank-layout{min-height:340px}
.ffm-academy-layout{min-height:405px}
.ffm-academy-cards{gap:11px}
.ffm-academy-thumb{position:relative;overflow:hidden}
.ffm-academy-thumb img{height:100%;width:100%;object-fit:cover}
.ffm-academy-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border:2px solid #fff;border-radius:50%;background:#0b1b28b8;color:#fff;display:grid;place-items:center;box-shadow:0 1px 12px #0008}
.ffm-academy-play ion-icon{font-size:17px;margin-left:2px}
.ffm-academy-duration{position:absolute;right:6px;bottom:7px;border-radius:5px;background:#071522dc;color:#fff;font-size:10px;font-weight:800;padding:3px 6px}
.ffm-story-controls button:hover{background:#eddfbe}
.ffm-lang-switch{position:relative;color:#fff;font-size:12px}
.ffm-lang-switch summary{list-style:none;display:inline-flex;gap:5px;align-items:center;cursor:pointer;padding:7px 5px}
.ffm-lang-switch summary::-webkit-details-marker{display:none}
.ffm-lang-switch summary ion-icon{font-size:13px}
.ffm-lang-options{position:absolute;right:0;top:100%;display:flex;flex-direction:column;min-width:125px;border:1px solid #708698;border-radius:8px;background:#0b2031;box-shadow:0 10px 25px #0008;z-index:55;overflow:hidden}
.ffm-lang-options a{padding:11px 14px;color:#fff!important;font-size:12px}
.ffm-lang-options a:hover{background:#304b61;color:#ffe4ab!important}
.ffm-fee-value{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:125px;min-height:140px;text-shadow:0 2px 6px #000}
.ffm-fee-value:before,.ffm-fee-value:after{content:'❧';position:absolute;color:#e3bb67;font-size:79px;line-height:1;top:35px}
.ffm-fee-value:before{left:-34px;transform:rotate(-67deg)}
.ffm-fee-value:after{right:-34px;transform:rotate(115deg)}
.ffm-fee-value span{color:#f7f2df;font-size:15px;line-height:1.1}
.ffm-fee-value strong{display:block;font-size:41px;color:#efcf82;line-height:1.08}
.ffm-fee-value small{color:#f9f8f7;font-size:11px;line-height:1.2}
@media(max-width:900px){.ffm-benefit-grid{padding-top:25px;padding-bottom:25px}.ffm-benefit h2{font-size:13px}.ffm-benefit p{font-size:10px}.ffm-fee-value{min-width:94px}.ffm-fee-value strong{font-size:33px}.ffm-fee-value:before,.ffm-fee-value:after{font-size:58px}.ffm-fee-value:before{left:-22px}.ffm-fee-value:after{right:-22px}}
@media(max-width:680px){.ffm-benefit-grid{padding:17px 0}.ffm-benefit ion-icon{font-size:31px}.ffm-dashboard-showcase-inner{min-height:0}.ffm-academy-layout{min-height:0}.ffm-fee-value{display:none}.ffm-lang-switch{width:100%}.ffm-lang-options{right:auto;left:0}}
@media(prefers-reduced-motion:reduce){.ffm-body{scroll-behavior:auto}}
.ffm-academy-thumb .ffm-academy-play{top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#081722c7;border:2px solid #fff}
.ffm-academy-thumb .ffm-academy-duration{top:auto;left:auto;right:6px;bottom:6px;width:auto;height:auto;border-radius:5px;background:#061522e3;color:#fff;font-size:9px;padding:3px 5px}