.mb-hero{text-align:center;background:radial-gradient(80% 60% at 50% 0,#0cc9ff12 0%,#0000 70%);padding:100px 5% 72px}.mb-badge{letter-spacing:.1em;text-transform:uppercase;color:#0cc9ff;background:#0cc9ff14;border:1px solid #0cc9ff33;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.mb-hero h1{color:var(--text);margin-bottom:20px;font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.1}.mb-hero h1 span{color:#0cc9ff}.mb-hero p{color:var(--text-muted);max-width:620px;margin:0 auto 36px;font-size:1.1rem;line-height:1.7}.mb-hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-primary{color:#000;background:linear-gradient(135deg,#0cc9ff,#0884b0);border-radius:10px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-ghost{color:var(--text);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-flex}.btn-ghost:hover{color:#0cc9ff;border-color:#0cc9ff66}.mb-section{padding:0 5% 80px}.mb-section-inner{max-width:1100px;margin:0 auto}.mb-section-head{text-align:center;max-width:900px;margin-bottom:48px;margin-left:auto;margin-right:auto}.mb-section-head h2{color:var(--text);margin-bottom:12px;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800}.mb-section-head p{color:var(--text-muted);max-width:540px;margin:0 auto;font-size:1rem;line-height:1.7}.mb-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#0cc9ff;margin-bottom:14px;font-size:.7rem;font-weight:700}.mb-period-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.mb-period-btn{color:var(--text-muted);cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:10px 6px;font-family:inherit;font-size:.78rem;font-weight:600;transition:border-color .2s,background .2s,color .2s}.mb-period-btn:hover{color:var(--text);border-color:#0cc9ff33}.mb-period-btn.active{color:#0cc9ff;background:#0cc9ff1a;border-color:#0cc9ff59}.mb-mainsplit{grid-template-columns:1fr 520px;align-items:start;gap:32px;display:grid}.mb-mock-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;margin-bottom:24px;padding:28px}.mb-mock-features{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mb-pricing-card{background:linear-gradient(135deg,#0cc9ff0f,#0cc9ff05);border:1px solid #0cc9ff33;border-radius:24px;padding:32px}.mb-recargas{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0a);border:2px solid #f59e0b66;border-radius:20px;align-items:flex-start;gap:20px;padding:32px 40px;display:flex}.mb-recargas-icon{flex-shrink:0;margin-top:4px;font-size:2rem}.mb-audience-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.mb-cta-final{text-align:center;background:linear-gradient(135deg,#0cc9ff12,#0cc9ff05);border:1px solid #0cc9ff33;border-radius:20px;padding:56px 60px}.mb-cta-final-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (max-width:900px){.mb-mainsplit{grid-template-columns:1fr;gap:28px}.mb-pricing-card{padding:28px}.mb-audience-grid{grid-template-columns:repeat(2,1fr);gap:16px}.mb-recargas{padding:24px}.mb-cta-final{padding:44px 32px}}@media (max-width:640px){.mb-hero{padding:80px 5% 56px}.mb-hero h1{font-size:clamp(1.7rem,7vw,2.4rem)}.mb-hero h1 br{display:none}.mb-hero p{font-size:.98rem}.mb-hero-actions{flex-direction:column;align-items:stretch}.mb-hero-actions a{box-sizing:border-box;justify-content:center;width:100%}.mb-section{padding:0 5% 56px}.mb-mock-card{border-radius:16px;padding:22px}.mb-mock-features{grid-template-columns:1fr}.mb-pricing-card{border-radius:18px;padding:22px}.mb-period-tabs{grid-template-columns:repeat(2,1fr)}.mb-recargas{border-radius:16px;flex-direction:column;gap:12px;padding:22px 20px}.mb-recargas-icon{margin-top:0;font-size:1.6rem}.mb-audience-grid{grid-template-columns:1fr;gap:12px}.mb-cta-final{border-radius:16px;padding:36px 22px}.mb-cta-final-actions{flex-direction:column;align-items:stretch}.mb-cta-final-actions>a{justify-content:center;width:100%}}@media (max-width:993px){.mb-period-btn{justify-content:center;align-items:center;min-height:44px;display:flex}.btn-primary,.btn-ghost,#mb-qty{min-height:44px}}
