/* Vector Professions Finance: homepage V2 ("fresh lift").
   Loaded on the homepage only and scoped to body.home-v2.
   No new colours: every colour is a var() from styles.css (DESIGN.md 3.1),
   and the only alphas are the existing shadow values rgba(86,91,97,.31) and rgba(0,0,0,.18). */

.home-v2{--radius-card:8px;--shadow-soft:0 2px 10px rgba(86,91,97,.31);--shadow-lift:0 8px 22px rgba(0,0,0,.18)}

/* shared bits */
.home-v2 .hv2-section{padding-block:var(--s7)}
@media (max-width:760px){.home-v2 .hv2-section{padding-block:var(--s6)}}
.home-v2 .hv2-head{text-align:center;max-width:46rem;margin:0 auto var(--s5)}
.home-v2 .hv2-head h2{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em;color:var(--navy);margin-bottom:var(--s2)}
.home-v2 .hv2-head p{font-size:var(--fs-md);line-height:1.6;color:var(--ink);margin:0}
.home-v2 .hv2-center{text-align:center;margin:var(--s5) 0 0}
.home-v2 .hv2-small{text-align:center;font-size:var(--fs-xs);color:var(--slate);margin:var(--s2) 0 0}
.home-v2 .hv2-btn{border-radius:var(--radius-card);padding:.95rem 1.9rem;min-height:3rem}
.home-v2 .hv2-ico,.home-v2 .hv2-card__ico svg{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* 1. hero: calm navy to blue band, no overlay */
.home-v2 .hv2-hero{position:relative;background:linear-gradient(120deg,var(--navy) 0%,var(--blue) 100%);color:var(--white);overflow-x:clip}
.home-v2 .hv2-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--s4);padding-top:var(--s6)}
.home-v2 .hv2-hero__text{align-self:center;padding-block:0 calc(var(--s5) + var(--trust-lift));max-width:44rem}
.home-v2 .hv2-eyebrow{font-family:var(--font-head);font-size:var(--fs-sm);font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--white);margin:0 0 var(--s2)}
.home-v2 .hv2-hero h1{font-size:clamp(2.5rem,1.3rem + 4.4vw,4.5rem);font-weight:700;line-height:1.06;letter-spacing:-.02em;color:var(--white);margin:0 0 var(--s3)}
.home-v2 .hv2-lead{font-size:clamp(1.125rem,1rem + .4vw,1.3125rem);line-height:1.65;color:var(--white);max-width:40ch;margin:0 0 var(--s4)}
.home-v2 .hv2-actions{display:flex;flex-wrap:wrap;gap:var(--s2)}
.home-v2 .hv2-btn--outline{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-head);font-weight:700;font-size:var(--fs-md);line-height:1.3;color:var(--white);background:transparent;border:2px solid var(--white);border-radius:var(--radius-card);padding:calc(.95rem - 2px) 1.75rem;text-decoration:none;transition:background-color .2s,color .2s}
.home-v2 .hv2-btn--outline .hv2-num{font-weight:500}
.home-v2 .hv2-btn--outline:hover,.home-v2 .hv2-btn--outline:focus-visible{background:var(--white);color:var(--navy);text-decoration:underline}
/* walking cheetah: paws grounded on the trust card's top edge.
   The image has 4.72% of its width as transparent space under the lowest paw (shadow room). */
.home-v2 .hv2-cheetah{--cw:28rem;position:relative;z-index:4;width:var(--cw);max-width:none;align-self:end;justify-self:end;margin:0 -1rem calc(var(--trust-lift) - var(--cw) * .0472) 0;pointer-events:none}
@media (max-width:1100px){.home-v2 .hv2-cheetah{--cw:21rem;margin-right:-.5rem}}
@media (max-width:760px){
  .home-v2 .hv2-hero .wrap{grid-template-columns:1fr;padding-top:var(--s5);gap:0}
  .home-v2 .hv2-hero__text{padding-bottom:var(--s3)}
  .home-v2 .hv2-actions .btn,.home-v2 .hv2-actions .hv2-btn--outline{flex:1 1 12rem;justify-content:center;text-align:center}
  .home-v2 .hv2-cheetah{--cw:10.5rem;justify-self:end;margin:-.5rem .25rem calc(var(--trust-lift) - var(--cw) * .0472) 0}
}

