/* ============================================================
   VyaparCred - pages.css
   New page components from the v2 content pass, unioned across
   every v2 source (product, homepage and financing pages each
   ship their own set).

   Namespaced component rules apply everywhere and are inert on
   pages that do not use them. Rules that would restyle EXISTING
   components (.btn, .section, .pipe, .pstep, .catcard) are scoped
   to .vc-v2, the class carried by pages on the v2 template, so
   untouched pages render exactly as before.

   Load order: tokens.css -> main.css -> components.css -> pages.css
   ============================================================ */

.gpick-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;margin:28px auto 8px;scroll-margin-top:90px}
.gpick-card{display:flex;flex-direction:column;text-align:left;text-decoration:none;border:1px solid var(--line,#E3E7E1);
 border-radius:16px;padding:24px;background:var(--white,#fff);transition:border-color .15s,transform .15s}
.gpick-card:hover{border-color:var(--green,#2E8B57);transform:translateY(-2px)}
.vc-v2 .gpick-flag{font-size:30px;line-height:1;margin-bottom:12px}
.gpick-name{font-size:21px;font-weight:600;color:var(--green-ink,#0B3D0B);margin-bottom:6px}
.gpick-name em{font-style:normal;font-size:11px;font-weight:600;color:#fff;background:var(--green,#2E8B57);
 border-radius:20px;padding:2px 9px;margin-left:8px;vertical-align:middle}
.gpick-desc{font-size:14px;color:var(--ink-2,#3A413C);line-height:1.5;margin-bottom:16px}
.gpick-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--green,#2E8B57)}
.gpick-card--soon:hover{transform:none;border-color:var(--line,#E3E7E1)}
.mega--country .mega__grid{grid-template-columns:1fr;min-width:260px}
/* .fab intentionally kept: it opens the auth modal and is a tracked lead path. */

/* reveal animation is owned by main.js, same as every other page. */
.crumb{font-size:.82rem;color:var(--gray);margin-bottom:var(--sp-4);}
.crumb a{color:var(--gray);}
.crumb a:hover{color:var(--green);}
.crumb span{color:var(--ink);}
.mtypes{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);}
@media(max-width:900px){
.mtypes{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
.mtypes{grid-template-columns:1fr;}
}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);}
@media(max-width:640px){
.guide-grid{grid-template-columns:1fr;}
}
.gitem{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);}
.gitem h4{font-size:var(--fs-h3);margin:0 0 6px;color:var(--ink);}
.gitem p{margin:0;color:var(--ink-2);}
.faqx{max-width:820px;margin:0 auto;}
.faqx details{border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:10px;background:var(--white);overflow:hidden;}
.faqx summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;gap:16px;align-items:center;}
.faqx summary::-webkit-details-marker{display:none;}
.faqx summary::after{content:"+";color:var(--green);font-size:1.4rem;line-height:1;}
.faqx details[open] summary::after{content:"\2212";}
.faqx .fa{padding:0 22px 20px;color:var(--ink-2);}
.vsm{max-width:960px;margin:0 auto;border:1px solid var(--line-2);border-radius:var(--r-xl);overflow:hidden;background:var(--white);box-shadow:var(--sh-md);}
.vsm__row{display:grid;grid-template-columns:1.4fr 1fr 1fr;}
.vsm__row+.vsm__row{border-top:1px solid var(--line);}
.vsm__cell{padding:16px 20px;font-size:.98rem;display:flex;gap:10px;align-items:flex-start;}
.vsm__head{background:var(--forest);color:var(--on-dark);}
.vsm__head .vsm__cell{font-weight:600;font-size:.86rem;letter-spacing:.02em;}
.vsm__head .us{background:var(--green);color:#fff;}
.vsm__head .us em{font-style:normal;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.22);padding:3px 8px;border-radius:var(--r-pill);margin-left:8px;}
.vsm__cell.lbl{background:var(--paper);font-weight:600;color:var(--ink);}
.vsm__cell.us{background:#F1F7F2;color:var(--ink);}
.vsm__cell.them{color:var(--gray);}
.vsm__cell .ic-yes{color:var(--green);flex-shrink:0;width:20px;height:20px;display:inline-flex;}
.vsm__cell .ic-yes svg{width:20px;height:20px;}
.vsm__cell .ic-no{color:var(--negative);flex-shrink:0;width:20px;height:20px;display:inline-flex;}
.vsm__cell .ic-no svg{width:20px;height:20px;}
.vsm__foot{padding:var(--sp-4);text-align:center;background:var(--paper);border-top:1px solid var(--line);}
@media(max-width:720px){
.vsm__row{grid-template-columns:1fr;}
.vsm__head{display:none;}
.vsm__cell.lbl{border-top:2px solid var(--line-2);}
.vsm__cell.us::before{content:"VyaparCred: ";font-weight:700;color:var(--green);}
.vsm__cell.them::before{content:"Direct vendor: ";font-weight:700;color:var(--gray-2);}
}
.relcat{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);}
@media(max-width:900px){
.relcat{grid-template-columns:repeat(2,1fr);}
}
.vc-v2 .btn svg{width:18px;height:18px;flex:none;}
.mtype__go svg, .pick__arrow svg, .vc-v2 .catcard__go svg{width:16px;height:16px;flex:none;}
.calc__foot svg{width:14px;height:14px;flex:none;}
.check__ic svg, .mtype__ic svg{flex:none;}
.crumbbar{background:var(--paper);border-bottom:1px solid var(--line);}
.crumbbar .wrap{display:flex;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px;font-size:.82rem;color:var(--gray);}
.crumbbar a{color:var(--gray);display:inline-flex;align-items:center;gap:8px;}
.crumbbar a:hover{color:var(--green);}
.crumbbar svg{width:14px;height:14px;color:var(--gray-2);}
.crumbbar .here{color:var(--ink);font-weight:600;}
.slider{position:relative;}
.slider__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 16px;scrollbar-width:thin;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.slider__track::-webkit-scrollbar{height:6px;}
.slider__track::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;}
.slide{scroll-snap-align:start;flex:0 0 260px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:10px;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);}
.slide:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:var(--sh-md);}
.slide__ic{width:44px;height:44px;border-radius:var(--r-md);background:var(--green-soft);display:flex;align-items:center;justify-content:center;color:var(--green-ink);}
.slide__ic svg{width:24px;height:24px;}
.slide h3{margin:0;font-size:1.1rem;color:var(--ink);}
.slide p{margin:0;font-size:.88rem;color:var(--ink-2);flex:1;line-height:1.5;}
.slide__meta{display:flex;gap:12px;font-size:.72rem;color:var(--gray-2);border-top:1px solid var(--line);padding-top:9px;}
.slide__go{font-size:.86rem;font-weight:600;color:var(--green);display:inline-flex;align-items:center;gap:6px;}
.slide__go svg{width:15px;height:15px;}
.slider__nav{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px;}
.slider__btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--line-2);background:var(--white);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s var(--ease);}
.slider__btn:hover{border-color:var(--green);color:var(--green);background:var(--green-soft);}
.slider__btn svg{width:18px;height:18px;}
.slider__hint{font-family:var(--mono);font-size:.7rem;color:var(--gray-2);align-self:center;margin-right:auto;}
.reslist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:820px){
.reslist{grid-template-columns:1fr 1fr;}
}
@media(max-width:520px){
.reslist{grid-template-columns:1fr;}
}
.rescard{display:block;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);transition:border-color .2s var(--ease),transform .2s var(--ease);}
.rescard:hover{border-color:var(--green);transform:translateY(-2px);}
.rescard .rk{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--green);margin-bottom:8px;display:block;}
.rescard h4{margin:0 0 6px;font-size:1rem;color:var(--ink);line-height:1.35;}
.rescard .rgo{font-size:.82rem;color:var(--gray);display:inline-flex;align-items:center;gap:6px;margin-top:4px;}
.rescard .rgo svg{width:14px;height:14px;}
.endcta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:var(--sp-5);padding-top:var(--sp-4);}
.endcta__txt{font-size:1rem;color:var(--ink-2);}
.endcta__txt b{color:var(--ink);}
.section--dark .endcta__txt{color:var(--on-dark-muted);}
.section--dark .endcta__txt b{color:var(--on-dark);}
.calc{max-width:1000px;margin:0 auto;background:var(--forest);border:1px solid var(--on-dark-line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-l,0 30px 60px -30px rgba(0,0,0,.5));}
.calc__grid{display:grid;grid-template-columns:1fr 1fr;}
@media(max-width:820px){
.calc__grid{grid-template-columns:1fr;}
}
.calc__in{padding:var(--sp-5);border-right:1px solid var(--on-dark-line);}
@media(max-width:820px){
.calc__in{border-right:none;border-bottom:1px solid var(--on-dark-line);}
}
.calc__f{margin-bottom:18px;}
.calc__f label{display:block;font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--on-dark-muted);margin-bottom:8px;}
.calc__seg{display:flex;padding:2px;gap:2px;background:rgba(255,255,255,.06);border:1px solid var(--on-dark-line);border-radius:var(--r-sm);}
.calc__seg button{flex:1;padding:9px 0;border:0;background:none;cursor:pointer;border-radius:var(--r-xs);font-weight:500;font-size:.86rem;color:var(--on-dark-muted);transition:all .18s var(--ease);font-family:inherit;}
.calc__seg button.is-active{background:var(--green);color:#fff;}
.calc .field-input{background-color:rgba(255,255,255,.06);border-color:var(--on-dark-line);color:#fff;padding:12px 14px;}
.calc .field-input:focus{border-color:var(--green-bright);background-color:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(79,159,79,.22);}
.calc__range{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:rgba(255,255,255,.14);outline:none;margin-top:6px;}
.calc__range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--green-bright);cursor:pointer;border:3px solid var(--forest);box-shadow:0 2px 8px rgba(0,0,0,.4);}
.calc__range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--green-bright);cursor:pointer;border:3px solid var(--forest);}
.calc__rangeval{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.72rem;color:var(--on-dark-muted);margin-top:8px;}
.calc__rangeval b{color:var(--green-bright);font-size:1.4rem;}
.calc__out{padding:var(--sp-5);display:flex;flex-direction:column;justify-content:center;}
.calc__hero{margin-bottom:6px;}
.calc__herolabel{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--on-dark-muted);}
.calc__pct{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--green-bright);margin-top:8px;}
.calc__pct small{font-size:1.1rem;color:var(--on-dark-muted);font-weight:500;}
.calc__rbar{height:8px;border-radius:999px;background:rgba(255,255,255,.12);margin:16px 0 22px;overflow:hidden;}
.calc__rbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green-bright),var(--green));border-radius:999px;transition:width .7s var(--ease);}
.calc__rgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.calc__stat{background:rgba(255,255,255,.04);border:1px solid var(--on-dark-line);border-radius:var(--r-md);padding:14px 16px;}
.calc__stat .k{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--on-dark-muted);}
.calc__stat .v{font-size:1.5rem;font-weight:600;color:var(--on-dark);margin-top:4px;font-variant-numeric:tabular-nums;}
.calc__foot{display:flex;gap:8px;align-items:flex-start;margin-top:18px;font-family:var(--mono);font-size:.7rem;line-height:1.5;color:var(--gray-2);}
.calc__foot svg{flex:none;width:14px;height:14px;color:var(--green-bright);margin-top:2px;}
.calc__cta{margin-top:20px;}
.willcount{font-variant-numeric:tabular-nums;}
.mtype{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);}
.mtype:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:var(--sh-md);}
.mtype__top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.mtype__ic{width:40px;height:40px;border-radius:var(--r-md);background:var(--green-soft);display:flex;align-items:center;justify-content:center;color:var(--green-ink);}
.mtype__ic svg{width:22px;height:22px;}
.mtype h3{margin:0;font-size:var(--fs-h3);color:var(--ink);}
.mtype>p{margin:0;color:var(--ink-2);font-size:.96rem;line-height:1.5;flex:1;}
.badge{font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:5px 10px;border-radius:var(--r-pill);white-space:nowrap;}
.badge--cool{background:var(--tag-cool-bg);color:var(--tag-cool-fg);}
.badge--khaki{background:var(--tag-khaki-bg);color:var(--tag-khaki-fg);}
.badge--warm{background:var(--tag-warm-bg);color:var(--tag-warm-fg);}
.eff{display:flex;flex-direction:column;gap:6px;}
.eff__row{display:flex;justify-content:space-between;font-size:.78rem;color:var(--gray);}
.eff__row b{color:var(--ink);font-weight:600;}
.effbar{height:8px;border-radius:var(--r-pill);background:var(--paper);overflow:hidden;}
.effbar i{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--green-bright),var(--green));}
.mtype__meta{display:flex;gap:14px;font-size:.78rem;color:var(--gray-2);border-top:1px solid var(--line);padding-top:10px;}
.mtype__meta b{color:var(--ink-2);}
.mtype__go{margin-top:2px;font-size:.9rem;font-weight:600;color:var(--green);display:inline-flex;align-items:center;gap:6px;}
.mtype__go svg{width:15px;height:15px;}
.picker{max-width:900px;margin:var(--sp-5) auto 0;background:var(--white);border:1px solid var(--line-2);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-sm);}
.picker__head{background:var(--green-soft);padding:14px 22px;font-weight:600;color:var(--green-ink);display:flex;align-items:center;gap:10px;font-size:.98rem;}
.picker__head svg{width:20px;height:20px;color:var(--green-ink);}
.pick{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:15px 22px;}
.pick+.pick{border-top:1px solid var(--line);}
.pick__q{color:var(--ink-2);font-size:.98rem;}
.pick__arrow{color:var(--green);display:flex;}
.pick__arrow svg{width:20px;height:20px;}
.pick__a{font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px;}
.pick__a .dot{width:9px;height:9px;border-radius:var(--r-pill);background:var(--green);flex-shrink:0;}
@media(max-width:560px){
.pick{grid-template-columns:1fr;gap:4px;text-align:left;}
.pick__arrow{display:none;}
.pick__a{color:var(--green);}
}
.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);}
@media(max-width:640px){
.checklist{grid-template-columns:1fr;}
}
.check{display:flex;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);align-items:flex-start;}
.check__ic{flex-shrink:0;width:34px;height:34px;border-radius:var(--r-pill);background:var(--green-soft);display:flex;align-items:center;justify-content:center;color:var(--green);}
.check__ic svg{width:19px;height:19px;}
.check h4{margin:0 0 4px;font-size:1.02rem;color:var(--ink);}
.check p{margin:0;color:var(--ink-2);font-size:.94rem;line-height:1.5;}
.seoblk{background:var(--cream);border-top:1px solid var(--line);padding:40px 0 50px;}
.seoblk .wrap{max-width:900px;}
.seoblk__eyebrow{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-2);margin-bottom:8px;}
.seoblk__head{font-size:1.15rem;font-weight:600;color:var(--ink-2);margin:0 0 4px;letter-spacing:-.01em;}
.seoblk__sub{font-size:.9rem;color:var(--gray);margin:0 0 14px;}
.seoblk__body{position:relative;max-height:104px;overflow:hidden;transition:max-height .45s var(--ease);color:var(--ink-2);font-size:.92rem;line-height:1.72;}
.seoblk__body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(transparent,var(--cream));transition:opacity .3s var(--ease);pointer-events:none;}
.seoblk__body.is-open{max-height:430px;overflow-y:auto;padding-right:16px;}
.seoblk__body.is-open::after{opacity:0;}
.seoblk__body h3{font-size:1rem;color:var(--ink);margin:18px 0 6px;font-weight:600;}
.seoblk__body h3:first-child{margin-top:0;}
.seoblk__body p{margin:0 0 10px;}
.seoblk__body ul{margin:0 0 12px 18px;padding:0;}
.seoblk__body li{margin-bottom:5px;}
.seoblk__body a{color:var(--green);text-decoration:underline;text-underline-offset:2px;}
.seoblk__body.is-open::-webkit-scrollbar{width:6px;}
.seoblk__body.is-open::-webkit-scrollbar-track{background:transparent;}
.seoblk__body.is-open::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;}
.seoblk__toggle{margin-top:14px;font-size:.86rem;font-weight:600;color:var(--green);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit;padding:0;}
.seoblk__toggle svg{width:15px;height:15px;transition:transform .3s var(--ease);}
.seoblk__toggle.is-open svg{transform:rotate(180deg);}
.statstrip{background:var(--forest);padding:0;}
.statstrip__in{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);}
@media(max-width:640px){
.statstrip__in{grid-template-columns:1fr 1fr;}
}
.stat{padding:28px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.1);}
.stat:last-child{border-right:none;}
@media(max-width:640px){
.stat:nth-child(2){border-right:none;}
.stat:nth-child(1), .stat:nth-child(2){border-bottom:1px solid rgba(255,255,255,.1);}
}
.stat__v{font-size:2.1rem;font-weight:700;color:var(--green-bright);letter-spacing:-.02em;line-height:1;}
.stat__l{font-size:.82rem;color:#C9CEC9;margin-top:8px;line-height:1.4;}
.pf{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;max-width:1040px;margin:0 auto;}
@media(max-width:760px){
.pf{grid-template-columns:1fr;gap:14px;}
}
.pf__card{border-radius:var(--r-lg);padding:28px;border:1px solid var(--line);}
.pf__card--problem{background:var(--paper);}
.pf__card--fix{background:var(--white);border-color:var(--green-soft-2);box-shadow:0 16px 40px -28px rgba(46,139,87,.5);position:relative;overflow:hidden;}
.pf__card--fix::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--green-bright),var(--green));}
.pf__tag{display:inline-block;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);background:var(--white);border:1px solid var(--line);padding:4px 10px;border-radius:999px;margin-bottom:14px;}
.pf__tag--fix{color:var(--green-ink);background:var(--green-soft);border-color:var(--green-soft-2);}
.pf__t{font-size:1.25rem;font-weight:600;color:var(--ink);margin-bottom:10px;line-height:1.25;}
.pf__b{font-size:.96rem;color:var(--ink-2);line-height:1.7;margin:0;}
.pf__arrow{display:flex;align-items:center;justify-content:center;color:var(--green);}
.pf__arrow svg{width:26px;height:26px;}
@media(max-width:760px){
.pf__arrow{transform:rotate(90deg);height:24px;}
}
.ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1040px;margin:0 auto;}
@media(max-width:760px){
.ben-grid{grid-template-columns:1fr;}
}
.ben{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:0 10px 26px -20px rgba(20,20,20,.2);}
.ben__ic{width:44px;height:44px;border-radius:var(--r-md);background:var(--green-soft);color:var(--green-ink);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.ben__ic svg{width:22px;height:22px;}
.ben__t{font-size:1.05rem;font-weight:600;color:var(--ink);margin-bottom:7px;line-height:1.3;}
.ben__b{font-size:.92rem;color:var(--ink-2);line-height:1.65;margin:0;}
.vc-v2 .pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1080px;margin:0 auto;}
@media(max-width:900px){
.vc-v2 .pipe{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
.vc-v2 .pipe{grid-template-columns:1fr;}
}
.vc-v2 .pstep{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px;box-shadow:0 10px 26px -20px rgba(20,20,20,.2);position:relative;}
.vc-v2 .pstep__n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--green-soft);color:var(--green-ink);font-weight:700;font-size:1rem;margin-bottom:12px;}
.vc-v2 .pstep h4{font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:6px;}
.vc-v2 .pstep p{font-size:.88rem;color:var(--ink-2);line-height:1.6;margin:0;}
@media(max-width:640px){
.ct{display:block;border:none;box-shadow:none;background:transparent;}
.ct thead{display:none;}
.ct tbody{display:block;}
.ct tr{display:block;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:14px;overflow:hidden;box-shadow:0 8px 20px -18px rgba(20,20,20,.25);}
.ct td{display:block;border-top:none;padding:0;}
.ct td.ct__dim{background:var(--forest);color:#fff;font-weight:600;padding:12px 16px;width:auto;font-size:.95rem;}
.ct td.ct__us, .ct td.ct__them{padding:12px 16px 12px 44px;position:relative;width:auto;border-top:1px solid var(--line);}
.ct td.ct__us{background:#f4faf5;}
.ct td.ct__us::before{content:"VyaparCred";position:absolute;left:16px;top:12px;font-family:var(--mono);font-size:.56rem;letter-spacing:.04em;text-transform:uppercase;color:var(--green-deep);font-weight:600;}
.ct td.ct__them::before{content:"Traditional";position:absolute;left:16px;top:12px;font-family:var(--mono);font-size:.56rem;letter-spacing:.04em;text-transform:uppercase;color:var(--gray-2);font-weight:600;}
.ct td.ct__us, .ct td.ct__them{padding-top:28px;}
.mx{display:block;border:none;box-shadow:none;background:transparent;}
.mx thead{display:none;}
.mx tbody{display:block;}
.mx tr{display:block;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:12px;padding:14px 16px;box-shadow:0 8px 20px -18px rgba(20,20,20,.25);}
.mx td{display:block;border-top:none;padding:2px 0;width:auto;}
.mx td.mx__sit{font-weight:600;color:var(--ink);font-size:.95rem;margin-bottom:4px;}
.mx td.mx__use{color:var(--green-deep);}
.mx td.mx__use::before{content:"Use: ";color:var(--gray);font-weight:400;}
.mx td.mx__who::before{content:"For: ";color:var(--gray);}
.mx td.mx__who{color:var(--gray);font-size:.85rem;}
.mx tbody tr:nth-child(even){background:var(--white);}
}
@media(max-width:480px){
.fin-glance{grid-template-columns:1fr;}
}
.ct td, .mx td{line-height:1.5;}
.fin-card--rich .fin-card__when{font-size:.8rem;color:var(--gray);font-style:italic;margin-top:2px;}
/* reveal animation is owned by main.js, same as every other page. */
.vc-v2 html.reveal-ready [data-reveal]:not(.is-in){opacity:1;transform:none;}
.hero--home{padding:56px 24px 36px;}
.market{padding:4px 24px 40px;}
.market__in{max-width:900px;margin:0 auto;text-align:center;}
.market__lead{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);margin-bottom:16px;}
.market__opts{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:640px){
.market__opts{grid-template-columns:1fr;}
}
.market__opt{display:flex;flex-direction:column;gap:8px;text-align:left;padding:24px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--white);text-decoration:none;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);position:relative;overflow:hidden;}
.market__opt--primary{border-color:var(--green-soft-2);}
.market__opt--primary::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--green-bright),var(--green));}
.market__opt:hover{transform:translateY(-3px);border-color:var(--green-soft-2);box-shadow:0 18px 36px -24px rgba(46,139,87,.35);}
.market__flag{font-size:1.3rem;font-weight:700;color:var(--ink);}
.market__desc{font-size:.9rem;color:var(--ink-2);line-height:1.6;}
.market__go{font-size:.88rem;font-weight:600;color:var(--green);margin-top:4px;}
.twoeng{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:0 auto;}
@media(max-width:720px){
.twoeng{grid-template-columns:1fr;}
}
.eng{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:0 10px 26px -20px rgba(20,20,20,.22);position:relative;overflow:hidden;}
.eng::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--green-bright),var(--green));}
.eng h3{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:var(--ink);}
.eng p{font-size:.95rem;color:var(--ink-2);line-height:1.7;margin:0;}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1080px;margin:0 auto;}
@media(max-width:860px){
.cats{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
.cats{grid-template-columns:1fr;}
}
.vc-v2 .catcard{display:flex;flex-direction:column;gap:6px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;text-decoration:none;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);position:relative;overflow:hidden;}
.vc-v2 .catcard::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--green-bright),var(--green));opacity:0;transition:opacity .28s var(--ease);border-radius:var(--r-lg) var(--r-lg) 0 0;}
.vc-v2 .catcard:hover{transform:translateY(-4px);border-color:var(--green-soft-2);box-shadow:0 22px 40px -24px rgba(46,139,87,.30);}
.vc-v2 .catcard:hover::after{opacity:1;}
.catcard__t{font-size:1.05rem;font-weight:600;color:var(--ink);}
.catcard__d{font-size:.85rem;color:var(--gray);line-height:1.5;}
.vc-v2 .catcard__go{font-size:.85rem;font-weight:600;color:var(--green);margin-top:6px;}
@media(max-width:760px){
}
.vc-v2 .section-head{max-width:720px;margin:0 auto 32px;}
.vc-v2 .section-head--center{text-align:center;}
.section-cta{text-align:center;margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.hero__note{font-size:.82rem;color:var(--gray);margin-top:14px;}
/* Center the hero reassurance line on centered (single-column) product heroes */
.hero__grid[style*="text-align:center"] .hero__reassure{justify-content:center;}
.h2--light{color:#fff;}
.vc-v2 .statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1080px;margin:0 auto;}
@media(max-width:860px){
.vc-v2 .statgrid{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
.vc-v2 .statgrid{grid-template-columns:1fr;}
}
.vc-v2 .statcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:22px 20px;display:flex;flex-direction:column;gap:8px;}
.vc-v2 .statcard b{font-size:1.02rem;font-weight:600;color:#fff;line-height:1.35;}
.vc-v2 .statcard span{font-size:.86rem;color:#C9CEC9;line-height:1.5;}
.vc-v2 .pstep{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px;box-shadow:0 10px 26px -20px rgba(20,20,20,.2);}
.vc-v2 .pstep__n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--green-soft);color:var(--green-ink);font-weight:700;margin-bottom:12px;}
.statcard--link{text-decoration:none;transition:transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease);cursor:pointer;}
.statcard--link:hover{transform:translateY(-3px);border-color:var(--green-bright);background:rgba(79,159,79,.08);}
.statcard__go{font-size:.8rem;font-weight:600;color:var(--green-bright);margin-top:4px;}
.market{padding:8px 24px 40px;}
.fin-glance{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1000px;margin:0 auto;}
@media(max-width:760px){
.fin-glance{grid-template-columns:1fr 1fr;}
}
.fin-g{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:0 10px 26px -20px rgba(20,20,20,.2);}
.fin-g__k{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);margin-bottom:8px;}
.fin-g__v{font-size:1.05rem;font-weight:600;color:var(--ink);line-height:1.4;}
.fin-inst{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1000px;margin:0 auto;}
@media(max-width:720px){
.fin-inst{grid-template-columns:1fr;}
}
.fin-card{display:flex;flex-direction:column;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;text-decoration:none;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);position:relative;overflow:hidden;}
.fin-card::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--green-bright),var(--green));opacity:0;transition:opacity .28s var(--ease);}
.fin-card:hover{transform:translateY(-4px);border-color:var(--green-soft-2);box-shadow:0 22px 40px -24px rgba(46,139,87,.3);}
.fin-card:hover::after{opacity:1;}
.fin-card__t{font-size:1.15rem;font-weight:600;color:var(--ink);}
.fin-card__d{font-size:.9rem;color:var(--ink-2);line-height:1.6;}
.fin-card__go{font-size:.86rem;font-weight:600;color:var(--green);margin-top:4px;}
.uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:0 auto;}
@media(max-width:760px){
.uc-grid{grid-template-columns:1fr;}
}
.uc{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:0 10px 26px -20px rgba(20,20,20,.2);}
.uc__t{font-size:1.02rem;font-weight:600;color:var(--ink);margin-bottom:6px;}
.uc__d{font-size:.9rem;color:var(--ink-2);line-height:1.6;}
.ct{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;}
.ct th, .ct td{padding:13px 16px;font-size:.92rem;text-align:left;border-top:1px solid var(--line);vertical-align:top;}
.ct thead th{background:var(--forest);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-top:none;}
.ct thead th.ct__ush{background:var(--green);}
.ct__dim{font-weight:600;color:var(--ink);background:var(--paper);width:22%;}
.ct__us{color:#1e4d2b;background:#f4faf5;width:39%;}
.ct__them{color:var(--gray);width:39%;}
.elig{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1000px;margin:0 auto;align-items:center;}
@media(max-width:760px){
.elig{grid-template-columns:1fr;}
}
.elig__list{list-style:none;padding:0;margin:0;}
.elig__list li{position:relative;padding:12px 0 12px 34px;border-top:1px solid var(--line);font-size:.95rem;color:var(--ink-2);}
.elig__list li:first-child{border-top:none;}
.elig__list li::before{content:"";position:absolute;left:0;top:15px;width:18px;height:18px;border-radius:50%;background:var(--green-soft);}
.elig__list li::after{content:"";position:absolute;left:6px;top:19px;width:6px;height:10px;border-right:2px solid var(--green-deep);border-bottom:2px solid var(--green-deep);transform:rotate(45deg);}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:0 auto;}
@media(max-width:760px){
.how-grid{grid-template-columns:1fr;}
}
.how{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;}
.how__n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--green-soft);color:var(--green-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem;}
.how h4{font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:5px;}
.how p{font-size:.88rem;color:var(--ink-2);line-height:1.6;}
.mx{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;}
.mx th, .mx td{padding:13px 16px;font-size:.92rem;text-align:left;border-top:1px solid var(--line);}
.mx thead th{background:var(--forest);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-top:none;}
.mx__sit{color:var(--ink-2);width:46%;}
.mx__use{font-weight:600;color:var(--green-deep);width:34%;}
.mx__who{color:var(--gray);width:20%;}
.mx tbody tr:nth-child(even){background:var(--paper);}
.sides{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:0 auto;}
@media(max-width:720px){
.sides{grid-template-columns:1fr;}
}
.side{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:0 10px 26px -20px rgba(20,20,20,.2);}
.side__t{font-size:1.2rem;font-weight:600;color:var(--ink);margin-bottom:8px;}
.side__d{font-size:.93rem;color:var(--ink-2);line-height:1.7;margin-bottom:14px;}
.side__chips{display:flex;flex-wrap:wrap;gap:8px;}
.side__chips a{font-size:.8rem;font-weight:500;color:var(--green-deep);background:var(--green-soft);padding:4px 11px;border-radius:999px;text-decoration:none;}
.side__chips a:hover{background:var(--green-soft-2);}

