:root{--pink:#ff2f92;--yellow:#ffd51a;--ink:#17121a;--muted:#706874;--card:#fff;--line:#eee5ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(135deg,#fff8fc,#fff 42%,#fff9c9);min-height:100vh}.header{height:76px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;background:#ffffffdd;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;border-bottom:1px solid #fff}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,var(--yellow),var(--pink));display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:7px 7px 15px #d8bfd0,-4px -4px 10px #fff}.brand strong{font-size:23px}.brand strong span{color:var(--pink)}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#8b7e89}.join-mini{background:var(--ink);color:#fff;text-decoration:none;padding:11px 17px;border-radius:12px;font-weight:800}.hero{max-width:1150px;margin:auto;padding:65px 5% 40px;display:grid;grid-template-columns:1.6fr .8fr;gap:30px;align-items:center}.pill,.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--pink)}h1{font-size:clamp(44px,7vw,78px);line-height:.95;margin:16px 0}h1 em{font-style:normal;background:linear-gradient(90deg,var(--pink),#ff9a00);-webkit-background-clip:text;color:transparent}p{color:var(--muted);line-height:1.6}.hero-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;padding:14px 20px;border-radius:14px;font-weight:900}.primary{background:linear-gradient(135deg,var(--pink),#ff6baf);color:#fff;box-shadow:0 10px 25px #ff2f923d}.ghost{border:1px solid var(--line);color:var(--ink);background:#fff}.hero-card{min-height:250px;border-radius:30px;padding:0;overflow:hidden;background:#fff;box-shadow:18px 18px 45px #d8b8cf66,-8px -8px 20px #fff;display:flex;align-items:center;justify-content:center}.hero-card img{width:100%;height:100%;object-fit:contain;display:block}.coin{width:90px;height:90px;border-radius:28px;display:grid;place-items:center;font-size:45px;font-weight:900;background:linear-gradient(145deg,var(--yellow),var(--pink));box-shadow:inset -7px -7px 15px #b52a70aa,inset 6px 6px 12px #fff9; margin-bottom:20px}.section{max-width:1150px;margin:auto;padding:20px 5% 70px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2,.cta h2{font-size:34px;margin:8px 0}.badge{background:#fff1f8;color:var(--pink);padding:9px 13px;border-radius:20px;font-weight:900}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:#ffffffdd;border:1px solid var(--line);border-radius:20px;padding:17px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;box-shadow:0 8px 25px #a77e9a12;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #a77e9a25}.icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:20px;font-weight:900;background:linear-gradient(145deg,var(--yellow),#fff,var(--pink))}.card h3{margin:0;font-size:17px}.card p{margin:4px 0;font-size:12px}.apply{background:var(--ink);color:#fff;text-decoration:none;padding:11px 14px;border-radius:12px;font-size:12px;font-weight:900;white-space:nowrap}.featured{border:2px solid #ffd51a}.cta{max-width:1150px;margin:0 auto 36px;padding:22px 28px;border-radius:22px;background:linear-gradient(120deg,#ffd51a,#ff8cc2);display:flex;justify-content:space-between;align-items:center;gap:25px}.cta p{color:#3d2430}.cta .primary{background:#17121a}.cta h2{max-width:650px;font-size:30px;line-height:1.15;margin:5px 0}.cta p{margin:5px 0 0}footer{padding:25px 5%;background:#17121a;color:#fff;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}footer span{color:#cfc5ce}footer a{color:#ffd51a;text-decoration:none}.float{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:30}.float a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;background:var(--pink);box-shadow:0 10px 25px #0003;font-size:22px}.pin-check{margin-top:18px}.pin-check input{width:100%;box-sizing:border-box;padding:14px 16px;border:2px solid #f1d6e5;border-radius:14px;font-size:16px;outline:none}.pin-check input:focus{border-color:#ff4fa3}.pin-check button{width:100%;margin-top:10px;padding:14px;border:0;border-radius:14px;background:linear-gradient(135deg,#ff4fa3,#ffcc00);color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #ff4fa344}#pinResults{margin-top:12px}.pin-lender{padding:11px 14px;margin-top:7px;background:#fff;border-radius:12px;border:1px solid #f0dce7;font-weight:700}@media(max-width:720px){.header{padding:10px 4%}.join-mini{padding:9px 11px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:42px}.hero-card{min-height:0;height:230px}.grid{grid-template-columns:1fr}.card{grid-template-columns:44px 1fr}.apply{grid-column:1/-1;text-align:center}.cta{margin:0 4% 28px;padding:20px 22px;display:block}.cta h2{font-size:26px}.cta .btn{margin-top:15px}.brand strong{font-size:20px}}

/* Premium header depth and motion in the original Paisainstant palette */
.header{position:sticky;isolation:isolate;height:84px;padding:12px max(5%,calc((100% - 1150px)/2));overflow:hidden;background:#ffffffdd;border-bottom:1px solid #fff;box-shadow:0 10px 28px rgba(23,18,26,.14),inset 0 1px 0 rgba(255,255,255,.9);animation:pi-header-enter .72s cubic-bezier(.2,.75,.25,1) both}
.header::after{position:absolute;z-index:-1;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,213,26,.85) 50%,transparent);content:"";opacity:.65}
.brand{gap:13px;color:var(--ink)}
.brand-mark{position:relative;width:49px;height:49px;border:1px solid rgba(255,255,255,.85);border-radius:15px;background:linear-gradient(145deg,var(--yellow),var(--pink));color:var(--ink);box-shadow:0 8px 18px rgba(23,18,26,.18),inset 0 2px 2px rgba(255,255,255,.8),inset 0 -4px 7px rgba(23,18,26,.14);font-size:27px;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.brand-copy{display:flex;flex-direction:column;gap:4px}
.brand strong{color:var(--ink);font-size:24px;font-weight:820;letter-spacing:-.75px;line-height:1;text-shadow:0 2px 8px rgba(23,18,26,.12)}
.brand strong span{color:var(--pink)}
.brand small{color:#8b7e89;font-size:9px;font-weight:700;letter-spacing:2.1px;line-height:1.2}
.join-mini{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:0 20px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:linear-gradient(110deg,var(--ink) 0%,var(--ink) 35%,rgba(255,213,26,.7) 48%,rgba(255,255,255,.5) 50%,rgba(255,47,146,.42) 52%,var(--ink) 65%,var(--ink) 100%);background-size:300% 100%;background-position:100% 0;box-shadow:0 6px 0 var(--ink),0 10px 20px rgba(23,18,26,.2),inset 0 1px 0 rgba(255,255,255,.22);color:#fff;font-size:14px;font-weight:800;letter-spacing:.1px;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,background-position .5s ease}
.join-mini span{color:var(--yellow);font-size:17px;transition:transform .22s ease}
.join-mini:hover{transform:translateY(-3px);background-position:0 0;box-shadow:0 8px 0 var(--ink),0 14px 24px rgba(23,18,26,.24),0 0 20px rgba(255,47,146,.18),inset 0 1px 0 rgba(255,255,255,.28)}
.join-mini:hover span{transform:translate(2px,-2px)}
.join-mini:active{transform:translateY(1px);box-shadow:0 3px 0 var(--ink),0 6px 12px rgba(23,18,26,.2)}
.join-mini:focus-visible{outline:3px solid rgba(255,47,146,.5);outline-offset:4px}
@keyframes pi-header-enter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.header{height:74px;padding:9px 4%}.brand{gap:10px}.brand-mark{width:43px;height:43px;border-radius:13px;font-size:24px}.brand strong{font-size:20px}.brand small{font-size:8px;letter-spacing:1.65px}.join-mini{min-height:42px;padding:0 12px;border-radius:12px;font-size:12px;gap:6px}}
@media(max-width:360px){.header{padding-left:3%;padding-right:3%}.brand{gap:8px}.brand-mark{width:38px;height:38px}.brand strong{font-size:18px}.brand small{font-size:7px;letter-spacing:1.35px}.join-mini{padding:0 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.header{animation:none}.join-mini,.join-mini span{transition:none}.join-mini:hover,.join-mini:active{transform:none}}

/* Paisainstant hero refresh */
.hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(30px,5vw,62px);align-items:center;min-height:500px;padding:clamp(52px,7.5vw,88px) 5% clamp(46px,6vw,72px)}
.hero::before{position:absolute;z-index:-1;top:3%;right:-5%;width:min(58%,570px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,213,26,.17),rgba(255,47,146,.08) 45%,transparent 72%);content:"";pointer-events:none}
.hero-copy{position:relative;z-index:1;min-width:0;max-width:620px;animation:pi-hero-copy-enter .68s cubic-bezier(.2,.75,.25,1) both}
.hero .pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,47,146,.14);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 6px 18px rgba(23,18,26,.06),inset 0 1px 0 #fff;font-size:10px;letter-spacing:1.65px}
.hero h1{max-width:700px;margin:22px 0 18px;font-size:clamp(52px,6.4vw,82px);font-weight:850;letter-spacing:-.065em;line-height:.96;text-wrap:balance}
.hero h1 em{color:var(--pink);background:none;-webkit-background-clip:initial;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:.105em;text-underline-offset:.08em}
.hero-copy>p{max-width:540px;margin:0;color:var(--muted);font-size:clamp(16px,1.6vw,18px);line-height:1.7}
.hero-actions{gap:13px;margin-top:28px}
.hero-actions .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 21px;overflow:hidden;border-radius:15px;font-size:14px;font-weight:800;letter-spacing:.1px;box-shadow:0 8px 18px rgba(23,18,26,.1);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.hero-actions .btn::after{position:absolute;inset:0;transform:translateX(-125%);background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.38) 50%,transparent 72%);content:"";pointer-events:none}
.hero-actions .btn:hover::after{transform:translateX(125%);transition:transform .55s ease}
.hero-actions .primary{border:1px solid rgba(255,255,255,.5);background:var(--pink);color:#fff;box-shadow:0 9px 20px rgba(255,47,146,.25),inset 0 1px 0 rgba(255,255,255,.28)}
.hero-actions .ghost{border:1px solid rgba(23,18,26,.1);background:rgba(255,255,255,.78);color:var(--ink);box-shadow:0 8px 18px rgba(23,18,26,.07),inset 0 1px 0 #fff}
.hero-actions .btn:hover{transform:translateY(-3px)}
.hero-actions .primary:hover{box-shadow:0 13px 25px rgba(255,47,146,.32),inset 0 1px 0 rgba(255,255,255,.35)}
.hero-actions .ghost:hover{border-color:rgba(255,47,146,.3);box-shadow:0 12px 22px rgba(23,18,26,.11),inset 0 1px 0 #fff}
.hero-actions .btn:focus-visible{outline:3px solid rgba(255,47,146,.45);outline-offset:4px}
.hero-card{position:relative;isolation:isolate;width:100%;min-height:0;aspect-ratio:1.32/1;padding:10px;overflow:hidden;border:1px solid rgba(255,255,255,.95);border-radius:32px;background:radial-gradient(ellipse at 16% 12%,rgba(255,47,146,.1),transparent 48%),radial-gradient(ellipse at 84% 84%,rgba(255,213,26,.2),transparent 48%),rgba(255,255,255,.88);box-shadow:0 26px 58px rgba(171,63,120,.16),0 5px 15px rgba(23,18,26,.07),inset 0 1px 0 #fff;animation:pi-hero-art-enter .78s cubic-bezier(.2,.75,.25,1) .1s both;transition:transform .35s ease,box-shadow .35s ease}
.hero-card::before{position:absolute;z-index:0;inset:10px;border:1px solid rgba(255,255,255,.85);border-radius:24px;content:"";pointer-events:none}
.hero-card img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(23,18,26,.1))}
.hero-card:hover{transform:translateY(-5px);box-shadow:0 32px 65px rgba(171,63,120,.2),0 7px 18px rgba(23,18,26,.08),inset 0 1px 0 #fff}
@keyframes pi-hero-copy-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes pi-hero-art-enter{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:720px){.hero{grid-template-columns:minmax(0,1fr);gap:30px;min-height:0;padding:48px 4% 38px}.hero::before{top:20%;right:-20%;width:95%}.hero-copy{max-width:640px}.hero h1{margin:19px 0 15px;font-size:clamp(46px,11vw,68px);line-height:.98}.hero-copy>p{font-size:16px;line-height:1.65}.hero-actions{gap:10px;margin-top:23px}.hero-actions .btn{min-height:49px;padding:0 17px;font-size:13px}.hero-card{justify-self:center;width:min(100%,520px);aspect-ratio:1.32/1;border-radius:26px;padding:8px}.hero-card::before{inset:8px;border-radius:19px}}
@media(max-width:380px){.hero h1{font-size:clamp(42px,11.5vw,52px)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-card{aspect-ratio:1.15/1}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-card{animation:none}.hero-card,.hero-actions .btn,.hero-actions .btn::after{transition:none}.hero-card:hover,.hero-actions .btn:hover{transform:none}}

/* Small animated cue below the Hero heading's Links underline */
.hero-heading-arrow-wrap{position:relative;display:inline-block;white-space:nowrap}
.hero-heading-arrow{position:absolute;top:calc(100% + 3px);left:50%;display:block;color:var(--ink);font-size:15px;font-style:normal;font-weight:800;line-height:1;text-decoration:none;transform:translateX(-50%);animation:pi-heading-arrow-bounce 1.45s ease-in-out infinite}
@keyframes pi-heading-arrow-bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,4px)}}
@media(prefers-reduced-motion:reduce){.hero-heading-arrow{animation:none}}

/* Hero heading entrance and word reveal */
.hero h1{animation:pi-hero-heading-enter .62s cubic-bezier(.2,.75,.25,1) both}
.hero h1 .hero-heading-word{display:inline-block;opacity:0;animation:pi-hero-word-reveal .52s cubic-bezier(.2,.75,.25,1) both}
.hero h1 .hero-heading-word--1{animation-delay:.04s}
.hero h1 .hero-heading-word--2{animation-delay:.17s}
.hero h1 .hero-heading-word--3{animation-delay:.3s}
.hero h1 .hero-heading-word--4{animation-delay:.43s}
.hero h1 .hero-heading-word--accent{text-shadow:0 0 13px rgba(255,47,146,.19)}
.hero h1 em{animation:pi-hero-underline 2.8s ease-in-out .65s infinite alternate}
@keyframes pi-hero-heading-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes pi-hero-word-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes pi-hero-underline{from{text-decoration-color:rgba(255,213,26,.62);text-decoration-thickness:.085em}to{text-decoration-color:var(--yellow);text-decoration-thickness:.12em}}
@media(prefers-reduced-motion:reduce){.hero h1,.hero h1 .hero-heading-word,.hero h1 em{animation:none;opacity:1;transform:none}}
/* Hero Moneycontrol highlight card */
.hero .moneycontrol-card{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:18px 20px;overflow:hidden;border:1px solid rgba(255,47,146,.2);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,255,255,.92) 62%,rgba(255,249,201,.72));box-shadow:0 14px 30px rgba(23,18,26,.08),0 4px 12px rgba(255,47,146,.1),inset 0 1px 0 #fff;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.hero .moneycontrol-card::before{position:absolute;z-index:-1;top:-74px;right:-38px;width:220px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,213,26,.3),rgba(255,47,146,.1) 48%,transparent 72%);content:"";pointer-events:none}
.hero .moneycontrol-card-copy{position:relative;z-index:1;min-width:0}
.hero .moneycontrol-card h2{margin:0;color:var(--ink);font-size:17px;font-weight:850;letter-spacing:-.2px;line-height:1.2}
.hero .moneycontrol-highlight{margin:6px 0 4px;color:var(--pink);font-size:clamp(17px,2vw,21px);font-weight:850;letter-spacing:-.35px;line-height:1.2;text-shadow:0 0 14px rgba(255,47,146,.12)}
.hero .moneycontrol-description{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}
.hero .moneycontrol-apply{position:relative;z-index:1;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border:1px solid rgba(255,255,255,.62);border-radius:13px;background:var(--pink);box-shadow:0 5px 0 var(--ink),0 9px 17px rgba(255,47,146,.22),inset 0 1px 0 rgba(255,255,255,.35);color:#fff;font-size:13px;font-weight:850;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.hero .moneycontrol-apply span{color:var(--yellow);font-size:16px;transition:transform .22s ease}
.hero .moneycontrol-apply:hover{transform:translateY(-3px);background:var(--pink);box-shadow:0 7px 0 var(--ink),0 13px 22px rgba(255,47,146,.3),inset 0 1px 0 rgba(255,255,255,.42)}
.hero .moneycontrol-apply:hover span{transform:translate(2px,-2px)}
.hero .moneycontrol-apply:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.hero .moneycontrol-card:hover{transform:translateY(-3px);border-color:rgba(255,47,146,.3);box-shadow:0 19px 36px rgba(23,18,26,.1),0 6px 16px rgba(255,47,146,.13),inset 0 1px 0 #fff}
@media(max-width:720px){.hero .moneycontrol-card{align-items:stretch;flex-direction:column;gap:13px;margin-top:15px;padding:16px}.hero .moneycontrol-apply{width:100%;min-height:45px}}
@media(prefers-reduced-motion:reduce){.hero .moneycontrol-card,.hero .moneycontrol-apply,.hero .moneycontrol-apply span{transition:none}.hero .moneycontrol-card:hover,.hero .moneycontrol-apply:hover{transform:none}}

/* Consistent lender card system, based on the approved Moneycontrol card */
.grid .card{position:relative;isolation:isolate;grid-template-columns:48px minmax(0,1fr) auto;gap:15px;align-items:center;min-width:0;padding:18px;border:1px solid rgba(255,47,146,.2);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(255,213,26,.12),transparent 34%),linear-gradient(145deg,#fff 0%,#fffafd 100%);box-shadow:0 12px 26px rgba(23,18,26,.07),0 3px 10px rgba(255,47,146,.07),inset 0 1px 0 #fff;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.grid .card.featured{border:1px solid rgba(255,47,146,.2)}
.grid .card:hover{transform:translateY(-4px);border-color:rgba(255,47,146,.34);box-shadow:0 19px 34px rgba(23,18,26,.1),0 6px 15px rgba(255,47,146,.12),inset 0 1px 0 #fff}
.grid .card>.icon{width:48px;height:48px;border:1px solid rgba(255,47,146,.14);border-radius:15px;background:linear-gradient(145deg,var(--yellow),#fff,var(--pink));box-shadow:0 7px 14px rgba(23,18,26,.09),inset 0 1px 0 #fff;color:var(--ink)}
.grid .card>div:nth-child(2){min-width:0}
.grid .card h3{margin:0;color:var(--ink);font-size:16px;font-weight:850;letter-spacing:-.15px;line-height:1.3;text-decoration-line:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-skip-ink:auto}
.grid .card p{margin:7px 0 0;color:var(--muted);font-size:12.5px;line-height:1.45}
.grid .card .apply{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border:1px solid rgba(255,255,255,.55);border-bottom:3px solid var(--yellow);border-radius:13px;background:var(--pink);box-shadow:0 5px 0 var(--ink),0 8px 16px rgba(255,47,146,.2),inset 0 1px 0 rgba(255,255,255,.3);color:#fff;font-size:12px;font-weight:850;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.grid .card .apply:hover{transform:translateY(-2px);background:var(--pink);box-shadow:0 7px 0 var(--ink),0 12px 20px rgba(255,47,146,.27),inset 0 1px 0 rgba(255,255,255,.4)}
.grid .card .apply:active{transform:translateY(1px);box-shadow:0 3px 0 var(--ink),0 5px 10px rgba(255,47,146,.18)}
.grid .card .apply:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
@media(max-width:720px){.grid .card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px}.grid .card>.icon{width:44px;height:44px}.grid .card .apply{grid-column:1/-1;width:100%;min-height:45px;text-align:center}}
@media(prefers-reduced-motion:reduce){.grid .card,.grid .card .apply{transition:none}.grid .card:hover,.grid .card .apply:hover,.grid .card .apply:active{transform:none}}

/* Moneyview lender logo area; card inherits the standard lender-card system */
.grid .moneyview-card{grid-template-columns:64px minmax(0,1fr) auto}
.grid .moneyview-card>.icon{width:64px;height:48px;padding:6px;border-radius:13px;background:#fff;box-shadow:0 5px 12px rgba(23,18,26,.07),inset 0 0 0 1px rgba(255,47,146,.1)}
.grid .moneyview-card>.icon img{display:block;width:100%;height:100%;object-fit:contain}
.grid .moneyview-card .apply:disabled{opacity:.62;cursor:not-allowed;box-shadow:0 4px 0 var(--ink),0 6px 12px rgba(255,47,146,.12),inset 0 1px 0 rgba(255,255,255,.3)}
@media(max-width:720px){.grid .moneyview-card{grid-template-columns:64px minmax(0,1fr)}}

/* Lender logo fitting */
.grid .card>.icon img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}


/* Consistent lender logo sizing inside the existing icon boxes */
.grid .card>.icon img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;padding:4px}
.grid .moneyview-card>.icon img{padding:6px}


/* Clean, unboxed lender logo presentation */
.grid .card>.icon{border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit}
.grid .moneyview-card>.icon{padding:0;background:transparent;box-shadow:none;border-radius:0}
.grid .card>.icon img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:0}


/* Hero payout banner polish */
.hero-card{perspective:1000px;transform-style:preserve-3d;animation:pi-hero-art-enter .78s cubic-bezier(.2,.75,.25,1) .1s both,pi-payout-card-float 7s ease-in-out 1s infinite}
.hero-card::after{position:absolute;z-index:2;top:-35%;bottom:-35%;left:-55%;width:34%;background:linear-gradient(105deg,transparent 8%,rgba(255,255,255,0) 32%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 68%,transparent 92%);content:"";pointer-events:none;transform:skewX(-15deg);animation:pi-payout-light-sweep 7.5s ease-in-out 1.4s infinite}
.hero-card-visual{position:absolute;z-index:1;inset:10px;display:grid;place-items:center;transform-style:preserve-3d;animation:pi-payout-visual-float 6.4s ease-in-out infinite}
.hero-card-visual img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;animation:pi-payout-image-pulse 4.8s ease-in-out infinite}
.payout-banner-copy{position:absolute;z-index:3;top:12px;left:14px;right:14px;text-align:center;color:var(--ink);animation:pi-payout-copy-enter .75s cubic-bezier(.2,.75,.25,1) .25s both}
.payout-banner-copy h2{margin:0;color:var(--pink);font-size:clamp(12px,1.8vw,16px);font-weight:950;letter-spacing:.11em;line-height:1.1;text-shadow:0 1px 0 #fff,0 0 12px rgba(255,47,146,.22)}
.payout-banner-copy p{margin:4px 0 0;color:var(--ink);font-size:clamp(9px,1.2vw,11px);font-weight:750;letter-spacing:.015em;line-height:1.2;text-shadow:0 1px 0 rgba(255,255,255,.95)}
@keyframes pi-payout-card-float{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes pi-payout-visual-float{0%,100%{transform:perspective(1000px) translateY(0) rotateX(0)}50%{transform:perspective(1000px) translateY(-2px) rotateX(.35deg)}}
@keyframes pi-payout-image-pulse{0%,100%{filter:drop-shadow(0 10px 13px rgba(23,18,26,.1))}50%{filter:drop-shadow(0 12px 16px rgba(255,47,146,.15))}}
@keyframes pi-payout-light-sweep{0%,18%{left:-55%;opacity:0}24%{opacity:.85}45%,100%{left:125%;opacity:0}}
@keyframes pi-payout-copy-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.hero-card-visual{inset:8px}.payout-banner-copy{top:10px;left:12px;right:12px}.payout-banner-copy h2{font-size:clamp(12px,3.5vw,16px)}.payout-banner-copy p{font-size:clamp(9px,2.6vw,11px)}}
@media(prefers-reduced-motion:reduce){.hero-card{animation:none;translate:none}.hero-card::after,.hero-card-visual,.hero-card-visual img,.payout-banner-copy{animation:none;transform:none;filter:none;opacity:1}.hero-card:hover{transform:none}}

/* Animated brush-style hook aligned with the hero payout banner */
.payout-stack{width:100%;min-width:0;max-width:100%}
.payout-hook{position:relative;isolation:isolate;width:100%;margin:0 auto 21px;padding:16px 8px 20px;overflow-x:clip;overflow-y:visible;text-align:center;animation:pi-payout-hook-enter .78s cubic-bezier(.2,.75,.25,1) .12s both}
.payout-hook::before{position:absolute;z-index:-1;inset:0;border-radius:14px;background:radial-gradient(ellipse at 50% 100%,rgba(255,47,146,.16),transparent 68%);content:"";pointer-events:none}
.payout-hook::after{position:absolute;z-index:2;top:8%;bottom:8%;left:-48%;width:30%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.72),transparent);content:"";pointer-events:none;transform:skewX(-18deg);animation:pi-payout-hook-shine 6.8s ease-in-out 1s infinite}
.payout-hook-art{position:relative;z-index:1;width:max-content;max-width:100%;margin:0 auto;padding:5px 16px 8px;transform:perspective(700px) rotate(-13deg) rotateX(-3deg);transform-origin:center;animation:pi-payout-hook-float 5.2s ease-in-out 1s infinite;filter:drop-shadow(0 6px 8px rgba(23,18,26,.14))}
.payout-hook h2,.payout-hook p{position:relative;z-index:1;margin:0;font-family:"Mistral","Brush Script MT","Segoe Print",cursive;font-weight:900;font-style:italic;line-height:1.08;letter-spacing:.015em;-webkit-text-stroke:.3px rgba(22,27,61,.28);white-space:nowrap}
.payout-hook h2{font-size:clamp(27px,3.6vw,43px);text-shadow:0 1px 0 #fff,0 2px 0 #831344,0 4px 0 #4d253e,0 7px 0 rgba(23,18,26,.17),0 10px 18px rgba(23,18,26,.2);animation:pi-payout-hook-glow 4.8s ease-in-out 1.4s infinite}
.payout-hook-fast{color:var(--pink);filter:drop-shadow(0 2px 5px rgba(255,47,146,.24))}
.payout-hook-payout{color:var(--yellow);-webkit-text-stroke:1px #5c4600;text-shadow:0 2px 0 #5c4600,0 4px 8px rgba(23,18,26,.2)}
.payout-hook p{display:flex;justify-content:center;flex-wrap:wrap;column-gap:.35em;margin-top:8px;font-size:clamp(17px,1.65vw,20px);letter-spacing:.025em;white-space:normal;text-shadow:0 1px 0 #fff,0 2px 0 #684d07,0 4px 10px rgba(23,18,26,.17)}
.payout-hook p span{white-space:nowrap}
.payout-hook-business{color:var(--pink);-webkit-text-stroke:.4px #8b164e}
.payout-hook-faster{color:var(--yellow);-webkit-text-stroke:.8px #5c4600;text-shadow:0 2px 0 #5c4600,0 3px 7px rgba(23,18,26,.16)}
.payout-money{position:absolute;z-index:0;display:grid;place-items:center;pointer-events:none;user-select:none;opacity:.82;filter:drop-shadow(0 3px 5px rgba(23,18,26,.16));animation:pi-payout-money-drift 7s ease-in-out infinite both}
.payout-money-rupee{right:8%;top:7%;color:var(--pink);font-size:clamp(24px,2.8vw,32px);font-weight:900;text-shadow:0 2px 0 #fff,0 4px 7px rgba(23,18,26,.15);animation-delay:.8s}
.payout-money-cash{left:8%;bottom:4%;font-size:clamp(18px,2vw,23px);animation-delay:2.5s}
.payout-money-coin{right:13%;bottom:1%;font-size:clamp(18px,2vw,23px);animation-delay:4.1s}
@keyframes pi-payout-hook-enter{from{opacity:0;transform:perspective(700px) translateY(9px) rotateX(-3deg)}to{opacity:1;transform:perspective(700px) translateY(0) rotateX(0)}}
@keyframes pi-payout-hook-shine{0%,16%{left:-48%;opacity:0}23%{opacity:.72}46%,100%{left:125%;opacity:0}}
@keyframes pi-payout-hook-glow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,47,146,0))}50%{filter:drop-shadow(0 0 8px rgba(255,47,146,.24))}}
@keyframes pi-payout-hook-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes pi-payout-money-drift{0%{translate:0 12px;rotate:-5deg;opacity:0}18%{opacity:.82}55%{translate:10px -12px;rotate:4deg;opacity:.8}100%{translate:-5px -28px;rotate:-2deg;opacity:0}}
@media(max-width:720px){.payout-stack{width:min(100%,520px);margin-inline:auto}.payout-hook{margin-bottom:16px;padding:14px 4px 17px}.payout-hook-art{max-width:100%;padding:5px 9px 7px;transform:perspective(700px) rotate(-8deg) rotateX(-2deg)}.payout-hook h2{font-size:clamp(21px,6.1vw,31px);letter-spacing:0}.payout-hook p{margin-top:5px;font-size:clamp(15px,4vw,19px);letter-spacing:0}.payout-money-rupee{right:3%;top:3%;font-size:20px}.payout-money-cash{left:4%;bottom:1%;font-size:15px}.payout-money-coin{right:5%;bottom:1%;font-size:15px}}
@media(max-width:360px){.payout-hook h2{font-size:20px}.payout-hook p{font-size:14px}.payout-money-coin{display:none}}
@media(prefers-reduced-motion:reduce){.payout-hook,.payout-hook::after,.payout-hook-art,.payout-hook h2,.payout-money{animation:none!important;opacity:1;transform:none;filter:none}.payout-money{display:none}}


/* WhatsApp community CTA premium finish */
.cta{position:relative;isolation:isolate;overflow:visible;border:1px solid #ffffffa8;background:linear-gradient(118deg,#ffe46d 0%,#ffd51a 18%,#ffb88d 58%,#ff8cc2 100%);box-shadow:inset 0 1px 0 #ffffffc9,inset 0 -1px 0 #e7779e33,0 10px 24px #a45c7930,0 2px 5px #7f3d5922;animation:cta-enter .85s cubic-bezier(.2,.75,.25,1) both;transition:transform .38s cubic-bezier(.2,.75,.25,1),box-shadow .38s ease,border-color .38s ease}
.cta::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#ffffff50 0%,#ffffff18 27%,transparent 58%,#ffffff26 100%),linear-gradient(112deg,transparent 16%,#fff5 48%,transparent 76%);background-size:100% 100%,220% 100%;background-position:center,left center;animation:cta-light 12s ease-in-out 1s infinite}
.cta>*{position:relative;z-index:1}
.cta:hover{border-color:#ffffffd9;box-shadow:inset 0 1px 0 #ffffffdd,inset 0 -1px 0 #e7779e33,0 22px 42px #8e4d7138,0 7px 14px #7f3d5928}
.cta .primary{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#211823,#121015);box-shadow:inset 0 1px 0 #ffffff2e,0 7px 16px #61284338;transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease}
.cta .primary::after{content:"";position:absolute;inset:-55% auto -55% -75%;z-index:0;width:46%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#ffffff35,transparent);pointer-events:none}
.cta .primary>*{position:relative;z-index:1}
.cta-arrow{display:inline-block;transition:transform .32s cubic-bezier(.2,.75,.25,1)}
.cta .primary:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 5px #0007,0 2px 5px #61284330}
.cta .primary:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #17121a45}
@keyframes cta-enter{from{opacity:0;translate:0 14px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
@keyframes cta-light{0%,100%{background-position:center,left center}50%{background-position:center,right center}}
@media(hover:hover) and (pointer:fine){.cta:hover{transform:perspective(1100px) translateY(-4px) rotateX(.45deg)}.cta .primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff35,0 12px 24px #61284350}.cta .primary:hover::after{animation:cta-shine .85s cubic-bezier(.2,.75,.25,1)}.cta .primary:hover .cta-arrow{transform:translateX(4px)}}
@keyframes cta-shine{to{left:135%}}
@media(max-width:720px){.cta{transform:none}.cta .btn{display:block;width:100%;text-align:center}.cta .primary:active{transform:scale(.99)}}
@media(prefers-reduced-motion:reduce){.cta,.cta::before,.cta .primary,.cta-arrow,.cta .primary::after{animation:none!important;transition:none!important}.cta:hover,.cta .primary:hover,.cta .primary:active{transform:none}.cta .primary:hover .cta-arrow{transform:none}}
/* WhatsApp CTA white panel and finance emoji layer */
.cta{background:#fff;border-color:#f0dce5;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ead8e0,0 10px 24px #7a405018,0 2px 5px #7f3d5910}
.cta h2{color:#c2185b}
.cta p{color:#39343a}
.cta:hover{border-color:#e8bfd0;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ead8e0,0 18px 36px #7a405026,0 5px 12px #7f3d5915}
.cta-emoji-layer{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.cta>:not(.cta-emoji-layer){position:relative;z-index:1}
.cta-emoji{position:absolute;display:block;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-weight:400;line-height:1;text-shadow:0 1px 0 #ffffffa6,0 3px 4px #4b2e2645,0 8px 12px #4b2e2628;filter:saturate(1.05) drop-shadow(0 1px 1px #fff8);will-change:transform;backface-visibility:hidden;animation:cta-emoji-drift 25s ease-in-out infinite alternate}
.emoji-money{left:3%;top:8%;font-size:34px;opacity:.28;animation-duration:25s;animation-delay:-5s}
.emoji-flying{left:27%;bottom:7%;font-size:30px;opacity:.23;animation-duration:29s;animation-delay:-17s}
.emoji-coin{left:53%;top:7%;font-size:28px;opacity:.29;animation-duration:27s;animation-delay:-12s}
.emoji-card{right:25%;bottom:6%;font-size:33px;opacity:.24;animation-duration:31s;animation-delay:-21s}
.emoji-rupee{right:3%;top:8%;font-size:31px;opacity:.27;animation-duration:28s;animation-delay:-9s}
@keyframes cta-emoji-drift{0%{transform:translate3d(-4px,7px,0) rotate(-5deg)}50%{transform:translate3d(5px,-7px,0) rotate(1deg)}100%{transform:translate3d(-3px,-18px,0) rotate(5deg)}}
@media(max-width:720px){.cta-emoji{font-size:20px!important;opacity:.22}.emoji-flying,.emoji-card,.emoji-rupee{display:none}.emoji-money{left:3%;top:6%;animation-duration:27s}.emoji-coin{left:auto;right:3%;top:6%;animation-duration:30s}}
@media(prefers-reduced-motion:reduce){.cta-emoji{animation:none!important;will-change:auto}}
/* Paisainstant compact white footer */
.site-footer{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:clamp(14px,2.5vw,28px);padding:9px 5%;overflow:hidden;border-top:1px solid #eee9ed;background:#fff;box-shadow:0 -2px 8px #17121a06;animation:footer-enter .55s cubic-bezier(.2,.75,.25,1) both}
.site-footer::before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,#ffd51a80,transparent);pointer-events:none}
.site-footer .footer-brand{display:inline-flex;align-items:center;color:#c2185b;font-size:17px;font-weight:850;letter-spacing:-.035em;white-space:nowrap}
.site-footer .footer-brand::after{content:"";display:inline-block;width:10px;height:3px;margin-left:5px;border-radius:3px;background:#ffd51a}
.site-footer .footer-tagline{color:#4c4850;font-size:12px;font-weight:550;letter-spacing:.025em;text-align:right;white-space:nowrap}
.site-footer .footer-contact{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 0 4px 9px;border:0;border-left:2px solid #ffd51a;border-radius:0;background:transparent;color:#c2185b;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.025em;white-space:nowrap;box-shadow:none;transition:color .18s ease,transform .18s ease}
@keyframes footer-enter{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){.site-footer .footer-contact:hover{transform:translateY(-1px);color:#9d124a}}
.site-footer .footer-contact:focus-visible{outline:2px solid #c2185b;outline-offset:3px}
@media(max-width:720px){.site-footer{grid-template-columns:1fr auto;gap:3px 12px;padding:8px 4%}.site-footer .footer-brand{grid-column:1;grid-row:1;font-size:16px}.site-footer .footer-tagline{grid-column:1;grid-row:2;text-align:left;font-size:11px}.site-footer .footer-contact{grid-column:2;grid-row:1/3;justify-self:end;min-height:28px;padding:4px 0 4px 8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.site-footer{animation:none}.site-footer .footer-contact{transition:none}.site-footer .footer-contact:hover{transform:none}}
/* Floating partner registration WhatsApp action */
.float{bottom:calc(66px + env(safe-area-inset-bottom))}
.float-registration{display:flex;flex-direction:column;align-items:center;gap:6px}
.float-label{padding:5px 8px;border:1px solid #f2d8e3;border-radius:8px;background:#fff;color:#8f174b;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.01em;white-space:nowrap;box-shadow:0 3px 10px #17121a18}
.float .float-whatsapp{width:54px;height:54px;display:grid;place-items:center;border:1px solid #ff65a8;border-radius:50%;background:#ff1688;color:#fff;box-shadow:0 8px 20px #c2185b45,inset 0 1px 0 #ffffff55;transition:transform .24s cubic-bezier(.2,.75,.25,1),box-shadow .24s ease,background-color .24s ease}
.float .float-whatsapp svg{display:block;width:27px;height:27px;transition:transform .24s cubic-bezier(.2,.75,.25,1)}
@media(hover:hover) and (pointer:fine){.float .float-whatsapp:hover{transform:translateY(-3px);background:#f20e7c;box-shadow:0 13px 25px #c2185b55,inset 0 1px 0 #ffffff66}.float .float-whatsapp:hover svg{transform:translateY(-1px)}}
.float .float-whatsapp:active{transform:translateY(-1px) scale(.96)}
.float .float-whatsapp:focus-visible{outline:3px solid #c2185b;outline-offset:3px}
@media(max-width:720px){.float{right:14px;bottom:calc(66px + env(safe-area-inset-bottom))}.float-label{font-size:10px;padding:5px 7px}.float .float-whatsapp{width:50px;height:50px}.float .float-whatsapp svg{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.float .float-whatsapp,.float .float-whatsapp svg{transition:none}.float .float-whatsapp:hover,.float .float-whatsapp:hover svg,.float .float-whatsapp:active{transform:none}}

/* Become a DSA Partner button color treatment */
.header .join-mini{background:#ff1688;background-image:none;border:1px solid #ffd600;color:#fff;box-shadow:0 4px 0 #b60c5c,0 9px 18px #c2185b35,inset 0 1px 0 #ffffff55;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
.header .join-mini span{color:#ffd600}
.header .join-mini:hover{transform:translateY(-2px);background:#ff1688;background-image:none;box-shadow:0 6px 0 #b60c5c,0 13px 24px #c2185b48,0 0 16px #ffd60040,inset 0 1px 0 #ffffff66}
.header .join-mini:active{transform:translateY(1px);box-shadow:0 2px 0 #b60c5c,0 5px 10px #c2185b30,inset 0 1px 0 #ffffff40}
.header .join-mini:focus-visible{outline:3px solid #ffd600;outline-offset:3px}

/* WhatsApp Support button color treatment */
.hero-actions .ghost[href="https://wa.me/917239975225"]{border:1px solid #ffd600;background:#ff1688;color:#fff;box-shadow:0 5px 0 #b60c5c,0 9px 18px #c2185b30,inset 0 1px 0 #ffffff55}
.hero-actions .ghost[href="https://wa.me/917239975225"]:hover{transform:translateY(-3px);border-color:#ffd600;background:#ff1688;color:#fff;box-shadow:0 8px 0 #b60c5c,0 14px 24px #c2185b45,0 0 16px #ffd60038,inset 0 1px 0 #ffffff66}
.hero-actions .ghost[href="https://wa.me/917239975225"]:active{transform:translateY(1px);box-shadow:0 2px 0 #b60c5c,0 5px 10px #c2185b30,inset 0 1px 0 #ffffff40}
.hero-actions .ghost[href="https://wa.me/917239975225"]:focus-visible{outline:3px solid #ffd600;outline-offset:4px}

/* Matching pink and yellow treatment for the two hero actions */
.hero-actions a.btn[href="#lenders"],.hero-actions a.btn[href="https://wa.me/917239975225"]{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 21px;border:1px solid #ffd600;border-radius:15px;background:#ff1688;background-image:none;color:#fff;font-size:14px;font-weight:800;letter-spacing:.1px;box-shadow:0 5px 0 #b60c5c,0 9px 18px #c2185b30,inset 0 1px 0 #ffffff55;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease}
.hero-actions a.btn[href="#lenders"]:hover,.hero-actions a.btn[href="https://wa.me/917239975225"]:hover{transform:translateY(-3px);border-color:#ffd600;background:#ff1688;background-image:none;color:#fff;box-shadow:0 8px 0 #b60c5c,0 14px 24px #c2185b45,0 0 16px #ffd60038,inset 0 1px 0 #ffffff66}
.hero-actions a.btn[href="#lenders"]:active,.hero-actions a.btn[href="https://wa.me/917239975225"]:active{transform:translateY(1px);box-shadow:0 2px 0 #b60c5c,0 5px 10px #c2185b30,inset 0 1px 0 #ffffff40}
.hero-actions a.btn[href="#lenders"]:focus-visible,.hero-actions a.btn[href="https://wa.me/917239975225"]:focus-visible{outline:3px solid #ffd600;outline-offset:4px}
@media(max-width:720px){.hero-actions a.btn[href="#lenders"],.hero-actions a.btn[href="https://wa.me/917239975225"]{min-height:49px;padding:0 17px;font-size:13px}}

/* Supplied Moneycontrol wordmark in the existing card heading */
.hero .moneycontrol-card h2 .moneycontrol-logo{display:block;width:110px;max-width:100%;height:auto;object-fit:contain;background:#fff}


/* Lender section heading */
#lenders .section-head h2{color:#ff278a;font-weight:850;letter-spacing:-.035em;line-height:1.12}

/* Original Hero payout banner, without the extra hook or framed overlay */
.hero .payout-stack>.hero-card{position:relative;isolation:isolate;display:block;width:100%;max-width:100%;min-width:0;min-height:0;height:auto;aspect-ratio:auto;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:0 14px 30px rgba(23,18,26,.12);perspective:1000px;transform-style:preserve-3d;animation:pi-payout-banner-enter .72s cubic-bezier(.2,.75,.25,1) both,pi-payout-banner-float 7s ease-in-out .8s infinite;transition:transform .38s cubic-bezier(.2,.75,.25,1),box-shadow .38s ease}
.hero .payout-stack>.hero-card::before{display:none}
.hero .payout-stack>.hero-card::after{position:absolute;z-index:2;top:-35%;bottom:-35%;left:-55%;width:34%;background:linear-gradient(105deg,transparent 8%,rgba(255,255,255,0) 32%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 68%,transparent 92%);content:"";pointer-events:none;transform:skewX(-15deg);animation:pi-payout-light-sweep 8s ease-in-out 1s infinite}
.hero .payout-stack>.hero-card>img{position:relative;z-index:1;display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 12px rgba(23,18,26,.08))}
@keyframes pi-payout-banner-enter{from{opacity:0;translate:0 12px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
@keyframes pi-payout-banner-float{0%,100%{translate:0 0}50%{translate:0 -2px}}
@media(hover:hover) and (pointer:fine){.hero .payout-stack>.hero-card:hover{transform:perspective(1000px) translateY(-4px) rotateX(.35deg);box-shadow:0 21px 38px rgba(23,18,26,.16)}}
@media(max-width:720px){.hero .payout-stack>.hero-card{width:100%;max-width:520px;margin-inline:auto;box-shadow:0 10px 22px rgba(23,18,26,.1)}}
@media(prefers-reduced-motion:reduce){.hero .payout-stack>.hero-card{animation:none;transition:none;translate:none;scale:1}.hero .payout-stack>.hero-card::after{animation:none;display:none}.hero .payout-stack>.hero-card:hover{transform:none}}

/* Mobile responsive refinements; desktop rules remain unchanged */
@media(max-width:900px){.hero{overflow-x:clip}}
@media(max-width:720px){
  html,body{overflow-x:clip}
  .header{height:68px;gap:8px;padding:8px 16px;overflow:visible}
  .brand{flex:0 1 auto;min-width:0;gap:8px}
  .brand-mark{flex:0 0 40px;width:40px;height:40px;border-radius:12px;font-size:22px}
  .brand-copy{min-width:0;gap:3px}
  .brand strong{font-size:19px;letter-spacing:-.6px;white-space:nowrap}
  .brand small{font-size:7px;letter-spacing:1.45px;white-space:nowrap}
  .header .join-mini{flex:0 0 auto;min-height:40px;padding:0 10px;border-radius:11px;font-size:11px;gap:5px;white-space:nowrap}

  .hero{grid-template-columns:minmax(0,1fr);gap:22px;min-height:0;padding:32px 18px 28px;overflow-x:clip}
  .hero::before{top:16%;right:0;width:min(100%,430px);max-width:100%}
  .hero-copy{width:100%;max-width:none;min-width:0}
  .hero .pill{padding:7px 11px;font-size:9px;letter-spacing:1.3px}
  .hero h1{max-width:100%;margin:17px 0 12px;font-size:clamp(32px,9.2vw,36px);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
  .hero-copy>p{max-width:100%;font-size:15px;line-height:1.55}
  .hero-actions{gap:10px;margin-top:19px}
  .hero-actions a.btn[href="#lenders"],.hero-actions a.btn[href="https://wa.me/917239975225"]{min-height:48px;padding:0 14px;border-radius:13px;font-size:14px}
  .pin-check{margin-top:15px}
  .pin-check input{height:50px;padding:0 14px;font-size:16px}
  .pin-check button{min-height:50px;margin-top:9px;padding:0 14px;font-size:15px}
  .hero .moneycontrol-card{width:100%;min-width:0;gap:10px;margin-top:13px;padding:13px;border-radius:16px}
  .hero .moneycontrol-card h2 .moneycontrol-logo{width:104px}
  .hero .moneycontrol-highlight{font-size:17px;line-height:1.25}
  .hero .moneycontrol-description{font-size:13px;line-height:1.4}
  .hero .moneycontrol-apply{min-height:48px;font-size:13px}

  .payout-stack{width:100%;min-width:0;margin-inline:auto}
  .payout-hook{margin-bottom:12px;padding:8px 2px 11px}
  .payout-hook-art{max-width:100%;padding:3px 8px 5px;transform:perspective(700px) rotate(-5deg) rotateX(-1deg)}
  .payout-hook h2{font-size:clamp(22px,7vw,28px);letter-spacing:0}
  .payout-hook p{margin-top:4px;font-size:clamp(13px,4vw,16px);letter-spacing:0}
  .payout-money-rupee{font-size:19px}
  .payout-money-cash,.payout-money-coin{font-size:16px}
  .hero .payout-stack>.hero-card{width:100%;max-width:520px;aspect-ratio:auto}
  .hero .payout-stack>.hero-card>img{height:auto;object-fit:contain}

  .section{padding:27px 18px 34px}
  .section-head{margin-bottom:17px}
  .section-head h2{font-size:clamp(26px,7vw,30px);line-height:1.1}
  .grid{grid-template-columns:minmax(0,1fr);gap:11px}
  .grid .card,.grid .moneyview-card{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:13px;border-radius:16px}
  .grid .card>.icon{width:46px;height:46px;border-radius:13px}
  .grid .card h3{font-size:17px;line-height:1.25;letter-spacing:-.1px;overflow-wrap:anywhere}
  .grid .card p{margin-top:4px;font-size:13px;line-height:1.4}
  .grid .card .apply{grid-column:1/-1;width:100%;min-height:48px;padding:0 12px;font-size:13px}

  .cta{margin:0 16px 22px;padding:16px;border-radius:18px}
  .cta h2{margin:6px 0;font-size:clamp(23px,6.8vw,27px);line-height:1.16}
  .cta p{margin-top:6px;font-size:14px;line-height:1.5}
  .cta .btn{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:7px;margin-top:12px;padding:0 12px;border-radius:13px;font-size:14px;text-align:center}
  .cta-emoji{font-size:18px!important}

  .site-footer{grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:9px 18px}
  .site-footer .footer-brand{font-size:16px}
  .site-footer .footer-tagline{font-size:11px}
  .site-footer .footer-contact{min-height:30px;font-size:12px}

  /* Keep the contact action in normal flow on small screens so it never covers content. */
  .float{position:relative;right:auto;bottom:auto;width:max-content;max-width:calc(100% - 32px);flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;margin:10px 16px calc(10px + env(safe-area-inset-bottom)) auto;z-index:5}
  .float-registration{flex-direction:row-reverse;gap:8px;min-width:0}
  .float-label{max-width:calc(100vw - 104px);padding:5px 7px;font-size:10px}
  .float .float-whatsapp{width:46px;height:46px;flex:0 0 46px}
  .float .float-whatsapp svg{width:23px;height:23px}
}
@media(max-width:380px){
  .header{gap:6px;padding-inline:13px}
  .brand{gap:6px}
  .brand-mark{flex-basis:36px;width:36px;height:36px;font-size:20px}
  .brand strong{font-size:17px}
  .brand small{font-size:6.5px;letter-spacing:1.25px}
  .header .join-mini{min-height:38px;padding-inline:8px;font-size:10px;gap:4px}
  .hero{padding:28px 16px 24px;gap:19px}
  .hero h1{font-size:32px}
  .hero-actions{align-items:stretch;flex-direction:column;gap:9px}
  .hero-actions a.btn[href="#lenders"],.hero-actions a.btn[href="https://wa.me/917239975225"]{width:100%;min-height:48px}
  .hero .moneycontrol-card{padding:11px}
  .payout-hook h2{font-size:21px}
  .payout-hook p{font-size:13px}
  .section{padding-inline:16px}
  .grid .card,.grid .moneyview-card{padding:12px;gap:9px}
  .grid .card>.icon{width:44px;height:44px}
  .grid .card h3{font-size:16px}
  .cta{margin-inline:12px;padding:14px}
  .site-footer{padding-inline:16px}
  .float{max-width:calc(100% - 24px);margin-right:12px;margin-left:auto}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){.hero .payout-stack>.hero-card,.payout-hook,.payout-hook::after,.payout-hook-art,.payout-hook h2,.payout-money,.cta-emoji,.float .float-whatsapp,.float .float-whatsapp svg{animation:none!important;transition:none!important}}