.mf-showcase{background:#f6f3eb}.mf-showcase-head{display:grid;grid-template-columns:1.1fr .8fr;gap:4rem;align-items:end}.mf-showcase-head>p{font-size:1.1rem;line-height:1.75;color:#52615d}.mf-shot-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem}.mf-shot{margin:0;background:#fff;border:1px solid rgba(0,107,79,.14);border-radius:24px;padding:18px;box-shadow:0 18px 60px rgba(18,60,115,.08)}.mf-shot-large{grid-row:span 2}.mf-shot-screen{border-radius:16px;overflow:hidden;min-height:260px;background:#082f29;color:#fff}.mf-shot-large .mf-shot-screen{min-height:570px}.mf-shot figcaption{padding:18px 6px 4px;display:flex;flex-direction:column;gap:6px}.mf-shot figcaption b{font-size:1.05rem;color:#163b34}.mf-shot figcaption span{color:#64716e;line-height:1.55}.mf-board-demo{padding:34px;display:flex;flex-direction:column;background:linear-gradient(155deg,#063e32,#092d4c)}.mf-demo-date{font-size:.8rem;opacity:.72}.mf-demo-masjid{margin-top:32px;font-size:1.05rem;letter-spacing:.12em;color:#e6cc72}.mf-demo-next{margin:auto 0;text-align:center;display:flex;flex-direction:column;gap:8px}.mf-demo-next b{font-size:3.2rem;font-weight:600}.mf-demo-next strong{font-size:1.6rem;color:#e6cc72}.mf-demo-times{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;border-top:1px solid rgba(255,255,255,.2);padding-top:24px}.mf-demo-times span{text-align:center;font-size:.72rem;opacity:.8}.mf-demo-times b{display:block;margin-top:5px;font-size:.85rem;color:#fff}.mf-notice-demo,.mf-listen-demo{padding:30px;display:flex;flex-direction:column;justify-content:center}.mf-notice-demo{background:linear-gradient(145deg,#006b4f,#0a4539)}.mf-listen-demo{background:linear-gradient(145deg,#123c73,#082943)}.mf-demo-label{text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;color:#e6cc72}.mf-notice-demo strong,.mf-listen-demo strong{font-size:1.8rem;margin:14px 0 8px}.mf-notice-demo p,.mf-listen-demo p{opacity:.78;line-height:1.5}.mf-radio-dot{width:48px;height:48px;border:2px solid #e6cc72;border-radius:50%;margin-top:18px;position:relative}.mf-radio-dot:after{content:'';position:absolute;width:12px;height:12px;background:#e6cc72;border-radius:50%;inset:0;margin:auto}.mf-wave{display:flex;align-items:center;gap:5px;height:36px;margin-top:16px}.mf-wave i{display:block;width:4px;background:#e6cc72;border-radius:4px;height:14px}.mf-wave i:nth-child(2),.mf-wave i:nth-child(6){height:26px}.mf-wave i:nth-child(3),.mf-wave i:nth-child(5){height:34px}.mf-wave i:nth-child(4){height:20px}.mf-shot-note{text-align:center;color:#71807b;font-size:.82rem;margin-top:22px}.mf-content-strip{background:#fff}.mf-content-cards{display:grid;gap:12px}.mf-content-cards>div{border-left:4px solid #c9a227;padding:20px 24px;background:#f7f8f5;display:grid;grid-template-columns:110px 1fr 1fr;align-items:center;gap:18px}.mf-content-cards small{text-transform:uppercase;letter-spacing:.08em;color:#006b4f}.mf-content-cards strong{font-size:1.2rem;color:#123c73}.mf-content-cards span{color:#68736f}.mf-benefits{background:#edf3ef}.mf-benefit-list{display:grid;gap:1px;background:rgba(0,107,79,.13);border:1px solid rgba(0,107,79,.13)}.mf-benefit-list>div{background:#fff;padding:24px;display:grid;grid-template-columns:150px 1fr;gap:24px}.mf-benefit-list b{color:#006b4f}.mf-benefit-list span{color:#63706c}.mf-closing-logo{display:block;width:min(380px,80%);height:auto;margin:0 auto;filter:brightness(0) invert(1);opacity:.95}@media(max-width:767px){.mf-showcase-head{grid-template-columns:1fr;gap:1.5rem}.mf-shot-grid{grid-template-columns:1fr}.mf-shot-large{grid-row:auto}.mf-shot-large .mf-shot-screen{min-height:500px}.mf-content-cards>div,.mf-benefit-list>div{grid-template-columns:1fr;gap:6px}.mf-demo-times{grid-template-columns:repeat(5,1fr);font-size:.65rem}}