/* ===== v2 visual normalisation (must stay last) ===== */
.vc-v2 .section:not(.section--dark){background:
    radial-gradient(1100px 460px at 88% -12%, rgba(46,139,87,.045), transparent 62%),
    var(--cream);}
.vc-v2 .section--alt:not(.section--dark){background:
    radial-gradient(1000px 440px at 10% -12%, rgba(46,139,87,.055), transparent 60%),
    var(--paper);}
.mtype, .slide, .rescard, .check, .vc-v2 .catcard{border:1px solid var(--line) !important;
  background:var(--white) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:0 1px 2px rgba(20,20,20,.03), 0 10px 26px -20px rgba(20,20,20,.22) !important;
  transition:transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease) !important;}
.mtype, .slide, .rescard{position:relative;}
.mtype::after, .slide::after, .rescard::after{content:""; position:absolute; left:0; right:0; top:0; height:2px;
  background:linear-gradient(90deg, var(--green-bright), var(--green));
  opacity:0; transition:opacity .28s var(--ease);
  border-radius:var(--r-lg) var(--r-lg) 0 0;}
.mtype:hover, .slide:hover, .rescard:hover, .check:hover, .vc-v2 .catcard:hover{transform:translateY(-4px) !important;
  border-color:var(--green-soft-2, #BBD9BB) !important;
  box-shadow:0 6px 12px -6px rgba(20,20,20,.05), 0 22px 40px -24px rgba(46,139,87,.30) !important;}
.mtype:hover::after, .slide:hover::after, .rescard:hover::after{opacity:1;}
.mtype__ic, .slide__ic, .check__ic{background:var(--green-soft) !important;
  color:var(--green-ink) !important;
  box-shadow:none !important;}
.mtype__ic svg, .slide__ic svg, .check__ic svg{stroke:var(--green-ink) !important; color:var(--green-ink) !important;}
.badge--khaki, .badge--cool, .badge--warm{background:var(--green-soft) !important; color:var(--green-ink) !important;}
.vc-v2 .btn--primary{background:linear-gradient(120deg, var(--green), var(--green-deep)) !important;
  border-color:transparent !important;
  box-shadow:0 8px 18px -10px rgba(46,139,87,.45) !important;
  transition:filter .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease) !important;}
