/* ============================================================
   Vinta — About Us · static build for Webflow
   All rules scoped under .vinta-about so they never collide with
   Webflow's global styles. Fonts + images load from ./assets/.
   ============================================================ */

@font-face{ font-family:"Moderat"; src:url("assets/Moderat-Light.otf") format("opentype"); font-weight:300; font-style:normal; font-display:swap; }
@font-face{ font-family:"Moderat"; src:url("assets/Moderat-Regular.otf") format("opentype"); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:"Moderat"; src:url("assets/Moderat-Medium.ttf") format("truetype"); font-weight:500; font-style:normal; font-display:swap; }
@font-face{ font-family:"Moderat"; src:url("assets/Moderat-Bold.otf") format("opentype"); font-weight:600 700; font-style:normal; font-display:swap; }
@font-face{ font-family:"Moderat"; src:url("assets/Moderat-Black.ttf") format("truetype"); font-weight:800 900; font-style:normal; font-display:swap; }
@font-face{ font-family:"Moderat Mono"; src:url("assets/Moderat-Mono-Regular.ttf") format("truetype"); font-weight:400 500; font-style:normal; font-display:swap; }

.vinta-about{
  /* type */
  --va-sans:"Moderat","DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --va-mono:"Moderat Mono","DM Mono",ui-monospace,Menlo,monospace;
  /* color */
  --va-blue-50:#E5EAFD; --va-blue-100:#DFE6F6; --va-blue-200:#C1D1EB; --va-blue-300:#93B0F2;
  --va-blue-400:#3D7BFF; --va-blue-500:#0061FF; --va-blue-600:#0052FF; --va-blue-700:#0143D5; --va-blue-800:#012FAD;
  --va-navy-900:#050508; --va-navy-800:#081322; --va-navy-700:#14142B; --va-navy-600:#263651;
  --va-slate-500:#657CA1; --va-slate-400:#8A9BBA; --va-slate-300:#AEBBD2;
  --va-white:#fff; --va-off:#F5F7FC; --va-teal-500:#1B9E8F;
  --va-border:#EAEEF6; --va-divider:rgba(8,19,34,0.10);
  /* radius */
  --va-r-sm:8px; --va-r-md:16px; --va-r-lg:20px; --va-r-xl:28px; --va-r-pill:999px;
  /* shadow */
  --va-sh-xs:0 1px 2px rgba(8,19,34,.06); --va-sh-sm:0 2px 8px rgba(8,19,34,.06);
  --va-sh-md:0 8px 24px rgba(8,19,34,.08); --va-sh-lg:0 16px 48px rgba(8,19,34,.10);
  --va-sh-blue:0 10px 30px rgba(0,97,255,.22);
  --va-ease:cubic-bezier(.22,.61,.36,1); --va-dur:220ms; --va-dur-slow:420ms;

  font-family:var(--va-sans); color:var(--va-navy-800);
  background:
    radial-gradient(58% 48% at 0% 0%, rgba(0,97,255,0.045), transparent 70%),
    radial-gradient(55% 45% at 100% 2%, rgba(120,160,220,0.06), transparent 72%),
    #FAFBFE;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; line-height:1.5;
  overflow-x:clip;
}
.vinta-about *{ box-sizing:border-box; }
.vinta-about ::selection{ background:var(--va-blue-100); }
.vinta-about img{ display:block; max-width:100%; }
.vinta-about a{ color:inherit; text-decoration:none; }
.vinta-about h1,.vinta-about h2,.vinta-about h3,.vinta-about p{ margin:0; }

/* layout */
.vinta-about .va-wrap{ max-width:1400px; margin:0 auto; padding:0 40px; }
@media(max-width:1023px){ .vinta-about .va-wrap{ padding:0 48px; } }
@media(max-width:767px){ .vinta-about .va-wrap{ padding:0 20px; } }

/* eyebrow / overline */
.vinta-about .va-eyebrow{ font-family:var(--va-mono); font-weight:500; font-size:14px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--va-navy-600); display:flex; width:fit-content; align-items:center; gap:10px; }
@media(max-width:767px){ .vinta-about .va-eyebrow{ font-size:13px; } }
.vinta-about .va-eyebrow::before{ content:""; width:22px; height:1px; background:currentColor; opacity:.5; display:inline-block; }
.vinta-about .va-eyebrow{ margin-bottom:20px; }

/* headings */
.vinta-about .va-h1{ font-family:var(--va-sans); font-weight:300; font-size:clamp(40px,5.4vw,72px); line-height:1.02; letter-spacing:-.025em; color:var(--va-navy-800); }
.vinta-about .va-h2{ font-family:var(--va-sans); font-weight:300; font-size:clamp(30px,4vw,50px); line-height:1.1; letter-spacing:-.02em; color:var(--va-navy-800); text-wrap:balance; }
/* native Webflow heading classes: styled at ZERO specificity via :where() so the
   real Webflow .vwds-* class always wins in production, while preview/hosted page
   still renders slim + sized. Color is left entirely to Webflow's native class. */
