/* Original VISIBEL content, styled within the existing WordPress identity. */
.vi-section{padding:100px 0;scroll-margin-top:120px}.vi-section .container{max-width:1180px}.vi-section h2{max-width:820px;font-size:clamp(32px,4.1vw,54px);letter-spacing:-.045em;line-height:1.12;margin:12px 0 20px}.vi-section .eyebrow{font-size:11px;letter-spacing:.18em;color:#98348a;font-weight:700}.vi-intro{max-width:740px;font-size:19px;line-height:1.7;color:#676576;margin:0 0 42px}.vi-section h3{font-size:23px;line-height:1.3;letter-spacing:-.025em}.vi-section p{line-height:1.75}.vi-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vi-comparison>div{border:1px solid #e3dfe9;border-radius:22px;padding:34px}.vi-comparison h3{margin:0 0 24px}.vi-comparison ul{padding:0;list-style:none;margin:0}.vi-comparison li{padding:15px 0 15px 30px;border-top:1px solid #e2dde7;position:relative;line-height:1.6}.vi-comparison li:before{position:absolute;left:0;content:'−';color:#d33b3b;font-weight:700}.vi-with{background:#f6eef8}.vi-with li:before{content:'+';color:#238653}.vi-without{background:#faf9fc;color:#6f6b79}.vi-tinted{background:#f7f5fa}.vi-step{display:grid;grid-template-columns:.8fr 1.2fr;gap:62px;align-items:center;padding:50px 0;border-top:1px solid #e1dbe7}.vi-step:nth-child(even){grid-template-columns:1.2fr .8fr}.vi-step:nth-child(even) .vi-step-copy{order:2}.vi-step-copy h3{font-size:32px;line-height:1.2;margin:15px 0}.vi-step-copy>p:not(.vi-number):not(.vi-tags){color:#676576}.vi-number{font-size:13px;font-weight:700;letter-spacing:.1em;color:#a63791;margin:0}.vi-tags{font-size:12px;color:#874078;font-weight:700}.vi-product-image{margin:0!important;border:1px solid #e2dce8;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #2720370b;background:white}.vi-product-image img{display:block;width:100%;height:auto}.vi-integration{border-left:3px solid #bd529d;padding:8px 0 8px 26px;margin-bottom:38px;max-width:890px}.vi-integration h3{margin:0 0 8px}.vi-integration p{margin:0;color:#676576}.vi-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vi-card{padding:28px;border:1px solid #e7e2eb;border-radius:17px;background:#fff}.vi-card h3{margin:0 0 14px;font-size:21px}.vi-card p{margin:0;color:#676576;font-size:15px}.vi-card .vi-soon{font-size:10px;color:#a1408d;letter-spacing:.13em;font-weight:700;margin:0 0 12px}.vi-dark{background:#19182b;color:#fff}.vi-dark .eyebrow{color:#eab8e2}.vi-dark .vi-intro{color:#c8c4d5}.vi-audiences{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vi-dark .vi-card{background:transparent;border-color:#403c54}.vi-dark .vi-card p{color:#c8c4d5}.vi-commitments{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:commitment}.vi-commitments .vi-card:before{counter-increment:commitment;content:'0' counter(commitment);display:block;color:#a53b92;font-size:13px;font-weight:700;letter-spacing:.12em;margin-bottom:24px}.vi-faq{max-width:900px}.vi-faq details{border-bottom:1px solid #ddd5e3;padding:24px 0}.vi-faq summary{font-size:20px;font-weight:700;cursor:pointer;line-height:1.45;padding-right:25px}.vi-faq details p{max-width:820px;color:#676576;margin:18px 0 0}.vi-contact{background:linear-gradient(130deg,#f2e5f4,#fff5ed);text-align:center}.vi-contact h2,.vi-contact .vi-intro{margin-left:auto;margin-right:auto}.vi-contact .wp-block-buttons{display:inline-flex;margin:0 5px 22px}.vi-contact p:last-child{font-size:15px;color:#625b6d}.vi-real-screen{display:block;background:#f6f8fc;border-radius:5px 5px 0 0;overflow:hidden;aspect-ratio:16/9;position:relative}.vi-real-screen img{width:100%;height:100%;display:block;object-fit:contain;object-position:top}.vi-real-screen:focus-visible{outline:3px solid #bc529d;outline-offset:-4px}.vi-screen-caption{text-align:center;font-size:12px!important;line-height:1.5!important;margin:15px 0 0!important;color:#6c6574}.vi-imported .desktop-monitor{padding-bottom:0}.vi-imported .hero-monitor-slot{align-self:center}
@media(max-width:900px){.vi-section{padding:68px 0}.vi-cards{grid-template-columns:1fr 1fr}.vi-step,.vi-step:nth-child(even){grid-template-columns:1fr;gap:24px}.vi-step:nth-child(even) .vi-step-copy{order:0}.vi-step-copy{max-width:650px}.vi-product-image{max-width:720px}.vi-step-copy h3{font-size:29px}}
@media(max-width:600px){.vi-section{padding:54px 0}.vi-comparison,.vi-audiences,.vi-commitments,.vi-cards{grid-template-columns:1fr}.vi-comparison>div,.vi-card{padding:24px}.vi-section h2{font-size:34px}.vi-intro{font-size:17px;margin-bottom:28px}.vi-step{padding:32px 0}.vi-faq summary{font-size:18px}.vi-contact .wp-block-buttons{display:flex;justify-content:center}.vi-real-screen{aspect-ratio:16/9}}

/* Match the soft lilac-to-peach background of the closing contact section. */
.vi-imported .hero{background:linear-gradient(130deg,#f2e5f4,#fff5ed);}

/* Match the original visibel.io “candidates” purple-to-orange accent. */
.vi-imported .hero h1 em{
  color:#E8522A;
  background:linear-gradient(90deg,#9B59B6 0%,#E8522A 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Original VISIBEL orange for signup calls to action. */
.vi-imported a[href="https://recruiter-portal.visibel.io/register"]{
  background:#E8522A;
  border-color:#E8522A;
  color:#fff;
}
.vi-imported a[href="https://recruiter-portal.visibel.io/register"]:hover{
  background:#cf4320;
  border-color:#cf4320;
  color:#fff;
}

/* Navigation and recruitment badge echo the original marketing site. */
.vi-imported .site-header nav{font-size:16px;font-weight:500;gap:30px;color:#555}
.vi-imported .hero .badge{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:9px 16px;border:1px solid #FCCBB5;border-radius:999px;background:#FFF0EB;color:#E8522A;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0}
.vi-imported .hero .badge:before{content:'';display:block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#F7795A}
@media(max-width:600px){.vi-imported .hero .badge{font-size:12px;padding:8px 12px;gap:8px}}

/* Four-language navigation: make room for French and German labels. */
@media(min-width:901px){.vi-imported .header-inner{gap:18px}.vi-imported .site-header nav{gap:22px;font-size:15px}.vi-imported .header-cta{font-size:13px;padding:13px 18px}}
@media(min-width:901px) and (max-width:1100px){.vi-imported .header-inner{flex-wrap:wrap;padding-block:12px}.vi-imported .site-header nav{gap:16px}}

/* Larger comparison markers, aligned with the first line of each item. */
.vi-comparison li{padding-left:36px}
.vi-comparison li:before{font-size:28px;line-height:1;top:15px;width:24px;text-align:center;font-weight:700}

/* Compact language control, with full language names in its dropdown. */
.vi-language-picker{position:relative;flex:0 0 auto;margin:0;color:#555;font-size:13px}
.vi-language-picker summary{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 11px;border:1px solid #e6e0ea;border-radius:999px;background:#faf8fc;cursor:pointer;list-style:none;font-weight:600;white-space:nowrap}
.vi-language-picker summary::-webkit-details-marker{display:none}
.vi-language-picker summary:hover,.vi-language-picker[open] summary{background:#f2eaf6;border-color:#d9c9e3}
.vi-language-picker summary:focus-visible{outline:3px solid #ad298e;outline-offset:3px}
.vi-language-chevron{font-size:15px;line-height:1;transition:transform .15s}
.vi-language-picker[open] .vi-language-chevron{transform:rotate(180deg)}
.vi-language-options{position:absolute;right:0;top:calc(100% + 10px);width:190px;padding:6px;background:#fff;border:1px solid #e6e0ea;border-radius:14px;box-shadow:0 12px 30px #2315301c;z-index:30}
.vi-language-options a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px;padding:9px 12px;border-radius:9px;text-decoration:none;white-space:nowrap}
.vi-language-options a:hover,.vi-language-options a[aria-current]{background:#f5edf8;color:#98348a}
.vi-language-options a span:last-child{font-size:11px;color:#85758d}
@media(min-width:901px){.vi-imported .header-inner{flex-wrap:nowrap}.vi-imported .vi-language-picker{margin-left:0}}
@media(max-width:900px){.vi-imported .header-inner{column-gap:10px}.vi-language-picker summary{min-height:38px;padding:7px 10px}.vi-language-options{right:0}}

/* Anchor positions are calculated from the real header and content edges. */
html.vi-anchor-scroll{scroll-padding-top:0}
.vi-imported .vi-section,.vi-imported .pricing{scroll-margin-top:0}
/* Reserve product-image space so lazy loading cannot shift a menu destination. */
.vi-product-image img[src$="review.png"]{aspect-ratio:1400/950}
.vi-product-image img[src$="showcase.png"]{aspect-ratio:1280/997}
.vi-product-image img[src$="companies.webp"]{aspect-ratio:1920/1080}
.vi-product-image img[src$="email.png"]{aspect-ratio:1400/900}