:root{--mf-green:#2d6a4f;--mf-lime:#52b788;--mf-light:#f0fdf4;--mf-dark:#1b4332;--mf-text:#333}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Josefin Sans',sans-serif;color:var(--mf-text);background:#fff;line-height:1.7}
h1,h2{font-family:'Lora',serif;color:var(--mf-dark)}
.mf-layout{display:grid;grid-template-columns:1fr 360px;min-height:100vh}
.mf-content{padding:0 3rem 3rem;overflow-y:auto}
.mf-top-bar{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;border-bottom:1px solid #e8e8e8;margin-bottom:2rem;position:sticky;top:0;background:#fff;z-index:10}
.mf-brand{font-family:'Lora',serif;font-size:1.3rem;color:var(--mf-dark);text-decoration:none;font-weight:600}
.mf-brand em{font-style:normal;color:var(--mf-lime)}
.mf-top-info{font-size:.8rem;color:#888}
.mf-intro{margin-bottom:3rem;padding-top:1rem}
.mf-intro h1{font-size:2.2rem;line-height:1.3;margin-bottom:1rem}
.mf-intro p{font-size:1.05rem;color:#555;max-width:600px}
.mf-why{margin-bottom:3rem}
.mf-why h2{font-size:1.6rem;margin-bottom:.8rem}
.mf-why p{color:#555;margin-bottom:1.5rem}
.mf-facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.mf-fact{background:var(--mf-light);padding:1rem;border-radius:.5rem;font-size:.9rem}
.mf-fact-num{display:block;font-family:'Lora',serif;font-size:1.8rem;color:var(--mf-green);font-weight:600}
.mf-ingredients{margin-bottom:3rem}
.mf-ingredients h2{font-size:1.6rem;margin-bottom:1rem}
.mf-table{width:100%;border-collapse:collapse;font-size:.9rem}
.mf-table th{text-align:left;padding:.7rem;background:var(--mf-dark);color:#fff;font-weight:500}
.mf-table td{padding:.7rem;border-bottom:1px solid #eee}
.mf-table tr:hover td{background:var(--mf-light)}
.mf-results{margin-bottom:3rem}
.mf-results h2{font-size:1.6rem;margin-bottom:1rem}
.mf-testimonial{border-left:3px solid var(--mf-lime);padding:.8rem 0 .8rem 1.2rem;margin-bottom:1.5rem}
.mf-t-text{font-style:italic;color:#555;font-size:.95rem}
.mf-t-author{font-size:.85rem;color:var(--mf-green);margin-top:.3rem}
.mf-faq{margin-bottom:3rem}
.mf-faq h2{font-size:1.6rem;margin-bottom:1rem}
.mf-faq details{border-bottom:1px solid #e8e8e8;padding:.8rem 0}
.mf-faq summary{cursor:pointer;font-weight:600;font-size:.95rem;color:var(--mf-dark);list-style:none}
.mf-faq summary::-webkit-details-marker{display:none}
.mf-faq details p{padding-top:.5rem;font-size:.9rem;color:#666}
.mf-faq details a{color:var(--mf-green)}
.mf-footer{border-top:1px solid #e8e8e8;padding:2rem 0;margin-top:2rem}
.mf-disclaimer{font-size:.75rem;color:#999;margin-bottom:.5rem}
.mf-company{font-size:.8rem;color:#888;margin-bottom:.5rem}
.mf-footer-nav{display:flex;gap:1.5rem}
.mf-footer-nav a{font-size:.8rem;color:var(--mf-green);text-decoration:none}
.mf-footer-nav a:hover{text-decoration:underline}
.mf-sidebar{background:var(--mf-light);border-left:1px solid #e0e0e0;position:sticky;top:0;height:100vh;overflow-y:auto;padding:2rem}
.mf-sidebar-inner{display:flex;flex-direction:column;gap:1.5rem}
.mf-sidebar-img{width:100%;border-radius:.8rem;box-shadow:0 8px 25px rgba(0,0,0,.1)}
.mf-sidebar-pricing{display:flex;flex-direction:column;gap:.5rem}
.mf-opt{display:block;cursor:pointer;padding:.7rem;border:2px solid #ddd;border-radius:.5rem;font-size:.85rem;transition:all .2s}
.mf-opt:has(input:checked){border-color:var(--mf-green);background:rgba(45,106,79,.05)}
.mf-opt input{display:none}
.mf-opt strong{color:var(--mf-dark)}
.mf-opt em{font-style:normal;color:var(--mf-lime);font-size:.75rem;display:block}
.mf-opt-best{border-color:var(--mf-lime)}
.mf-sidebar-form{display:flex;flex-direction:column;gap:.6rem}
.mf-sidebar-form input{padding:.7rem;border:1px solid #ccc;border-radius:.4rem;font-size:.85rem;font-family:inherit}
.mf-sidebar-form input:focus{border-color:var(--mf-green);outline:none}
.mf-sidebar-form button{padding:.9rem;background:var(--mf-green);color:#fff;border:none;border-radius:2rem;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit}
.mf-sidebar-form button:hover{background:var(--mf-dark)}
.mf-sidebar-note{font-size:.75rem;color:#888;text-align:center}
@media(max-width:900px){
.mf-layout{grid-template-columns:1fr;grid-template-rows:auto auto}
.mf-sidebar{position:relative;height:auto;border-left:none;border-top:1px solid #e0e0e0}
.mf-content{padding:0 1.5rem 2rem}
}