/* Photo-free art, finite entrance motion and data-driven repayment graphics. */
#marketing-view .hero__inner{grid-template-columns:1fr 1.15fr;gap:42px;}
.mv-scene{min-width:0;position:relative;background:#faf9f5;border-radius:24px;padding:22px 22px 24px;border:1px solid #e2e8df;box-shadow:0 24px 65px rgba(13,65,40,.08);color:#12382c;}
.mv-scene-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 10px/1.5 var(--font-sans,sans-serif);letter-spacing:1.7px;}
.mv-replay,.mv-chart-replay{display:inline-flex;align-items:center;gap:8px;border:1px solid #cad7cc;border-radius:30px;padding:9px 12px;font-size:11px;letter-spacing:0;color:inherit;min-height:36px;}
.mv-art{position:relative;margin:12px -22px 22px;perspective:900px;overflow:hidden;border-radius:18px;}
.mv-art img{width:100%;height:auto;display:block;transform:rotateY(var(--mv-x,0deg)) rotateX(var(--mv-y,0deg));transition:transform .4s ease;will-change:transform;}
.mv-floating-label{position:absolute;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.94);border:1px solid #dce6dc;border-radius:40px;padding:12px 15px;font-size:12px;font-weight:700;box-shadow:0 10px 24px #0c35271a;}
.mv-label-one{left:6%;top:13%;}.mv-label-two{right:4%;bottom:9%;}.mv-floating-label i{color:#087f50;}
.mv-step-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cad7cc;border-radius:12px;overflow:hidden;background:#fff;}
.mv-step-tabs button{padding:16px 6px;font-size:10px;color:#6b7b70;min-height:64px;transition:background .25s,color .25s;}
.mv-step-tabs span{display:block;font-size:13px;font-weight:700;margin-top:5px;}
.mv-step-tabs button[aria-pressed=true]{background:#0c3527;color:#b9efce;}
.mv-step-caption{font-size:14px;line-height:1.7;min-height:48px;margin:20px 0 12px;color:#52665a;}
.mv-scene-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;color:#087f50;min-height:40px;}
.mv-scene[data-step="1"] .mv-art img{filter:saturate(1.2);}.mv-scene[data-step="2"] .mv-label-two{border-color:#087f50;background:#e4f4e7;}
.mv-playing .mv-art img{animation:mv-art-arrive 1.1s cubic-bezier(.2,.7,.2,1) both;}
.mv-playing .mv-label-one{animation:mv-float 2.4s ease-in-out 2;}.mv-playing .mv-label-two{animation:mv-float 2.4s ease-in-out .2s 2;}
@keyframes mv-art-arrive{from{opacity:.2;translate:0 28px;scale:.92;}to{opacity:1;translate:0 0;scale:1;}}
@keyframes mv-float{0%,100%{translate:0 0;}50%{translate:0 -11px;}}
.mv-dashboard-intro{display:grid;grid-template-columns:1.2fr 1fr;max-width:none;align-items:center;gap:24px;}
.mv-dashboard-intro>div>p:last-child{font-size:15px;line-height:1.7;color:var(--mx-muted);max-width:500px;}
.mv-dashboard-art{width:100%;height:250px;object-fit:cover;border-radius:20px;}
.mv-credit-art{width:100%;height:auto;border-radius:16px;margin:0 auto 28px;}
#cibil-placeholder{padding:24px!important;}
.mv-repayment{margin:28px 0;padding:24px;background:var(--mx-bg);border-radius:16px;border:1px solid var(--mx-line);}
.mv-chart-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px;}
.mv-chart-heading h4{font:400 30px/1.2 Georgia,serif;color:var(--mx-ink);margin:0;}
.mv-chart-replay{color:var(--mx-accent);border-color:var(--mx-line);white-space:nowrap;}
#mv-repayment-canvas{display:block;width:100%;height:260px;}
.mv-repayment figcaption{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--mx-muted);margin-top:10px;}
.mv-repayment figcaption span{display:flex;align-items:center;gap:8px;}
.mv-repayment b{display:inline-block;width:20px;border-top:3px solid #087f50;}.mv-repayment .mv-legend-base{border-top:3px dashed #788996;}
[data-theme="dark"] .mv-repayment .mv-legend-short{border-color:#82e1ad;}
.mv-replay:focus-visible,.mv-step-tabs button:focus-visible,.mv-chart-replay:focus-visible{outline:3px solid #18c979;outline-offset:-3px;}
@media(max-width:900px){.mv-dashboard-art{height:210px;}.mv-dashboard-intro{grid-template-columns:1.2fr 1fr;}#marketing-view .hero__inner{gap:25px;}.mv-floating-label{font-size:10px;padding:9px 10px;}}
@media(max-width:640px){#marketing-view .hero__inner{grid-template-columns:1fr;}.mv-scene{padding:20px 16px;}.mv-art{margin:8px -16px 18px;}.mv-step-caption{font-size:13px;}.mv-dashboard-intro{grid-template-columns:1fr;gap:10px;}.mv-dashboard-art{height:auto;max-height:210px;object-fit:cover;}.mv-repayment{padding:16px 8px;}.mv-chart-heading{padding:0 8px;gap:10px;}.mv-chart-heading h4{font-size:25px;}.mv-chart-heading .mx-eyebrow{font-size:9px;letter-spacing:1px;}.mv-chart-replay{font-size:10px;padding:8px;}.mv-repayment figcaption{padding:0 8px;gap:12px;}}
@media(prefers-reduced-motion:reduce){.mv-scene *{animation:none!important;transition:none!important;transform:none!important;}.mv-art img{will-change:auto;}}