/* 2. trust card: white card lifted over the hero's bottom edge */
.home-v2{--trust-lift:2.5rem}
.home-v2 .hv2-trust{display:flow-root;background:var(--mist)}
.home-v2 .hv2-trust .wrap{position:relative;z-index:3;margin-top:calc(var(--trust-lift) * -1)}
.home-v2 .hv2-trust__card{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);overflow:hidden}
.home-v2 .hv2-trust__card li{display:flex;align-items:center;gap:.875rem;min-height:6.5rem;padding:var(--s3) var(--s3);background:var(--white)}
.home-v2 .hv2-trust__ico{flex:none;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--ice);color:var(--blue)}
.home-v2 .hv2-trust__ico svg{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.home-v2 .hv2-trust__badge{flex:none;display:grid;place-items:center;width:3rem;height:4rem}
.home-v2 .hv2-trust__badge img{width:auto;height:4rem}
.home-v2 .hv2-trust__txt{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.home-v2 .hv2-trust__txt strong{font-family:var(--font-head);font-weight:700;font-size:var(--fs-md);line-height:1.2;color:var(--navy)}
.home-v2 .hv2-trust__txt span{font-size:var(--fs-xs);line-height:1.4;color:var(--slate)}
.home-v2 .hv2-trust + .hv2-services{padding-top:var(--s6)}
@media (max-width:1100px){
  .home-v2 .hv2-trust__card{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .home-v2{--trust-lift:2rem}
  .home-v2 .hv2-trust__card li{flex-direction:column;justify-content:flex-start;text-align:center;gap:.5rem;min-height:9.5rem;padding:var(--s3) var(--s2)}
  .home-v2 .hv2-trust__txt{align-items:center}
  .home-v2 .hv2-trust__txt strong{font-size:var(--fs-base)}
  .home-v2 .hv2-trust__ico{width:2.75rem;height:2.75rem}
  /* same 3.25rem icon slot in every cell so values line up across each row */
  .home-v2 .hv2-trust__ico{margin-block:.25rem}
  .home-v2 .hv2-trust__badge{width:auto;height:3.25rem}
  .home-v2 .hv2-trust__badge img{height:3.25rem}
}

/* 3. services grid */
.home-v2 .hv2-services{background:var(--mist)}
.home-v2 .hv2-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.home-v2 .hv2-card{position:relative;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s4) var(--s3);transition:box-shadow .2s,transform .2s}
.home-v2 .hv2-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.home-v2 .hv2-card:focus-within{outline:3px solid var(--blue);outline-offset:2px}
.home-v2 .hv2-card a:focus-visible{outline:0}
.home-v2 .hv2-card__ico{display:inline-grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--ice);color:var(--blue);margin-bottom:var(--s2)}
.home-v2 .hv2-card h3{font-size:var(--fs-md);font-weight:700;margin:0 0 var(--s1)}
.home-v2 .hv2-card h3 a{color:var(--navy);text-decoration:none}
.home-v2 .hv2-card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.home-v2 .hv2-card:hover h3 a{text-decoration:underline}
.home-v2 .hv2-card p{font-size:var(--fs-sm);line-height:1.6;margin:0;color:var(--ink)}
.home-v2 .hv2-more{text-align:center;margin:var(--s4) 0 0;font-family:var(--font-head);font-weight:500}
@media (prefers-reduced-motion:reduce){.home-v2 .hv2-card:hover{transform:none}}
@media (max-width:960px){.home-v2 .hv2-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.home-v2 .hv2-cards{grid-template-columns:1fr}}

/* 4. how it works */
.home-v2 .hv2-steps-band{background:var(--white)}
.home-v2 .hv2-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);counter-reset:none}
.home-v2 .hv2-steps li{text-align:center;padding:0 var(--s2)}
.home-v2 .hv2-step__n{display:inline-grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--blue);color:var(--white);font-family:var(--font-head);font-weight:700;font-size:var(--fs-lg);margin-bottom:var(--s2)}
.home-v2 .hv2-steps h3{font-size:var(--fs-md);font-weight:700;color:var(--navy);margin-bottom:var(--s1)}
.home-v2 .hv2-steps p{margin:0;color:var(--ink);max-width:32ch;margin-inline:auto}
@media (max-width:760px){.home-v2 .hv2-steps{grid-template-columns:1fr;gap:var(--s4)}}