.vc-v2 .btn--primary:hover{filter:brightness(1.06); transform:translateY(-1px); box-shadow:0 12px 22px -10px rgba(46,139,87,.55) !important;}
.vc-v2 .btn--on-dark{background:var(--green-bright) !important; border-color:transparent !important;
  transition:filter .25s var(--ease), transform .25s var(--ease) !important;}
.vc-v2 .btn--on-dark:hover{filter:brightness(1.06); transform:translateY(-1px);}
.vsm{box-shadow:0 12px 30px -22px rgba(20,20,20,.28) !important; border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line);}
.vsm__head .us{background:var(--green) !important;}
.calc{box-shadow:0 24px 55px -30px rgba(0,0,0,.5) !important;}
.picker{border-radius:var(--r-lg); box-shadow:0 10px 26px -22px rgba(20,20,20,.25); border:1px solid var(--line-2);}
.picker__head{background:var(--green-soft) !important;}
.effbar i{background:var(--green) !important;}

/* ============================================================
   Repairs applied during the port.
   ============================================================ */

/* components.css styles .pstep for a dark section (white text). The v2 pass
   turns it into a light card, which left heading, number and pill unreadable. */
.vc-v2 .pstep h3 { color: var(--ink); font-size: 1rem; margin-top: 0; }
.vc-v2 .pstep p { color: var(--ink-2); }
.vc-v2 .pstep .num { color: var(--green-deep); }
.vc-v2 .pstep .time { color: var(--green-deep); background: var(--green-soft); }
.vc-v2 .pipe__line { display: none; }