:where(.vinta-about .vwds-hero-h1){ font-family:var(--va-sans); font-weight:300; font-size:clamp(40px,5.4vw,72px); line-height:1.02; letter-spacing:-.025em; }
:where(.vinta-about .vwds-h2){ font-family:var(--va-sans); font-weight:300; font-size:clamp(30px,4vw,50px); line-height:1.1; letter-spacing:-.02em; text-wrap:balance; }
.vinta-about .va-lead{ font-size:19px; line-height:1.62; color:var(--va-slate-500); text-wrap:pretty; }
.vinta-about .va-blue{ color:var(--va-blue-500); }
@media(max-width:767px){ .vinta-about .va-lead{ font-size:16.5px; } }

/* buttons */
.vinta-about .va-btn{ font-family:var(--va-sans); font-weight:500; letter-spacing:.02em; cursor:pointer;
  display:inline-flex; align-items:center; gap:9px; border:none; border-radius:8px;
  transition:all var(--va-dur) var(--va-ease); white-space:nowrap; }
.vinta-about .va-btn svg{ width:1em; height:1em; }
.vinta-about .va-btn--lg{ padding:15px 30px; font-size:15.5px; }
.vinta-about .va-btn--md{ padding:12px 24px; font-size:14.5px; }
.vinta-about .va-btn--filled{ background:var(--va-blue-500); color:#fff; }
.vinta-about .va-btn--filled:hover{ background:var(--va-blue-700); box-shadow:var(--va-sh-blue); }
.vinta-about .va-btn--white{ background:#fff; color:var(--va-blue-700); }
.vinta-about .va-btn--white:hover{ background:var(--va-off); }
.vinta-about .va-btn:active{ transform:translateY(1px); }

/* nav */
.vinta-about .va-nav{ position:sticky; top:0; z-index:60; padding-top:18px; }
.vinta-about .va-nav__row{ max-width:1400px; margin:0 auto; padding:0 40px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.vinta-about .va-nav__logo{ height:24px; position:relative; z-index:2; }
.vinta-about .va-nav__pill{ background:#fff; border-radius:16px; box-shadow:var(--va-sh-md); display:flex; align-items:center; gap:2px; padding:7px; }
.vinta-about .va-nav__item{ font-size:15px; color:var(--va-navy-700); padding:9px 16px; border-radius:11px; cursor:pointer; transition:all var(--va-dur) var(--va-ease); }
.vinta-about .va-nav__item:hover{ color:var(--va-blue-700); background:var(--va-blue-50); }
.vinta-about .va-nav__item.is-active{ color:var(--va-blue-700); font-weight:500; background:var(--va-blue-50); }
.vinta-about .va-nav__burger{ display:none; position:relative; z-index:2; width:46px; height:46px; border-radius:13px; border:none; background:#fff; box-shadow:var(--va-sh-md); align-items:center; justify-content:center; cursor:pointer; color:var(--va-navy-800); }
.vinta-about .va-nav__menu{ display:none; position:absolute; left:20px; right:20px; top:100%; margin-top:10px; background:#fff; border-radius:18px; box-shadow:var(--va-sh-lg); border:1px solid var(--va-border); padding:12px; z-index:3; }
.vinta-about .va-nav__menu.is-open{ display:block; animation:va-menuIn .28s var(--va-ease) both; }
.vinta-about .va-nav__menu a{ display:block; font-size:16px; color:var(--va-navy-800); padding:13px 16px; border-radius:11px; }
.vinta-about .va-nav__menu a.is-active{ color:var(--va-blue-700); font-weight:500; background:var(--va-blue-50); }
.vinta-about .va-nav__menu .va-btn{ width:100%; justify-content:center; margin-top:8px; }
@keyframes va-menuIn{ from{ transform:translateY(-8px) scale(.98);} to{ transform:none; } }
@media(max-width:1023px){
  .vinta-about .va-nav__row{ padding:0 20px; padding-top:0; }
  .vinta-about .va-nav{ padding-top:12px; }
  .vinta-about .va-nav__pill,.vinta-about .va-nav__row > .va-btn{ display:none; }
  .vinta-about .va-nav__burger{ display:flex; }
}

/* hero */
.vinta-about .va-hero{ max-width:1400px; margin:0 auto; padding:120px 40px 28px; }
.vinta-about .va-hero__grid{ display:grid; grid-template-columns:1.08fr 0.92fr; gap:64px; align-items:center; }
.vinta-about .va-hero__actions{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:34px; }
.vinta-about .va-hero__hipaa{ display:inline-flex; align-items:center; gap:9px; margin-left:6px; font-size:13.5px; font-weight:500; color:var(--va-navy-600); }
.vinta-about .va-hero__media{ position:relative; margin-left:auto; width:100%; max-width:600px; }
.vinta-about .va-hero__accent{ position:absolute; inset:-6% -4% -6% 6%; background:var(--va-blue-50); border-radius:28px 28px 96px 28px; z-index:0; }
.vinta-about .va-hero__frame{ position:relative; z-index:1; border-radius:28px 28px 96px 28px; overflow:hidden; box-shadow:var(--va-sh-lg); height:440px; }
.vinta-about .va-hero__frame img{ width:100%; height:100%; object-fit:cover; }
.vinta-about .va-eyebrow + .va-h1{ margin-top:28px; }
/* Spacing owned by the heading itself so it survives the native Webflow class
   (no dependency on .va-h1/.va-h2, which we strip to avoid combo classes). */
.vinta-about .vwds-hero-h1{ margin-bottom:20px !important; }
.vinta-about .vwds-h2{ margin-bottom:20px !important; }
@media(max-width:1023px){
  .vinta-about .va-hero{ padding:110px 48px 28px; }
  .vinta-about .va-hero__grid{ grid-template-columns:1fr; gap:44px; }
  .vinta-about .va-hero__media{ max-width:100%; }
}
@media(max-width:767px){
  .vinta-about .va-hero{ padding:96px 20px 24px; }
  .vinta-about .va-hero__frame{ height:300px; border-radius:20px 20px 64px 20px; }
  .vinta-about .va-hero__accent{ inset:-4% 0; border-radius:20px 20px 64px 20px; }
}

/* oval seal badge — Vinta blue, discreet */
.vinta-about .va-badge{ position:absolute; bottom:24px; left:24px; z-index:2; width:132px;
  filter:drop-shadow(0 16px 30px rgba(0,55,150,.30)); }
.vinta-about .va-badge svg{ display:block; width:100%; height:auto; }
.vinta-about .va-badge__seal{ transition:transform .5s cubic-bezier(.16,1,.3,1); transform-origin:center; }
.vinta-about .va-badge:hover .va-badge__seal{ transform:rotate(4deg) scale(1.03); }
@media(max-width:767px){ .vinta-about .va-badge{ width:112px; left:18px; bottom:18px; } }

/* story */
.vinta-about .va-story{ background:var(--va-off); padding:88px 0 76px; margin-top:64px; }
.vinta-about .va-story__grid{ display:grid; grid-template-columns:0.82fr 1fr; gap:72px; align-items:stretch; }
.vinta-about .va-story__media{ position:relative; min-height:0; }
.vinta-about .va-story__frame{ position:absolute; inset:0; border-radius:28px 28px 96px 28px; overflow:hidden; box-shadow:var(--va-sh-md); }
.vinta-about .va-story__frame img{ width:100%; height:100%; object-fit:cover; }
.vinta-about .va-story__tag{ position:absolute; top:22px; right:-22px; background:#fff; border:1px solid var(--va-border); border-radius:16px; box-shadow:var(--va-sh-md); padding:14px 18px; font-family:var(--va-mono); font-size:12.5px; font-weight:500; letter-spacing:.06em; color:var(--va-navy-700); display:flex; align-items:center; gap:10px; }
.vinta-about .va-story__dot{ width:8px; height:8px; border-radius:50%; background:var(--va-teal-500); }
.vinta-about .va-story__copy{ max-width:560px; }
.vinta-about .va-story__copy :where(.vwds-h2){ margin:20px 0; }
.vinta-about .va-prose{ display:flex; flex-direction:column; gap:20px; }
.vinta-about .va-prose p{ font-size:17.5px; line-height:1.68; color:var(--va-slate-500); text-wrap:pretty; }
.vinta-about .va-prose p:first-child{ color:var(--va-navy-700); font-weight:500; }
@media(max-width:1023px){
  .vinta-about .va-story{ padding:64px 0 64px; margin-top:0; }
  .vinta-about .va-story__grid{ grid-template-columns:1fr; gap:40px; }
  .vinta-about .va-story__media{ order:2; height:380px; }
  .vinta-about .va-story__frame{ border-radius:28px 28px 96px 28px; }
  .vinta-about .va-story__tag{ right:16px; }
}
@media(max-width:767px){
  .vinta-about .va-story__media{ height:300px; }
  .vinta-about .va-story__frame{ border-radius:20px 20px 64px 20px; }
  .vinta-about .va-prose p{ font-size:16px; }
}

/* marquee */
.vinta-about .va-marquee-wrap{ margin-top:72px; padding-top:44px; border-top:1px solid var(--va-border); }
.vinta-about .va-marquee-cap{ text-align:center; margin-bottom:28px; font-family:var(--va-mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--va-slate-400); }
.vinta-about .va-marquee{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.vinta-about .va-marquee__track{ display:flex; width:max-content; align-items:center; animation:va-marquee 38s linear infinite; }
.vinta-about .va-marquee__item{ flex:none; height:56px; padding:0 32px; display:flex; align-items:center; justify-content:center; }
.vinta-about .va-marquee__item img{ max-height:28px; width:auto; max-width:none; object-fit:contain; opacity:.72; }
/* per-logo balance: multi-line lockups get more height, wordmarks stay compact */
.vinta-about .va-marquee__item img[alt="Mayo Clinic"]{ max-height:46px; }
.vinta-about .va-marquee__item img[alt="FCA"]{ max-height:48px; }
.vinta-about .va-marquee__item img[alt="Quilted Health"]{ max-height:40px; }
.vinta-about .va-marquee__item img[alt="UNDP"]{ max-height:44px; }
.vinta-about .va-marquee__item img[alt="Unilever"]{ max-height:34px; }
.vinta-about .va-marquee__item img[alt="Medplum"]{ max-height:30px; }
.vinta-about .va-marquee__item img[alt="Rewind"]{ max-height:26px; }
@keyframes va-marquee{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

/* team */
.vinta-about .va-team{ max-width:1400px; margin:0 auto; padding:112px 40px 88px; }
.vinta-about .va-team__grid{ display:grid; grid-template-columns:0.92fr 1fr; gap:72px; align-items:center; }
.vinta-about .va-team__intro .va-h2{ margin:22px 0 26px; }
.vinta-about .va-team__mosaic{ display:grid; grid-template-columns:1fr 1fr; gap:16px; height:500px; }
.vinta-about .va-team__col{ display:flex; flex-direction:column; gap:44px; height:100%; }
.vinta-about .va-team__cell{ position:relative; min-height:0; }
.vinta-about .va-team__cell--60{ flex:60 1 0; } .vinta-about .va-team__cell--40{ flex:40 1 0; }
.vinta-about .va-team__img{ position:absolute; inset:0; border-radius:20px; overflow:hidden; box-shadow:var(--va-sh-sm); }
.vinta-about .va-team__img img{ width:100%; height:100%; object-fit:cover; }
.vinta-about .va-chip{ position:absolute; bottom:0; left:50%; transform:translate(-50%,50%); z-index:3;
  display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.94); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1.25px solid rgba(18,33,61,.16); border-radius:var(--va-r-pill); padding:8px 14px 8px 10px; font-size:13px; font-weight:500; color:var(--va-navy-800); box-shadow:var(--va-sh-md); white-space:nowrap; }
.vinta-about .va-chip__i{ width:22px; height:22px; border-radius:7px; background:var(--va-blue-50); display:grid; place-items:center; flex:none; color:var(--va-blue-600); }
.vinta-about .va-chip__i svg{ width:13px; height:13px; }
.vinta-about .va-chip{ transition:border-color .3s var(--va-ease), box-shadow .3s var(--va-ease); }
.vinta-about .va-chip__i{ transition:background .3s var(--va-ease), color .3s var(--va-ease), transform .4s var(--va-ease); }
.vinta-about .va-chip:hover{ border-color:var(--va-blue-300); box-shadow:var(--va-sh-lg); }
.vinta-about .va-chip:hover .va-chip__i{ background:var(--va-blue-500); color:#fff; transform:rotate(-8deg) scale(1.12); }
@media(max-width:1023px){
  .vinta-about .va-team{ padding:64px 48px 64px; }
  .vinta-about .va-team__grid{ grid-template-columns:1fr; gap:56px; }
}
@media(max-width:767px){
  .vinta-about .va-team{ padding:56px 20px 56px; }
  .vinta-about .va-team__mosaic{ height:380px; }
  .vinta-about .va-chip{ font-size:11.5px; padding:6px 10px 6px 7px; }
}

/* proof / testimonials */
.vinta-about .va-proof{ background:var(--va-off); padding:104px 0 120px; }
.vinta-about .va-proof__grid{ display:grid; grid-template-columns:0.82fr 1.18fr; gap:64px; align-items:center; }
.vinta-about .va-proof__head :where(.vwds-h2){ max-width:420px; margin:20px 0; }
.vinta-about .va-proof__lead{ font-size:17.5px; line-height:1.62; color:var(--va-slate-500); max-width:380px; margin-bottom:40px; text-wrap:pretty; }
.vinta-about .va-proof__ctrls{ display:flex; align-items:center; gap:18px; }
.vinta-about .va-arrow{ width:52px; height:52px; border-radius:50%; border:1.5px solid var(--va-border); background:#fff; cursor:pointer; display:grid; place-items:center; color:var(--va-navy-800); transition:all .4s var(--va-ease); box-shadow:var(--va-sh-xs); }
.vinta-about .va-arrow:hover{ border-color:var(--va-blue-500); background:var(--va-blue-500); color:#fff; transform:scale(1.08); box-shadow:var(--va-sh-blue); }
.vinta-about .va-arrow svg{ width:20px; height:20px; }
.vinta-about .va-proof__count{ display:flex; align-items:baseline; gap:8px; margin-left:8px; font-family:var(--va-mono); }
.vinta-about .va-proof__count b{ font-size:22px; font-weight:500; color:var(--va-navy-800); }
.vinta-about .va-proof__count span{ font-size:14px; color:var(--va-slate-400); }
.vinta-about .va-dots{ display:flex; gap:7px; margin-top:26px; }
.vinta-about .va-dot{ width:9px; height:9px; border-radius:999px; border:none; cursor:pointer; background:var(--va-blue-200); transition:all .5s var(--va-ease); padding:0; }
.vinta-about .va-dot.is-active{ width:28px; background:var(--va-blue-500); }
.vinta-about .va-proof__vp{ position:relative; overflow:hidden; height:auto; transition:height .6s cubic-bezier(.16,1,.3,1); }
.vinta-about .va-tcard{ position:relative; background:#fff; border:1px solid var(--va-border); border-radius:20px; box-shadow:var(--va-sh-sm); padding:38px 40px; display:flex; flex-direction:column; overflow:hidden; transition:box-shadow .5s cubic-bezier(.16,1,.3,1), opacity .6s var(--va-ease), transform .72s cubic-bezier(.16,1,.3,1), filter .55s var(--va-ease); }
.vinta-about .va-tcard:hover{ box-shadow:var(--va-sh-lg); }
.vinta-about a.va-tcard{ text-decoration:none; color:inherit; cursor:pointer; }
.vinta-about a.va-tcard:hover{ border-color:var(--va-blue-200); }
.vinta-about .va-tslide{ position:absolute; top:0; left:0; width:100%; opacity:0; transform:translateX(58px) scale(.94); filter:blur(7px); pointer-events:none; transition:opacity .6s cubic-bezier(.16,1,.3,1), transform .72s cubic-bezier(.16,1,.3,1), filter .55s cubic-bezier(.16,1,.3,1); }
.vinta-about .va-tslide.is-active{ position:relative; opacity:1; transform:none; filter:blur(0); pointer-events:auto; z-index:2; }
.vinta-about .va-tslide.is-prev{ transform:translateX(-58px) scale(.94); }
.vinta-about .va-tsizer{ display:none; }
.vinta-about .va-tcard__glyph{ position:absolute; top:6px; right:22px; font-family:Georgia,serif; font-size:150px; line-height:1; color:var(--va-blue-500); opacity:.1; pointer-events:none; }
.vinta-about .va-tcard__top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; position:relative; }
.vinta-about .va-stars{ display:flex; gap:3px; color:var(--va-blue-500); }
.vinta-about .va-stars svg{ width:17px; height:17px; fill:currentColor; }
.vinta-about .va-tcard__loc{ font-size:12px; font-family:var(--va-mono); letter-spacing:.06em; color:var(--va-slate-400); }
.vinta-about .va-tcard__quote{ font-family:var(--va-sans); font-weight:400; font-size:clamp(20px,1.9vw,25px); line-height:1.4; letter-spacing:-.01em; color:var(--va-navy-800); margin-bottom:28px; text-wrap:pretty; flex:1; position:relative; }
.vinta-about .va-tcard__quote b{ color:var(--va-blue-600); font-weight:500; }
.vinta-about .va-tcard__foot{ display:flex; align-items:center; gap:14px; padding-top:24px; border-top:1px solid var(--va-border); }
.vinta-about .va-tcard__avatar{ width:48px; height:48px; border-radius:50%; overflow:hidden; flex:none; box-shadow:var(--va-sh-xs); }
.vinta-about .va-tcard__avatar img{ width:100%; height:100%; object-fit:cover; }
.vinta-about .va-tcard__who{ flex:1; min-width:0; }
.vinta-about .va-tcard__name{ font-size:15px; font-weight:500; color:var(--va-navy-800); }
.vinta-about .va-tcard__role{ font-size:13.5px; color:var(--va-slate-500); }
.vinta-about .va-tcard__logo{ width:112px; height:46px; flex:none; display:flex; align-items:center; justify-content:flex-end; }
.vinta-about .va-tcard__logo img{ max-width:100%; max-height:100%; object-fit:contain; }
/* small mobile: logo moves ABOVE the quote (no divider); footer is just the person */
@media(max-width:430px){
  .vinta-about .va-tcard{ padding:78px 24px 30px; }
  .vinta-about .va-tcard__foot{ flex-wrap:nowrap; }
  .vinta-about .va-tcard__who{ flex:1 1 auto; }
  .vinta-about .va-tcard__logo{ position:absolute; top:30px; left:24px; width:auto; max-width:62%; height:30px; justify-content:flex-start; }
  .vinta-about .va-tcard__logo img{ max-height:28px; }
}
@media(max-width:1023px){
  .vinta-about .va-proof{ padding:64px 0 64px; }
  .vinta-about .va-proof__grid{ grid-template-columns:1fr; gap:40px; }
}

/* metrics */
.vinta-about .va-metrics{ background:transparent; padding:20px 0; }
.vinta-about .va-metrics__card{ position:relative; background:var(--va-blue-500); border-radius:28px; padding:48px 56px; box-shadow:var(--va-sh-blue); color:#fff; display:block; text-decoration:none; cursor:pointer; transition:transform .4s var(--va-ease), box-shadow .4s var(--va-ease), background .4s var(--va-ease); }
.vinta-about a.va-metrics__card:hover{ transform:translateY(-4px); background:var(--va-blue-600); box-shadow:0 30px 66px rgba(0,55,150,.42); }
.vinta-about .va-metrics__cue{ position:absolute; top:22px; right:28px; display:inline-flex; align-items:center; gap:7px; font-family:var(--va-mono); font-size:12.5px; font-weight:500; letter-spacing:.04em; color:var(--va-blue-100); transition:color .3s var(--va-ease), transform .3s var(--va-ease); }
.vinta-about .va-metrics__cue svg{ width:15px; height:15px; transition:transform .3s var(--va-ease); }
.vinta-about a.va-metrics__card:hover .va-metrics__cue{ color:#fff; }
.vinta-about a.va-metrics__card:hover .va-metrics__cue svg{ transform:translate(2px,-2px); }
.vinta-about .va-metrics__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:40px; align-items:stretch; }
.vinta-about .va-metric{ position:relative; padding-left:36px; border-left:1px solid rgba(255,255,255,.22); }
.vinta-about .va-metric:first-child{ border-left:none; padding-left:0; }
.vinta-about .va-metric--hot{ border-left:none; padding:22px 26px; margin:-22px 0; border-radius:16px; background:linear-gradient(155deg,rgba(255,255,255,.20),rgba(255,255,255,.05) 60%,rgba(255,255,255,0)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }
.vinta-about .va-metric__i{ margin-bottom:18px; opacity:.85; color:#fff; }
.vinta-about .va-metric--hot .va-metric__i{ opacity:1; }
.vinta-about .va-metric__i svg{ width:22px; height:22px; }
.vinta-about .va-metric__v{ display:flex; align-items:baseline; gap:4px; }
.vinta-about .va-metric__v b{ font-family:var(--va-sans); font-weight:300; font-size:clamp(38px,4.2vw,56px); line-height:1; color:#fff; letter-spacing:-.02em; }
.vinta-about .va-metric__v span{ font-size:22px; color:var(--va-blue-100); font-weight:300; }
.vinta-about .va-metric__l{ font-size:18px; color:var(--va-blue-100); margin-top:12px; line-height:1.45; text-wrap:balance; max-width:15em; }
.vinta-about .va-metric--hot .va-metric__l{ color:#fff; font-weight:500; }
.vinta-about a.va-metric{ text-decoration:none; color:inherit; cursor:pointer; }
.vinta-about a.va-metric--hot{ transition:transform .3s var(--va-ease), box-shadow .3s var(--va-ease), background .3s var(--va-ease); }
.vinta-about a.va-metric--hot:hover{ transform:translateY(-3px); background:linear-gradient(155deg,rgba(255,255,255,.32),rgba(255,255,255,.10) 60%,rgba(255,255,255,0)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.5), 0 12px 30px rgba(0,30,90,.22); }
@media(min-width:768px) and (max-width:1023px){
  .vinta-about .va-metrics__card{ padding:40px 44px 44px; }
  .vinta-about .va-metrics__cue{ position:static; margin-bottom:26px; font-size:13.5px; }
  .vinta-about .va-metrics__grid{ grid-template-columns:1fr; gap:0; }
  .vinta-about .va-metric{ display:flex; align-items:center; gap:24px; padding:24px 0; padding-left:0; border-left:none; border-top:1px solid rgba(255,255,255,.2); }
  .vinta-about .va-metric:first-child{ padding-top:0; border-top:none; }
  .vinta-about .va-metric__i{ margin-bottom:0; }
  .vinta-about .va-metric__v{ min-width:132px; }
  .vinta-about .va-metric__v b{ font-size:52px; }
  .vinta-about .va-metric__l{ font-size:18px; margin-top:0; line-height:1.4; }
}
@media(max-width:767px){
  .vinta-about .va-metrics__card{ padding:30px 24px 34px; border-radius:24px; }
  .vinta-about .va-metrics__cue{ position:static; margin-bottom:22px; }
  .vinta-about .va-metrics__grid{ grid-template-columns:1fr; gap:0; }
  .vinta-about .va-metric{ display:flex; align-items:center; gap:18px; padding:18px 0; padding-left:0; border-left:none; border-top:1px solid rgba(255,255,255,.2); }
  .vinta-about .va-metric:first-child{ padding-top:0; border-top:none; }
  .vinta-about .va-metric__i{ margin-bottom:0; }
  .vinta-about .va-metric__v{ min-width:92px; }
  .vinta-about .va-metric__v b{ font-size:40px; }
  .vinta-about .va-metric__l{ font-size:16px; margin-top:0; line-height:1.4; }
}

/* habits */
.vinta-about .va-habits{ max-width:1400px; margin:0 auto; padding:132px 40px 96px; }
.vinta-about .va-habits__head{ display:grid; grid-template-columns:1fr 0.78fr; gap:56px; align-items:end; margin-bottom:64px; }
.vinta-about .va-habits__head :where(.vwds-h2){ max-width:620px; }
.vinta-about .va-habits__intro{ font-size:17px; line-height:1.62; color:var(--va-slate-500); text-wrap:pretty; }
.vinta-about .va-habits__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:40px; }
.vinta-about .va-habit{ padding-top:26px; border-top:2px solid var(--va-navy-800); }
.vinta-about .va-habit__top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:30px; }
.vinta-about .va-habit__n{ font-family:var(--va-mono); font-size:14px; font-weight:500; letter-spacing:.08em; color:var(--va-blue-600); }
.vinta-about .va-habit__i svg{ width:24px; height:24px; color:var(--va-navy-800); }
.vinta-about .va-habit h3{ font-family:var(--va-sans); font-weight:500; font-size:22px; line-height:1.2; letter-spacing:-.01em; color:var(--va-navy-800); margin-bottom:14px; }
.vinta-about .va-habit p{ font-size:15px; line-height:1.6; color:var(--va-slate-500); text-wrap:pretty; }
@media(max-width:1023px){
  .vinta-about .va-habits{ padding:64px 48px 64px; }
  .vinta-about .va-habits__head{ grid-template-columns:1fr; gap:24px; margin-bottom:44px; }
  .vinta-about .va-habits__grid{ grid-template-columns:1fr 1fr; gap:40px 40px; }
}
@media(max-width:767px){
  .vinta-about .va-habits{ padding:56px 20px 56px; }
  .vinta-about .va-habits__head{ margin-bottom:36px; }
  .vinta-about .va-habits__grid{ grid-template-columns:1fr; gap:44px; }
  .vinta-about .va-habit__top{ margin-bottom:22px; }
  .vinta-about .va-habit h3{ font-size:19px; } .vinta-about .va-habit p{ font-size:14px; }
}

/* final CTA */
.vinta-about .va-cta{ position:relative; }
.vinta-about .va-cta__grid{ display:grid; grid-template-columns:1.05fr 0.95fr; min-height:520px; }
.vinta-about .va-cta__panel{ background:var(--va-blue-500); position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; padding:96px clamp(40px,6vw,104px); }
.vinta-about .va-cta__hex{ position:absolute; right:-80px; bottom:-90px; width:380px; opacity:.10; pointer-events:none; }
.vinta-about .va-cta__inner{ position:relative; z-index:1; max-width:540px; }
.vinta-about .va-cta__inner .va-eyebrow{ color:rgba(255,255,255,.78); margin-bottom:24px; }
.vinta-about .va-cta__inner .va-eyebrow::before{ background:rgba(255,255,255,.78); }
.vinta-about .va-cta h2{ font-family:var(--va-sans); font-weight:300; font-size:clamp(32px,4vw,56px); line-height:1.04; letter-spacing:-.025em; margin-bottom:22px; text-wrap:balance; color:#fff; }
.vinta-about .va-cta__p{ font-size:18px; line-height:1.6; margin-bottom:38px; max-width:460px; text-wrap:pretty; color:var(--va-blue-100); }
.vinta-about .va-cta__media{ position:relative; background:var(--va-navy-800); min-height:520px; }
.vinta-about .va-cta__media img{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
@media(max-width:1023px){
  .vinta-about .va-cta__grid{ grid-template-columns:1fr; min-height:0; }
  .vinta-about .va-cta__panel{ padding:72px 48px; order:2; }
  .vinta-about .va-cta__media{ min-height:360px; order:1; }
}
@media(max-width:767px){
  .vinta-about .va-cta__panel{ padding:56px 24px; }
  .vinta-about .va-cta__media{ min-height:280px; }
  .vinta-about .va-cta__p{ font-size:16.5px; }
}

/* footer */
.vinta-about .va-footer{ background:var(--va-off); color:var(--va-navy-800); padding-top:76px; }
.vinta-about .va-footer__wrap{ max-width:1400px; margin:0 auto; padding:0 40px; }
.vinta-about .va-footer__main{ display:grid; grid-template-columns:1.5fr 1.05fr 1.05fr 1.05fr 1.05fr; gap:32px; align-items:start; }
.vinta-about .va-footer__logo{ height:34px; margin-bottom:34px; }
.vinta-about .va-footer__h{ font-family:var(--va-sans); font-size:15px; font-weight:500; color:var(--va-blue-600); margin-bottom:18px; }
.vinta-about .va-footer__contact a{ font-size:14.5px; color:var(--va-navy-800); display:block; margin-bottom:22px; }
.vinta-about .va-footer__addr{ display:flex; gap:10px; font-size:14.5px; line-height:1.5; color:var(--va-navy-800); margin-bottom:16px; }
.vinta-about .va-footer__col{ text-align:right; }
.vinta-about .va-footer__links{ display:flex; flex-direction:column; align-items:flex-end; gap:12px; }
.vinta-about .va-footer__links a{ font-size:14.5px; color:var(--va-navy-800); transition:color var(--va-dur) var(--va-ease); }
.vinta-about .va-footer__links a:hover{ color:var(--va-blue-600); }
.vinta-about .va-footer__links a.is-cta{ color:var(--va-blue-600); text-decoration:underline; text-underline-offset:3px; }
.vinta-about .va-footer__links a b{ color:var(--va-blue-600); font-weight:400; }
.vinta-about .va-footer__badges{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px; align-items:center; margin:72px 0 8px; }
.vinta-about .va-badgecell{ display:flex; align-items:center; justify-content:center; height:76px; }
.vinta-about .va-hipaa{ display:flex; align-items:center; gap:12px; }
.vinta-about .va-hipaa svg{ width:42px; height:42px; color:var(--va-blue-500); }
.vinta-about .va-hipaa b{ font-family:var(--va-sans); font-weight:700; font-size:24px; color:var(--va-blue-600); letter-spacing:-.01em; }
.vinta-about .va-hipaa span{ font-size:12px; font-weight:500; letter-spacing:.14em; color:var(--va-slate-500); }
.vinta-about .va-clutch{ border:1px solid var(--va-border); background:#fff; border-radius:6px; padding:14px 22px; display:flex; flex-direction:column; gap:6px; box-shadow:var(--va-sh-xs); }
.vinta-about a.va-clutch{ text-decoration:none; color:inherit; cursor:pointer; transition:transform .3s var(--va-ease), box-shadow .3s var(--va-ease), border-color .3s var(--va-ease); }
.vinta-about a.va-clutch:hover{ transform:translateY(-2px); box-shadow:var(--va-sh-md); border-color:var(--va-blue-200); }
.vinta-about .va-clutch__top{ display:flex; align-items:center; justify-content:space-between; gap:18px; }
.vinta-about .va-clutch__top span{ font-size:9.5px; letter-spacing:.12em; color:var(--va-slate-400); font-weight:500; }
.vinta-about .va-clutch__stars{ display:flex; gap:1px; color:#E23B2E; }
.vinta-about .va-clutch__stars svg{ width:13px; height:13px; fill:currentColor; }
.vinta-about .va-clutch__name{ display:flex; align-items:baseline; gap:8px; }
.vinta-about .va-clutch__name b{ font-family:var(--va-sans); font-weight:700; font-size:22px; color:var(--va-navy-800); letter-spacing:-.02em; }
.vinta-about .va-clutch__name span{ font-size:11px; color:var(--va-slate-400); letter-spacing:.04em; }
.vinta-about .va-glass{ display:flex; flex-direction:column; align-items:center; gap:8px; }
.vinta-about .va-glass b{ font-family:var(--va-sans); font-weight:700; font-size:26px; color:#0CAA41; letter-spacing:-.01em; }
.vinta-about .va-glass__row{ display:flex; align-items:center; gap:8px; }
.vinta-about .va-glass__row > b{ font-size:15px; color:var(--va-navy-800); }
.vinta-about .va-glass__stars{ display:flex; gap:2px; }
.vinta-about .va-glass__stars i{ width:15px; height:15px; background:#0CAA41; border-radius:2px; display:grid; place-items:center; }
.vinta-about .va-glass__stars i svg{ width:10px; height:10px; fill:#fff; color:#fff; }
.vinta-about .va-medal{ width:92px; height:104px; background:var(--va-navy-800); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; text-align:center; padding:0 8px; }
.vinta-about .va-medal small{ font-size:7px; letter-spacing:.1em; color:rgba(255,255,255,.7); line-height:1.3; }
.vinta-about .va-medal b{ font-family:var(--va-sans); font-weight:700; font-size:16px; color:#fff; letter-spacing:-.01em; }
.vinta-about .va-footer__bottom{ display:flex; justify-content:space-between; align-items:center; padding:28px 0 40px; margin-top:32px; border-top:1px solid var(--va-divider); }
.vinta-about .va-footer__bottom span{ font-size:14px; color:var(--va-slate-500); }
.vinta-about .va-social{ display:flex; gap:20px; align-items:center; }
.vinta-about .va-social a{ color:var(--va-navy-700); display:inline-flex; transition:color var(--va-dur) var(--va-ease); }
.vinta-about .va-social a:hover{ color:var(--va-blue-600); }
.vinta-about .va-social svg{ width:19px; height:19px; }
@media(max-width:1023px){
  .vinta-about .va-footer__wrap{ padding:0 48px; }
  .vinta-about .va-footer__main{ grid-template-columns:1.4fr 1fr 1fr; }
  .vinta-about .va-footer__col,.vinta-about .va-footer__links{ text-align:left; align-items:flex-start; }
}
@media(max-width:767px){
  .vinta-about .va-footer__wrap{ padding:0 20px; }
  .vinta-about .va-footer__main{ grid-template-columns:1fr 1fr; }
  .vinta-about .va-footer__brand{ grid-column:span 2; }
  .vinta-about .va-footer__badges{ grid-template-columns:1fr 1fr; }
  .vinta-about .va-footer__bottom{ flex-direction:column; gap:20px; }
}

/* scroll reveal — safe default visible; hidden only when JS arms it */
.vinta-about.js-reveal .va-reveal{ opacity:0; transform:translateY(22px); transition:opacity .7s var(--va-ease), transform .7s var(--va-ease); }
.vinta-about.js-reveal .va-reveal.is-in{ opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){
  .vinta-about.js-reveal .va-reveal{ opacity:1; transform:none; transition:none; }
  .vinta-about .va-marquee__track{ animation:none; }
}