.mf-nav { display: flex; gap: 22px; align-items: center; }
.mf-nav a { color: #d4d4dc; text-decoration: none; font-weight: 600; font-size: .95rem; }
.mf-nav a.nav-cta { padding: 10px 16px; border-radius: 10px; color: #050507; }
.mf-hero { min-height: min(100vh, 900px); align-content: center; }
.mf-hero h1 { font-size: clamp(3rem, 8vw, 6.4rem); }
.mf-hero .title-line { display: block; }
.mf-kpis { display: flex; justify-content: center; gap: clamp(20px, 6vw, 64px); margin-top: 34px; }
.mf-kpis strong { display: block; font: 700 clamp(1.6rem, 3.4vw, 2.4rem)/1 var(--mono); color: var(--mint); text-shadow: 0 0 24px rgba(0,255,136,.35); }
.mf-kpis span { display: block; margin-top: 6px; font: 500 11px/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: #9a9aa8; }
.mf-section { position: relative; width: min(1200px, calc(100% - 36px)); margin: 0 auto; padding: clamp(56px, 8vw, 110px) 0; isolation: isolate; }
.mf-features-wrap { width: 100%; padding-inline: max(18px, calc((100% - 1200px) / 2)); overflow: hidden; }
.mf-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 36px; }
.mf-feature, .mf-plan, .faq-item { padding: 24px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)), rgba(14,14,18,.78); backdrop-filter: blur(6px); }
.mf-feature h3 { margin: 12px 0 8px; font-size: 1.2rem; }
.mf-feature p, .mf-plan p, .faq-item p { margin: 0; color: #b9b9c6; line-height: 1.6; }
.mf-idx { font: 600 12px/1 var(--mono); color: var(--cyan2); letter-spacing: .16em; }
.mf-feature--soon .mf-idx { color: var(--pink); }
.mf-plans { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 36px; }
.mf-plan { display: flex; flex-direction: column; gap: 6px; transition: transform .35s, border-color .35s; }
.mf-plan:hover { transform: translateY(-4px); border-color: rgba(0,229,255,.35); }
.mf-plan-name { font: 600 12px/1 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--cyan2); }
.mf-plan strong { font: 700 2.4rem/1.1 var(--mono); margin-top: 10px; }
.mf-plan small { color: #8d8d9b; margin-bottom: 10px; }
.mf-plan--hot { border-color: rgba(0,255,136,.4); box-shadow: 0 0 0 1px rgba(0,255,136,.15), 0 24px 60px -30px rgba(0,255,136,.6); }
.mf-fineprint { max-width: 760px; margin: 22px auto 0; text-align: center; color: #8d8d9b; font-size: .9rem; line-height: 1.6; }
.mf-faq { display: grid; gap: 12px; max-width: 820px; margin: 36px auto 0; }
.faq-item summary { cursor: pointer; font-weight: 700; font-size: 1.05rem; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; font-family: var(--mono); color: var(--mint); transition: transform .3s; }
.faq-item[open] summary::after { transform: rotate(45deg); }
.faq-item p { margin-top: 12px; }
.faq-item a { color: var(--cyan2); }
.mf-final { text-align: center; }
.mf-final-inner { max-width: 720px; margin: 0 auto; }
.mf-final p { margin-inline: auto; }
.mf-final .mf-band-actions { justify-content: center; }
@media (max-width: 1000px) { .mf-features { grid-template-columns: repeat(2, 1fr); } .mf-plans { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px) {
  .mf-nav a:not(.nav-cta) { display: none; }
  .mf-features, .mf-plans { grid-template-columns: 1fr; }
}