/* Lead capture attached to the v2 calculator (dark panel, borrows the
   estimator's on-dark field styling from components.css). */
.calc__gate { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--on-dark-line); }
.calc__gate form { display: grid; gap: 10px; }
.calc__gate .lc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.calc__gate .estL__micro { margin-top: 2px; }
@media (max-width: 700px){
  .calc__gate .estL__gaterow { flex-direction: column; }
  .calc__gate .estL__gaterow .btn { width: 100%; justify-content: center; }
}

/* Lead capture dropped into the closing CTA band on pages with no calculator. */
.leadblk { max-width: 620px; margin: 26px auto 0; text-align: left; }
.leadblk__t { font-family: var(--mono); font-size: .68rem; letter-spacing: .1em;
  text-transform: uppercase; color: var(--on-dark-muted); margin-bottom: 12px; text-align: center; }
.leadblk form { display: grid; gap: 10px; }
.leadblk .lc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.section--dark .leadblk .estL__micro { color: var(--on-dark-muted); }
@media (max-width: 700px){
  .leadblk .estL__gaterow { flex-direction: column; }
  .leadblk .estL__gaterow .btn { width: 100%; justify-content: center; }
}

/* The v2 homepage hero is the one section whose inner container is not
   wrapped in .wrap, so it stretched the full viewport. Cap it like the rest. */
