body.vi-reference-home .home-positioning-strip{display:none}body.vi-reference-home .site-nav{position:absolute;top:0;left:0;width:100%;z-index:100;background:transparent;box-shadow:none;border:0}body.vi-reference-home .site-nav .nav-links>a,body.vi-reference-home .nav-drop-toggle,body.vi-reference-home .nav-brand{color:white}body.vi-reference-home .site-nav .nav-util-btn{background:#fff;color:#292334}.vi-photo-hero{position:relative;min-height:100svh;background:#242530;display:flex;align-items:flex-end;overflow:hidden}.vi-photo-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}.vi-photo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,22,30,.35),transparent 30%,rgba(14,16,22,.15) 50%,rgba(14,16,22,.91))}.vi-photo-copy{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;padding-top:360px;padding-bottom:64px;color:white}.vi-photo-copy h1{font-family:var(--vi-font-head);font-size:clamp(46px,5vw,76px);font-weight:400;line-height:1.08;margin:20px 0 0;color:white}.vi-photo-copy p{font-size:18px;line-height:1.65}.vi-photo-copy .eyebrow{color:#c4b6ff}.vi-photo-copy a{color:white}.vi-photo-copy .hero-reassurance{font-size:13px}.vi-photo-copy .hero-ctas{justify-content:flex-start}.vi-dark-statement{background:#08090d;color:#fff;text-align:center;padding:0 0 150px}.vi-proof-row{display:flex;justify-content:space-between;gap:20px;padding:50px 0;border-bottom:1px solid #ffffff20;font-size:16px}.vi-dark-statement h2{font-size:clamp(36px,4vw,58px);font-weight:400;line-height:1.18;color:white;margin:130px 0 24px}.vi-dark-statement p{color:#c7c5d0}.vi-wave-section{position:relative;text-align:center;padding:170px 0 36px;background:#fff}.vi-wave-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:150px;background:linear-gradient(#08090d,#552694 25%,#b5a3e8 55%,#edf9fc 80%,white);filter:blur(12px)}.vi-wave-heading{padding:0 24px}.vi-pill{display:inline-block;border:1px solid #d8cbed;border-radius:30px;padding:8px 15px;font-size:14px;color:#6839b5;background:#fff}.vi-wave-heading h2{font-size:clamp(38px,4.5vw,64px);line-height:1.14;font-weight:400;margin:25px 0}.vi-wave-heading h2 span{color:#7846c8}.vi-wave-heading p{color:#656471}.vi-wave-stage{height:390px;position:relative;overflow:hidden}.vi-wave-stage canvas{width:100%;height:100%;display:block}.vi-wave-stage>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 14px 25px #8353c955)}[data-reference-pause]{border:1px solid #ded8e9;background:white;border-radius:30px;padding:9px 16px;color:#51445f;font-size:13px}.vi-reference-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;padding-top:70px;padding-bottom:100px}.vi-concept-card{grid-column:span 3;background:#f8f8fa;border:1px solid #e7e6ec;border-radius:26px;padding:32px;min-height:460px;text-decoration:none;color:#25232b;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.vi-concept-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #48376b14}.vi-concept-card .vi-pill{align-self:flex-start}.vi-concept-card h3{font-family:Inter,sans-serif;font-size:22px;line-height:1.4;margin:23px 0 10px}.vi-concept-card p{font-size:16px;line-height:1.6;color:#6c6974}.vi-purple-card{background:#7846c8;color:#fff}.vi-purple-card p{color:#f1eafa}.vi-card-link{font-size:14px;margin-top:auto;padding-top:22px;font-weight:600}.vi-doc-stack{display:flex;align-items:center;justify-content:center;gap:10px;min-height:230px;padding:30px 0}.vi-doc-stack>div{background:white;border:1px solid #ded2ef;border-radius:18px;padding:24px 12px;min-width:0;width:33%;font-size:12px;text-align:center;box-shadow:0 15px 35px #b3a0ce20;animation:vi-float 5s ease-in-out infinite}.vi-doc-stack>div:first-child{transform:rotate(-10deg);animation-delay:-1s}.vi-doc-stack>div:last-child{transform:rotate(10deg);animation-delay:-3s}.vi-doc-stack strong,.vi-doc-stack small{display:block;margin-top:16px}.vi-doc-stack strong{font-size:17px}.vi-demo-window{margin:35px -32px 0 0;background:#fff;color:#292331;border-radius:18px 0 0 0;box-shadow:0 0 0 8px #ffffff20;padding:22px}.vi-demo-title{font-weight:700;font-size:15px;border-bottom:1px solid #e8e5ed;padding-bottom:18px;color:#7846c8}.vi-demo-title span{font-weight:400;font-size:11px;float:right;color:#817689}.vi-demo-line{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #eee;font-size:14px}.vi-progress{height:8px;margin:22px 0;background:#eee;border-radius:9px;overflow:hidden}.vi-progress span{display:block;height:100%;background:linear-gradient(90deg,#8b5ae2,#43bdd5);animation:vi-progress 5s ease-in-out infinite}.vi-demo-window small{font-size:11px;color:#756b81}.vi-small-card{grid-column:span 2;min-height:430px}.vi-shield{margin:35px auto;width:115px;height:140px;background:linear-gradient(140deg,#a18ae6,#7042bc);clip-path:polygon(50% 0,95% 20%,90% 70%,50% 100%,10% 70%,5% 20%);display:grid;place-items:center;color:white;font-size:52px;animation:vi-float 5s ease-in-out infinite}.vi-orbit-mini{position:relative;height:180px;width:180px;border:1px solid #ded2ef;border-radius:50%;margin:35px auto;display:grid;place-items:center;background:radial-gradient(#ddd0f766,transparent 65%)}.vi-orbit-mini strong{padding:20px;border-radius:50%;background:#7846c8;color:#fff}.vi-orbit-mini span{position:absolute;background:white;border:1px solid #ddd;padding:6px 10px;border-radius:20px;font-size:11px}.vi-orbit-mini span:nth-child(2){top:0}.vi-orbit-mini span:nth-child(3){bottom:20px;left:-5px}.vi-orbit-mini span:nth-child(4){bottom:20px;right:-5px}.vi-notification-stack{margin:35px auto;display:grid;gap:12px;width:100%}.vi-notification-stack span{background:white;border:1px solid #e8e2f0;border-radius:30px;padding:16px;text-align:center;font-size:13px;box-shadow:0 8px 20px #8263a610;animation:vi-float 5s ease-in-out infinite}.vi-notification-stack span:nth-child(2){animation-delay:-1.5s;margin:0 10px}.vi-notification-stack span:nth-child(3){animation-delay:-3s;margin:0 20px}.vi-screen-showcase{padding:80px 0;background:radial-gradient(ellipse at bottom,#bda6e67a,transparent 65%),#fcfbfe}.vi-showcase-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:50px}.vi-showcase-heading h2{font-size:clamp(38px,4vw,56px);font-weight:400;line-height:1.15;margin:20px 0}.vi-showcase-heading p{color:#686373;line-height:1.7}.vi-screen-showcase .hero-visual{max-width:1000px;margin:0 auto;position:relative}.vi-screen-showcase .preview-phone{display:none}.vi-screen-showcase .vi-banner-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}.vi-screen-showcase .vi-banner-caption{text-align:center;color:#64576e}.vi-screen-showcase .product-real-preview{margin:0;background:white;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #68518122}.vi-screen-showcase .product-real-preview img{width:100%;height:auto;display:block}.vi-screen-showcase figcaption{padding:12px;font-size:12px;text-align:center}.vi-motion-paused .vi-reference-cards *{animation-play-state:paused!important}@keyframes vi-float{50%{translate:0 -12px}}@keyframes vi-progress{0%,15%{width:8%}70%,100%{width:100%}}@media(prefers-reduced-motion:reduce){.vi-reference-cards *{animation:none!important}.vi-concept-card{transition:none}}@media(max-width:900px){.vi-photo-copy{grid-template-columns:1fr;gap:24px;padding-top:350px;padding-bottom:40px}.vi-photo-copy h1{font-size:50px}.vi-small-card{grid-column:span 3}.vi-reference-cards .vi-small-card:last-child{grid-column:span 6}.vi-showcase-heading{gap:30px}.vi-proof-row{flex-wrap:wrap;justify-content:center}}@media(max-width:600px){.vi-photo-hero{min-height:850px}.vi-photo-background{object-position:62% center}.vi-photo-copy{padding-top:410px;gap:20px}.vi-photo-copy h1{font-size:42px}.vi-photo-copy p{font-size:16px}.vi-photo-copy .hero-ctas{gap:10px}.vi-photo-copy .btn{font-size:14px;padding:12px 16px}.vi-dark-statement{padding-bottom:85px}.vi-dark-statement h2{margin-top:70px;font-size:35px}.vi-proof-row{font-size:12px;padding:30px 0;gap:16px}.vi-wave-stage{height:280px}.vi-wave-section{padding-top:145px}.vi-reference-cards{gap:18px;padding-top:40px;padding-bottom:50px}.vi-concept-card,.vi-small-card,.vi-reference-cards .vi-small-card:last-child{grid-column:span 6;padding:24px;min-height:410px}.vi-concept-card h3{font-size:20px}.vi-doc-stack strong{font-size:14px}.vi-doc-stack>div{padding:22px 8px}.vi-demo-window{margin-right:-24px}.vi-showcase-heading{grid-template-columns:1fr;gap:10px}.vi-screen-showcase{padding:50px 0}.vi-screen-showcase .vi-banner-controls{font-size:12px}body.vi-reference-home .nav-hamburger{color:white}.vi-photo-copy .eyebrow{font-size:11px}}
body.marketing-suite.home-modern.vi-reference-home{padding-top:0!important}body.vi-reference-home .vi-photo-copy{grid-template-columns:1.4fr 1fr;gap:45px}body.vi-reference-home .vi-photo-copy h1{font-size:clamp(44px,4.5vw,68px)!important;max-width:none!important}body.vi-reference-home .vi-photo-copy .hero-ctas{justify-content:flex-start!important}body.vi-reference-home .vi-photo-copy .btn-orange{background:#7846c8!important;color:#fff!important}body.vi-reference-home .vi-photo-copy .hero-reassurance{color:#ded8e8!important}body.vi-reference-home .vi-photo-copy>a,body.vi-reference-home .vi-photo-copy>div>a{color:white!important}@media(max-width:900px){body.vi-reference-home .vi-photo-copy{grid-template-columns:1fr;gap:24px}body.vi-reference-home .vi-photo-copy h1{font-size:46px!important}}@media(max-width:600px){body.vi-reference-home .vi-photo-copy h1{font-size:40px!important}}
body.marketing-suite.home-modern.vi-reference-home .nav-spacer{display:none!important}body.marketing-suite.home-modern.vi-reference-home .site-nav{top:0!important}body.vi-reference-home .vi-photo-copy{padding-bottom:80px}body.vi-reference-home .vi-photo-hero:after{background:linear-gradient(180deg,rgba(18,22,30,.45),transparent 30%,rgba(14,16,22,.15) 50%,rgba(14,16,22,.94))}@media(max-width:600px){body.vi-reference-home .vi-photo-copy{padding-bottom:45px}}
/* Keep every hero label readable over the laboratory photograph. */
body.vi-reference-home .vi-photo-hero:after{background:linear-gradient(180deg,rgba(12,15,24,.55) 0%,rgba(12,15,24,.12) 28%,rgba(12,15,24,.70) 52%,rgba(12,15,24,.97) 100%)}
body.vi-reference-home .vi-photo-copy :is(h1,p,a,.eyebrow){color:#fff!important;opacity:1;text-shadow:0 2px 8px rgba(0,0,0,.4)}
body.vi-reference-home .vi-photo-copy .eyebrow{font-weight:700;letter-spacing:.075em}
body.vi-reference-home .vi-photo-copy>div>p{font-weight:500}
body.vi-reference-home .vi-photo-copy .hero-reassurance{font-size:15px;font-weight:500;line-height:1.6}
body.vi-reference-home .vi-photo-copy .btn-blue{background:rgba(12,15,24,.72);border:1px solid rgba(255,255,255,.9)}
body.vi-reference-home .vi-photo-copy .btn-blue:hover{background:#292136;border-color:#fff}
body.vi-reference-home .vi-photo-copy .btn-orange{background:#6330b3;border-color:#6330b3;text-shadow:none}
body.vi-reference-home .vi-photo-copy>div>a{font-weight:600;text-decoration:underline;text-underline-offset:5px}
/* Hero photo is the wide team shot: keep the people and the dashboard screen in frame */
body.vi-reference-home .vi-photo-background{object-position:80% 30%}
@media(max-width:760px){body.vi-reference-home .vi-photo-background{object-position:66% 20%}}