/* Approved editorial feature design. Every selector is scoped below the hero. */
.mf-features{padding-top:52px;scroll-margin-top:0;color:#171b1a}
.mf-feature{padding:70px 5.4%;background:#fff;overflow:hidden}
.mf-feature:nth-child(even){background:#f5f7f9}
.mf-feature-inner{max-width:1284px;min-height:480px;margin:auto;display:grid;grid-template-columns:40% 56%;gap:4%;align-items:center}
.mf-reverse .mf-feature-inner{grid-template-columns:56% 40%}.mf-reverse .mf-feature-copy{order:2}.mf-reverse .mf-feature-art{order:1}
.mf-feature-copy{position:relative;z-index:1}.mf-feature-label{display:flex;align-items:center;gap:12px;color:#6b7482;font-size:14px;margin:0 0 27px}.mf-feature-label i{width:8px;height:8px;border-radius:50%;background:#79d8a2}.mf-feature-label>span{font-variant-numeric:tabular-nums}
.mf-feature h2{font-size:clamp(28px,3.05vw,43px);line-height:1.42;letter-spacing:-1.6px;font-weight:900;-webkit-text-stroke:.008em currentColor;margin:0 0 22px}.mf-feature-description{font-size:clamp(14px,1.45vw,19px);line-height:1.8;color:#77808e;margin:0}.mf-copy-rule{width:29px;height:1px;display:block;background:#9da6b1;margin-top:33px}
.mf-feature-art{min-width:0;perspective:1600px;padding:10px 0}.mf-window{background:rgba(255,255,255,.98);border:1px solid #e9edf1;border-radius:15px;box-shadow:0 22px 45px -21px #45546d24;transform:rotate(-1.1deg);overflow:hidden;font-size:12px;color:#657083}
.mf-reverse .mf-window{transform:rotate(.7deg)}.mf-window h4{font-size:14px;font-weight:650;line-height:1.6;margin:0;color:#202628}.mf-window p{margin:0;line-height:1.8}.mf-window small{font-size:10px;color:#96a0af}.mf-window em{font-style:normal}.mf-tabs{display:flex;align-items:center;gap:13px;padding:15px;border-bottom:1px solid #edf0f4;color:#697284;font-size:12px}.mf-tabs>span{padding:9px 13px;white-space:nowrap;position:relative}.mf-tabs .selected{background:#e0f9eb;color:#284d3c;border-radius:6px;font-weight:600}.mf-tabs>small{margin-left:auto;white-space:nowrap}.mf-window-head{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px}.mf-window-head>span{color:#919bab;font-size:11px}
.mf-editor-body{display:grid;grid-template-columns:1fr 142px;gap:17px;padding:24px 20px 25px}.mf-script>h4{font-size:19px;letter-spacing:-.5px;padding:0 0 17px;border-bottom:1px solid #edf0f4;margin-bottom:17px}.mf-script-line{display:flex;gap:14px;margin:19px 0 0;align-items:flex-start}.mf-script-line em{font-size:10px;background:#eef3f8;color:#64748a;border-radius:4px;padding:4px 7px;white-space:nowrap}.mf-script-line:first-of-type em{background:#dff9e9;color:#348559}.mf-script-line small{display:block;margin:2px 0 4px}.mf-script-line p{font-size:11px;line-height:1.9}.mf-cover{border-left:1px solid #f0f2f5;padding-left:15px}.mf-cover>small{color:#4e596a;font-weight:600}.mf-cover>div{background:#faf7ee;margin-top:16px;padding:49px 9px 37px;font-family:"Kaiti SC",KaiTi,serif;font-size:22px;line-height:1.65;text-align:center;color:#38434a;border-radius:7px}.mf-cover>div>span{display:block;width:45px;height:2px;background:#84c9a1;margin:18px auto 0;transform:rotate(-8deg)}.mf-caret{display:inline-block;width:1.5px;height:12px;background:#65ae83;vertical-align:middle;margin-left:3px}
.mf-presenter{max-width:560px;padding:9px;margin:0 auto}.mf-presenter-photo{position:relative;height:320px;border-radius:8px;overflow:hidden;background:#e7e8e6}.mf-presenter-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 39%}.mf-presenter-tag{position:absolute;top:0;left:0;background:#ffffffed;color:#284032;padding:13px 18px;border-radius:0 0 9px 0;font-size:12px;font-weight:600}.mf-player{display:flex;align-items:center;gap:13px;padding:17px 8px}.mf-play{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;background:#25332b;color:#fff;font-size:11px}.mf-player>small{font-size:9px;white-space:nowrap}.mf-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:36px;flex:1;min-width:0;overflow:hidden}.mf-wave>i{height:var(--bar);width:2px;flex-shrink:0;border-radius:2px;background:#73c295;transform:scaleY(.7)}.mf-wave>i:nth-last-child(-n+8){background:#d4dde5}.mf-presenter-tabs{padding:8px 3px 0;gap:8px;border-top:1px solid #edf0f4;border-bottom:0}.mf-presenter-tabs>span{text-align:center;flex:1;font-size:11px;padding:9px}
.mf-analytics{padding:5px 8px 0}.mf-analytics .mf-tabs{border-bottom:0}.mf-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:5px 16px}.mf-stat-row>div{padding:15px;border:1px solid #edf0f4;border-radius:8px}.mf-stat-row strong{display:flex;align-items:center;justify-content:space-between;color:#171c21;font-size:23px;margin-top:7px;font-weight:650;letter-spacing:-.5px}.mf-stat-row em{color:#52ad79;font-size:10px;font-weight:400;letter-spacing:0}.mf-chart{position:relative;padding:37px 26px 19px 51px}.mf-chart svg{display:block;width:100%;height:auto;overflow:visible}.mf-chart-note{position:absolute;right:29px;top:16px;font-size:9px;color:#a8b1be}.mf-y-axis{position:absolute;top:48px;bottom:42px;left:18px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#8c98ab}.mf-x-axis{display:flex;justify-content:space-between;font-size:9px;color:#8c98ab;margin-top:13px}.mf-window-foot{display:flex;gap:12px;align-items:center;padding:20px;border-top:1px solid #edf0f4;font-size:10px;line-height:1.7}.mf-window-foot strong{color:#39434e;font-size:11px;white-space:nowrap}.mf-window-foot>b{margin-left:auto;font-weight:400}.mf-window-foot>span{color:#8994a3}
.mf-assistant{padding:24px}.mf-assistant>h4{margin-bottom:17px}.mf-assistant>h4>span{color:#68c68c;font-size:21px;vertical-align:middle;margin-right:7px}.mf-input{display:flex;justify-content:space-between;align-items:center;border:1px solid #e3e9f1;background:#fcfdfe;border-radius:8px;padding:12px 14px;font-size:12px}.mf-assistant .mf-input>span{height:24px;width:24px;display:grid;place-items:center;border-radius:50%;background:#66c08d;color:white;font-size:18px}.mf-context{display:flex;gap:10px;margin:16px 0 20px}.mf-context>span{flex:1;white-space:nowrap;text-align:center;border:1px solid #e8edf1;border-radius:8px;background:#f8fafc;padding:11px 5px;font-size:11px}.mf-reply{display:flex;gap:14px;padding:4px 0 17px}.mf-reply>span{height:31px;width:31px;flex-shrink:0;border-radius:50%;background:#e1f8eb;color:#66ad83;display:grid;place-items:center;font-size:20px}.mf-reply p{font-size:12px;color:#7f8999;line-height:1.9}.mf-assistant-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.mf-assistant-foot>span{color:#a0aab6;font-size:10px}.mf-assistant-foot>strong{background:#d7f7e4;color:#345441;font-size:12px;border-radius:7px;padding:11px 16px;font-weight:550;white-space:nowrap}
.mf-planner{padding:0 12px 20px}.mf-calendar{border:1px solid #edf0f4;border-radius:7px;overflow:hidden;margin:0 12px}.mf-days{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;text-align:center;padding:18px 0;font-size:12px}.mf-calendar-grid{position:relative;height:267px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(14.2857% - 1px),#edf0f4 calc(14.2857% - 1px),#edf0f4 14.2857%)}.mf-plan{position:absolute;height:52px;border-radius:7px;padding:10px 13px;background:#eafbf2;display:flex;align-items:center;gap:12px;font-size:11px}.mf-plan strong{font-weight:500;color:#34463c;white-space:nowrap}.mf-plan span{padding:4px 6px;border-radius:4px;background:#d9f8e7;color:#52966e;font-size:10px;white-space:nowrap}.mf-plan b{font-weight:400;color:#84a693}.mf-plan-one{top:25px;left:3%;width:66%}.mf-plan-two{top:104px;left:24%;width:66%;background:#f0f5fc}.mf-plan-two span{background:#e1edfc;color:#7a9aba}.mf-plan-three{top:183px;right:3%;width:66%}
.mf-breakdown{display:grid;grid-template-columns:31% 1fr;gap:14px;padding:9px}.mf-video-type{background:#232628;color:#fff;border-radius:8px;padding:39px 14px 14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:352px;background-image:repeating-linear-gradient(45deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 4px)}.mf-video-type>strong{font-family:"Kaiti SC",KaiTi,serif;font-size:34px;line-height:1.6;text-align:center;font-weight:400}.mf-video-play{width:47px;height:47px;display:grid;place-items:center;border:1px solid #b4bdbb;border-radius:50%;font-size:27px}.mf-video-type>div{width:100%;margin-top:17px}.mf-video-type small{color:#dde1df;font-size:9px}.mf-progress{display:block;height:2px;background:#6b746f;margin-top:13px;overflow:hidden}.mf-progress i{display:block;width:18%;height:100%;background:#b8ebca}.mf-transcript{min-width:0;padding-right:6px}.mf-transcript .mf-tabs{padding:7px 0 13px;gap:6px;font-size:11px}.mf-transcript .mf-tabs>span{padding:8px 9px}.mf-transcript-row{display:grid;grid-template-columns:37px 1fr;gap:5px;padding:13px 8px;border-radius:6px;position:relative;font-size:11px}.mf-transcript-row small{font-size:9px;line-height:2}.mf-transcript-row em{grid-column:2;justify-self:start;font-size:9px;border-radius:3px;padding:2px 6px;background:#eef3f8;color:#8794a6}.mf-transcript-active{background:#e9fbf0}.mf-transcript-active small,.mf-transcript-active em{color:#50a172}.mf-transcript-active em{background:#d6f7e5}.mf-transcript-wave{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f4;padding:10px 3px}.mf-transcript-wave small{font-size:8px;white-space:nowrap}.mf-transcript-wave .mf-wave{gap:2px}
.mf-monitor{padding:8px 24px 0}.mf-monitor>.mf-tabs{padding-left:0}.mf-creator{display:flex;gap:13px;padding:26px 0;border-bottom:1px solid #edf0f4;position:relative}.mf-avatar{height:43px;width:43px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#9aa3b3;color:#fff;font-size:22px}.mf-creator>div{flex:1;min-width:0;padding-top:2px}.mf-creator h4{font-size:13px}.mf-creator small{display:block;margin-top:4px;font-size:10px}.mf-creator p{display:flex;justify-content:space-between;gap:10px;background:#f8fafc;border-radius:5px;padding:11px 10px;margin-top:15px;font-size:11px;color:#59687a}.mf-creator p b{font-weight:400}.mf-creator>em{position:absolute;top:29px;right:0;background:#e3faed;border-radius:5px;padding:7px 10px;color:#5fae80;font-size:10px}.mf-monitor .mf-window-foot{border:0;padding:18px 0}.mf-monitor .mf-window-foot>span{font-size:12px}
.mf-collection{padding:20px}.mf-saved{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid #edf0f4;position:relative}.mf-content-thumb{display:grid;place-items:center;width:102px;height:112px;flex-shrink:0;border-radius:8px;background:#f1f4f8;color:#96a1b2;font-size:31px;font-weight:600}.mf-desk-thumb{background:#ede9df;color:#726b60;font-family:"Kaiti SC",KaiTi,serif;position:relative;overflow:hidden}.mf-desk-thumb:before{content:'';position:absolute;inset:15px 19px;background:#fffdf5;transform:rotate(-9deg);box-shadow:4px 6px 8px #75695b18}.mf-desk-thumb>span{position:relative;font-size:24px;line-height:1.5;transform:rotate(-9deg);font-weight:400}.mf-saved>div:nth-child(2){flex:1;padding:3px 13px 0 0;min-width:0}.mf-saved h4{font-size:13px}.mf-saved small{display:block;margin:8px 0;line-height:1.8}.mf-saved em{padding:3px 5px;background:#eef3f8;border-radius:3px;margin-right:6px;color:#8799ad}.mf-saved p{font-size:11px;color:#929bac}.mf-bookmark{position:absolute;right:0;top:24px;color:#6f8e7b;font-size:20px}.mf-collect-flow{display:flex;justify-content:space-around;align-items:center;padding:20px 0 0;color:#4b6e5c;font-size:12px}.mf-collect-flow b{font-weight:400;color:#97a6ac}.mf-collect-flow>span{padding:7px 10px;background:#eefbf3;border-radius:5px}.mf-feature-note{max-width:1284px;margin:0 auto;padding:25px 5.4%;text-align:center;font-size:10px;color:#9aa4b0}
/* Motion lives inside each preview; it pauses off-screen and in hidden tabs. */
.mf-feature .mf-caret{animation:mf-caret 1.2s step-end infinite}.mf-feature .mf-wave i{animation:mf-wave 1.6s ease-in-out infinite alternate;animation-delay:var(--delay)}.mf-feature .mf-chart-stroke{stroke-dasharray:650;animation:mf-chart 6s ease-in-out infinite}.mf-feature .mf-chart-dot{animation:mf-dot 3s ease-in-out infinite}.mf-feature .mf-plan{animation:mf-plan 6s ease-in-out infinite}.mf-feature .mf-plan-two{animation-delay:-2s}.mf-feature .mf-plan-three{animation-delay:-4s}.mf-feature .mf-transcript-active{animation:mf-highlight 5s ease-in-out infinite}.mf-feature .mf-progress i{animation:mf-progress 9s linear infinite}.mf-feature .mf-creator>em{animation:mf-highlight 5s ease-in-out infinite}.mf-feature .mf-creator:nth-child(3)>em{animation-delay:-2.5s}.mf-feature .mf-bookmark{animation:mf-dot 4s ease-in-out infinite}.mf-feature .mf-saved:nth-child(3) .mf-bookmark{animation-delay:-2s}.mf-feature :is(.mf-caret,.mf-wave i,.mf-chart-stroke,.mf-chart-dot,.mf-plan,.mf-transcript-active,.mf-progress i,.mf-creator>em,.mf-bookmark){animation-play-state:paused}.mf-feature.is-in-view :is(.mf-caret,.mf-wave i,.mf-chart-stroke,.mf-chart-dot,.mf-plan,.mf-transcript-active,.mf-progress i,.mf-creator>em,.mf-bookmark){animation-play-state:running}
@keyframes mf-caret{50%{opacity:0}}@keyframes mf-wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes mf-chart{0%{stroke-dashoffset:650}45%,100%{stroke-dashoffset:0}}@keyframes mf-dot{50%{opacity:.45}}@keyframes mf-plan{50%{transform:translateY(-3px)}}@keyframes mf-highlight{50%{background-color:#d9f7e6}}@keyframes mf-progress{from{width:10%}to{width:90%}}
@media(min-width:1600px){.mf-feature{padding-top:90px;padding-bottom:90px}}
@media(max-width:1100px){.mf-feature{padding:55px 4.5%}.mf-feature-inner{min-height:430px;grid-template-columns:41% 55%}.mf-reverse .mf-feature-inner{grid-template-columns:55% 41%}.mf-feature h2{font-size:29px;letter-spacing:-1px}.mf-feature-description{font-size:14px}.mf-feature-label{font-size:12px}.mf-editor-body{grid-template-columns:1fr 100px;gap:10px;padding:17px 15px}.mf-script>h4{font-size:15px}.mf-script-line{gap:8px;margin-top:14px}.mf-script-line p{font-size:10px}.mf-cover{padding-left:10px}.mf-cover>div{font-size:18px;padding:38px 5px}.mf-tabs{gap:3px;padding:12px 9px;font-size:11px}.mf-tabs>span{padding:8px 10px}.mf-presenter-photo{height:280px}.mf-player{gap:7px}.mf-wave{gap:2px}.mf-context{gap:6px}.mf-context>span{font-size:10px}.mf-assistant{padding:20px}.mf-assistant-foot>span{display:none}.mf-assistant-foot{justify-content:flex-end}.mf-window-foot{padding:17px 12px}.mf-window-foot>span{font-size:9px}.mf-plan{padding:9px;gap:7px;font-size:10px}.mf-plan span{font-size:9px}.mf-breakdown{gap:7px}.mf-video-type{padding:30px 10px 12px}.mf-video-type>strong{font-size:28px}.mf-transcript-row{font-size:10px;padding:11px 4px;grid-template-columns:32px 1fr}.mf-transcript-wave{gap:3px}.mf-monitor{padding:5px 17px 0}.mf-creator{gap:10px}.mf-avatar{width:35px;height:35px;font-size:19px}.mf-creator>em{font-size:9px;padding:5px 7px}.mf-creator h4{font-size:12px}.mf-content-thumb{width:78px;height:104px}.mf-saved{gap:12px}.mf-saved h4{font-size:12px}.mf-saved p{font-size:10px}}
@media(max-width:760px){.mf-features{padding-top:30px}.mf-feature{padding:45px 6% 49px}.mf-feature-inner,.mf-reverse .mf-feature-inner{display:flex;flex-direction:column;align-items:stretch;gap:28px;min-height:0;max-width:540px}.mf-reverse .mf-feature-copy,.mf-reverse .mf-feature-art{order:initial}.mf-feature-label{font-size:12px;gap:9px;margin-bottom:18px}.mf-feature h2{font-size:clamp(26px,6.8vw,36px);line-height:1.45;letter-spacing:-1px;margin-bottom:16px}.mf-feature-description{font-size:14px;line-height:1.8}.mf-copy-rule{margin-top:23px;width:24px}.mf-feature-art{padding:7px 2px}.mf-window,.mf-reverse .mf-window{transform:rotate(0deg);border-radius:11px;box-shadow:0 15px 30px -18px #45546d35}.mf-editor-body{grid-template-columns:1fr 87px;padding:16px 12px;gap:8px}.mf-script>h4{font-size:14px;padding-bottom:12px}.mf-script-line{gap:7px;margin-top:13px}.mf-script-line em{font-size:8px;padding:3px 5px}.mf-script-line p{font-size:9px}.mf-script-line small{font-size:8px}.mf-cover>div{font-size:17px;padding:40px 4px}.mf-cover>small{font-size:9px}.mf-tabs{font-size:10px;padding:10px 7px;gap:2px;justify-content:space-between}.mf-tabs>span{padding:7px 8px}.mf-presenter-photo{height:260px}.mf-player{gap:8px;padding:13px 5px}.mf-player>small{font-size:8px}.mf-player .mf-wave i:nth-last-child(-n+8){display:none}.mf-presenter-tabs{padding-top:9px}.mf-stat-row{gap:8px;padding:4px 8px}.mf-stat-row>div{padding:12px}.mf-stat-row strong{font-size:22px}.mf-chart{padding:33px 16px 18px 38px}.mf-y-axis{left:8px;top:40px;bottom:40px}.mf-window-foot{gap:8px;padding:14px 8px}.mf-window-foot>strong{font-size:9px}.mf-window-foot>span{font-size:9px}.mf-context{gap:6px}.mf-context>span{font-size:9px}.mf-assistant{padding:18px}.mf-input{font-size:11px;padding:10px}.mf-reply{gap:9px}.mf-reply p{font-size:11px}.mf-assistant-foot strong{font-size:11px}.mf-planner{padding:0 6px 12px}.mf-window-head{padding:18px 13px}.mf-window-head h4{font-size:13px}.mf-window-head>span{font-size:10px}.mf-calendar{margin:0 6px}.mf-days{padding:14px 0;font-size:10px}.mf-calendar-grid{height:239px}.mf-plan{height:46px;gap:7px;font-size:9px;padding:8px}.mf-plan span{font-size:8px;padding:4px}.mf-plan-one{top:20px;width:81%;left:3%}.mf-plan-two{top:95px;left:14%;width:81%}.mf-plan-three{top:170px;width:81%}.mf-breakdown{grid-template-columns:29% 1fr;padding:6px;gap:7px}.mf-video-type{min-height:343px;padding:38px 9px 12px}.mf-video-type>strong{font-size:25px}.mf-video-play{width:38px;height:38px;font-size:22px}.mf-video-type small{font-size:7px}.mf-transcript{padding-right:0}.mf-transcript .mf-tabs{font-size:10px;gap:2px;justify-content:flex-start}.mf-transcript .mf-tabs>span{padding:7px}.mf-transcript-row{font-size:9px;grid-template-columns:28px 1fr;gap:3px;padding:10px 3px}.mf-transcript-row small{font-size:8px}.mf-transcript-row em{font-size:8px}.mf-transcript-wave .mf-wave>i:nth-last-child(-n+10){display:none}.mf-transcript-wave small{font-size:7px}.mf-monitor{padding:7px 15px 0}.mf-creator{padding:22px 0;gap:9px}.mf-creator>em{top:25px;font-size:8px;padding:4px 6px}.mf-creator small{font-size:8px}.mf-creator h4{font-size:11px}.mf-creator p{font-size:10px;margin-top:13px;padding:9px}.mf-monitor .mf-window-foot>span{font-size:10px}.mf-collection{padding:15px}.mf-saved{gap:11px;padding:18px 0}.mf-content-thumb{width:70px;height:97px;font-size:26px}.mf-desk-thumb>span{font-size:19px}.mf-desk-thumb:before{inset:12px}.mf-saved h4{font-size:11px}.mf-saved small{font-size:8px;margin:6px 0}.mf-saved p{font-size:9px}.mf-collect-flow{padding-top:15px;font-size:10px}.mf-collect-flow>span{padding:6px 8px}.mf-feature-note{font-size:9px;padding:20px 6%}}
@media(prefers-reduced-motion:reduce){.mf-features *,.mf-features *:before,.mf-features *:after{animation:none!important;transition:none!important}.mf-chart-stroke{stroke-dasharray:none!important}}
.mf-features .mf-icon{display:inline-block;width:15px;height:15px;vertical-align:-3px;flex-shrink:0}.mf-bookmark .mf-icon{width:17px;height:17px}
@media(min-width:1101px){.mf-tabs{font-size:14px;gap:18px}.mf-tabs>span{padding:10px 16px}.mf-window h4{font-size:16px}.mf-script>h4{font-size:21px}.mf-script-line p{font-size:13px}.mf-script-line small{font-size:11px}.mf-script-line em{font-size:11px}.mf-editor-body{padding:25px;grid-template-columns:1fr 150px}.mf-cover>div{font-size:24px}.mf-context>span{font-size:13px}.mf-reply p{font-size:14px}.mf-input{font-size:14px}.mf-plan{font-size:13px}.mf-plan span{font-size:11px}.mf-transcript-row{font-size:13px;padding-top:15px;padding-bottom:15px}.mf-transcript-row small{font-size:10px}.mf-transcript-row em{font-size:10px}.mf-video-type{min-height:400px}.mf-creator h4{font-size:15px}.mf-creator small{font-size:11px}.mf-creator p{font-size:13px}.mf-saved h4{font-size:15px}.mf-saved p{font-size:13px}.mf-saved small{font-size:11px}.mf-saved{padding-top:23px;padding-bottom:23px}}
/* AI workflow illustrations reuse the editorial windows and mint accents. */
.mf-feature-detail{max-width:380px;margin:17px 0 0;font-size:12px;line-height:1.9;color:#929ba6}
.mf-edit-layout{display:grid;grid-template-columns:42% 1fr;gap:22px;padding:22px}.mf-edit-frame{position:relative;min-height:245px;background:#202825;border-radius:8px;overflow:hidden}.mf-edit-frame img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:48% center}.mf-edit-frame>span{position:absolute;bottom:46px;left:8px;right:8px;text-align:center;background:#18221dd9;color:white;padding:9px 3px;font-size:12px}.mf-edit-frame>small{position:absolute;bottom:14px;left:12px;color:white}.mf-edit-settings{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:12px}.mf-skill-demo{display:flex;align-items:center;gap:10px;padding:15px 10px;background:#edfaf2;border:1px solid #9ed6b5;border-radius:8px;color:#30553f}.mf-skill-demo>span{font-size:25px}.mf-skill-demo strong{font-size:12px}.mf-skill-demo small{display:block;margin-top:5px}.mf-skill-demo>b{margin-left:auto;font-weight:400}.mf-demo-field{border:1px solid #e9edf1;border-radius:7px;padding:12px;font-size:11px}.mf-demo-action{background:#202a25;color:#fff;padding:12px 7px;text-align:center;border-radius:7px;font-size:11px}.mf-edit-track{display:flex;align-items:center;gap:12px;padding:0 22px 22px}.mf-track-bars{height:32px;flex:1;background:repeating-linear-gradient(90deg,#8bceaa 0 3px,transparent 3px 7px);border-radius:4px;clip-path:polygon(0 35%,8% 20%,15% 30%,24% 0,35% 23%,43% 12%,50% 40%,60% 0,72% 30%,80% 10%,90% 30%,100% 20%,100% 80%,90% 70%,80% 90%,72% 70%,60% 100%,50% 60%,43% 88%,35% 77%,24% 100%,15% 70%,8% 80%,0 65%)}
.mf-schedule-clock{margin:0 24px;padding:22px 16px;text-align:center;background:#f4f8f6;border:1px solid #e7eeea;border-radius:10px}.mf-schedule-clock>strong{display:block;font-size:64px;line-height:1.4;font-weight:500;letter-spacing:-3px;font-variant-numeric:tabular-nums;color:#24392e}.mf-schedule-clock>strong>span{color:#8dc8a6}.mf-schedule-clock p{font-size:11px}.mf-schedule-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:21px 24px}.mf-schedule-summary>span{font-size:10px;color:#929ba6}.mf-schedule-summary strong{display:block;font-weight:500;font-size:12px;margin-top:7px;color:#3f4c44}.mf-authorized{margin:0 24px;padding:12px;background:#eaf8f0;color:#4b7a5e;border-radius:6px;font-size:11px}.mf-authorized>span{padding-right:9px}.mf-task-steps{display:grid;grid-template-columns:repeat(3,1fr);padding:24px;gap:10px}.mf-task-steps>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.mf-task-steps>div:not(:last-child):after{content:'';position:absolute;top:13px;left:70%;width:70%;height:1px;background:#dce9e1}.mf-task-steps i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf8f1;color:#528867;font-style:normal}.mf-task-steps strong{font-size:11px;font-weight:500;color:#46564d}.mf-task-steps small{font-size:9px}
.mf-rec-sources{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 24px 20px}.mf-rec-sources>span{border:1px solid #e8edf1;border-radius:6px;padding:9px 10px;font-size:11px;background:#fafcfb}.mf-rec-sources>b{font-weight:400;color:#8ab49b}.mf-rec-card{margin:0 24px 24px;border:1px solid #e3ece6;border-radius:9px;padding:23px;background:#fcfefd}.mf-rec-eyebrow{display:flex;justify-content:space-between;font-size:10px;color:#599974;margin-bottom:17px}.mf-rec-eyebrow>span{color:#99a49e}.mf-rec-card>h4{font-size:20px;line-height:1.6;color:#263e30;letter-spacing:-.4px}.mf-rec-card>p{font-size:10px;margin:20px 0 6px;color:#96a199}.mf-rec-card>strong{font-size:12px;line-height:1.9;font-weight:400;color:#69776e;display:block}.mf-rec-reference{display:flex;align-items:center;gap:12px;margin:22px 0;padding:13px;background:#f1f6f3;border-radius:6px;font-size:11px}.mf-rec-reference>span{font-size:22px;color:#76a188}.mf-rec-reference small{display:block;margin-top:5px}.mf-rec-actions{display:flex;gap:10px;align-items:center;font-size:11px}.mf-rec-actions>span:first-child{padding:10px 12px;border-radius:6px;background:#dff5e8;color:#365a44}.mf-rec-actions>span:last-child{margin-left:auto}
@media(max-width:1100px){.mf-edit-layout{padding:17px;gap:13px}.mf-skill-demo{gap:6px;padding:12px 8px}.mf-skill-demo strong{font-size:11px}.mf-rec-sources{padding:0 17px 17px}.mf-rec-sources>span{padding:8px;font-size:10px}.mf-rec-card{margin:0 17px 17px;padding:18px}.mf-rec-card>h4{font-size:17px}}
@media(max-width:760px){.mf-feature-detail{font-size:11px;max-width:100%}.mf-edit-layout{gap:12px;padding:14px;grid-template-columns:40% 1fr}.mf-edit-frame{min-height:230px}.mf-edit-frame>span{font-size:10px;bottom:42px}.mf-edit-settings{gap:10px}.mf-edit-settings>small{font-size:9px}.mf-skill-demo{gap:6px;padding:11px 7px}.mf-skill-demo>span{font-size:20px}.mf-skill-demo strong{font-size:10px}.mf-skill-demo small{font-size:8px}.mf-demo-field{font-size:10px;padding:9px}.mf-demo-action{font-size:10px}.mf-schedule-clock{margin:0 16px}.mf-schedule-clock>strong{font-size:56px}.mf-schedule-summary{padding:18px 16px}.mf-authorized{margin:0 16px;font-size:10px}.mf-task-steps{padding:20px 12px}.mf-rec-sources{gap:5px;padding:0 14px 15px}.mf-rec-sources>span{padding:8px 6px;font-size:9px}.mf-rec-card{margin:0 14px 16px;padding:17px}.mf-rec-card>h4{font-size:17px}.mf-rec-card>strong{font-size:11px}}