/* VisaFlow public identity — approved F mark, light-touch integration with original pages. */
:root{
  --vf-yellow:#ffd84d;
  --vf-yellow-strong:#f4c300;
  --vf-charcoal:#0f1720;
  --vf-ink:#111111;
  --vf-muted:#6f6c66;
  --vf-soft:#faf9f5;
  --vf-line:rgba(17,17,17,.09);
}

/* Core mark: F-shaped VisaFlow symbol from the approved direction. */
.vf-flow-mark,
.vf-public-logo-mark,
.visaflow-teaser .visaflow-grid>div:first-child::before{
  display:inline-block;
  width:74px;
  height:56px;
  flex:0 0 74px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 86'%3E%3Cpath d='M31 10h62c5.4 0 7.5 3.8 4.4 8.3L90 29.2c-2.8 4.1-7.1 6.2-12.8 6.2H51.4l-4.8 8.3h31.2c5.3 0 7.4 3.7 4.4 8.1l-7.4 10.9c-2.8 4.2-7.1 6.3-12.8 6.3H18.4L31 10Z' fill='%230F1720'/%3E%3Cpath d='M27.4 35.1c2.1-4.2 5.9-6.4 11.4-6.4H91c5.2 0 7 3.6 4 7.8l-5.6 7.8c-2.5 3.4-6.3 5.1-11.6 5.1H25.1c-5.4 0-7.6-3.2-5-7.2l7.3-7.1Z' fill='%23FFD84D'/%3E%3C/svg%3E") center/contain no-repeat;
}

.vf-logo-word{font-family:'DM Sans',system-ui,sans-serif;font-weight:600;letter-spacing:-.07em;color:var(--vf-ink)}
.vf-prive-byline{display:inline-flex;align-items:center;gap:0;color:#4d4942;font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
.vp-mini-logo{display:none!important}

/* Visa Privé home page teaser — keep the section, only update the logo direction. */
.visaflow-teaser{background:linear-gradient(180deg,#fffdf8,#f8f4eb);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(17,17,17,.08);border-radius:28px;margin-top:24px;padding:44px clamp(22px,5vw,58px)!important;color:var(--vf-ink)}
.visaflow-teaser .visaflow-grid{align-items:center;gap:34px}
.visaflow-teaser .visaflow-grid>div:first-child{position:relative;padding-left:96px;min-height:76px;display:flex;flex-direction:column;justify-content:center}
.visaflow-teaser .visaflow-grid>div:first-child::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%)}
.visaflow-teaser .eyebrow{color:#9a7400!important}
.visaflow-teaser h2{font-family:'DM Sans',system-ui,sans-serif!important;font-size:clamp(42px,6vw,72px)!important;line-height:.95!important;letter-spacing:-.075em!important;color:#111!important;margin:0!important}
.visaflow-teaser h2 em{font-family:'Playfair Display',Georgia,serif!important;color:var(--vf-yellow-strong)!important;font-weight:500!important;letter-spacing:-.05em!important}
.visaflow-teaser .visaflow-copy p{color:#5f5b54!important;font-size:16px;line-height:1.75}
.visaflow-teaser .launch-line{border-color:rgba(17,17,17,.10)!important;background:rgba(255,255,255,.68)!important;color:#111!important}
.visaflow-teaser .text-link{color:#111!important}

/* Restored public VisaFlow intro page: original structure, updated logo only. */
.vf-public-logo{display:flex;align-items:center;gap:18px;width:min(720px,94vw);margin:0 0 36px}
.vf-public-logo-mark{width:76px;height:58px;flex:0 0 76px;filter:drop-shadow(0 10px 22px rgba(255,216,77,.10)) drop-shadow(0 0 0 rgba(255,255,255,0))}
.vf-public-logo-copy{display:flex;flex-direction:column;line-height:1}
.vf-public-logo-copy strong{font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(46px,5.8vw,76px);font-weight:700;letter-spacing:-.075em;color:#f7f5ef}
.vf-public-logo-copy small{margin-top:7px;font-family:'Playfair Display',Georgia,serif;font-size:16px;font-weight:600;letter-spacing:-.02em;color:#a9a59c;text-align:right}
.page-hero::before{content:none!important;display:none!important}.page-hero>.eyebrow:first-of-type{font-size:11px!important;margin-bottom:20px!important}.page-hero>.eyebrow:first-of-type::before,.page-hero>.eyebrow:first-of-type::after{content:none!important;display:none!important}

@media(max-width:760px){
  .visaflow-teaser .visaflow-grid>div:first-child{padding-left:0;padding-top:68px!important}.visaflow-teaser .visaflow-grid>div:first-child::before{top:0!important;transform:none!important;width:68px;height:52px}
  .vf-public-logo{gap:13px;align-items:center}.vf-public-logo-mark{width:56px;height:44px;flex-basis:56px}.vf-public-logo-copy strong{font-size:clamp(34px,10vw,52px)}.vf-public-logo-copy small{font-size:12px}
}
