/* MUSIC FM HISTORY — 1:1 MOCKUP STYLE */
body.mf-history-book-page{
    --b:#147cff;--bd:#005bea;--c:#59c7ff;--ink:#111827;--mut:#667085;--line:#dce9fb;--soft:#f5f9ff;
}
.mfh-page,.mfh-page *{box-sizing:border-box!important}
.mfh-page{
    width:min(1360px,calc(100% - 42px))!important;margin:0 auto 42px!important;direction:rtl!important;position:relative!important;z-index:2!important;
    font-family:'Heebo',sans-serif!important;color:var(--ink)!important;
}
.mfh-hero{position:relative!important;text-align:center!important;overflow:hidden!important;padding:40px 28px 26px!important;border-radius:0 0 30px 30px!important;background:radial-gradient(circle at 50% 0,rgba(20,124,255,.14),transparent 35%),linear-gradient(180deg,#f8fcff,#edf6ff)!important}
.mfh-hero:after{content:""!important;position:absolute!important;inset:0!important;opacity:.5!important;background:linear-gradient(rgba(20,124,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,124,255,.04) 1px,transparent 1px)!important;background-size:52px 52px!important;mask-image:linear-gradient(#000,transparent 88%)!important}
.mfh-sketch{position:absolute!important;top:16px!important;width:220px!important;height:170px!important;border:3px solid rgba(20,124,255,.25)!important;border-radius:16px!important;opacity:.23!important;background:linear-gradient(rgba(20,124,255,.16) 2px,transparent 2px),linear-gradient(90deg,rgba(20,124,255,.13) 2px,transparent 2px)!important;background-size:42px 32px!important}.mfh-sketch.s1{right:40px;transform:rotate(-11deg)}.mfh-sketch.s2{left:40px;transform:rotate(11deg)}
.mfh-hero h1{position:relative!important;z-index:1!important;margin:0!important;font-size:clamp(33px,4vw,58px)!important;font-weight:950!important;letter-spacing:-.04em!important}.mfh-hero h1 span{color:var(--b)!important}
.mfh-hero p{position:relative!important;z-index:1!important;max-width:780px!important;margin:10px auto 0!important;color:#344054!important;font-weight:850!important;line-height:1.75!important}
.mfh-stats{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:18px!important;max-width:1060px!important;margin:25px auto 0!important}
.mfh-stats article{min-height:94px!important;border-radius:17px!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 12px 25px rgba(15,23,42,.08)!important;display:grid!important;place-items:center!important;padding:14px!important}.mfh-stats b{color:var(--b)!important;font-size:27px!important;font-weight:950!important;direction:ltr!important}.mfh-stats small{color:var(--mut)!important;font-weight:850!important}
.mfh-panel{margin-top:24px!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:0 14px 38px rgba(15,23,42,.055)!important;overflow:hidden!important}.mfh-num{width:48px!important;height:48px!important;border-radius:13px!important;background:#eef6ff!important;border:1px solid #cfe3ff!important;color:var(--b)!important;font-size:20px!important;font-weight:950!important;display:grid!important;place-items:center!important;direction:ltr!important}
.mfh-origin{display:grid!important;grid-template-columns:390px 1fr!important;min-height:292px!important}.mfh-copy{padding:38px!important;display:grid!important;grid-template-columns:58px 1fr!important;gap:18px!important}.mfh-title{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.mfh-title h2,.mfh-head h2{margin:0!important;font-size:31px!important;font-weight:950!important;letter-spacing:-.02em!important}.mfh-title span{border-radius:999px!important;background:#eaf3ff!important;color:var(--b)!important;padding:7px 12px!important;font-weight:950!important;direction:ltr!important}.mfh-copy p{margin:18px 0 0!important;max-width:330px!important;color:#475467!important;font-size:15px!important;line-height:1.9!important;font-weight:800!important}.mfh-tags{margin-top:24px!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important}.mfh-tags span{background:#eef6ff!important;border-radius:12px!important;padding:10px 18px!important;color:#315985!important;font-weight:900!important}
.mfh-book{position:relative!important;min-height:292px!important;background:linear-gradient(90deg,#f8fbff,#fff)!important;overflow:hidden!important}.mfh-paper{position:absolute!important;inset:22px 56px 18px 18px!important;border-radius:16px!important;background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(80,96,120,.14) 32px),linear-gradient(180deg,#faf2e7,#fff8ef)!important;box-shadow:0 16px 34px rgba(15,23,42,.10)!important;transform:rotate(.6deg)!important;overflow:hidden!important}.mfh-paper strong{position:absolute!important;top:28px!important;right:126px!important;font-family:'Comic Sans MS','Heebo',cursive!important;font-size:31px!important;direction:ltr!important;font-weight:500!important}.mfh-rings{position:absolute!important;top:21px!important;bottom:16px!important;right:32px!important;z-index:3!important;display:flex!important;flex-direction:column!important;justify-content:space-around!important}.mfh-rings i{width:25px!important;height:10px!important;border-radius:999px!important;border:3px solid #1f2937!important}.mfh-wire{position:absolute!important;right:118px!important;top:88px!important;width:240px!important;height:142px!important;border:3px solid rgba(35,35,35,.55)!important;border-radius:5px!important}.mfh-wire i{position:absolute!important;border:2px solid rgba(35,35,35,.42)!important;border-radius:3px!important}.mfh-wire .a{right:15px;top:34px;width:132px;height:54px}.mfh-wire .b{left:13px;top:34px;width:64px;height:91px}.mfh-wire .c{right:15px;bottom:13px;width:42px;height:24px}.mfh-wire .d{right:64px;bottom:13px;width:42px;height:24px}.mfh-wire .e{right:113px;bottom:13px;width:42px;height:24px}.mfh-paper ul{position:absolute!important;top:74px!important;left:88px!important;list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:13px!important;color:#7b746c!important;font-family:'Comic Sans MS','Heebo',cursive!important;font-size:21px!important}.mfh-paper li:before{content:'✓';margin-left:12px}.mfh-paper em{position:absolute!important;left:98px!important;bottom:33px!important;font-size:44px!important;font-style:normal!important}.mfh-pen{position:absolute!important;left:61px!important;top:25px!important;width:15px!important;height:242px!important;border-radius:999px!important;transform:rotate(9deg)!important;background:linear-gradient(90deg,#151515,#404040,#111)!important;box-shadow:0 8px 16px rgba(0,0,0,.25)!important}
.mfh-years{padding:30px 38px 34px!important}.mfh-head{display:flex!important;align-items:center!important;gap:18px!important;margin-bottom:30px!important}.mfh-head.center{justify-content:center!important}.mfh-line{position:relative!important;display:grid!important;grid-template-columns:repeat(7,1fr)!important;text-align:center!important}.mfh-line:before{content:""!important;position:absolute!important;top:50px!important;right:8%!important;left:8%!important;height:3px!important;background:#cfe3ff!important}.mfh-line article{position:relative!important;z-index:1!important;display:grid!important;justify-items:center!important}.mfh-line b{font-size:17px!important;font-weight:950!important;direction:ltr!important}.mfh-line article.active b{color:var(--b)!important}.mfh-line span{width:25px!important;height:25px!important;margin:21px 0 15px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff!important;border:3px solid var(--b)!important;color:var(--b)!important;box-shadow:0 0 0 6px rgba(20,124,255,.08)!important;font-size:10px!important}.mfh-line article.active span{width:45px!important;height:45px!important;margin-top:11px!important;background:linear-gradient(135deg,var(--b),var(--c))!important;color:#fff!important;box-shadow:0 10px 28px rgba(20,124,255,.33),0 0 0 8px rgba(20,124,255,.12)!important}.mfh-line p{margin:0!important;color:#344054!important;font-size:13px!important;font-weight:850!important;line-height:1.55!important}
.mfh-two{display:grid!important;grid-template-columns:1fr 1.1fr!important;gap:20px!important;margin-top:24px!important}.mfh-dark,.mfh-release{border-radius:24px!important;border:1px solid var(--line)!important;box-shadow:0 14px 38px rgba(15,23,42,.055)!important;padding:28px!important;background:#fff!important}.mfh-dark{background:radial-gradient(circle at 15% 0,rgba(89,199,255,.18),transparent 35%),linear-gradient(135deg,#071426,#03234a)!important;color:#fff!important}.mfh-dark p{color:#dbeafe!important;font-weight:800!important}.mfh-dark ul{list-style:none!important;padding:0!important;margin:18px 0 0!important;display:grid!important;gap:11px!important}.mfh-dark li{display:flex!important;justify-content:space-between!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding-bottom:10px!important}.mfh-dark li:after{content:'✓';color:#2ee59d}.mfh-release p{font-weight:800!important;color:#475467!important}.mfh-screen{height:170px!important;border:1px solid #cfe3ff!important;border-radius:15px!important;background:#f8fbff!important;margin-top:18px!important;padding:20px!important}.mfh-screen div{height:34px!important;background:#0b2545!important;border-radius:8px!important;margin-bottom:20px!important}.mfh-screen i{display:block!important;height:10px!important;background:#dbeafe!important;border-radius:999px!important;margin:10px auto!important;width:70%}.mfh-screen i:nth-child(3){width:55%}.mfh-screen i:nth-child(4){width:80%}.mfh-release small{display:block!important;text-align:center!important;font-weight:850!important;color:#667085!important;margin-top:10px!important}
.mfh-features,.mfh-versions,.mfh-numbers,.mfh-values{display:grid!important;gap:16px!important}.mfh-features{grid-template-columns:repeat(5,1fr)!important;padding:0 24px 24px!important}.mfh-features article{position:relative!important;text-align:center!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:24px 14px!important;background:#fff!important}.mfh-icon{width:58px!important;height:58px!important;border-radius:50%!important;background:#eef6ff!important;color:var(--b)!important;display:grid!important;place-items:center!important;margin:0 auto 12px!important;font-size:24px!important}.mfh-features h3{font-size:18px!important;color:var(--b)!important}.mfh-features p{font-size:13px!important;line-height:1.7!important;color:#475467!important;font-weight:750!important}.mfh-features a{display:inline-flex!important;background:#eef6ff!important;border-radius:999px!important;padding:7px 18px!important;color:var(--b)!important;font-weight:900!important}.mfh-features small{position:absolute!important;bottom:8px!important;right:50%!important;transform:translateX(50%)!important;color:var(--b)!important;font-weight:900!important}
.mfh-versions{grid-template-columns:repeat(6,1fr)!important;padding:0 24px 24px!important}.mfh-versions article{text-align:center!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:16px!important;background:#fff!important}.mfh-versions b{display:block!important;color:var(--b)!important;font-size:24px!important;direction:ltr!important}.mfh-versions small{font-weight:800!important;color:#667085!important}.mfh-mini-screen{height:90px!important;background:linear-gradient(180deg,#fff,#eef6ff)!important;border:1px solid #cfe3ff!important;border-radius:12px!important;margin:12px 0!important;padding:12px!important}.mfh-mini-screen i{display:block!important;height:9px!important;background:#dbeafe!important;border-radius:999px!important;margin:8px 0}.mfh-mini-screen i:first-child{height:20px!important;background:#0b2545!important}.mfh-versions strong{font-size:13px!important}
.mfh-numbers{grid-template-columns:repeat(7,1fr)!important;padding:0 24px 24px!important}.mfh-numbers article{text-align:center!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:20px 10px!important;background:#fff!important}.mfh-numbers i{font-size:27px!important;color:var(--b)!important}.mfh-numbers b{display:block!important;font-size:24px!important;margin-top:10px!important;direction:ltr!important}.mfh-numbers span{font-size:13px!important;color:#475467!important;font-weight:850!important}
.mfh-gallery{display:grid!important;grid-template-columns:40px repeat(6,1fr) 40px!important;gap:16px!important;padding:0 24px 24px!important;align-items:center!important}.mfh-gallery button{border:0!important;background:#fff!important;font-size:32px!important;color:#111!important}.mfh-gallery article{text-align:center!important}.mfh-photo{height:92px!important;border-radius:14px!important;border:1px solid var(--line)!important;background:linear-gradient(135deg,#061526,#0a3564)!important;box-shadow:inset 0 0 0 10px rgba(255,255,255,.08)!important}.mfh-photo.p2,.mfh-photo.p5{background:linear-gradient(135deg,#fff,#eaf3ff)!important}.mfh-photo.p3{background:linear-gradient(135deg,#030813,#09264e)!important}.mfh-gallery span{font-size:12px!important;font-weight:850!important}
.mfh-values{grid-template-columns:repeat(6,1fr)!important;padding:0 24px 24px!important}.mfh-values article{text-align:center!important;border-radius:18px!important;padding:22px 14px!important;background:#fff5f5!important;border:1px solid #ffe1e1!important}.mfh-values i{font-size:28px!important;color:#ef4444!important}.mfh-values h3{font-size:16px!important}.mfh-values p{font-size:12px!important;color:#667085!important;font-weight:750!important;line-height:1.5!important}
.mfh-founder-grid{display:grid!important;grid-template-columns:1.05fr .95fr .95fr!important;gap:18px!important;padding:0 24px 24px!important}.mfh-founder-grid article{border:1px solid var(--line)!important;border-radius:18px!important;background:#fff!important;padding:22px!important}.mfh-avatar{width:90px!important;height:90px!important;border-radius:28px!important;background:linear-gradient(135deg,var(--b),var(--bd))!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:36px!important;float:left!important;margin-right:16px!important}.mfh-founder-card h3{font-size:25px!important;color:var(--b)!important}.mfh-founder-card strong{display:block!important;direction:ltr!important;color:var(--b)!important;margin:4px 0 10px!important}.mfh-founder-card p,.mfh-dream p{font-weight:750!important;color:#475467!important;line-height:1.7!important}.mfh-checks p{font-weight:850!important;color:#475467!important}.mfh-checks i{color:#22c55e!important;margin-left:8px!important}.rocket{font-size:70px!important;text-align:center!important}.mfh-dream{text-align:center!important;background:linear-gradient(180deg,#f8fbff,#fff)!important}
.mfh-thanks-grid{display:grid!important;grid-template-columns:1fr 1.4fr 1fr!important;gap:18px!important;padding:0 24px 24px!important;align-items:center!important}.hands{font-size:130px!important;text-align:center!important;color:#b87333!important}.bars p{display:grid!important;grid-template-columns:140px 1fr 50px!important;gap:12px!important;align-items:center!important;color:#667085!important;font-weight:800!important}.bars b{height:13px!important;background:#eaf3ff!important;border-radius:999px!important;overflow:hidden!important}.bars i{display:block!important;height:100%!important;background:#bcd9ff!important;border-radius:999px!important}.bars em{font-style:normal!important;color:var(--b)!important;font-weight:950!important}.mfh-final{text-align:center!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:28px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}.mfh-final strong{font-size:24px!important;color:var(--b)!important}.mfh-final p{font-weight:850!important;color:#475467!important}
@media(max-width:1100px){.mfh-stats{grid-template-columns:repeat(3,1fr)!important}.mfh-origin,.mfh-two{grid-template-columns:1fr!important}.mfh-features,.mfh-values{grid-template-columns:repeat(2,1fr)!important}.mfh-versions,.mfh-numbers{grid-template-columns:repeat(3,1fr)!important}.mfh-gallery{grid-template-columns:40px repeat(3,1fr) 40px!important}.mfh-gallery article:nth-of-type(n+4){display:none!important}.mfh-founder-grid,.mfh-thanks-grid{grid-template-columns:1fr!important}.mfh-line{overflow-x:auto!important;grid-template-columns:repeat(7,150px)!important;padding-bottom:10px!important}.mfh-line:before{right:75px!important;left:auto!important;width:900px!important}}
@media(max-width:700px){.mfh-page{width:calc(100% - 18px)!important}.mfh-hero{border-radius:0 0 22px 22px!important;padding:28px 14px 18px!important}.mfh-sketch{display:none!important}.mfh-stats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.mfh-stats article{min-height:80px!important}.mfh-copy{grid-template-columns:1fr!important;padding:22px!important}.mfh-title h2,.mfh-head h2{font-size:23px!important}.mfh-paper{inset:18px 36px 18px 10px!important}.mfh-paper strong{right:76px!important;font-size:23px!important}.mfh-wire{right:62px!important;top:86px!important;width:180px!important;height:120px!important}.mfh-paper ul{left:30px!important;font-size:16px!important}.mfh-pen{left:24px!important}.mfh-features,.mfh-versions,.mfh-numbers,.mfh-values,.mfh-gallery{grid-template-columns:1fr!important}.mfh-gallery button{display:none!important}.mfh-gallery article{display:block!important}.mfh-years{padding:22px 14px!important}.mfh-two{gap:14px!important}.mfh-dark,.mfh-release{padding:20px!important}.hands{font-size:80px!important}.bars p{grid-template-columns:1fr!important;gap:6px!important}}


/* Timeline text fix — real story */
.mfh-line p{
    max-width:118px!important;
    min-height:42px!important;
}
@media(max-width:1100px){
    .mfh-line{
        grid-template-columns:repeat(7,170px)!important;
    }
    .mfh-line:before{
        width:1020px!important;
    }
    .mfh-line p{
        max-width:150px!important;
    }
}
@media(max-width:700px){
    .mfh-line{
        grid-template-columns:repeat(7,165px)!important;
    }
    .mfh-line p{
        font-size:12.5px!important;
        line-height:1.5!important;
    }
}



/* =========================================================
   HISTORY PAGE — SITE SHELL + LIVE BG + MOBILE NAV PATCH
   ========================================================= */

body.mf-history-book-page{
    background:
        radial-gradient(circle at 15% 20%, rgba(20,124,255,.10), transparent 24%),
        linear-gradient(180deg,#f7f9fc 0%,#f4f6fa 45%,#ffffff 100%)!important;
}

body.mf-history-book-page .live-bg{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:0!important;
}

/* Make sure page is above LIVE BG */
body.mf-history-book-page .mfh-page{
    position:relative!important;
    z-index:2!important;
}

/* Keep site-shell mobile header/bottom nav exactly as global site */
@media(max-width:700px){
    body.mf-history-book-page .topbar,
    body.mf-history-book-page .mf-site-header,
    body.mf-history-book-page .mf-mobile-header,
    body.mf-history-book-page .mf-mobile-bottom,
    body.mf-history-book-page .mf-mobile-bottom-bar,
    body.mf-history-book-page .mobile-bottom-bar,
    body.mf-history-book-page .bottom-nav,
    body.mf-history-book-page .mf-bottom-nav,
    body.mf-history-book-page .mobile-nav{
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
    }

    body.mf-history-book-page .mf-mobile-bottom,
    body.mf-history-book-page .mf-mobile-bottom-bar,
    body.mf-history-book-page .mobile-bottom-bar,
    body.mf-history-book-page .bottom-nav,
    body.mf-history-book-page .mf-bottom-nav,
    body.mf-history-book-page .mobile-nav{
        display:flex!important;
        z-index:99999!important;
    }

    body.mf-history-book-page .mfh-page{
        padding-bottom:96px!important;
    }
}

/* Story section */
.mfh-story{
    padding:34px!important;
}

.mfh-story-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
}

.mfh-story-grid article{
    background:#fff!important;
    border:1px solid var(--line)!important;
    border-radius:22px!important;
    padding:24px!important;
    transition:.25s ease!important;
    position:relative!important;
    overflow:hidden!important;
}

.mfh-story-grid article:hover{
    transform:translateY(-4px)!important;
    box-shadow:0 16px 30px rgba(15,23,42,.08)!important;
}

.mfh-story-grid span{
    display:inline-flex!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    background:#eef6ff!important;
    color:var(--b)!important;
    font-weight:950!important;
    margin-bottom:14px!important;
    direction:ltr!important;
}

.mfh-story-grid h3{
    margin:0 0 12px!important;
    font-size:24px!important;
    font-weight:950!important;
}

.mfh-story-grid p{
    margin:0!important;
    line-height:1.9!important;
    color:#475467!important;
    font-weight:750!important;
}

.mfh-story-grid .highlight{
    background:linear-gradient(135deg,#147cff,#005bea)!important;
    color:#fff!important;
}

.mfh-story-grid .highlight p,
.mfh-story-grid .highlight h3{
    color:#fff!important;
}

.mfh-story-grid .highlight span{
    background:#fff!important;
    color:#147cff!important;
}

/* Keep 7 number cards in one clean desktop row */
.mfh-numbers{
    grid-template-columns:repeat(7,1fr)!important;
}

@media(max-width:700px){
    .mfh-story{
        padding:20px!important;
    }

    .mfh-story-grid{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    .mfh-story-grid article{
        border-radius:18px!important;
        padding:20px!important;
    }

    .mfh-story-grid h3{
        font-size:21px!important;
    }

    .mfh-story-grid p{
        font-size:14px!important;
        line-height:1.85!important;
    }

    .mfh-numbers{
        grid-template-columns:1fr!important;
    }

    .mfh-numbers article{
        min-height:118px!important;
        border-radius:18px!important;
    }
}