.vc-v2 .hero--home .hero__grid { max-width: var(--wrap); margin-inline: auto; }

/* .hero__grid is a two-column grid in main.css, but every v2 hero holds a
   single .hero__col, which left the right half of the hero empty. */
.vc-v2 .hero__grid--single { grid-template-columns: 1fr; }
.vc-v2 .hero__grid--single .hero__col { max-width: 820px; margin-inline: auto; }

/* Trust strip. The 24 product pages use .trust > .trust__in (styled in
   main.css); the two homepages ship the items bare, so fix_polish gives them
   the same wrapper plus .trust--plain for the no-icon variant. The v2 sheet's
   own .trust grid is dropped in the union below, it would nest a second grid
   inside .trust__in and squeeze all four items into one column. */
.trust--plain .trust__item { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.trust--plain .trust__item b { font-size: .96rem; font-weight: 600; color: var(--ink); }
.trust--plain .trust__item > span { font-family: var(--mono); font-size: .72rem; letter-spacing: .02em; color: var(--gray-2); }

/* The v2 final CTA reuses the stable .finalcta treatment so the section keeps
   its background image, but at the v2 content width rather than 780px. */
.vc-v2 .finalcta--v2 .wrap { max-width: var(--wrap); }
.vc-v2 .finalcta--v2 { background: var(--forest); }

/* Financing cards: descriptions run to one or two lines, so the CTA sat at a
   different height in every card. Pin it to the bottom and the row reads as
   one band. .statgrid is fixed at four columns but several sections ship three
   cards, which left a hole on the right, so let the row fit what it holds. */
.vc-v2 .statgrid { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.vc-v2 .statcard { height: 100%; }
.vc-v2 .statcard__go { margin-top: auto; padding-top: 10px; }
.vc-v2 .fin-card__go { margin-top: auto; padding-top: 6px; }
@media (max-width: 900px){
  .vc-v2 .statgrid { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
}

/* Country strip above the India hero. The v2 markup ships this element with
   no rule at all, so the label and the switch link ran together as bare text. */
.cstrip {
  display: flex; flex-wrap: wrap; align-items: baseline;
  gap: 6px 14px;
  max-width: var(--wrap); margin-inline: auto;
  padding: 11px var(--gutter);
  font-size: .87rem; color: var(--gray);
  border-bottom: 1px solid var(--line);
}
.cstrip__switch {
  color: var(--green-deep); font-weight: 500;
  text-decoration: underline; text-underline-offset: 2px;
  text-decoration-color: var(--green-soft-2);
}
.cstrip__switch:hover { text-decoration-color: currentColor; }

/* Several v2 sections put their container straight inside <section> instead of
   inside .wrap, so on a phone those blocks ran flush to both screen edges.
   Give exactly those (never .wrap, never the full-bleed bands) the gutter. */
@media (max-width: 900px){
  .vc-v2 main > section > *:not(.wrap):not(.statstrip__in):not(.finalcta__bg):not(.trust__in){
    padding-inline: var(--gutter);
  }
}

@media (prefers-reduced-motion: no-preference){ html { scroll-behavior: smooth; } }