.msmv {
    --msmv-bg:#f3f7fb; --msmv-navy:#0c2439; --msmv-intro-text:#f5f9ff;
    --msmv-card:#fff; --msmv-ink:#112b43; --msmv-muted:#465d72; --msmv-accent:#f1cb10;
    padding:clamp(42px,7vw,92px) clamp(20px,4vw,48px);
    background:var(--msmv-bg); font-family:Inter,system-ui,sans-serif;
}
.msmv *, .msmv *::before { box-sizing:border-box; }
.msmv-wrap {
    max-width:1200px; margin:auto; display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:clamp(16px,3vw,34px);
}
.msmv-intro {
    display:flex; flex-direction:column; justify-content:center;
    padding:clamp(24px,4vw,50px); border-radius:18px;
    color:var(--msmv-intro-text);
    background:radial-gradient(ellipse at 95% 5%,#25506a,transparent 64%),var(--msmv-navy);
}
.msmv .msmv-kicker { color:var(--msmv-accent); margin:0 0 12px; font-size:.75rem; font-weight:750; letter-spacing:.13em; }
.msmv h2 { color:inherit; margin:0; font-size:clamp(1.85rem,3.5vw,3.15rem); line-height:1.1; letter-spacing:-.04em; text-wrap:balance; }
.msmv-description { margin:15px 0 0; line-height:1.65; }
.msmv-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }
.msmv .msmv-actions a { display:inline-flex; align-items:center; padding:9px 15px; min-height:44px; border-radius:8px; font-weight:700; text-decoration:none; }
.msmv .msmv-primary { background:var(--msmv-accent); color:#11273b; }
.msmv .msmv-secondary { color:inherit; border:1px solid #96b3c770; }
.msmv .msmv-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.msmv-step { display:flex; min-width:0; margin:0; }
.msmv .msmv-card { position:relative; display:block; flex:1; padding:clamp(16px,2.2vw,26px); border:1px solid #dce7f0; border-radius:15px; color:var(--msmv-ink); background:var(--msmv-card); text-decoration:none; overflow-wrap:anywhere; }
.msmv-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; color:#745900; background:#fff2bf; }
.msmv-icon svg { width:24px; height:24px; }
.msmv h3 { color:inherit; margin:12px 0 5px; font-size:1.05rem; line-height:1.3; }
.msmv-card-description { color:var(--msmv-muted); margin:0; font-size:.9rem; line-height:1.55; }
.msmv-arrow { position:absolute; top:16px; inset-inline-end:16px; }
.msmv a:focus-visible { outline:2px solid #a27a00; outline-offset:3px; }
.msmv-hover .msmv-card:is(:hover,:focus-within) { border-color:#bd9f46; box-shadow:0 9px 23px #10283f15; }
.msmv-hover .msmv-actions a:hover { filter:brightness(1.1); }
@media(max-width:850px) { .msmv-wrap { grid-template-columns:1fr; } }
@media(max-width:520px) { .msmv .msmv-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:no-preference) {
    .msmv-entrance .msmv-intro.msmv-in-view, .msmv-scroll .msmv-step.msmv-in-view { animation:msmv-rise .55s ease-out both; }
    .msmv-scroll .msmv-step.msmv-in-view:nth-child(even) { animation-delay:.075s; }
    .msmv-hover .msmv-card { transition:translate .2s ease,border-color .2s ease,box-shadow .2s ease; }
    .msmv-hover .msmv-card:is(:hover,:focus-within) { translate:0 -3px; }
    @keyframes msmv-rise { from { opacity:.4; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
}