/* MyLoanSaathi Mobile Product System — single responsive authority */
@media (max-width: 820px){
html{overflow-x:hidden}body{overflow-x:hidden;background:#f7fbff!important;color:#0b1830!important}*{min-width:0}img,svg,video,canvas{max-width:100%;height:auto}.wrap{width:min(100% - 28px,1180px)!important;margin-inline:auto!important}.section{padding:54px 0!important}.section-head,.partner-v4-heading,.partner-v4-section-copy{max-width:100%!important;margin-bottom:24px!important}.section-head h2,.partner-v4-heading h2,.partner-v4-section-copy h2{font-size:clamp(28px,8.2vw,38px)!important;line-height:1.08!important;letter-spacing:-.035em!important;max-width:16ch!important}.section-head p,.partner-v4-heading p,.partner-v4-section-copy p{font-size:14px!important;line-height:1.65!important;max-width:42ch!important;color:#40516b!important;margin-top:12px!important}
/* compact premium header */
.mls-utility{min-height:30px!important;padding:0!important}.mls-utility .wrap{min-height:30px!important;justify-content:center!important}.mls-utility-left{display:none!important}.mls-utility-right{width:100%!important;display:flex!important;justify-content:center!important;gap:8px!important;font-size:8px!important;white-space:nowrap!important}.mls-utility-right .mls-sep{display:none!important}.mls-ribbon-partner{padding:5px 9px!important;border-radius:999px!important}.mls-header{height:64px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid #dbe8f5!important;box-shadow:0 8px 24px rgba(18,56,95,.08)!important}.mls-header .wrap{height:64px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}.mls-mobile-toggle{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:1px solid #d7e4f2!important;border-radius:12px!important;background:linear-gradient(145deg,#fff,#eef7ff)!important;box-shadow:0 6px 16px rgba(18,56,95,.08)!important}.mls-logo{justify-self:start!important}.mls-logo img{width:auto!important;max-width:126px!important;max-height:38px!important}.mls-nav{display:none!important}.mls-header-actions{display:flex!important;justify-self:end!important;gap:6px!important}.mls-track{display:none!important}.mls-find{height:38px!important;padding:0 11px!important;border-radius:12px!important;font-size:9px!important;white-space:nowrap!important;box-shadow:0 8px 20px rgba(15,111,255,.22)!important}
/* drawer, not full screen */
.mls-mobile-menu{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(88vw,370px)!important;height:100dvh!important;border-radius:0 26px 26px 0!important;background:linear-gradient(180deg,#f9fcff 0%,#eef7ff 100%)!important;padding:84px 16px 24px!important;overflow-y:auto!important;overscroll-behavior:contain!important;box-shadow:28px 0 70px rgba(4,24,58,.22)!important;z-index:10020!important}.mls-mobile-menu a,.mls-mobile-trigger{font-size:13px!important;color:#10233f!important}.mls-mobile-home,.mls-mobile-partner{border-radius:14px!important}.mls-mobile-submenu{gap:7px!important}.mls-mobile-submenu a{background:#fff!important;border:1px solid #dce9f5!important;border-radius:12px!important;padding:11px!important;line-height:1.25!important}.mls-mobile-partner{background:linear-gradient(135deg,#092f68,#0b78e8)!important;color:#fff!important;padding:13px!important}.mls-mobile-quick{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.mls-mobile-quick a{min-height:44px!important}
/* homepage hero */
.hero{padding:34px 0 38px!important}.hero .wrap,.hero-grid,.hero-stage,.hero-layout{grid-template-columns:1fr!important;gap:24px!important}.hero-copy{max-width:100%!important}.hero h1,.hero-title{font-size:clamp(38px,11.5vw,54px)!important;line-height:.99!important;letter-spacing:-.055em!important;max-width:10.5ch!important}.hero p,.hero-copy>p{font-size:14px!important;line-height:1.65!important;max-width:38ch!important}.hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.hero-actions .btn{min-height:46px!important;padding:0 12px!important;font-size:10px!important}.hero-proof,.hero-stats,.hero-proof-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.hero-proof>* ,.hero-stats>*{padding:10px 8px!important;min-height:72px!important;border-radius:14px!important}.hero-proof strong,.hero-stats strong{font-size:15px!important}.hero-proof span,.hero-stats span{font-size:7px!important;line-height:1.3!important}.fintech-stage{margin-top:2px!important}.fintech-frame{border-radius:22px!important;transform:none!important}.fintech-canvas{height:300px!important}.fintech-microgrid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;width:calc(100% - 20px)!important}.fintech-microgrid span{font-size:7px!important;color:#e9f7ff!important;opacity:1!important}.fintech-footerline span,.fintech-footerline b{font-size:7px!important;color:#dff7ff!important;opacity:1!important}.hero-track-card{position:relative!important;inset:auto!important;width:100%!important;margin-top:9px!important}.product-ribbon,.loan-ribbon{min-height:48px!important}.product-ribbon .wrap,.loan-ribbon .wrap{width:100%!important}.product-ribbon-track{gap:8px!important}.product-ribbon a{font-size:9px!important;white-space:nowrap!important}
/* universal mobile cards */
.product-grid,.need-grid,.journey-grid,.why-grid,.reviews-grid,.knowledge-grid,.page-grid,.feature-grid,.cards-grid{grid-template-columns:1fr!important;gap:12px!important}.card,article,.need-card,.journey-card{max-width:100%!important}.section-head{display:block!important}.section-head>*{text-align:left!important}.section-head p{margin-left:0!important}.page-hero{padding:38px 0!important}.page-hero .wrap,.page-hero-grid{grid-template-columns:1fr!important;gap:22px!important}.page-hero h1{font-size:clamp(36px,10.5vw,48px)!important;line-height:1.02!important;max-width:12ch!important;letter-spacing:-.05em!important}.page-hero p{font-size:14px!important;line-height:1.65!important;max-width:39ch!important}.page-hero .usp-row,.page-hero .hero-pills{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.page-hero .usp-row>* ,.page-hero .hero-pills>*{font-size:8px!important}.page-hero-console,.product-intelligence{transform:none!important;min-height:auto!important}
/* finance/calculators */
.finance-hero{padding:38px 0!important}.finance-hero .wrap,.calc-grid,.finance-grid{grid-template-columns:1fr!important;gap:18px!important}.finance-hero h1{font-size:clamp(36px,10.5vw,48px)!important;line-height:1.02!important;max-width:12ch!important}.tool-nav{position:relative!important;top:auto!important;overflow-x:auto!important;display:flex!important;scroll-snap-type:x proximity;padding:8px!important;gap:7px!important}.tool-nav a,.tool-nav button{flex:0 0 auto!important;white-space:nowrap!important;scroll-snap-align:start}.finance-fields,.field-grid,.comparison-grid{grid-template-columns:1fr!important}.calc-card,.calculator-card,.finance-panel{padding:16px!important;border-radius:20px!important}.range-pair{grid-template-columns:1fr 90px!important}.result-panel,.calc-result{min-height:auto!important;padding:18px!important}.result-panel *,.calc-result *{opacity:1!important}
/* partner page — mobile-first, not desktop squeezed */
.partner-v4-hero{padding:38px 0 28px!important;background:radial-gradient(circle at 90% 0,#dff7ff 0,transparent 42%),linear-gradient(180deg,#f7fbff,#edf6ff)!important}.partner-v4-hero-grid{grid-template-columns:1fr!important;gap:20px!important}.partner-v4-copy h1{font-size:clamp(37px,10.8vw,50px)!important;line-height:1.01!important;letter-spacing:-.055em!important;max-width:11ch!important;color:#071a3c!important}.partner-v4-copy>p{font-size:14px!important;line-height:1.65!important;color:#3d506b!important;max-width:40ch!important}.partner-v4-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.partner-v4-actions .btn,.partner-v4-login{width:100%!important;justify-content:center!important;min-height:46px!important}.partner-v4-trust{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.partner-v4-trust span{font-size:9px!important}.partner-v4-panel{min-height:auto!important;border-radius:22px!important;padding:16px!important;transform:none!important}.partner-v4-panel *{opacity:1!important}.partner-v4-strip{margin:0!important;padding:12px 0!important}.partner-v4-strip .wrap{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.partner-v4-strip .wrap>div{padding:11px!important;border-radius:13px!important}.partner-v4-strip b{font-size:11px!important}.partner-v4-strip span{font-size:8px!important}.partner-v4-section{padding:52px 0!important}.partner-v4-two,.partner-v4-apply-grid,.partner-v4-faq{grid-template-columns:1fr!important;gap:22px!important}.partner-v4-types{grid-template-columns:1fr!important;gap:10px!important}.partner-v4-types article{padding:15px!important;min-height:auto!important}.partner-v4-flow{grid-template-columns:1fr!important;gap:9px!important}.partner-v4-flow article{padding:14px!important;min-height:auto!important}.partner-v4-apply-copy{position:relative!important;top:auto!important;padding:20px!important;border-radius:20px!important}.partner-v4-form{padding:16px!important;border-radius:22px!important}.partner-form-grid{grid-template-columns:1fr!important;gap:12px!important}.partner-field input,.partner-field select{min-height:48px!important;font-size:14px!important}.partner-consent{align-items:flex-start!important;font-size:11px!important;line-height:1.5!important}.partner-v4-final .wrap{grid-template-columns:1fr!important;gap:16px!important}.partner-v4-final h2{font-size:30px!important}.partner-v4-final .btn{width:100%!important;margin:4px 0!important}
/* footer */
.mls-footer{padding-top:42px!important}.mls-footer-grid{grid-template-columns:1fr 1fr!important;gap:26px 16px!important}.mls-footer-brand{grid-column:1/-1!important}.mls-footer-bottom{display:block!important;text-align:left!important}.mls-footer-bottom>*{margin-top:10px!important}
}
@media(max-width:390px){.wrap{width:min(100% - 22px,1180px)!important}.mls-logo img{max-width:108px!important}.mls-find{padding:0 9px!important;font-size:8px!important}.hero h1,.hero-title{font-size:39px!important}.hero-proof,.hero-stats,.hero-proof-grid{grid-template-columns:1fr!important}.hero-proof>* ,.hero-stats>*{min-height:auto!important}.partner-v4-strip .wrap{grid-template-columns:1fr!important}.mls-footer-grid{grid-template-columns:1fr!important}.mls-footer-brand{grid-column:auto!important}}

/* === Mobile Product System V2: compact horizontal intelligence === */
@media (max-width:820px){
  /* 01 — Hero proof metrics always one row, including narrow phones */
  .hero .hero-proof-grid,.hero .trust-row.hero-proof-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:14px!important}
  .hero .hero-proof-grid>.hero-proof{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;min-height:66px!important;padding:9px 7px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,248,255,.9))!important;border:1px solid rgba(125,180,230,.28)!important;box-shadow:0 10px 24px rgba(18,65,112,.08)!important;overflow:hidden!important}
  .hero .hero-proof .proof-icon{font-size:10px!important;line-height:1!important;color:#0d78ea!important}.hero .hero-proof .proof-copy{display:block!important}.hero .hero-proof b{display:block!important;font-size:14px!important;line-height:1.05!important;letter-spacing:-.02em!important;color:#071a3c!important;white-space:nowrap!important}.hero .hero-proof small{display:block!important;font-size:6.7px!important;line-height:1.2!important;color:#52657d!important;margin-top:3px!important}.hero .hero-proof em{display:none!important}

  /* 02 — Product discovery trust ribbon is a single compact horizontal rail */
  .discovery-foot{display:flex!important;align-items:center!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important;padding:8px!important;margin-top:10px!important;border-radius:15px!important;background:linear-gradient(100deg,#071d43,#0a4c8f 58%,#087f9f)!important;box-shadow:0 14px 34px rgba(6,42,84,.16)!important}.discovery-foot::-webkit-scrollbar{display:none}.discovery-foot>span{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:30px!important;padding:0 9px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#f4fbff!important;font-size:7.5px!important;font-weight:700!important;white-space:nowrap!important;scroll-snap-align:start!important}.discovery-foot>span i{width:5px!important;height:5px!important;border-radius:50%!important;background:#42e4c2!important;box-shadow:0 0 10px #42e4c2!important}

  /* 03 — Guided Journey: five steps, one line. Horizontal swipe only on very narrow widths */
  .journey-track{position:relative!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important;margin-top:18px!important}.journey-track .track-line{display:block!important;position:absolute!important;left:6%!important;right:6%!important;top:17px!important;height:1px!important;background:linear-gradient(90deg,#1a8cff,#35d8bd,#735cff)!important;z-index:0!important}.journey-track>article{position:relative!important;z-index:1!important;min-width:0!important;min-height:116px!important;padding:8px 5px 7px!important;border-radius:14px!important;background:linear-gradient(155deg,#fff,#f2f8ff)!important;border:1px solid #dce9f6!important;box-shadow:0 9px 22px rgba(13,62,108,.08)!important;text-align:center!important}.journey-track>article>span{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;margin:0 auto 7px!important;border-radius:50%!important;background:linear-gradient(135deg,#087df0,#19c9c2)!important;color:#fff!important;font-size:7px!important;font-weight:800!important;box-shadow:0 5px 13px rgba(10,120,226,.22)!important}.journey-track .journey-micro{display:none!important}.journey-track h3{font-size:8px!important;line-height:1.12!important;letter-spacing:-.01em!important;color:#071a3c!important;margin:0!important;overflow-wrap:anywhere!important}.journey-track p{font-size:6.2px!important;line-height:1.3!important;color:#52657b!important;margin:5px 0 0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

  /* 04 — Why MyLoanSaathi becomes a compact four-tile 3D command deck */
  .why-shell{display:block!important}.why-copy{max-width:100%!important;margin-bottom:14px!important}.why-copy h2{font-size:30px!important;line-height:1.02!important;max-width:16ch!important}.why-copy p{font-size:12px!important;line-height:1.55!important;max-width:42ch!important}.why-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;perspective:900px!important}.why-grid>div{position:relative!important;min-height:116px!important;padding:9px 6px!important;border-radius:15px!important;overflow:hidden!important;border:1px solid rgba(122,177,225,.26)!important;box-shadow:0 12px 26px rgba(12,55,101,.1)!important;transform-style:preserve-3d!important;animation:mlsTileFloat 6s ease-in-out infinite!important}.why-grid>div:nth-child(1){background:linear-gradient(155deg,#e8f5ff,#fff)!important}.why-grid>div:nth-child(2){background:linear-gradient(155deg,#eafcf7,#fff)!important;animation-delay:-1.2s!important}.why-grid>div:nth-child(3){background:linear-gradient(155deg,#f0ecff,#fff)!important;animation-delay:-2.4s!important}.why-grid>div:nth-child(4){background:linear-gradient(155deg,#fff4df,#fff)!important;animation-delay:-3.6s!important}.why-grid>div::after{content:"";position:absolute;inset:-40% 55% 55% -40%;background:radial-gradient(circle,rgba(255,255,255,.9),transparent 65%);transform:translateZ(14px);pointer-events:none}.why-grid span{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:8px!important;background:#082b5c!important;color:#fff!important;font-size:7px!important;font-weight:800!important}.why-grid h4{font-size:8px!important;line-height:1.15!important;color:#071a3c!important;margin:9px 0 5px!important;overflow-wrap:anywhere!important}.why-grid p{font-size:6.2px!important;line-height:1.3!important;color:#53647a!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  @keyframes mlsTileFloat{0%,100%{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-4px) rotateX(2deg)}}

  /* Inner pages: mobile software grammar — denser, systematic, never desktop squeezed */
  .pages .section,.section{scroll-margin-top:96px}.page-hero{border-bottom:1px solid rgba(135,180,222,.2)!important}.page-hero h1{max-width:15ch!important;letter-spacing:-.035em!important}.page-hero p{color:#3c5069!important}.section-head h2{font-size:clamp(27px,7.8vw,34px)!important;line-height:1.04!important;letter-spacing:-.035em!important;max-width:18ch!important}.section-head p{font-size:12.5px!important;line-height:1.58!important;max-width:44ch!important;color:#455970!important}.bento,.checkgrid,.quickgrid,.match-grid,.story-grid{gap:9px!important}.bento>.card,.checkgrid>* ,.quickgrid>* ,.match-grid>* ,.story-grid>*{border-radius:16px!important;box-shadow:0 10px 26px rgba(13,59,103,.07)!important}.process{overflow-x:auto!important;display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(112px,1fr)!important;gap:7px!important;scroll-snap-type:x proximity!important;padding-bottom:5px!important;scrollbar-width:none!important}.process::-webkit-scrollbar{display:none}.process .step{scroll-snap-align:start!important;min-height:118px!important;padding:11px 8px!important;border-radius:15px!important}.process .stepno{width:26px!important;height:26px!important;font-size:8px!important}.faq{border-radius:20px!important;overflow:hidden!important}.faq details{background:#fff!important;border:1px solid #dfebf6!important;border-radius:13px!important;margin:7px 0!important;padding:0 12px!important;box-shadow:0 6px 18px rgba(15,57,98,.05)!important}.faq summary{min-height:45px!important;color:#0b1f3c!important;font-size:11px!important;font-weight:750!important}.faq details p{color:#465a71!important;font-size:11px!important;line-height:1.55!important}
}
@media (max-width:390px){
  .hero .hero-proof-grid,.hero .trust-row.hero-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}.hero .hero-proof-grid>.hero-proof{min-height:62px!important;padding:8px 5px!important}.hero .hero-proof b{font-size:12px!important}.hero .hero-proof small{font-size:6px!important}
  .journey-track{gap:3px!important}.journey-track>article{min-height:108px!important;padding:7px 3px!important}.journey-track h3{font-size:7.2px!important}.journey-track p{font-size:5.7px!important}
  .why-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}.why-grid>div{min-height:108px!important;padding:8px 4px!important}.why-grid h4{font-size:7.2px!important}.why-grid p{font-size:5.7px!important}
}
@media (prefers-reduced-motion:reduce){.why-grid>div{animation:none!important}}