/* 5. uses and benefits: open layout on a flat mist band, no boxed-in cards */
.home-v2 .hv2-ub{background:var(--mist)}
.home-v2 .hv2-uses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2)}
.home-v2 .hv2-uses li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:.75rem;min-height:8.5rem;padding:var(--s3) var(--s2);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);font-family:var(--font-head);font-weight:500;font-size:var(--fs-base);line-height:1.3;color:var(--navy);text-wrap:balance}
.home-v2 .hv2-uses__ico{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--ice);color:var(--blue)}
.home-v2 .hv2-uses__ico svg{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.home-v2 .hv2-head--benefits{margin-top:var(--s7)}
/* tick in a green circle: white tick (5.58:1 on #017752) */
.home-v2 .hv2-tick{flex:none;position:relative;display:inline-block;width:1.375rem;height:1.375rem;border-radius:50%;background:var(--green)}
.home-v2 .hv2-tick::after{content:"";position:absolute;left:50%;top:45%;width:.3rem;height:.6rem;border:solid var(--white);border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}
.home-v2 .hv2-tick--lg{width:3rem;height:3rem}
.home-v2 .hv2-tick--lg::after{width:.6rem;height:1.15rem;border-width:0 3px 3px 0}
.home-v2 .hv2-feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.home-v2 .hv2-feats li{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s4) var(--s4) var(--s3)}
.home-v2 .hv2-feats h3{font-size:var(--fs-md);font-weight:700;color:var(--navy);margin:var(--s2) 0 var(--s1)}
.home-v2 .hv2-feats p{margin:0;color:var(--ink);font-size:var(--fs-base);line-height:1.6}
.home-v2 .hv2-pills{list-style:none;margin:var(--s4) auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:62rem}
.home-v2 .hv2-pills li{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem .6rem .7rem;background:var(--white);border:1px solid var(--border);border-radius:999px;font-size:var(--fs-sm);line-height:1.3;color:var(--ink)}
.home-v2 .hv2-pills strong{font-family:var(--font-head);font-weight:500;color:var(--navy)}
.home-v2 .hv2-pills li > span:not(.hv2-tick){color:var(--slate)}
.home-v2 .hv2-callout{max-width:46rem;margin:var(--s5) auto 0;background:var(--ice);border-left:4px solid var(--blue);border-radius:0 var(--radius-card) var(--radius-card) 0;padding:var(--s2) var(--s3)}
.home-v2 .hv2-callout p{margin:0;font-size:var(--fs-sm);line-height:1.6;color:var(--black)}
.home-v2 .hv2-actions--center{justify-content:center;margin-top:var(--s4)}
.home-v2 .hv2-btn--outline-light{color:var(--blue);border-color:var(--blue);background:var(--white)}
.home-v2 .hv2-btn--outline-light:hover,.home-v2 .hv2-btn--outline-light:focus-visible{background:var(--blue);color:var(--white)}

@media (max-width:960px){
  .home-v2 .hv2-uses{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-v2 .hv2-uses li{flex-direction:row;text-align:left;min-height:4.5rem;padding:var(--s2)}
  .home-v2 .hv2-feats{grid-template-columns:1fr}
  .home-v2 .hv2-feats li{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s3);align-items:start;padding:var(--s3)}
  .home-v2 .hv2-feats .hv2-tick--lg{grid-row:span 2}
  .home-v2 .hv2-feats h3{margin-top:.35rem}
}
@media (max-width:640px){.home-v2 .hv2-head--benefits{margin-top:var(--s6)}}
@media (max-width:560px){
  .home-v2 .hv2-uses{gap:.625rem}
  .home-v2 .hv2-uses li{flex-direction:column;text-align:center;gap:.5rem;padding:var(--s2) .625rem;min-height:7rem;font-size:var(--fs-sm)}
  .home-v2 .hv2-feats .hv2-tick--lg{width:2.25rem;height:2.25rem}
  .home-v2 .hv2-feats .hv2-tick--lg::after{width:.45rem;height:.85rem;border-width:0 2.5px 2.5px 0}
  .home-v2 .hv2-feats li{column-gap:var(--s2)}
  .home-v2 .hv2-feats h3{margin-top:.15rem}
  .home-v2 .hv2-pills{flex-direction:column;align-items:stretch;gap:.5rem}
  .home-v2 .hv2-pills li{border-radius:var(--radius-card)}
  .home-v2 .hv2-actions--center .btn,.home-v2 .hv2-actions--center .hv2-btn--outline{flex:1 1 100%;justify-content:center;text-align:center}
}

/* 7. FAQ */
.home-v2 .hv2-faq{background:var(--white)}
.home-v2 .hv2-faq__list{max-width:50rem;margin-inline:auto;display:grid;gap:var(--s2)}
.home-v2 .hv2-faq details{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}
.home-v2 .hv2-faq summary{list-style:none;cursor:pointer;position:relative;padding:var(--s3) 3.5rem var(--s3) var(--s3);font-family:var(--font-head);font-weight:500;font-size:var(--fs-md);line-height:1.35;color:var(--navy);border-radius:var(--radius-card)}
.home-v2 .hv2-faq summary::-webkit-details-marker{display:none}
.home-v2 .hv2-faq summary::after{content:"+";position:absolute;right:var(--s3);top:50%;transform:translateY(-50%);font-size:1.75rem;line-height:1;color:var(--blue)}
.home-v2 .hv2-faq details[open] summary::after{content:"\2212"}
.home-v2 .hv2-faq summary:hover{text-decoration:underline}
.home-v2 .hv2-faq details > div{padding:0 var(--s3) var(--s3)}
.home-v2 .hv2-faq details p{margin:0;color:var(--ink)}

/* 6. testimonials: bigger quote cards on the ice band */
.home-v2 .hv2-testimonials{background:var(--ice);padding-block:var(--s7)}
.home-v2 .hv2-testimonials h2{margin-bottom:var(--s5)}
.home-v2 .hv2-testimonials .t-grid{gap:var(--s4)}
.home-v2 .hv2-testimonials blockquote{border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s5) var(--s4) var(--s4);font-style:normal;font-size:var(--fs-md);line-height:1.55;margin-bottom:var(--s3)}
.home-v2 .hv2-testimonials blockquote::before{content:"\201C";position:absolute;top:.25rem;left:var(--s3);font-family:var(--font-head);font-weight:700;font-size:5rem;line-height:1;color:var(--sky)}
.home-v2 .hv2-testimonials blockquote::after{border-color:var(--border)}
.home-v2 .hv2-testimonials blockquote p{position:relative}
.home-v2 .hv2-testimonials figcaption{font-size:var(--fs-base)}
.home-v2 .hv2-testimonials figcaption img{width:3.5rem;height:3.5rem}
.home-v2 .hv2-testimonials .t-name{font-family:var(--font-head);font-weight:700;color:var(--navy)}
.home-v2 .hv2-testimonials .t-role{font-weight:600;color:var(--ink)}
@media (max-width:760px){.home-v2 .hv2-testimonials{padding-block:var(--s6)}}

/* 8. sticky mobile action bar */
.home-v2 .hv2-mbar{display:none}
@media (max-width:760px){
  .home-v2 .site-footer{padding-bottom:calc(var(--s4) + 4.75rem + env(safe-area-inset-bottom,0px))}
  .home-v2 .hv2-mbar{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--white);border-top:1px solid var(--border);box-shadow:0 -4px 14px rgba(0,0,0,.18);padding:.625rem 1rem calc(.625rem + env(safe-area-inset-bottom,0px))}
  .home-v2 .hv2-mbar a{display:flex;align-items:center;justify-content:center;min-height:3rem;border-radius:var(--radius-card);font-family:var(--font-head);font-weight:700;font-size:var(--fs-base);text-decoration:none}
  .home-v2 .hv2-mbar__call{color:var(--blue);background:var(--white);border:2px solid var(--blue)}
  .home-v2 .hv2-mbar__apply{color:var(--white);background:var(--green)}
  .home-v2 .hv2-mbar a:hover,.home-v2 .hv2-mbar a:focus-visible{text-decoration:underline}
}