/* Source: /home/ubuntu/VS-LP-new/assets/css/feature-pages.css */
:root{--vs-font-family:'Inter',sans-serif;--vs-font-size-section-title:clamp(2rem,4vw,3.25rem);--vs-font-size-section-lead:1.125rem}
.vs-page{font-family:var(--vs-font-family)}
.vs-marketing-page section h2{font-family:var(--vs-font-family);font-size:var(--vs-font-size-section-title);font-weight:700;line-height:1.12;letter-spacing:-.035em}
.vs-marketing-page section h2+p{font-family:var(--vs-font-family);font-size:var(--vs-font-size-section-lead);font-weight:400;line-height:1.6}
.vs-page .vs-cta{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;border:1px solid transparent;border-radius:12px;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;font-size:1rem;font-weight:500;line-height:1.25;text-align:center;text-decoration:none;box-shadow:0 10px 20px -10px rgba(79,70,229,.45);transition:transform .3s,box-shadow .3s}
.vs-page .vs-cta:hover{background:linear-gradient(90deg,#4338ca,#6d28d9);color:#fff;box-shadow:0 14px 24px -10px rgba(79,70,229,.55);transform:translateY(-2px)}
.vs-page .vs-cta:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}
.vs-page .vs-cta-size{box-sizing:border-box;display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:500;line-height:1.25;text-align:center;text-decoration:none;transition:transform .3s,box-shadow .3s,background-color .3s,color .3s}
.vs-feature-page{margin:0;background:#fff;color:#111827;font-family:'Inter',sans-serif;overflow-x:hidden}
.vs-feature-page .dropdown{position:relative}.vs-feature-page .dropdown-menu{opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .26s,transform .26s,visibility .26s}.vs-feature-page .dropdown-menu.show,.vs-feature-page .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.vs-feature-hero{position:relative;padding:7.5rem 1.5rem 5.5rem;overflow:hidden;background:linear-gradient(135deg,#f4f3ff 0%,#fff 42%,#eef2ff 100%)}
.vs-feature-hero::before,.vs-feature-hero::after{position:absolute;border-radius:50%;content:"";filter:blur(10px);pointer-events:none}
.vs-feature-hero::before{top:6rem;left:-8rem;width:24rem;height:24rem;background:rgba(167,139,250,.13)}
.vs-feature-hero::after{right:-8rem;bottom:2rem;width:28rem;height:28rem;background:rgba(99,102,241,.12)}
.vs-feature-hero__inner{position:relative;z-index:1;max-width:1220px;margin:0 auto;text-align:center}
.vs-feature-hero__badge{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e0e7ff;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.75rem;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}
.vs-feature-hero__badge--eyebrow{justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e0e7ff;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.75rem;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}.vs-feature-hero__badge--eyebrow i{display:none}
.vs-feature-hero__badge svg{width:1rem;height:1rem}.vs-feature-hero h1{max-width:900px;margin:1.45rem auto 0;color:#111827;font-size:clamp(2.65rem,6vw,4.8rem);font-weight:800;line-height:1.02;letter-spacing:-.055em}
.vs-feature-hero h1 span{display:block;background:linear-gradient(90deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.vs-feature-hero__lead{max-width:760px;margin:1.5rem auto 0;color:#5f6b7e;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}
.vs-feature-hero__actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.vs-feature-hero__secondary{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:.8rem 1.65rem;border:1px solid #c9c4ff;border-radius:12px;background:rgba(255,255,255,.72);color:#5145cd;font-weight:600;text-decoration:none}
.vs-feature-preview{position:relative;width:min(100%,1200px);margin:3.25rem auto 0;padding:10px;border:1px solid rgba(99,102,241,.18);border-radius:1.25rem;background:rgba(255,255,255,.75);box-shadow:0 28px 70px rgba(54,47,120,.16);text-align:left}
.vs-modern-preview{overflow:hidden}.vs-modern-preview>img{aspect-ratio:16/9;object-fit:cover;object-position:center}.vs-modern-preview__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;border-top:1px solid #eceef5;background:#fff;color:#768095;font-size:.75rem}.vs-modern-preview__bar span{display:flex;align-items:center;gap:7px}.vs-modern-preview__bar span:first-child i{width:8px;height:8px;border-radius:50%;background:#36b883}.vs-modern-preview__bar strong{color:#343c50;font-size:.82rem}.vs-modern-story{padding:6rem 1.5rem;background:#fff}.vs-modern-story__inner{max-width:1120px;margin:0 auto}.vs-modern-story__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:3rem}.vs-modern-story__grid article{padding:25px;border:1px solid #e8eaf2;border-radius:16px;background:linear-gradient(145deg,#fff,#fafaff)}.vs-modern-story__grid article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#efedff;color:#5b50d5;font-size:.75rem;font-weight:800}.vs-modern-story__grid h3{margin:19px 0 8px;color:#252b3b;font-size:1.12rem;font-weight:700}.vs-modern-story__grid p{margin:0;color:#6e788b;line-height:1.65}
@media(max-width:700px){.vs-modern-story{padding:4rem 1.1rem}.vs-modern-story__grid{grid-template-columns:1fr;gap:12px;margin-top:2rem}.vs-modern-story__grid article{padding:20px}.vs-modern-preview__bar{flex-wrap:wrap}.vs-modern-preview__bar span:last-child{display:none}}
.vs-feature-preview--image{padding:10px}.vs-feature-preview--image img{display:block;width:100%;aspect-ratio:16/9;border-radius:.9rem;object-fit:cover;object-position:center}
.vs-hero-share__meeting>div{display:grid;gap:3px}
.vs-feature-preview--screen-share{overflow:hidden;padding:9px;background:rgba(255,255,255,.82)}.vs-hero-share{display:grid;grid-template-columns:178px minmax(0,1fr);min-height:590px;overflow:hidden;border:1px solid #e1e4ef;border-radius:.9rem;background:#f8f9fe;color:#263044}.vs-hero-share__sidebar{display:grid;align-content:start;gap:6px;padding:18px 12px;border-right:1px solid #e9ebf3;background:#fff;color:#788195;font-size:.72rem;font-weight:700}.vs-hero-share__brand{display:flex;align-items:center;gap:7px;margin-bottom:22px;padding:0 5px;color:#273149;font-size:.76rem}.vs-hero-share__brand img{width:25px;height:25px}.vs-hero-share__sidebar>span{padding:9px 10px;border-radius:7px}.vs-hero-share__sidebar .is-active{background:#eeecff;color:#5b50d8}.vs-hero-share__main{display:grid;min-width:0;grid-template-rows:auto 1fr auto}.vs-hero-share__top{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #e7eaf1;background:#fff}.vs-hero-share__top>div:first-child{display:grid;gap:3px}.vs-hero-share__top span{color:#8a92a2;font-size:.61rem;font-weight:800;letter-spacing:.08em}.vs-hero-share__top strong{color:#2d3547;font-size:.92rem}.vs-hero-share__top-actions{display:flex;align-items:center;gap:13px}.vs-hero-share__top-actions b{display:flex;align-items:center;gap:5px;color:#dd5264;font-size:.67rem}.vs-hero-share__top-actions b i,.vs-hero-share__controls>span i{width:7px;height:7px;border-radius:50%;background:#ec6573}.vs-hero-share__top-actions>span{color:#6e778a;font-size:1rem;letter-spacing:2px}.vs-hero-share__stage{position:relative;min-height:480px;overflow:hidden;background:linear-gradient(135deg,#f1f2ff,#fff 53%,#f1f9ff)}.vs-hero-share__toolbar{position:absolute;z-index:3;top:50%;left:18px;display:grid;gap:6px;padding:6px;border:1px solid #e2e5ee;border-radius:10px;background:#fff;box-shadow:0 8px 18px rgba(50,46,100,.1);transform:translateY(-50%)}.vs-hero-share__toolbar i{display:grid;width:27px;height:27px;place-items:center;border-radius:6px;color:#687388;font-size:.77rem;font-style:normal;font-weight:800}.vs-hero-share__toolbar i:nth-child(2){background:#eeecff;color:#5c51da}.vs-hero-share__shared-window{position:absolute;top:38px;right:10%;left:10%;overflow:hidden;border:1px solid #dfe3ee;border-radius:12px;background:#fff;box-shadow:0 17px 40px rgba(54,48,111,.14)}.vs-hero-share__shared-window>header{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #eceef4;color:#687286;font-size:.65rem;font-weight:700}.vs-hero-share__shared-window>header>div{display:flex;gap:4px}.vs-hero-share__shared-window>header i{width:6px;height:6px;border-radius:50%;background:#f28b81}.vs-hero-share__shared-window>header i:nth-child(2){background:#f1c66f}.vs-hero-share__shared-window>header i:nth-child(3){background:#6ec89c}.vs-hero-share__shared-window>header b{margin-left:auto;padding:4px 7px;border-radius:99px;background:#eaf9f2;color:#198761;font-size:.57rem}.vs-hero-share__shared-window section{position:relative;min-height:326px;padding:38px 9%;overflow:hidden;background:linear-gradient(140deg,#fff,#fbfbff)}.vs-hero-share__shared-window small{color:#695dde;font-size:.59rem;font-weight:800;letter-spacing:.11em}.vs-hero-share__shared-window h3{position:relative;z-index:1;margin:10px 0 8px;color:#252c3d;font-size:clamp(1.25rem,2.6vw,2rem);line-height:1.1;letter-spacing:-.04em}.vs-hero-share__shared-window p{position:relative;z-index:1;max-width:285px;margin:0;color:#738095;font-size:.72rem;line-height:1.55}.vs-hero-share__shared-cards{position:relative;z-index:1;display:flex;gap:7px;margin-top:23px}.vs-hero-share__shared-cards span{display:flex;align-items:center;gap:5px;padding:8px;border:1px solid #e6e7f1;border-radius:7px;background:#fff;color:#4c576d;font-size:.64rem;font-weight:700}.vs-hero-share__shared-cards i{display:grid;width:15px;height:15px;place-items:center;border-radius:50%;background:#ebe9ff;color:#6055d9;font-size:.54rem;font-style:normal}.vs-hero-share__shared-window svg{position:absolute;right:5%;bottom:-6px;width:50%;height:70%}.vs-hero-share__shared-window svg path{stroke:#796de4;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.vs-hero-share__shared-window svg circle{fill:#eff0ff;stroke:#796de4;stroke-width:3}.vs-hero-share__pip{position:absolute;z-index:4;right:4%;bottom:56px;width:190px;padding:10px;border:1px solid #e1e4ee;border-radius:11px;background:#fff;box-shadow:0 14px 32px rgba(48,42,101,.17)}.vs-hero-share__pip header{display:flex;justify-content:space-between;color:#3f495c;font-size:.63rem;font-weight:800}.vs-hero-share__pip header span{display:flex;align-items:center;gap:4px}.vs-hero-share__pip header i{width:6px;height:6px;border-radius:50%;background:#30ae7c}.vs-hero-share__pip>div{display:flex;gap:5px;margin:10px 0 7px}.vs-hero-share__pip>div span{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#dedaff;color:#544abe;font-size:.55rem;font-weight:800}.vs-hero-share__pip>div span:nth-child(2){background:#ffe1ec;color:#b24c7a}.vs-hero-share__pip>div span:nth-child(3){background:#ddf6eb;color:#1c8060}.vs-hero-share__pip>div span:last-child{background:#f2f3f6;color:#717a8c}.vs-hero-share__pip small{color:#7d8799;font-size:.59rem}.vs-hero-share__sound{position:absolute;z-index:4;bottom:20px;left:9%;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #e1e5ef;border-radius:9px;background:#fff;box-shadow:0 9px 20px rgba(47,42,100,.1)}.vs-hero-share__sound>i{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:#e8f9f0;color:#168d64;font-size:.68rem;font-style:normal;font-weight:800}.vs-hero-share__sound span{display:grid;gap:1px}.vs-hero-share__sound strong{color:#465166;font-size:.62rem}.vs-hero-share__sound small{color:#8991a1;font-size:.55rem}.vs-hero-share__controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-top:1px solid #e8eaf1;background:#fff}.vs-hero-share__controls>span{display:flex;align-items:center;gap:5px;margin-right:6px;color:#5d687c;font-size:.64rem;font-weight:700}.vs-hero-share__controls>span i{background:#2fb47c}.vs-hero-share__controls button{padding:7px 10px;border:1px solid #e0e3ed;border-radius:7px;background:#fff;color:#5b6577;font:700 .62rem/1 inherit}.vs-hero-share__controls .is-stop{border-color:#f5d5d6;background:#fff4f4;color:#d85863}
@media(max-width:900px){.vs-hero-share{grid-template-columns:132px minmax(0,1fr)}.vs-hero-share__sidebar{padding-inline:8px}.vs-hero-share__shared-window{right:7%;left:7%}.vs-hero-share__pip{right:3%}}
@media(max-width:640px){.vs-hero-share{grid-template-columns:1fr;min-height:500px}.vs-hero-share__sidebar{display:none}.vs-hero-share__top{padding:12px 13px}.vs-hero-share__top strong{font-size:.75rem}.vs-hero-share__top-actions{gap:8px}.vs-hero-share__stage{min-height:410px}.vs-hero-share__toolbar{top:12px;left:50%;grid-auto-flow:column;grid-template-columns:repeat(5,27px);transform:translateX(-50%)}.vs-hero-share__shared-window{top:58px;right:4%;left:4%}.vs-hero-share__shared-window section{min-height:260px;padding:27px 8%}.vs-hero-share__shared-window h3{font-size:1.2rem}.vs-hero-share__shared-window p{max-width:190px;font-size:.62rem}.vs-hero-share__shared-cards{margin-top:15px}.vs-hero-share__shared-cards span{padding:6px;font-size:.54rem}.vs-hero-share__shared-window svg{opacity:.42}.vs-hero-share__pip{right:4%;bottom:39px;width:150px;padding:8px}.vs-hero-share__pip>div{margin:7px 0 5px}.vs-hero-share__pip>div span{width:23px;height:23px;font-size:.47rem}.vs-hero-share__pip small{font-size:.5rem}.vs-hero-share__sound{bottom:13px;left:4%;padding:6px}.vs-hero-share__sound>i{width:21px;height:21px}.vs-hero-share__sound strong{font-size:.53rem}.vs-hero-share__sound small{font-size:.48rem}.vs-hero-share__controls{gap:4px;padding:8px}.vs-hero-share__controls>span{display:none}.vs-hero-share__controls button{padding:6px 7px;font-size:.55rem}}
.vs-hero-share{display:block;min-height:0}.vs-hero-share__meeting{display:flex!important;align-items:center;gap:11px}.vs-hero-share__meeting img{width:29px;height:29px}.vs-hero-share__top-actions>span{color:#6f788a;font-size:.71rem;letter-spacing:0}.vs-hero-share__top-actions b{color:#148760}.vs-hero-share__top-actions b i{background:#2dbb83}.vs-hero-share__stage{min-height:525px;background-color:#eff1fc;background-image:radial-gradient(circle at 9% 87%,rgba(106,91,237,.16),transparent 27%),radial-gradient(circle at 91% 14%,rgba(73,171,233,.16),transparent 30%)}.vs-hero-share__shared-window{top:36px;right:8%;left:8%;border-radius:14px;box-shadow:0 24px 55px rgba(44,43,93,.17)}.vs-hero-share__shared-window section.vs-hero-share__roadmap{min-height:390px;padding:38px 6%;background:#fcfcff}.vs-hero-share__roadmap-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.vs-hero-share__roadmap-heading h3{margin:9px 0 5px;font-size:clamp(1.4rem,2.5vw,2rem)}.vs-hero-share__roadmap-heading p{max-width:none}.vs-hero-share__roadmap-heading>span{padding:6px 10px;border:1px solid #d8d3ff;border-radius:99px;background:#f1efff;color:#6254d7;font-size:.63rem;font-weight:700;white-space:nowrap}.vs-hero-share__roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}.vs-hero-share__roadmap-grid article{display:flex;flex-direction:column;gap:10px;min-height:145px;padding:16px;border:1px solid #e5e6f0;border-radius:12px;background:#fff;box-shadow:0 7px 17px rgba(50,53,109,.045)}.vs-hero-share__roadmap-grid article.is-highlighted{border-color:#897df1;background:linear-gradient(145deg,#f8f7ff,#efedff);box-shadow:0 12px 24px rgba(101,86,205,.14)}.vs-hero-share__roadmap-grid article small{color:#7769d9;font-size:.58rem}.vs-hero-share__roadmap-grid article strong{color:#252e42;font-size:.9rem;line-height:1.25}.vs-hero-share__roadmap-grid article span{color:#7c879a;font-size:.67rem;line-height:1.4}.vs-hero-share__roadmap-grid article i{align-self:start;margin-top:auto;padding:4px 8px;border-radius:99px;background:#f0f2f7;color:#657086;font-size:.58rem;font-style:normal;font-weight:700}.vs-hero-share__roadmap-grid article.is-highlighted i{background:#e5e0ff;color:#6050cf}.vs-hero-share__roadmap-note{position:absolute;right:25%;bottom:16px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #d8d1ff;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(95,80,187,.16);transform:rotate(-3deg)}.vs-hero-share__roadmap-note>span{display:grid;width:27px;height:27px;place-items:center;border-radius:7px;background:#eae6ff;color:#6554d9;font-size:.8rem}.vs-hero-share__roadmap-note>div{display:grid;gap:2px}.vs-hero-share__roadmap-note strong{color:#453b8b;font-size:.63rem}.vs-hero-share__roadmap-note small{color:#8c82ad;font-size:.53rem;letter-spacing:0}.vs-hero-share__toolbar{left:3%}.vs-hero-share__pip{right:2%;bottom:51px}.vs-hero-share__sound{left:5%;bottom:19px}.vs-hero-share__controls{gap:9px;min-height:57px}.vs-hero-share__controls>span{margin-right:auto}.vs-hero-share__controls b,.vs-hero-share__controls em{padding:7px 10px;border:1px solid #e3e4f0;border-radius:7px;background:#f9f9ff;color:#6256c8;font-size:.62rem;font-style:normal}.vs-hero-share__controls .vs-hero-share__stop{margin:0;padding:8px 11px;border:1px solid #f5d5d6;border-radius:7px;background:#fff4f4;color:#d85863;font-size:.62rem;font-weight:700}.vs-share-section-heading>span{display:inline-flex;gap:10px;align-items:center;padding:0;border:0;border-radius:0;background:none;color:#5f54d4;letter-spacing:.16em}.vs-share-section-heading>span::before{content:'';width:30px;height:1px;background:#8579eb}
@media(max-width:900px){.vs-hero-share__shared-window{right:7%;left:7%}.vs-hero-share__roadmap-grid{gap:8px}.vs-hero-share__roadmap-grid article{padding:12px}.vs-hero-share__roadmap-note{right:22%}}
@media(max-width:640px){.vs-hero-share__top{padding:11px 12px}.vs-hero-share__meeting img{width:23px;height:23px}.vs-hero-share__meeting{gap:6px}.vs-hero-share__top-actions>span{display:none}.vs-hero-share__stage{min-height:450px}.vs-hero-share__shared-window{right:4%;left:4%}.vs-hero-share__shared-window>header{gap:5px;padding:8px}.vs-hero-share__shared-window>header>span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-hero-share__shared-window>header b{font-size:.5rem}.vs-hero-share__shared-window section.vs-hero-share__roadmap{min-height:330px;padding:20px 8%}.vs-hero-share__roadmap-heading h3{font-size:1.2rem}.vs-hero-share__roadmap-heading>span{display:none}.vs-hero-share__roadmap-grid{gap:5px;margin-top:20px}.vs-hero-share__roadmap-grid article{min-height:120px;gap:6px;padding:8px}.vs-hero-share__roadmap-grid article small{font-size:.46rem}.vs-hero-share__roadmap-grid article strong{font-size:.57rem}.vs-hero-share__roadmap-grid article span{font-size:.49rem}.vs-hero-share__roadmap-grid article i{font-size:.47rem}.vs-hero-share__roadmap-note{right:9%;bottom:9px;padding:6px}.vs-hero-share__roadmap-note strong{font-size:.55rem}.vs-hero-share__roadmap-note small{font-size:.48rem}.vs-hero-share__pip{right:2%;bottom:20px;width:138px}.vs-hero-share__sound{left:2%;bottom:12px}.vs-hero-share__controls{flex-wrap:wrap;justify-content:center;gap:5px;padding:8px}.vs-hero-share__controls>span{display:flex;width:100%;justify-content:center;margin:0}.vs-hero-share__controls b,.vs-hero-share__controls em,.vs-hero-share__controls .vs-hero-share__stop{padding:5px 7px;font-size:.52rem}.vs-share-section-heading>span::before{width:20px}}
.vs-share-stage-section{padding:6.5rem 1.5rem;background:linear-gradient(180deg,#fff,#f6f6ff)}.vs-share-section-inner{max-width:1180px;margin:0 auto}.vs-share-section-heading{max-width:760px;margin:0 auto 3.25rem;text-align:center}.vs-share-section-heading>span,.vs-share-workflow-eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid #e0e7ff;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.75rem;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}.vs-share-section-heading h2{margin:.85rem 0 1rem;color:#151927;font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.04em}.vs-share-section-heading p{margin:0;color:#687386;font-size:1.08rem;line-height:1.65}.vs-share-stage{position:relative;min-height:590px;overflow:hidden;border:1px solid #e0e2f0;border-radius:1.4rem;background:linear-gradient(135deg,#eef1ff 0%,#fff 52%,#eef9ff 100%);box-shadow:0 26px 65px rgba(62,51,128,.12)}.vs-share-toolbar{position:absolute;z-index:3;top:50%;left:24px;display:grid;gap:7px;padding:7px;border:1px solid #e1e4ef;border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(48,41,101,.12);transform:translateY(-50%)}.vs-share-toolbar i{display:grid;width:30px;height:30px;place-items:center;border-radius:7px;color:#667085;font-size:14px;font-style:normal;font-weight:700}.vs-share-toolbar i:nth-child(2){background:#eeecff;color:#5b4fe1}.vs-share-window{position:absolute;z-index:1;top:55px;right:11%;left:11%;overflow:hidden;border:1px solid #dfe2ee;border-radius:14px;background:#fff;box-shadow:0 20px 50px rgba(47,42,104,.13)}.vs-share-window>header{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid #edf0f5;color:#4c5568;font-size:.8rem;font-weight:700}.vs-share-window__dots{display:flex;gap:5px}.vs-share-window__dots i{width:7px;height:7px;border-radius:50%;background:#f18b82}.vs-share-window__dots i:nth-child(2){background:#f1c56d}.vs-share-window__dots i:nth-child(3){background:#6ec99d}.vs-share-window>header>b{margin-left:auto;padding:5px 8px;border-radius:999px;background:#e8faf3;color:#138a60;font-size:.67rem}.vs-share-window__content{position:relative;min-height:370px;padding:48px 10% 25px;background:linear-gradient(135deg,#fff,#fbfbff)}.vs-share-window__eyebrow{color:#685bdd;font-size:.68rem;font-weight:800;letter-spacing:.1em}.vs-share-window__content h3{max-width:410px;margin:12px 0 8px;color:#1e2433;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.08;letter-spacing:-.04em}.vs-share-window__content>p{max-width:430px;margin:0;color:#697386;font-size:.86rem;line-height:1.6}.vs-share-window__cards{display:flex;gap:10px;margin-top:28px}.vs-share-window__cards div{display:grid;gap:5px;min-width:90px;padding:11px;border:1px solid #e5e5f2;border-radius:9px;background:#fff;box-shadow:0 6px 18px rgba(50,45,106,.05)}.vs-share-window__cards strong{color:#6759df;font-size:.72rem}.vs-share-window__cards span{color:#3b4559;font-size:.72rem;font-weight:700}.vs-share-window__content svg{position:absolute;right:7%;bottom:0;width:56%;height:72%;pointer-events:none}.vs-share-window__content svg path{stroke:#776ce1;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.vs-share-window__content svg circle{fill:#eef0ff;stroke:#776ce1;stroke-width:3}.vs-share-pip{position:absolute;z-index:4;right:4%;bottom:78px;width:228px;padding:12px;border:1px solid #e3e5ef;border-radius:13px;background:#fff;box-shadow:0 18px 40px rgba(42,36,96,.18)}.vs-share-pip__head{display:flex;justify-content:space-between;color:#303849;font-size:.71rem;font-weight:800}.vs-share-pip__head span{display:flex;align-items:center;gap:5px}.vs-share-pip__head i{width:7px;height:7px;border-radius:50%;background:#25ad77}.vs-share-pip__people{display:flex;gap:6px;margin:12px 0 9px}.vs-share-pip__people span{display:grid;width:35px;height:35px;place-items:center;border-radius:9px;background:#dcd8ff;color:#5048bd;font-size:.65rem;font-weight:800}.vs-share-pip__people span:nth-child(2){background:#ffe0ed;color:#ae4777}.vs-share-pip__people span:nth-child(3){background:#d9f6ec;color:#177c60}.vs-share-pip__people span:last-child{background:#f3f4f8;color:#697386}.vs-share-pip small{color:#7b8494;font-size:.67rem}.vs-share-audio{position:absolute;z-index:3;bottom:35px;left:10%;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #dfe3f1;border-radius:11px;background:#fff;box-shadow:0 10px 25px rgba(41,36,93,.1)}.vs-share-audio>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#e8f9f1;color:#168d64;font-style:normal;font-weight:800}.vs-share-audio div{display:grid;gap:2px}.vs-share-audio strong{color:#364052;font-size:.75rem}.vs-share-audio span{color:#848c9b;font-size:.66rem}.vs-share-status{position:absolute;z-index:3;bottom:18px;left:50%;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:#272b39;color:#fff;font-size:.7rem;transform:translateX(-50%);box-shadow:0 12px 24px rgba(31,35,50,.22)}.vs-share-status i{width:7px;height:7px;border-radius:50%;background:#3ad17f}.vs-share-status b{padding:4px 7px;border-radius:5px;background:#424759;font-size:.65rem}.vs-share-status em{padding:4px 7px;border-radius:5px;background:#e95d5d;font-size:.65rem;font-style:normal}.vs-share-workflow{padding:6.5rem 1.5rem;background:linear-gradient(135deg,#f4f2ff 0%,#fff 55%,#edf6ff 100%)}.vs-share-workflow-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:5rem}.vs-share-workflow h2{max-width:570px;margin:.9rem 0 1rem;color:#151927;font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.04em}.vs-share-workflow p{margin:0;color:#697386;font-size:1.05rem;line-height:1.7}.vs-share-use-cases{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}.vs-share-use-cases span{padding:.5rem .75rem;border:1px solid #e1e1f2;border-radius:999px;background:#fff;color:#5b5580;font-size:.76rem;font-weight:700}.vs-share-workflow-steps{display:grid;gap:1rem}.vs-share-workflow-steps article{display:grid;grid-template-columns:42px 1fr;gap:1rem;align-items:start;padding:1.15rem 1.2rem;border:1px solid #e5e3f4;border-radius:1rem;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(65,54,132,.06)}.vs-share-workflow-steps article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#ece9ff;color:#6052d8;font-size:.7rem;font-weight:800}.vs-share-workflow-steps h3{margin:0 0 .3rem;color:#242938;font-size:1rem}.vs-share-workflow-steps p{font-size:.88rem;line-height:1.55}
@media(max-width:640px){.vs-hero-share__toolbar{left:50%;transform:translateX(-50%)}}
@media(max-width:900px){.vs-share-workflow-grid{grid-template-columns:1fr;gap:2.5rem}.vs-share-window{right:8%;left:8%}.vs-share-window__content svg{opacity:.55}.vs-share-pip{right:6%}}
@media(max-width:640px){.vs-share-stage-section,.vs-share-workflow{padding:4.5rem 1rem}.vs-share-section-heading{margin-bottom:2rem}.vs-share-stage{min-height:525px}.vs-share-toolbar{top:16px;left:50%;grid-auto-flow:column;grid-template-columns:repeat(6,30px);transform:translateX(-50%)}.vs-share-window{top:75px;right:4%;left:4%}.vs-share-window__content{min-height:320px;padding:32px 9% 20px}.vs-share-window__content h3{max-width:240px;font-size:1.45rem}.vs-share-window__content>p{max-width:210px;font-size:.72rem}.vs-share-window__cards{gap:5px;margin-top:18px}.vs-share-window__cards div{min-width:64px;padding:7px}.vs-share-window__content svg{right:0;width:62%;height:56%;opacity:.36}.vs-share-pip{right:5%;bottom:75px;width:174px;padding:9px}.vs-share-pip__people{gap:4px;margin:8px 0}.vs-share-pip__people span{width:27px;height:27px;font-size:.55rem}.vs-share-pip small{font-size:.58rem}.vs-share-audio{bottom:22px;left:5%;padding:8px}.vs-share-audio>i{width:26px;height:26px}.vs-share-audio strong{font-size:.65rem}.vs-share-audio span{font-size:.57rem}.vs-share-status{display:none}.vs-share-workflow-grid{gap:2rem}.vs-share-workflow-steps article{padding:1rem}}
.vs-whiteboard-canvas-section{position:relative;overflow:hidden;padding:6.5rem 1.5rem;background:linear-gradient(180deg,#fff 0%,#f8f7ff 100%)}.vs-whiteboard-section-inner{max-width:1180px;margin:0 auto}.vs-whiteboard-section-heading{max-width:760px;margin:0 auto 3.25rem;text-align:center}.vs-whiteboard-section-heading>span,.vs-whiteboard-workflow-eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid #e0e7ff;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.75rem;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}.vs-whiteboard-section-heading h2{margin:.85rem 0 1rem;color:#151927;font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.04em}.vs-whiteboard-section-heading p{margin:0;color:#687386;font-size:1.08rem;line-height:1.65}.vs-whiteboard-canvas{position:relative;min-height:560px;overflow:hidden;border:1px solid #dfddf0;border-radius:1.4rem;background-color:#fff;background-image:linear-gradient(#ebe9f6 1px,transparent 1px),linear-gradient(90deg,#ebe9f6 1px,transparent 1px);background-size:28px 28px;box-shadow:0 26px 65px rgba(62,51,128,.12)}.vs-whiteboard-toolbar{position:absolute;z-index:3;top:24px;left:50%;display:flex;gap:4px;padding:7px;border:1px solid #e3e1ef;border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(48,41,101,.12);transform:translateX(-50%)}.vs-whiteboard-toolbar i{display:grid;width:30px;height:30px;place-items:center;border-radius:7px;color:#667085;font-size:15px;font-style:normal;font-weight:700}.vs-whiteboard-toolbar i:first-child{background:#eeecff;color:#5b4fe1}.vs-whiteboard-board-title{position:absolute;top:26px;left:28px;display:grid;gap:3px}.vs-whiteboard-board-title b{color:#202535;font-size:.95rem}.vs-whiteboard-board-title span{color:#8a91a2;font-size:.72rem}.vs-whiteboard-note{position:absolute;z-index:2;display:grid;gap:8px;width:190px;min-height:126px;padding:18px;border:1px solid rgba(83,71,173,.12);border-radius:5px;background:#fff8b9;box-shadow:0 15px 28px rgba(85,72,154,.15);transform:rotate(-2deg)}.vs-whiteboard-note small{color:#8d7c22;font-size:.62rem;font-weight:800;letter-spacing:.1em}.vs-whiteboard-note strong{color:#35301b;font-size:.95rem;line-height:1.35}.vs-whiteboard-note em{color:#5e562d;font-size:.75rem;font-style:normal;line-height:1.6}.vs-whiteboard-note--one{top:146px;left:13%;background:#e7e2ff;transform:rotate(-3deg)}.vs-whiteboard-note--one small{color:#6557cc}.vs-whiteboard-note--one strong{color:#332b72}.vs-whiteboard-note--two{top:190px;left:42%;background:#dff7ee;transform:rotate(2deg)}.vs-whiteboard-note--two small{color:#278369}.vs-whiteboard-note--two strong{color:#1e5245}.vs-whiteboard-note--three{right:12%;bottom:110px;background:#ffe2d4;transform:rotate(-1deg)}.vs-whiteboard-note--three small{color:#b96545}.vs-whiteboard-note--three strong{color:#7b3e2d}.vs-whiteboard-shape{position:absolute;z-index:1;display:grid;place-items:center;width:92px;height:92px;border:2px solid #7667e5;color:#5d50c9;font-size:1.45rem;font-weight:800}.vs-whiteboard-shape--circle{right:18%;top:145px;border-radius:50%;background:#eef0ff}.vs-whiteboard-shape--diamond{bottom:150px;left:33%;width:78px;height:78px;border-color:#e29471;background:#fff1e9;color:#c66a45;transform:rotate(45deg)}.vs-whiteboard-shape--diamond{font-size:1.15rem}.vs-whiteboard-shape--diamond::first-letter{display:inline-block;transform:rotate(-45deg)}.vs-whiteboard-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vs-whiteboard-connectors path{stroke:#8b82d9;stroke-width:2.2;stroke-dasharray:7 7}.vs-whiteboard-presence{position:absolute;z-index:3;right:26px;bottom:24px;display:flex;align-items:center}.vs-whiteboard-presence span{display:grid;width:31px;height:31px;margin-left:-7px;place-items:center;border:2px solid #fff;border-radius:50%;background:#dcd7ff;color:#5145bf;font-size:.68rem;font-weight:800}.vs-whiteboard-presence span:nth-child(2){background:#fee3ef;color:#ad4777}.vs-whiteboard-presence span:nth-child(3){background:#e5f8ef;color:#18835f}.vs-whiteboard-presence small{margin-left:9px;color:#697386;font-size:.72rem;font-weight:700}.vs-whiteboard-comment{position:absolute;z-index:3;right:10%;top:330px;display:grid;gap:3px;max-width:178px;padding:11px 13px;border:1px solid #e5e3f2;border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(40,35,89,.1)}.vs-whiteboard-comment b{color:#4f46c9;font-size:.72rem}.vs-whiteboard-comment span{color:#535d70;font-size:.75rem;line-height:1.35}.vs-whiteboard-workflow{padding:6.5rem 1.5rem;background:linear-gradient(135deg,#f4f2ff 0%,#fff 55%,#edf6ff 100%)}.vs-whiteboard-workflow-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:5rem}.vs-whiteboard-workflow h2{max-width:570px;margin:.9rem 0 1rem;color:#151927;font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.04em}.vs-whiteboard-workflow p{margin:0;color:#697386;font-size:1.05rem;line-height:1.7}.vs-whiteboard-workflow-steps{display:grid;gap:1rem}.vs-whiteboard-workflow-steps article{display:grid;grid-template-columns:42px 1fr;gap:1rem;align-items:start;padding:1.15rem 1.2rem;border:1px solid #e5e3f4;border-radius:1rem;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(65,54,132,.06)}.vs-whiteboard-workflow-steps article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#ece9ff;color:#6052d8;font-size:.7rem;font-weight:800}.vs-whiteboard-workflow-steps h3{margin:0 0 .3rem;color:#242938;font-size:1rem}.vs-whiteboard-workflow-steps p{font-size:.88rem;line-height:1.55}
@media(max-width:900px){.vs-whiteboard-workflow-grid{grid-template-columns:1fr;gap:2.5rem}.vs-whiteboard-note--one{left:8%}.vs-whiteboard-note--two{left:39%}.vs-whiteboard-note--three{right:7%}}
@media(max-width:640px){.vs-whiteboard-canvas-section,.vs-whiteboard-workflow{padding:4.5rem 1rem}.vs-whiteboard-section-heading{margin-bottom:2rem}.vs-whiteboard-canvas{min-height:500px}.vs-whiteboard-toolbar{top:14px}.vs-whiteboard-board-title{top:80px;left:18px}.vs-whiteboard-note{width:142px;min-height:105px;padding:13px}.vs-whiteboard-note strong{font-size:.78rem}.vs-whiteboard-note em{font-size:.66rem}.vs-whiteboard-note--one{top:140px;left:7%}.vs-whiteboard-note--two{top:275px;left:48%}.vs-whiteboard-note--three{right:7%;bottom:34px}.vs-whiteboard-shape--circle{top:150px;right:6%;width:58px;height:58px}.vs-whiteboard-shape--diamond{bottom:112px;left:11%;width:52px;height:52px}.vs-whiteboard-comment{top:225px;right:5%;max-width:130px;padding:8px}.vs-whiteboard-comment span{font-size:.66rem}.vs-whiteboard-presence{right:14px;bottom:14px}.vs-whiteboard-presence small{display:none}.vs-whiteboard-workflow-grid{gap:2rem}.vs-whiteboard-workflow-steps article{padding:1rem}.vs-whiteboard-connectors{opacity:.55}}
.vs-feature-preview--time{overflow:hidden}.vs-feature-preview--time .vs-time-dashboard{width:100%;height:auto;min-height:560px}.vs-feature-preview--time .vs-time-main{min-height:230px}
.vs-feature-preview--remote{overflow:hidden;padding:9px;background:rgba(255,255,255,.84)}
.vs-remote-preview{overflow:hidden;border:1px solid #e0e5f1;border-radius:.9rem;background:#fff}
.vs-remote-preview__top,.vs-remote-preview__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:13px 19px;background:#fff}
.vs-remote-preview__top{border-bottom:1px solid #e7eaf2;color:#748095;font-size:.78rem}
.vs-remote-preview__top>div{display:flex;align-items:center;gap:9px}.vs-remote-preview__top strong{color:#30384c;font-size:.84rem}.vs-remote-preview__live{width:8px;height:8px;border-radius:50%;background:#28ba80;box-shadow:0 0 0 4px #e4f8ef}
.vs-remote-preview>img{display:block;width:100%;height:auto}
.vs-remote-preview__footer{justify-content:center;flex-wrap:wrap;gap:1.2rem;border-top:1px solid #e7eaf2;background:#fbfbff;color:#526079;font-size:.75rem;font-weight:700}.vs-remote-preview__footer span{display:flex;align-items:center;gap:7px}.vs-remote-preview__footer i{display:grid;width:23px;height:23px;place-items:center;border-radius:7px;background:#eceaff;color:#5e52d3;font-size:.72rem;font-style:normal}
.vs-remote-inner{max-width:1180px;margin:0 auto}.vs-remote-kicker{display:inline-flex;align-items:center;gap:11px;color:#6256d5;font-size:.73rem;font-weight:800;letter-spacing:.15em}.vs-remote-kicker::before{content:'';width:29px;height:1px;background:#8c82ea}
.vs-remote-permission{padding:6.5rem 1.5rem;background:linear-gradient(180deg,#fff,#f7f7ff)}.vs-remote-permission .vs-remote-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:5rem}.vs-remote-permission h2,.vs-remote-together h2{margin:1rem 0;color:#171c2b;font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.04em}.vs-remote-permission__copy>p,.vs-remote-together__heading>p{max-width:600px;margin:0;color:#687386;font-size:1.06rem;line-height:1.7}
.vs-remote-permission__points{display:grid;gap:1.3rem;margin-top:2rem}.vs-remote-permission__points>div{display:grid;grid-template-columns:37px 1fr;gap:1rem}.vs-remote-permission__points>div>span{display:grid;width:35px;height:35px;place-items:center;border:1px solid #dfdcff;border-radius:10px;background:#efedff;color:#6053d1;font-size:.7rem;font-weight:800}.vs-remote-permission__points h3{margin:0 0 .2rem;color:#283045;font-size:1rem}.vs-remote-permission__points p{margin:0;color:#788296;font-size:.87rem;line-height:1.55}
.vs-remote-permission__visual{overflow:hidden;border:1px solid #dfdff0;border-radius:1.2rem;background:linear-gradient(140deg,#f2f0ff,#f7fbff);box-shadow:0 25px 55px rgba(57,48,123,.12)}.vs-remote-permission__visual-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid #e5e5f0;background:rgba(255,255,255,.84);color:#798297;font-size:.73rem;font-weight:700}.vs-remote-permission__visual-top span:first-child{display:flex;align-items:center;gap:8px;color:#354057}.vs-remote-permission__visual-top i{width:8px;height:8px;border-radius:50%;background:#32bd83}.vs-remote-permission__request{display:grid;grid-template-columns:44px 1fr;gap:1rem;max-width:410px;margin:4.2rem auto;padding:1.4rem;border:1px solid #e5e4f0;border-radius:1rem;background:#fff;box-shadow:0 22px 45px rgba(51,44,109,.16)}.vs-remote-permission__avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#e4e1ff;color:#5b4ec9;font-size:.75rem;font-weight:800}.vs-remote-permission__request small{color:#7466db;font-size:.62rem;font-weight:800;letter-spacing:.11em}.vs-remote-permission__request h3{margin:.35rem 0;color:#253047;font-size:1.1rem;line-height:1.25}.vs-remote-permission__request p{margin:0;color:#7a8495;font-size:.78rem;line-height:1.5}.vs-remote-permission__actions{grid-column:2;display:flex;gap:.6rem;margin-top:.4rem}.vs-remote-permission__actions span,.vs-remote-permission__actions strong{padding:.62rem .85rem;border:1px solid #e3e4ed;border-radius:8px;background:#fff;color:#5d6679;font-size:.72rem;font-weight:700}.vs-remote-permission__actions strong{border-color:#6557e8;background:#6557e8;color:#fff}.vs-remote-permission__note{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:0 1rem 2rem;color:#617087;font-size:.76rem}.vs-remote-permission__note span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#e1f8ed;color:#16895f;font-weight:800}.vs-remote-permission__note p{margin:0}
.vs-remote-together{padding:6.5rem 1.5rem;background:linear-gradient(135deg,#f4f2ff,#fff 55%,#edf6ff)}.vs-remote-together__heading{max-width:760px;margin:0 auto 3rem;text-align:center}.vs-remote-together__heading .vs-remote-kicker::before{display:none}.vs-remote-together__heading>p{margin:auto}.vs-remote-together__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.vs-remote-together__grid article{padding:1.7rem;border:1px solid #e4e4f2;border-radius:1rem;background:rgba(255,255,255,.9);box-shadow:0 13px 30px rgba(68,56,137,.06)}.vs-remote-together__icon{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:#eceaff;color:#6555db;font-size:1.15rem;font-weight:800}.vs-remote-together__grid h3{margin:1.35rem 0 .45rem;color:#273047;font-size:1.12rem}.vs-remote-together__grid p{margin:0;color:#748095;font-size:.89rem;line-height:1.65}.vs-remote-together__outcome{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:1.2rem;padding:1.2rem 1.5rem;border:1px solid #e0ddf6;border-radius:.95rem;background:#fff;color:#616b7d}.vs-remote-together__outcome>span{color:#675bd6;font-size:.68rem;font-weight:800;letter-spacing:.11em}.vs-remote-together__outcome strong{color:#283147;font-size:1.02rem}.vs-remote-together__outcome p{margin:0;font-size:.78rem}
@media(max-width:900px){.vs-remote-permission .vs-remote-inner{grid-template-columns:1fr;gap:2.5rem}.vs-remote-together__grid{gap:.7rem}.vs-remote-together__grid article{padding:1.3rem}.vs-remote-together__outcome{flex-wrap:wrap}}
@media(max-width:640px){.vs-remote-preview__top{padding:10px}.vs-remote-preview__top>span,.vs-remote-preview__top>div>span:last-child{display:none}.vs-remote-preview__footer{gap:.6rem;justify-content:flex-start;padding:10px}.vs-remote-preview__footer span{font-size:.65rem}.vs-remote-permission,.vs-remote-together{padding:4.5rem 1rem}.vs-remote-permission__request{grid-template-columns:36px 1fr;gap:.7rem;margin:2.5rem 1rem;padding:1rem}.vs-remote-permission__avatar{width:35px;height:35px}.vs-remote-permission__request h3{font-size:.95rem}.vs-remote-permission__note{align-items:flex-start;font-size:.68rem}.vs-remote-together__heading{margin-bottom:2rem}.vs-remote-together__grid{grid-template-columns:1fr}.vs-remote-together__outcome{display:grid;gap:.4rem}.vs-remote-kicker{font-size:.66rem}}
.vs-feature-preview--generic{overflow:hidden}.vs-feature-dashboard{display:grid;grid-template-columns:190px 1fr;min-height:570px;overflow:hidden;border:1px solid #e2e5ef;border-radius:.9rem;background:#fff;color:#273247}
.vs-feature-preview--blockers{overflow:hidden;padding:9px;background:rgba(255,255,255,.84)}.vs-blockers-preview{overflow:hidden;border:1px solid #e1e5ef;border-radius:.9rem;background:#f8f9fd;color:#273247;text-align:left}.vs-blockers-preview__top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e5e8f1;background:#fff}.vs-blockers-preview__top>div{display:flex;align-items:center;gap:9px}.vs-blockers-preview__top img{width:29px;height:29px}.vs-blockers-preview__top>div>span{display:grid;gap:3px}.vs-blockers-preview__top small{color:#929aab;font-size:.58rem;font-weight:800;letter-spacing:.1em}.vs-blockers-preview__top strong{color:#263147;font-size:.95rem}.vs-blockers-preview__top>span{padding:6px 9px;border-radius:99px;background:#f2f0ff;color:#6b5ed5;font-size:.62rem;font-weight:800}.vs-blockers-preview__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-bottom:1px solid #e7e9f1;background:#fff}.vs-blockers-preview__toolbar>div{display:flex;gap:7px}.vs-blockers-preview__toolbar>div span{padding:7px 9px;border:1px solid #e4e6ee;border-radius:7px;color:#667187;font-size:.67rem;font-weight:700}.vs-blockers-preview__toolbar>strong{display:flex;align-items:center;gap:6px;color:#a97420;font-size:.67rem}.vs-blockers-preview__toolbar>strong i{width:7px;height:7px;border-radius:50%;background:#f0ad46}.vs-blockers-preview__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px 16px}.vs-blockers-preview__metrics>div{display:grid;gap:9px;padding:14px;border:1px solid #e5e7f0;border-radius:9px;background:#fff}.vs-blockers-preview__metrics small{color:#828c9c;font-size:.63rem}.vs-blockers-preview__metrics strong{color:#273146;font-size:1.25rem}.vs-blockers-preview__body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.76fr);gap:12px;padding:0 16px 16px}.vs-blockers-preview__list,.vs-blockers-preview__detail{overflow:hidden;border:1px solid #e4e6ef;border-radius:10px;background:#fff}.vs-blockers-preview__list>header{display:flex;justify-content:space-between;gap:8px;padding:15px;border-bottom:1px solid #edf0f5}.vs-blockers-preview__list>header strong{color:#2c364a;font-size:.81rem}.vs-blockers-preview__list>header span{color:#9ba3b2;font-size:.62rem}.vs-blockers-preview__list article{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:76px;padding:13px 15px;border-bottom:1px solid #eef0f5}.vs-blockers-preview__list article:last-child{border-bottom:0}.vs-blockers-preview__list article.is-selected{background:#faf9ff;box-shadow:inset 3px 0 #7667e7}.vs-blockers-preview__alert{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#fff1da;color:#c4841f;font-size:.86rem;font-weight:900}.vs-blockers-preview__alert.is-purple{background:#eeeaff;color:#6654d4}.vs-blockers-preview__alert.is-red{background:#fff0f0;color:#d15b63}.vs-blockers-preview__list article>div{display:grid;gap:6px;min-width:0}.vs-blockers-preview__list article>div strong{overflow:hidden;color:#313b50;font-size:.73rem;text-overflow:ellipsis;white-space:nowrap}.vs-blockers-preview__list article>div small{color:#8791a2;font-size:.63rem}.vs-blockers-preview__list article>em{padding:5px 8px;border-radius:99px;background:#fff3e3;color:#ae771d;font-size:.58rem;font-style:normal;font-weight:800;white-space:nowrap}.vs-blockers-preview__list article>em.is-red{background:#fff0f0;color:#d2535b}.vs-blockers-preview__detail{padding:18px}.vs-blockers-preview__detail-label{color:#695cda;font-size:.6rem;font-weight:800;letter-spacing:.1em}.vs-blockers-preview__detail h2{margin:9px 0;color:#293348;font-size:1.16rem;line-height:1.2}.vs-blockers-preview__detail>p{margin:0 0 18px;color:#748093;font-size:.7rem;line-height:1.55}.vs-blockers-preview__detail-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid #eef0f5}.vs-blockers-preview__detail-line small{color:#9ba3b0;font-size:.58rem;font-weight:800;letter-spacing:.07em}.vs-blockers-preview__detail-line strong{display:flex;align-items:center;gap:5px;color:#435066;font-size:.67rem}.vs-blockers-preview__detail-line i{display:grid;width:20px;height:20px;place-items:center;border-radius:6px;background:#ffe3ed;color:#a84b78;font-size:.46rem;font-style:normal}.vs-blockers-preview__next{display:grid;gap:5px;margin-top:14px;padding:13px;border:1px solid #dedaff;border-radius:9px;background:#f7f5ff}.vs-blockers-preview__next small{color:#695bd3;font-size:.58rem;font-weight:800;letter-spacing:.09em}.vs-blockers-preview__next strong{color:#35305d;font-size:.75rem}.vs-blockers-preview__next span{color:#8a84a4;font-size:.63rem}
.vs-blockers-inner{max-width:1180px;margin:0 auto}.vs-blockers-kicker{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:0 0 .25rem;padding:.5rem 1rem;border:1px solid #e0e7ff;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.75rem;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}.vs-blockers-signals{padding:6.5rem 1.5rem;background:linear-gradient(180deg,#fff,#f7f7ff)}.vs-blockers-signals__heading{max-width:780px;margin:0 auto 3rem;text-align:center}.vs-blockers-signals h2,.vs-blockers-flow h2{margin:1rem 0;color:#171c2b;font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.04em}.vs-blockers-signals__heading p,.vs-blockers-flow__copy>p{margin:0;color:#687386;font-size:1.06rem;line-height:1.7}.vs-blockers-signals__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.vs-blockers-signals__grid article{display:flex;flex-direction:column;padding:1.7rem;border:1px solid #e4e4f2;border-radius:1rem;background:#fff;box-shadow:0 13px 30px rgba(68,56,137,.06)}.vs-blockers-signals__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#eeeaff;color:#6657d6;font-size:1.2rem;font-weight:800}.vs-blockers-signals__grid article:nth-child(2) .vs-blockers-signals__icon{background:#fff3dc;color:#b47e24}.vs-blockers-signals__grid article:nth-child(3) .vs-blockers-signals__icon{background:#fff0ed;color:#d76e5a}.vs-blockers-signals__grid h3{margin:1.3rem 0 .5rem;color:#293248;font-size:1.12rem}.vs-blockers-signals__grid p{margin:0;color:#748095;font-size:.89rem;line-height:1.65}.vs-blockers-signals__grid small{margin-top:1.3rem;padding-top:1rem;border-top:1px solid #eef0f5;color:#6f64c8;font-size:.7rem;font-weight:700}
.vs-blockers-flow{padding:6.5rem 1.5rem;background:linear-gradient(135deg,#f4f2ff,#fff 55%,#edf6ff)}.vs-blockers-flow__layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:5rem}.vs-blockers-flow__points{display:grid;gap:1rem;margin-top:2rem}.vs-blockers-flow__points>span{display:flex;align-items:center;gap:.8rem;color:#4f5b70;font-size:.87rem;font-weight:700}.vs-blockers-flow__points i{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#ebe8ff;color:#6053d2;font-size:.64rem;font-style:normal;font-weight:800}.vs-blockers-flow__visual{overflow:hidden;border:1px solid #e1e2f0;border-radius:1.1rem;background:#fff;box-shadow:0 22px 50px rgba(57,49,122,.12)}.vs-blockers-flow__visual-top{display:flex;justify-content:space-between;gap:10px;padding:1rem 1.3rem;border-bottom:1px solid #eaecf3;background:#fafaff;color:#838b9c;font-size:.69rem}.vs-blockers-flow__visual-top span{display:flex;align-items:center;gap:6px;color:#48556b;font-weight:800}.vs-blockers-flow__visual-top span i{width:7px;height:7px;border-radius:50%;background:#36bc80}.vs-blockers-flow__visual-top strong{font-size:.65rem}.vs-blockers-flow__step{display:grid;grid-template-columns:38px 1fr;gap:12px;margin:0 1.3rem;padding:1.1rem 0}.vs-blockers-flow__step>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;font-size:.8rem;font-weight:800}.vs-blockers-flow__step>span.is-amber{background:#fff0d8;color:#b98225}.vs-blockers-flow__step>span.is-purple{background:#ece8ff;color:#6254d0}.vs-blockers-flow__step>span.is-green{background:#e3f6eb;color:#19885e}.vs-blockers-flow__step>div{display:grid;gap:4px}.vs-blockers-flow__step small{color:#796ccc;font-size:.58rem;font-weight:800;letter-spacing:.08em}.vs-blockers-flow__step strong{color:#354056;font-size:.85rem}.vs-blockers-flow__step p{margin:0;color:#8a94a4;font-size:.7rem;line-height:1.4}.vs-blockers-flow__connector{width:2px;height:14px;margin-left:calc(1.3rem + 17px);background:#d8d3f7}
@media(max-width:900px){.vs-blockers-preview__body{grid-template-columns:1fr}.vs-blockers-preview__detail{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.vs-blockers-preview__detail-label,.vs-blockers-preview__detail h2,.vs-blockers-preview__detail>p{grid-column:1/-1}.vs-blockers-preview__next{grid-column:1/-1}.vs-blockers-flow__layout{grid-template-columns:1fr;gap:2.5rem}}
@media(max-width:640px){.vs-blockers-preview__top{padding:11px}.vs-blockers-preview__toolbar{padding:9px}.vs-blockers-preview__toolbar>div span{padding:6px;font-size:.58rem}.vs-blockers-preview__toolbar>strong{font-size:.57rem}.vs-blockers-preview__metrics{gap:5px;padding:9px}.vs-blockers-preview__metrics>div{padding:9px}.vs-blockers-preview__metrics small{font-size:.53rem}.vs-blockers-preview__metrics strong{font-size:1rem}.vs-blockers-preview__body{gap:8px;padding:0 9px 9px}.vs-blockers-preview__list>header{padding:10px}.vs-blockers-preview__list>header span{display:none}.vs-blockers-preview__list article{grid-template-columns:25px 1fr;gap:7px;min-height:62px;padding:9px}.vs-blockers-preview__alert{width:24px;height:24px}.vs-blockers-preview__list article>div strong{font-size:.64rem}.vs-blockers-preview__list article>div small{font-size:.56rem}.vs-blockers-preview__list article>em{display:none}.vs-blockers-preview__detail{padding:12px}.vs-blockers-preview__detail h2{font-size:1rem}.vs-blockers-preview__detail-line{display:grid;gap:4px}.vs-blockers-signals,.vs-blockers-flow{padding:4.5rem 1rem}.vs-blockers-signals__heading{margin-bottom:2rem}.vs-blockers-signals__grid{grid-template-columns:1fr}.vs-blockers-signals__grid article{padding:1.3rem}.vs-blockers-flow__layout{gap:2rem}.vs-blockers-kicker{font-size:.66rem}}
.vs-feature-preview--team-insights{overflow:hidden;padding:9px;background:rgba(255,255,255,.84)}.vs-insights-preview{overflow:hidden;border:1px solid #e1e5ef;border-radius:.9rem;background:#f8f9fd;color:#273247;text-align:left}.vs-insights-preview__top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e5e8f1;background:#fff}.vs-insights-preview__top>div{display:flex;align-items:center;gap:9px}.vs-insights-preview__top img{width:29px;height:29px}.vs-insights-preview__top>div>span{display:grid;gap:3px}.vs-insights-preview__top small{color:#929aab;font-size:.58rem;font-weight:800;letter-spacing:.1em}.vs-insights-preview__top strong{color:#263147;font-size:.95rem}.vs-insights-preview__top>span{padding:6px 9px;border-radius:99px;background:#f2f0ff;color:#6b5ed5;font-size:.62rem;font-weight:800}.vs-insights-preview__filters{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid #e5e8f1;background:#fff}.vs-insights-preview__filters>span{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:125px;padding:8px 10px;border:1px solid #e4e6ef;border-radius:7px;color:#526077;font-size:.71rem;font-weight:700}.vs-insights-preview__filters i{color:#9ca5b4;font-style:normal}.vs-insights-preview__filters small{color:#777f90;font-size:.69rem}.vs-insights-preview__content{padding:16px}.vs-insights-preview__metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.vs-insights-preview__metrics article{display:grid;align-content:space-between;gap:10px;min-height:83px;padding:13px;border:1px solid #e4e6f0;border-radius:10px;background:#fff;box-shadow:0 6px 15px rgba(47,44,110,.04)}.vs-insights-preview__metrics article>span{color:#7b8597;font-size:.66rem}.vs-insights-preview__metrics strong{color:#222b3f;font-size:1.14rem;letter-spacing:-.03em;white-space:nowrap}.vs-insights-preview__metrics strong i{margin-left:3px;color:#26a975;font-size:.54rem;font-style:normal;letter-spacing:.04em}.vs-insights-preview__people{overflow:hidden;margin-top:13px;border:1px solid #e3e6ef;border-radius:10px;background:#fff}.vs-insights-preview__people>header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid #eceef3}.vs-insights-preview__people>header strong{color:#2f394e;font-size:.85rem}.vs-insights-preview__people>header span{color:#9ba3b0;font-size:.63rem}.vs-insights-preview__row{display:grid;grid-template-columns:minmax(220px,2fr) .8fr .8fr .55fr .65fr 1.3fr;align-items:center;gap:8px;min-height:49px;padding:8px 16px;border-bottom:1px solid #edf0f5;color:#5a687e;font-size:.67rem}.vs-insights-preview__row:last-child{border-bottom:0}.vs-insights-preview__row.is-heading{min-height:35px;background:#fafaff;color:#8790a2;font-size:.6rem;font-weight:800}.vs-insights-preview__row>span:first-child{display:flex;align-items:center;gap:8px;min-width:0}.vs-insights-preview__row>span:first-child b{overflow:hidden;color:#2e3a50;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.vs-insights-preview__row i{display:grid;flex:none;width:27px;height:27px;place-items:center;border-radius:8px;background:#e4dfff;color:#5f50c6;font-size:.54rem;font-style:normal;font-weight:800}.vs-insights-preview__row i.is-pink{background:#ffe1ec;color:#ae4c79}.vs-insights-preview__row i.is-green{background:#dcf5e9;color:#1a8261}.vs-insights-preview__row em{margin-left:auto;color:#20a56f;font-size:.58rem;font-style:normal;font-weight:700}.vs-insights-preview__row .is-alert{color:#d95161;font-weight:800}
.vs-insights-inner{max-width:1180px;margin:0 auto}.vs-insights-kicker{display:inline-flex;align-items:center;gap:10px;color:#6254d4;font-size:.73rem;font-weight:800;letter-spacing:.14em}.vs-insights-kicker::before{content:'';width:28px;height:1px;background:#8c7fe8}.vs-insights-context{padding:6.5rem 1.5rem;background:linear-gradient(180deg,#fff,#f7f7ff)}.vs-insights-context__heading{max-width:800px;margin:0 auto 3rem;text-align:center}.vs-insights-context__heading .vs-insights-kicker::before{display:none}.vs-insights-context h2,.vs-insights-work h2{margin:1rem 0;color:#171c2b;font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.04em}.vs-insights-context__heading p,.vs-insights-work__copy>p{margin:0;color:#687386;font-size:1.06rem;line-height:1.7}.vs-insights-context__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.vs-insights-context__grid article{padding:1.6rem;border:1px solid #e4e4f2;border-radius:1rem;background:#fff;box-shadow:0 13px 30px rgba(68,56,137,.06)}.vs-insights-context__grid article>span{display:grid;width:37px;height:37px;place-items:center;border-radius:10px;background:#eceaff;color:#6355d7;font-size:.7rem;font-weight:800}.vs-insights-context__grid h3{margin:1.2rem 0 .45rem;color:#293248;font-size:1.1rem}.vs-insights-context__grid p{margin:0;color:#748095;font-size:.89rem;line-height:1.65}
.vs-insights-work{padding:6.5rem 1.5rem;background:linear-gradient(135deg,#f4f2ff,#fff 55%,#edf6ff)}.vs-insights-work__layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:3.5rem}.vs-insights-work__points{display:grid;gap:.8rem;margin-top:2rem}.vs-insights-work__points span{display:flex;align-items:center;gap:.7rem;color:#4d5b70;font-size:.89rem;font-weight:700}.vs-insights-work__points i{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#e4f7ed;color:#18855e;font-size:.7rem;font-style:normal}.vs-insights-work__panel{overflow:hidden;border:1px solid #e0e2ef;border-radius:1.1rem;background:#fff;box-shadow:0 23px 50px rgba(57,49,122,.12)}.vs-insights-work__panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1rem 1.2rem;border-bottom:1px solid #e9ebf2}.vs-insights-work__panel>header>div{display:grid;gap:4px}.vs-insights-work__panel>header small{color:#877fa1;font-size:.59rem;font-weight:800;letter-spacing:.1em}.vs-insights-work__panel>header strong{color:#2d364a;font-size:.96rem}.vs-insights-work__panel>header>span{padding:6px 8px;border:1px solid #e8e8f0;border-radius:6px;color:#778196;font-size:.62rem;font-weight:700}.vs-insights-work__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px}.vs-insights-work__stats>div{display:grid;gap:9px;padding:13px;border:1px solid #e7e7f1;border-radius:9px;background:#fbfbff}.vs-insights-work__stats small{color:#7f8999;font-size:.62rem}.vs-insights-work__stats strong{color:#283247;font-size:1.1rem;letter-spacing:-.03em;white-space:nowrap}.vs-insights-work__panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 13px 13px}.vs-insights-work__panels>div{overflow:hidden;border:1px solid #e7e8f0;border-radius:9px}.vs-insights-work__panels>div>strong{display:block;padding:12px;border-bottom:1px solid #eceef4;color:#303a50;font-size:.78rem}.vs-insights-work__panels p{display:flex;justify-content:space-between;gap:7px;margin:0;padding:10px 12px;border-bottom:1px solid #f0f1f5;color:#6f7b8e;font-size:.67rem}.vs-insights-work__panels p:last-child{border-bottom:0}.vs-insights-work__panels p b{color:#354057;font-weight:800;text-align:right}.vs-insights-work__panels p b.is-alert{color:#d95362}.vs-insights-work__panel>footer{padding:9px 13px;border-top:1px solid #eceef4;background:#fafaff;color:#a0a7b3;font-size:.6rem}
@media(max-width:1000px){.vs-insights-preview__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-insights-work__layout{grid-template-columns:1fr;gap:2.5rem}.vs-insights-preview__row{grid-template-columns:minmax(190px,2fr) .75fr .75fr .55fr .65fr 1fr}}
@media(max-width:640px){.vs-insights-preview__top{padding:11px}.vs-insights-preview__filters{gap:5px;padding:9px}.vs-insights-preview__filters>span{gap:6px;min-width:0;padding:6px 7px;font-size:.61rem}.vs-insights-preview__content{padding:9px}.vs-insights-preview__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.vs-insights-preview__metrics article{min-height:70px;padding:10px}.vs-insights-preview__metrics article>span{font-size:.58rem}.vs-insights-preview__metrics strong{font-size:.95rem}.vs-insights-preview__people>header{padding:10px}.vs-insights-preview__row{grid-template-columns:minmax(105px,1.5fr) .7fr .4fr;gap:4px;min-height:43px;padding:6px 9px;font-size:.58rem}.vs-insights-preview__row>span:nth-child(3),.vs-insights-preview__row>span:nth-child(5),.vs-insights-preview__row>span:nth-child(6){display:none}.vs-insights-preview__row i{width:22px;height:22px;font-size:.45rem}.vs-insights-preview__row>span:first-child{gap:4px}.vs-insights-preview__row>span:first-child b{font-size:.56rem}.vs-insights-preview__row em{display:none}.vs-insights-context,.vs-insights-work{padding:4.5rem 1rem}.vs-insights-context__heading{margin-bottom:2rem}.vs-insights-context__grid{grid-template-columns:1fr}.vs-insights-context__grid article{padding:1.3rem}.vs-insights-work__layout{gap:2rem}.vs-insights-work__stats{gap:5px;padding:9px}.vs-insights-work__stats>div{padding:8px}.vs-insights-work__stats strong{font-size:.8rem}.vs-insights-work__panels{gap:6px;padding:0 9px 9px}.vs-insights-work__panels p{padding:7px;font-size:.55rem}.vs-insights-kicker{font-size:.65rem}}
.vs-live-caption-section{padding:6.5rem 1.5rem;background:linear-gradient(180deg,#fff,#f5f5ff)}.vs-live-caption-heading{max-width:780px;margin:0 auto 3rem;text-align:center}.vs-live-caption-heading .vs-summary-kicker::before{display:none}.vs-live-caption-heading h2{margin:1rem 0;color:#171c2b;font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.04em}.vs-live-caption-heading p{margin:0;color:#687386;font-size:1.06rem;line-height:1.7}.vs-live-caption-map{position:relative;min-height:620px;overflow:hidden;border:8px solid #fff;border-radius:1.3rem;background:#544f44 url('../images/office-outdoor-floor-2.png') center 48%/cover no-repeat;box-shadow:0 26px 65px rgba(57,48,123,.17)}.vs-live-caption-map::after{content:'';position:absolute;right:0;bottom:0;left:0;height:36%;background:linear-gradient(transparent,rgba(10,15,30,.36));pointer-events:none}.vs-live-caption-top{position:absolute;z-index:1;top:16px;left:50%;display:flex;align-items:center;gap:16px;padding:11px 16px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(20,21,28,.94);box-shadow:0 10px 24px rgba(0,0,0,.23);color:#dce1e8;font-size:.74rem;white-space:nowrap;transform:translateX(-50%)}.vs-live-caption-top>span:first-child{display:flex;align-items:center;gap:7px;color:#8ee2ae}.vs-live-caption-top i{width:7px;height:7px;border-radius:50%;background:#30c674}.vs-live-caption-top strong{padding-inline:14px;border-inline:1px solid #414450;color:#fff;font-size:.76rem}.vs-live-caption-speaker{position:absolute;z-index:1;top:77px;right:22px;display:flex;align-items:center;gap:10px;width:180px;padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(20,21,28,.94);box-shadow:0 10px 24px rgba(0,0,0,.22)}.vs-live-caption-speaker>span{display:grid;width:47px;height:47px;place-items:center;border-radius:10px;background:linear-gradient(145deg,#cdc5ff,#9387ef);color:#322867;font-size:.8rem;font-weight:800}.vs-live-caption-speaker>div{display:grid;gap:4px}.vs-live-caption-speaker strong{color:#fff;font-size:.75rem}.vs-live-caption-speaker small{color:#64d791;font-size:.65rem}.vs-live-caption-window{position:absolute;z-index:2;right:20%;bottom:82px;left:20%;overflow:hidden;border:1px solid rgba(255,255,255,.19);border-radius:13px;background:rgba(25,26,33,.95);box-shadow:0 20px 40px rgba(0,0,0,.28);color:#fff}.vs-live-caption-window header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;border-bottom:1px solid #434550;color:#d0d1d9;font-size:.7rem}.vs-live-caption-window header span:first-child{display:flex;align-items:center;gap:7px}.vs-live-caption-window header i{width:7px;height:7px;border-radius:50%;background:#735ef5}.vs-live-caption-window header span:last-child{color:#a3a5ae}.vs-live-caption-window>div{padding:13px 17px 16px}.vs-live-caption-window p{display:flex;gap:10px;margin:5px 0;color:#eeeef4;font-size:.9rem;line-height:1.5}.vs-live-caption-window p strong{min-width:44px;color:#a99aff;font-size:.79rem}.vs-live-caption-actionbar{position:absolute;z-index:3;bottom:17px;left:50%;display:flex;align-items:center;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(20,21,28,.97);box-shadow:0 13px 28px rgba(0,0,0,.31);transform:translateX(-50%)}.vs-live-caption-actionbar span{display:grid;min-width:37px;height:34px;place-items:center;border-radius:8px;background:#30313b;color:#eff0f5;font-size:.89rem;font-weight:800}.vs-live-caption-actionbar .is-active{background:#5c4add;color:#fff;font-size:.68rem}.vs-live-caption-actionbar .is-end{min-width:78px;padding-inline:9px;background:#a62835;color:#fff;font-size:.66rem}.vs-live-caption-footnote{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:1.2rem;color:#667188;font-size:.78rem;font-weight:700}.vs-live-caption-footnote i{width:5px;height:5px;border-radius:50%;background:#8c80e6}
@media(max-width:900px){.vs-live-caption-map{min-height:540px}.vs-live-caption-window{right:12%;left:12%}.vs-live-caption-top{gap:9px;padding:9px 12px}.vs-live-caption-top strong{padding-inline:9px}}
@media(max-width:640px){.vs-live-caption-section{padding:4.5rem 1rem}.vs-live-caption-heading{margin-bottom:2rem}.vs-live-caption-map{min-height:440px;border-width:5px;background-position:57% center}.vs-live-caption-top{top:10px;gap:6px;max-width:calc(100% - 16px);padding:8px 9px;font-size:.59rem}.vs-live-caption-top strong{padding-inline:6px;font-size:.59rem}.vs-live-caption-top>span:last-child{display:none}.vs-live-caption-speaker{top:57px;right:10px;width:135px;padding:7px}.vs-live-caption-speaker>span{width:33px;height:33px;font-size:.62rem}.vs-live-caption-speaker strong{font-size:.62rem}.vs-live-caption-speaker small{font-size:.53rem}.vs-live-caption-window{right:12px;bottom:67px;left:12px}.vs-live-caption-window header{padding:9px 11px;font-size:.58rem}.vs-live-caption-window>div{padding:9px 11px 11px}.vs-live-caption-window p{gap:6px;font-size:.66rem}.vs-live-caption-window p strong{min-width:34px;font-size:.62rem}.vs-live-caption-actionbar{bottom:10px;gap:3px;padding:5px}.vs-live-caption-actionbar span{min-width:31px;height:30px;font-size:.7rem}.vs-live-caption-actionbar .is-end{min-width:60px;font-size:.55rem}.vs-live-caption-footnote{flex-wrap:wrap;gap:6px;font-size:.66rem;text-align:center}}
.vs-feature-preview--meeting-summary{overflow:hidden;padding:9px;background:rgba(255,255,255,.84)}
.vs-summary-preview{overflow:hidden;border:1px solid #e1e4ef;border-radius:.9rem;background:#f8f9fd;color:#273047}
.vs-summary-preview__top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:18px 21px;border-bottom:1px solid #e7e9f1;background:#fff}.vs-summary-preview__identity{display:flex;align-items:center;gap:10px}.vs-summary-preview__identity img{width:31px;height:31px}.vs-summary-preview__identity>div{display:grid;gap:3px}.vs-summary-preview__identity small{color:#939aad;font-size:.58rem;font-weight:800;letter-spacing:.1em}.vs-summary-preview__identity strong{color:#273148;font-size:.98rem}.vs-summary-preview__top>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#e8f8ef;color:#14815b;font-size:.68rem;font-weight:800}.vs-summary-preview__top>span i{width:7px;height:7px;border-radius:50%;background:#24ae76}.vs-summary-preview__meta{display:flex;gap:8px;padding:12px 21px;border-bottom:1px solid #e7e9f1;background:#fff}.vs-summary-preview__meta span{padding:5px 9px;border:1px solid #e8eaf1;border-radius:6px;color:#798397;font-size:.65rem;font-weight:700}.vs-summary-preview__body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(235px,.65fr);gap:16px;padding:20px}.vs-summary-preview__main{display:grid;gap:14px}.vs-summary-preview__intro,.vs-summary-preview__highlights,.vs-summary-preview__decision,.vs-summary-preview__side{border:1px solid #e6e7f1;border-radius:12px;background:#fff;box-shadow:0 7px 21px rgba(54,48,115,.045)}.vs-summary-preview__intro{padding:27px 29px;background:linear-gradient(125deg,#fff,#f5f3ff)}.vs-summary-preview__intro>span,.vs-summary-preview__decision>span,.vs-summary-preview__side>header>span{color:#6558d4;font-size:.63rem;font-weight:800;letter-spacing:.1em}.vs-summary-preview__intro h2{max-width:560px;margin:10px 0;color:#252c3e;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.12;letter-spacing:-.035em}.vs-summary-preview__intro p{max-width:590px;margin:0;color:#6e7a8e;font-size:.83rem;line-height:1.6}.vs-summary-preview__highlights{padding:18px 22px}.vs-summary-preview__highlights>div{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#293248;font-size:.88rem}.vs-summary-preview__highlights>div span{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;background:#eceaff;color:#6154d2}.vs-summary-preview__highlights p{margin:8px 0 0;padding-left:13px;border-left:2px solid #d9d5fa;color:#667388;font-size:.75rem;line-height:1.5}.vs-summary-preview__decision{display:grid;gap:6px;padding:16px 21px;border-color:#dcd7ff;background:#f5f3ff}.vs-summary-preview__decision strong{color:#332d66;font-size:.93rem}.vs-summary-preview__decision small{color:#777196;font-size:.72rem}.vs-summary-preview__side{display:flex;flex-direction:column;min-width:0;padding:19px}.vs-summary-preview__side>header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px}.vs-summary-preview__side>header b{padding:5px 7px;border-radius:99px;background:#eeecff;color:#6559d2;font-size:.59rem}.vs-summary-preview__task{display:grid;grid-template-columns:27px 1fr;gap:9px;padding:14px 0;border-bottom:1px solid #eceef4}.vs-summary-preview__task i{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:#efedff;color:#675ad8;font-size:.57rem;font-style:normal;font-weight:800}.vs-summary-preview__task>div{display:grid;gap:4px}.vs-summary-preview__task strong{color:#2e374b;font-size:.76rem}.vs-summary-preview__task span{color:#8c95a6;font-size:.66rem}.vs-summary-preview__linked{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:19px}.vs-summary-preview__linked>span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#e5f8ef;color:#19865f}.vs-summary-preview__linked>div{display:grid;gap:3px}.vs-summary-preview__linked strong{color:#496075;font-size:.67rem}.vs-summary-preview__linked small{color:#98a0af;font-size:.58rem}
.vs-summary-inner{max-width:1180px;margin:0 auto}.vs-summary-kicker{display:inline-flex;align-items:center;gap:9px;color:#6054d1;font-size:.72rem;font-weight:800;letter-spacing:.14em}.vs-summary-kicker::before{content:'';width:27px;height:1px;background:#8b80e9}.vs-summary-story{padding:6.5rem 1.5rem;background:linear-gradient(180deg,#fff,#f7f7ff)}.vs-summary-story__heading{max-width:790px;margin:0 auto 3rem;text-align:center}.vs-summary-story__heading .vs-summary-kicker::before{display:none}.vs-summary-story h2,.vs-summary-followup h2{margin:1rem 0;color:#171c2b;font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.04em}.vs-summary-story__heading p,.vs-summary-followup__copy>p{margin:0;color:#687386;font-size:1.06rem;line-height:1.7}.vs-summary-story__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.vs-summary-story__grid article{position:relative;padding:1.7rem;border:1px solid #e4e4f1;border-radius:1rem;background:#fff;box-shadow:0 13px 30px rgba(68,56,137,.06)}.vs-summary-story__number{position:absolute;top:1.7rem;right:1.7rem;color:#bbb5eb;font-size:.79rem;font-weight:800}.vs-summary-story__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#ebe9ff;color:#6255d2;font-size:1.1rem;font-weight:800}.vs-summary-story__grid h3{margin:1.3rem 0 .5rem;color:#293147;font-size:1.1rem}.vs-summary-story__grid p{margin:0;color:#748095;font-size:.89rem;line-height:1.65}
.vs-summary-preview__meta{flex-wrap:wrap;border-bottom:0;padding-bottom:6px}.vs-summary-preview__meta span:last-child{border-color:#d4eee0;background:#effaf3;color:#23845f}.vs-summary-preview__tabs{display:flex;gap:22px;padding:0 21px;border-bottom:1px solid #e7e9f1;background:#fff}.vs-summary-preview__tabs span{position:relative;padding:10px 0 13px;color:#858d9e;font-size:.72rem;font-weight:700}.vs-summary-preview__tabs .is-active{color:#5d50d0}.vs-summary-preview__tabs .is-active::after{content:'';position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:#6659e7}
.vs-transcript{overflow:hidden;border:1px solid #e1e4ef;border-radius:.9rem;background:#f7f8fc;color:#293247;text-align:left}.vs-transcript__appbar{display:flex;align-items:center;gap:2rem;min-height:58px;padding:0 17px;border-bottom:1px solid #e5e8f0;background:#fff}.vs-transcript__brand{display:flex;align-items:center;gap:7px;min-width:177px;color:#1f293b;font-size:.86rem}.vs-transcript__brand img{width:26px;height:26px}.vs-transcript__search{display:flex;align-items:center;gap:7px;width:min(100%,415px);padding:8px 12px;border:1px solid #e4e6ef;border-radius:8px;color:#8c95a5;font-size:.72rem}.vs-transcript__search>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-transcript__app-actions{display:flex;align-items:center;gap:14px;margin-left:auto;color:#768095;font-size:.95rem}.vs-transcript__self,.vs-transcript__avatar{display:grid;flex:none;place-items:center;border-radius:50%;font-style:normal;font-weight:800}.vs-transcript__self{width:29px;height:29px;background:#e8e4ff;color:#5e50c7;font-size:.57rem}.vs-transcript__workspace{display:grid;grid-template-columns:188px minmax(0,1fr);min-height:640px}.vs-transcript__nav{display:flex;flex-direction:column;gap:2px;padding:20px 10px;border-right:1px solid #e6e8f1;background:#fff;color:#818a9b;font-size:.72rem}.vs-transcript__nav-label{margin:0 9px 9px;color:#a3aabb;font-size:.59rem;font-weight:800;letter-spacing:.11em}.vs-transcript__nav>span:not(.vs-transcript__nav-label){padding:9px 10px;border-radius:7px}.vs-transcript__nav>span b{margin-left:7px;font-weight:700}.vs-transcript__nav>span.is-active{background:#edebff;color:#6052d1}.vs-transcript__meeting-list{display:grid;gap:4px;margin-top:24px;padding-top:16px;border-top:1px solid #edf0f5}.vs-transcript__meeting-list strong{padding:0 9px 7px;color:#637086;font-size:.65rem}.vs-transcript__meeting-list>span{display:flex;align-items:center;gap:7px;overflow:hidden;padding:8px;border-radius:7px;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}.vs-transcript__meeting-list>span i{flex:none;width:7px;height:7px;border:1px solid #8995a7;border-radius:2px}.vs-transcript__meeting-list>span.is-selected{background:#f2f1ff;color:#554ac1;font-weight:800}.vs-transcript__meeting-list>span.is-selected i{border-color:#6154d2;background:#6154d2}.vs-transcript__nav-foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding:12px 6px 0;border-top:1px solid #edf0f5;color:#465267;font-size:.66rem;font-weight:700}.vs-transcript__nav-foot i{width:27px;height:27px;border-radius:8px;background:#e9e5ff}.vs-transcript__nav-foot small{color:#9ba3b0;font-size:.56rem;font-weight:500}.vs-transcript__detail{min-width:0}.vs-transcript__meeting-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 24px 13px;background:#fff}.vs-transcript__meeting-head small{color:#928da9;font-size:.6rem;font-weight:800;letter-spacing:.1em}.vs-transcript__meeting-head h2{margin:6px 0 0;color:#252d3f;font-size:1.45rem;line-height:1.15;letter-spacing:-.03em}.vs-transcript__ready{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:99px;background:#e8f8ef;color:#15875e;font-size:.65rem;font-weight:800;white-space:nowrap}.vs-transcript__ready i{width:6px;height:6px;border-radius:50%;background:#28b77d}.vs-transcript__meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:0 24px 14px;background:#fff}.vs-transcript__meta>span{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #e5e7f0;border-radius:6px;color:#758094;font-size:.6rem;font-weight:700}.vs-transcript__meta>span.is-on{border-color:#d3eedf;background:#effaf3;color:#21865f}.vs-transcript__avatar{width:29px;height:29px;background:#e3dfff;color:#6050cc;font-size:.55rem}.vs-transcript__avatar.is-purple{background:#e4dfff;color:#5a4bc8}.vs-transcript__avatar.is-pink{background:#ffe1eb;color:#ad4777}.vs-transcript__avatar.is-green{background:#dcf5e9;color:#188363}.vs-transcript__people .vs-transcript__avatar{width:19px;height:19px;margin-left:-4px;border:2px solid #fff;font-size:.38rem}.vs-transcript__people .vs-transcript__avatar:first-child{margin-left:0}.vs-transcript__tabs{display:flex;gap:23px;padding:0 24px;border-bottom:1px solid #e5e8f0;background:#fff}.vs-transcript__tabs span{position:relative;padding:9px 0 12px;color:#8992a1;font-size:.72rem;font-weight:700}.vs-transcript__tabs span.is-active{color:#5d50d3}.vs-transcript__tabs span.is-active::after{content:'';position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#6759e8}.vs-transcript__content{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(235px,.8fr);gap:13px;padding:16px}.vs-transcript__conversation,.vs-transcript__summary{min-width:0;border:1px solid #e5e7f0;border-radius:11px;background:#fff;box-shadow:0 7px 20px rgba(48,48,105,.035)}.vs-transcript__conversation{padding:19px}.vs-transcript__conversation-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.vs-transcript__conversation-head small{color:#7569d4;font-size:.59rem;font-weight:800;letter-spacing:.1em}.vs-transcript__conversation-head h3{margin:4px 0 0;color:#293246;font-size:1.04rem}.vs-transcript__conversation-head>span{padding:7px 9px;border:1px solid #e5e7f0;border-radius:7px;color:#98a0ad;font-size:.6rem}.vs-transcript__context{margin:13px 0 15px;color:#8993a3;font-size:.66rem;line-height:1.5}.vs-transcript__line{display:grid;grid-template-columns:29px minmax(0,1fr);gap:10px;padding:14px 0;border-top:1px solid #edf0f5}.vs-transcript__line>div{min-width:0}.vs-transcript__line header{display:flex;align-items:center;gap:8px}.vs-transcript__line strong{color:#344056;font-size:.72rem}.vs-transcript__line time{color:#9ba4b1;font-size:.61rem}.vs-transcript__line p{margin:6px 0 0;color:#617085;font-size:.72rem;line-height:1.55}.vs-transcript__line em{margin-left:auto;padding:4px 6px;border-radius:5px;background:#eeeaff;color:#6454d0;font-size:.54rem;font-style:normal;font-weight:800}.vs-transcript__line.is-key{margin:0 -9px;padding:14px 9px;border:1px solid #e4defd;border-radius:9px;background:#faf9ff}.vs-transcript__summary{display:flex;flex-direction:column;overflow:hidden}.vs-transcript__summary-head{display:grid;gap:7px;padding:19px 18px;border-bottom:1px solid #eeeef5;background:linear-gradient(135deg,#fbfaff,#f1efff)}.vs-transcript__summary-head span{color:#6656d0;font-size:.6rem;font-weight:800;letter-spacing:.08em}.vs-transcript__summary-head strong{color:#2e314d;font-size:.95rem}.vs-transcript__summary-block{padding:14px 18px;border-bottom:1px solid #edf0f5}.vs-transcript__summary-block small{color:#7164ce;font-size:.58rem;font-weight:800;letter-spacing:.08em}.vs-transcript__summary-block p{margin:6px 0 0;color:#5e6a7f;font-size:.71rem;line-height:1.5}.vs-transcript__summary-block p b{color:#354157}.vs-transcript__summary footer{margin-top:auto;padding:11px 18px;background:#fafaff;color:#9aa1af;font-size:.57rem}
@media(max-width:950px){.vs-transcript__workspace{grid-template-columns:145px minmax(0,1fr)}.vs-transcript__brand{min-width:140px}.vs-transcript__content{grid-template-columns:minmax(0,1.2fr) minmax(205px,.8fr)}.vs-transcript__nav{padding-inline:7px}}
@media(max-width:700px){.vs-transcript__appbar{min-height:48px;padding-inline:10px}.vs-transcript__brand{min-width:0}.vs-transcript__search,.vs-transcript__app-actions>span:not(.vs-transcript__self){display:none}.vs-transcript__workspace{display:block;min-height:0}.vs-transcript__nav{display:none}.vs-transcript__meeting-head{padding:17px 14px 10px}.vs-transcript__meeting-head h2{font-size:1.13rem}.vs-transcript__meta{gap:5px;padding:0 14px 10px}.vs-transcript__meta>span{font-size:.54rem}.vs-transcript__tabs{gap:19px;padding-inline:14px}.vs-transcript__content{grid-template-columns:1fr;padding:10px}.vs-transcript__conversation{padding:14px}.vs-transcript__summary-block{padding:12px 15px}}
@media(max-width:640px){.vs-summary-preview__meta{flex-wrap:wrap}.vs-summary-preview__tabs{gap:16px;padding-inline:12px}.vs-summary-preview__tabs span{font-size:.62rem}}
.vs-summary-followup{padding:6.5rem 1.5rem;background:linear-gradient(135deg,#f4f2ff,#fff 55%,#edf6ff)}.vs-summary-followup__layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:5rem}.vs-summary-followup__points{display:grid;gap:.8rem;margin-top:2rem}.vs-summary-followup__points span{display:flex;align-items:center;gap:.7rem;color:#49566c;font-size:.89rem;font-weight:700}.vs-summary-followup__points i{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#e6f7ee;color:#188763;font-size:.7rem;font-style:normal}.vs-summary-followup__panel{overflow:hidden;border:1px solid #e1e2f0;border-radius:1.1rem;background:#fff;box-shadow:0 22px 50px rgba(57,49,122,.12)}.vs-summary-followup__panel>header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;border-bottom:1px solid #ebeaf2}.vs-summary-followup__panel>header>div{display:grid;gap:4px}.vs-summary-followup__panel>header small{color:#8b82a5;font-size:.59rem;font-weight:800;letter-spacing:.1em}.vs-summary-followup__panel>header strong{color:#2c3448;font-size:1rem}.vs-summary-followup__panel>header>span{padding:5px 9px;border-radius:99px;background:#f0eeff;color:#6256cd;font-size:.66rem;font-weight:800}.vs-summary-followup__item{display:grid;grid-template-columns:31px 1fr;gap:12px;margin:0 1.3rem;padding:1.15rem 0;border-bottom:1px solid #eff0f5}.vs-summary-followup__item>span{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#eae7ff;color:#6658d8;font-weight:800}.vs-summary-followup__item>div{display:grid;gap:4px}.vs-summary-followup__item small{color:#766ad9;font-size:.6rem;font-weight:800;letter-spacing:.07em}.vs-summary-followup__item strong{color:#354057;font-size:.85rem}.vs-summary-followup__item p{margin:0;color:#8b94a5;font-size:.71rem}.vs-summary-followup__panel>footer{display:flex;align-items:center;gap:8px;padding:1rem 1.4rem;background:#fafaff;color:#6860b1;font-size:.71rem;font-weight:700}.vs-summary-followup__panel>footer span{font-size:1rem}
@media(max-width:900px){.vs-summary-preview__body{grid-template-columns:minmax(0,1.2fr) minmax(200px,.7fr);gap:10px;padding:12px}.vs-summary-preview__intro{padding:20px}.vs-summary-preview__side{padding:14px}.vs-summary-followup__layout{grid-template-columns:1fr;gap:2.5rem}}
@media(max-width:640px){.vs-summary-preview__top{padding:12px}.vs-summary-preview__identity img{width:26px;height:26px}.vs-summary-preview__identity strong{font-size:.78rem}.vs-summary-preview__top>span{padding:5px 7px;font-size:.57rem}.vs-summary-preview__meta{gap:5px;padding:8px 12px}.vs-summary-preview__meta span{padding:4px 6px;font-size:.55rem}.vs-summary-preview__body{grid-template-columns:1fr;gap:9px;padding:9px}.vs-summary-preview__main{gap:9px}.vs-summary-preview__intro{padding:17px}.vs-summary-preview__intro h2{font-size:1.45rem}.vs-summary-preview__intro p{font-size:.72rem}.vs-summary-preview__highlights,.vs-summary-preview__decision{padding:13px 16px}.vs-summary-preview__side{padding:13px}.vs-summary-preview__side>header{margin-bottom:5px}.vs-summary-preview__task{padding:9px 0}.vs-summary-preview__linked{padding-top:10px}.vs-summary-story,.vs-summary-followup{padding:4.5rem 1rem}.vs-summary-story__heading{margin-bottom:2rem}.vs-summary-story__grid{grid-template-columns:1fr}.vs-summary-story__grid article{padding:1.4rem}.vs-summary-followup__layout{gap:2rem}.vs-summary-kicker{font-size:.65rem}}
.vs-feature-preview--attendance{overflow:hidden;padding:9px;background:rgba(255,255,255,.82)}
.vs-attendance-dashboard{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:660px;overflow:hidden;border:1px solid #e4e7ef;border-radius:.9rem;background:#f8f9fc;color:#172033;font-size:12px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.vs-attendance-side{display:flex;flex-direction:column;padding:18px 12px 12px;border-right:1px solid #e5e7ee;background:#fff}.vs-attendance-brand{display:flex;align-items:center;gap:9px;padding:0 8px;color:#111827;text-decoration:none}.vs-attendance-brand img{width:28px;height:28px}.vs-attendance-brand strong{font-size:14px}.vs-attendance-company{display:flex;align-items:center;gap:8px;margin:22px 0 18px;padding:9px;border:1px solid #e8e9f0;border-radius:9px;background:#fafaff}.vs-attendance-company>span{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;background:#eeeaff;color:#635bdb;font-weight:800}.vs-attendance-company div{display:grid;min-width:0;line-height:1.25}.vs-attendance-company div strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.vs-attendance-company small{color:#8b93a5;font-size:8px}.vs-attendance-company>b{margin-left:auto;color:#8b93a5}.vs-attendance-side nav{display:grid;gap:3px}.vs-attendance-side nav small{margin:10px 9px 5px;color:#a0a6b4;font-size:8px;font-weight:700;letter-spacing:.08em}.vs-attendance-side nav span{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:7px;color:#687386;font-size:10px;font-weight:600}.vs-attendance-side nav svg{width:14px;height:14px;stroke-width:1.6}.vs-attendance-side nav .is-active{background:#eeecff;color:#5b50dc}.vs-attendance-user{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px 7px 0;border-top:1px solid #edf0f5}.vs-attendance-user>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ddd6fe,#c4b5fd);color:#5b42c7;font-size:9px;font-weight:800}.vs-attendance-user div{display:grid;line-height:1.35}.vs-attendance-user strong{font-size:9px}.vs-attendance-user small{color:#959cad;font-size:8px}.vs-attendance-user>b{margin-left:auto;color:#9da3b1;letter-spacing:1px}
.vs-attendance-main{min-width:0;background:#f8f9fc}.vs-attendance-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px 15px;border-bottom:1px solid #e5e7ee;background:#fff}.vs-attendance-top>div:first-child{display:grid;gap:3px;text-align:left}.vs-attendance-top>div>span{color:#9a72ed;font-size:8px;font-weight:800;letter-spacing:.07em}.vs-attendance-top h2{margin:0;font-size:17px;line-height:1.2;letter-spacing:-.02em}.vs-attendance-top__actions{display:flex;gap:8px}.vs-attendance-top button,.vs-attendance-filters button{display:inline-flex;align-items:center;gap:6px;border:1px solid #e1e4eb;border-radius:7px;background:#fff;color:#596276;font-size:9px;font-weight:600}.vs-attendance-top button{padding:8px 11px}.vs-attendance-top button svg,.vs-attendance-filters button svg{width:13px;height:13px;stroke-width:1.7}.vs-attendance-top button.is-primary{border-color:#6758e7;background:#6758e7;color:#fff;box-shadow:0 5px 12px rgba(99,87,222,.2)}
.vs-attendance-content{padding:14px 18px 18px}.vs-attendance-filters{display:flex;align-items:center;gap:7px}.vs-attendance-filters button{padding:7px 9px}.vs-attendance-filters>span{margin-left:auto;color:#9aa1af;font-size:8px}.vs-attendance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.vs-attendance-metrics article{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:13px 12px;border:1px solid #e6e8ef;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(30,41,59,.025)}.vs-attendance-metric-icon{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border-radius:7px;background:#efedff;color:#6557e6;font-size:12px;font-weight:800}.vs-attendance-metrics article:nth-child(2) .vs-attendance-metric-icon{background:#e9f8f3;color:#1d9f79}.vs-attendance-metrics article:nth-child(3) .vs-attendance-metric-icon{background:#eaf5ff;color:#2b8fd9}.vs-attendance-metrics article:nth-child(4) .vs-attendance-metric-icon{background:#fff4df;color:#da8b18}.vs-attendance-metrics article div{display:grid;text-align:left}.vs-attendance-metrics small{overflow:hidden;color:#7e8799;font-size:8px;white-space:nowrap}.vs-attendance-metrics strong{margin-top:3px;color:#172033;font-size:18px;line-height:1.1}.vs-attendance-metrics em{margin-top:4px;color:#25a67c;font-size:7px;font-style:normal}.vs-attendance-metrics article:nth-child(3) em,.vs-attendance-metrics article:nth-child(4) em{color:#8d95a4}
.vs-attendance-tabs{display:flex;gap:19px;margin:14px 0 9px;border-bottom:1px solid #e3e5ec}.vs-attendance-tabs button{position:relative;padding:8px 1px;border:0;background:transparent;color:#7c8494;font-size:9px;font-weight:600}.vs-attendance-tabs button.is-active{color:#5548d8}.vs-attendance-tabs button.is-active::after{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:#6657e7;content:""}
.vs-attendance-panel{overflow:hidden;border:1px solid #e4e6ed;border-radius:10px;background:#fff}.vs-attendance-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #edf0f4;text-align:left}.vs-attendance-panel>header>div:first-child{display:grid;gap:2px}.vs-attendance-panel header strong{font-size:11px}.vs-attendance-panel header small{color:#8d95a5;font-size:8px}.vs-attendance-legend{display:flex;align-items:center;gap:3px;color:#939aaa;font-size:7px}.vs-attendance-legend i,.vs-attendance-heat-cells i{display:block;background:#eff0f5}.vs-attendance-legend i{width:9px;height:9px;border-radius:2px}.vs-attendance-legend i[data-level="1"],.vs-attendance-heat-cells i[data-level="1"]{background:#e9e7ff}.vs-attendance-legend i[data-level="2"],.vs-attendance-heat-cells i[data-level="2"]{background:#d6d0ff}.vs-attendance-legend i[data-level="3"],.vs-attendance-heat-cells i[data-level="3"]{background:#afa4ff}.vs-attendance-legend i[data-level="4"],.vs-attendance-heat-cells i[data-level="4"]{background:#8171ed}.vs-attendance-legend i[data-level="5"],.vs-attendance-heat-cells i[data-level="5"]{background:#5948d8}.vs-attendance-hours{display:grid;grid-template-columns:repeat(5,1fr);margin:11px 14px 5px 42px;color:#a0a6b3;font-size:7px}.vs-attendance-hours span:nth-child(n+2){text-align:center}.vs-attendance-hours span:last-child{text-align:right}.vs-attendance-heatmap{display:grid;gap:4px;padding:0 14px 13px}.vs-attendance-heat-row{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:5px;color:#778093;font-size:7px}.vs-attendance-heat-cells{display:grid;grid-template-columns:repeat(24,minmax(3px,1fr));gap:3px}.vs-attendance-heat-cells i{height:11px;border-radius:2px}
.vs-attendance-lower{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(170px,.65fr);gap:10px;margin-top:10px}.vs-attendance-list header button{border:0;background:transparent;color:#6557df;font-size:8px;font-weight:700}.vs-attendance-list-head,.vs-attendance-person{display:grid;grid-template-columns:minmax(150px,1.5fr) .65fr .65fr .7fr;align-items:center;text-align:left}.vs-attendance-list-head{padding:7px 12px 6px;color:#9ca3b1;font-size:7px}.vs-attendance-list-head span:first-child{padding-left:45px}.vs-attendance-person{position:relative;min-height:35px;padding:6px 12px;border-top:1px solid #f0f1f5;color:#677083;font-size:8px}.vs-attendance-person__rank{width:12px;color:#a4a9b5}.vs-attendance-person__avatar{display:grid;position:absolute;left:28px;width:23px;height:23px;place-items:center;border-radius:50%;background:#e0e7ff;color:#4f55b8;font-size:7px;font-weight:800}.vs-attendance-person__avatar--2{background:#fce7f3;color:#a83d78}.vs-attendance-person__avatar--3{background:#d9f7ee;color:#187c61}.vs-attendance-person>strong{padding-left:45px;color:#343d50;font-size:8px}.vs-attendance-person>b{display:flex;align-items:center;gap:4px;color:#31896d;font-size:7px}.vs-attendance-person>b i{width:5px;height:5px;border-radius:50%;background:#35b58c}.vs-attendance-summary>header{min-height:49px}.vs-attendance-summary{display:grid;grid-template-columns:90px 1fr;align-content:start}.vs-attendance-summary>header{grid-column:1/-1}.vs-attendance-ring{display:grid;width:68px;height:68px;margin:14px 0 12px 13px;place-items:center;border-radius:50%;background:conic-gradient(#6757e6 0 87.5%,#f1b95c 87.5% 95.8%,#e7e9ef 95.8%);position:relative}.vs-attendance-ring::after{position:absolute;width:49px;height:49px;border-radius:50%;background:#fff;content:""}.vs-attendance-ring div{z-index:1;display:grid;text-align:center}.vs-attendance-ring strong{font-size:15px;line-height:1}.vs-attendance-ring span{margin-top:2px;color:#9097a6;font-size:7px}.vs-attendance-summary ul{display:grid;align-content:center;gap:7px;margin:12px 12px 10px 0;padding:0;list-style:none}.vs-attendance-summary li{display:flex;justify-content:space-between;gap:8px;color:#747d8e;font-size:7px}.vs-attendance-summary li span{display:flex;align-items:center;gap:5px}.vs-attendance-summary li i{width:6px;height:6px;border-radius:2px;background:#6757e6}.vs-attendance-summary li i.is-amber{background:#f1b95c}.vs-attendance-summary li i.is-gray{background:#e1e4ea}.vs-attendance-summary li b{color:#333c4e}
.vs-attendance-modes{padding:6.5rem 1.5rem;background:#fff}.vs-attendance-section-inner{max-width:1180px;margin:0 auto}.vs-attendance-section-heading{max-width:780px;margin:0 auto 3.25rem;text-align:center}.vs-attendance-section-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e0e7ff;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.75rem;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}.vs-attendance-section-eyebrow i{display:none}.vs-attendance-section-heading h2,.vs-attendance-workflow-copy>h2{margin:.85rem 0 1rem;color:#151927;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.04em}.vs-attendance-section-heading>p,.vs-attendance-workflow-copy>p{margin:0;color:#697386;font-size:1.05rem;line-height:1.7}
.vs-attendance-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}.vs-attendance-mode-card{position:relative;overflow:hidden;padding:2rem;border:1px solid #e5e4f3;border-radius:1.35rem;background:linear-gradient(145deg,#fdfdff,#f7f6ff);box-shadow:0 20px 55px rgba(70,58,137,.08)}.vs-attendance-mode-card--presence{background:linear-gradient(145deg,#fff,#f4fbff)}.vs-attendance-mode-number{position:absolute;top:1rem;right:1.35rem;color:#e3e0f5;font-size:3.2rem;font-weight:800;line-height:1}.vs-attendance-mode-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;background:#ebe8ff;color:#6355df}.vs-attendance-mode-card--presence .vs-attendance-mode-icon{background:#e3f6ff;color:#268ac8}.vs-attendance-mode-icon svg{width:25px;height:25px;stroke-width:1.7}.vs-attendance-mode-label{display:block;margin-top:1.4rem;color:#6c5ee0;font-size:.7rem;font-weight:800;letter-spacing:.12em}.vs-attendance-mode-card--presence .vs-attendance-mode-label{color:#2585be}.vs-attendance-mode-copy h3{max-width:430px;margin:.65rem 0 .8rem;color:#181c2a;font-size:1.55rem;line-height:1.2;letter-spacing:-.025em}.vs-attendance-mode-copy>p{margin:0;color:#687386;line-height:1.65}.vs-attendance-mode-copy ul{display:grid;gap:.55rem;margin:1.25rem 0 1.65rem;padding:0;list-style:none}.vs-attendance-mode-copy li{display:flex;align-items:center;gap:.6rem;color:#4e586b;font-size:.88rem}.vs-attendance-mode-copy li i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#e9faf4;color:#13946b;font-size:.7rem;font-style:normal;font-weight:800}
.vs-attendance-mode-visual{padding:1.1rem;border:1px solid #e7e6f1;border-radius:1rem;background:#fff;box-shadow:0 10px 30px rgba(42,35,86,.06)}.vs-attendance-mode-visual__top,.vs-attendance-presence-head{display:flex;align-items:center;justify-content:space-between}.vs-attendance-mode-visual__top>div,.vs-attendance-presence-head>div{display:grid;gap:.25rem}.vs-attendance-mode-visual small{color:#9299a9;font-size:.62rem;font-weight:700;letter-spacing:.08em}.vs-attendance-mode-visual__top strong{font-size:1.45rem}.vs-attendance-mode-visual__top>span{padding:.35rem .55rem;border-radius:999px;background:#e8f9f2;color:#178960;font-size:.72rem;font-weight:700}.vs-attendance-timeline{position:relative;height:9px;margin:1.25rem 0 .45rem;border-radius:99px;background:#eeeff4}.vs-attendance-timeline span{position:absolute;top:0;bottom:0;left:var(--start);width:var(--width);border-radius:99px;background:linear-gradient(90deg,#7767e8,#5c4fd4)}.vs-attendance-time-labels{display:flex;justify-content:space-between;color:#9aa1af;font-size:.62rem}.vs-attendance-mode-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eff0f4}.vs-attendance-mode-stats>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.35rem}.vs-attendance-mode-stats i{width:7px;height:7px;border-radius:2px;background:#6959dd}.vs-attendance-mode-stats i.is-amber{background:#f0b253}.vs-attendance-mode-stats i.is-blue{background:#55addd}.vs-attendance-mode-stats span{color:#8b93a4;font-size:.65rem}.vs-attendance-mode-stats b{grid-column:2;color:#343b4b;font-size:.75rem}
.vs-attendance-presence-head strong{font-size:1rem}.vs-attendance-presence-head>span{display:flex;align-items:center;gap:.35rem;padding:.3rem .5rem;border-radius:999px;background:#e9faf4;color:#168d65;font-size:.65rem;font-weight:700}.vs-attendance-presence-head>span i{width:6px;height:6px;border-radius:50%;background:#22ad7c;box-shadow:0 0 0 3px rgba(34,173,124,.12)}.vs-attendance-presence-people{display:grid;margin-top:.8rem}.vs-attendance-presence-people>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.65rem;padding:.7rem 0;border-top:1px solid #f0f1f5}.vs-attendance-presence-people .is-avatar{display:grid;position:relative;width:32px;height:32px;place-items:center;border-radius:50%;background:#e1e5ff;color:#4e57b0;font-size:.65rem;font-weight:800}.vs-attendance-presence-people .is-avatar.is-two{background:#fde5f0;color:#a13e71}.vs-attendance-presence-people .is-avatar.is-three{background:#dcf6ee;color:#19795f}.vs-attendance-presence-people .is-avatar i{position:absolute;right:0;bottom:0;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#2bb482}.vs-attendance-presence-people p{display:grid;margin:0}.vs-attendance-presence-people p strong{font-size:.74rem}.vs-attendance-presence-people p small{margin-top:.15rem;font-size:.62rem;letter-spacing:0}.vs-attendance-presence-people>div>b{color:#515b6e;font-size:.7rem}.vs-attendance-presence-total{display:flex;align-items:center;justify-content:space-between;padding-top:.7rem;border-top:1px solid #f0f1f5;color:#737c8f;font-size:.7rem}.vs-attendance-presence-total strong{color:#232a39;font-size:.78rem}
.vs-attendance-combine{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-top:1.25rem;padding:1.15rem 1.35rem;border:1px solid #ddd9fa;border-radius:1rem;background:linear-gradient(90deg,#f5f3ff,#fbfaff)}.vs-attendance-combine__icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#6758df;color:#fff;font-size:1.25rem}.vs-attendance-combine div{display:grid;gap:.2rem}.vs-attendance-combine div strong{font-size:.92rem}.vs-attendance-combine p{margin:0;color:#727b8e;font-size:.8rem}.vs-attendance-combine__tag{padding:.38rem .65rem;border-radius:999px;background:#e9e5ff;color:#5f51d7;font-size:.62rem;font-weight:800;letter-spacing:.06em}
.vs-attendance-workflow{padding:6.5rem 1.5rem;background:linear-gradient(135deg,#f7f6ff 0%,#fff 55%,#f1f7ff 100%)}.vs-attendance-workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:5rem}.vs-attendance-section-eyebrow.is-left i{background:linear-gradient(90deg,#9b91ee,transparent)}.vs-attendance-workflow-copy>h2{max-width:600px}.vs-attendance-workflow-copy>p{max-width:620px}.vs-attendance-workflow-steps{display:grid;gap:1.15rem;margin-top:2rem}.vs-attendance-workflow-steps article{display:grid;grid-template-columns:40px 1fr;gap:.9rem}.vs-attendance-workflow-steps article>span{display:grid;width:36px;height:36px;place-items:center;border:1px solid #dcd8f5;border-radius:10px;background:#fff;color:#6557dd;font-size:.75rem;font-weight:800;box-shadow:0 6px 15px rgba(74,62,139,.06)}.vs-attendance-workflow-steps h3{margin:0 0 .25rem;color:#242938;font-size:.95rem}.vs-attendance-workflow-steps p{margin:0;color:#768093;font-size:.82rem;line-height:1.55}
.vs-attendance-approval-card{overflow:hidden;border:1px solid #e1dff0;border-radius:1.25rem;background:#fff;box-shadow:0 25px 65px rgba(57,48,111,.13)}.vs-attendance-approval-card>header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.25rem;border-bottom:1px solid #ececf2}.vs-attendance-approval-card>header>div{display:flex;align-items:center;gap:.75rem}.vs-attendance-approval-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#eeeaff;color:#6254db}.vs-attendance-approval-icon svg{width:20px;height:20px;stroke-width:1.7}.vs-attendance-approval-card header div div{display:grid;gap:.15rem}.vs-attendance-approval-card header small{color:#9299a7;font-size:.6rem;font-weight:800;letter-spacing:.08em}.vs-attendance-approval-card header strong{font-size:.95rem}.vs-attendance-approval-count{padding:.35rem .55rem;border-radius:999px;background:#fff0d8;color:#a36611;font-size:.65rem;font-weight:700}.vs-attendance-approval-list{padding:0 1.25rem}.vs-attendance-approval-list article{display:grid;grid-template-columns:36px 1fr auto;align-items:start;gap:.75rem;padding:1rem 0;border-bottom:1px solid #eff0f4}.vs-attendance-request-avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#e1e5ff;color:#4e57b0;font-size:.65rem;font-weight:800}.vs-attendance-request-avatar.is-two{background:#dcf6ee;color:#19795f}.vs-attendance-request-avatar.is-three{background:#fff0d8;color:#9a6517}.vs-attendance-approval-list article>div{display:grid}.vs-attendance-approval-list article strong{font-size:.75rem}.vs-attendance-approval-list article small{margin-top:.12rem;color:#969dab;font-size:.62rem}.vs-attendance-approval-list article p{margin:.55rem 0 0;color:#6f7889;font-size:.7rem}.vs-attendance-approval-list article p b{margin-left:.35rem;color:#343b4a}.vs-attendance-request-status{padding:.3rem .45rem;border-radius:6px;background:#eeeaff;color:#6053d3;font-size:.58rem;font-weight:700}.vs-attendance-request-status.is-leave{background:#e8f8f2;color:#238666}.vs-attendance-request-status.is-overtime{background:#fff1dc;color:#9e6716}
.vs-attendance-approval-card>footer{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem}.vs-attendance-approval-card button{padding:.65rem .85rem;border-radius:8px;font-size:.7rem;font-weight:700}.vs-attendance-approval-card button.is-secondary{border:1px solid #e1e3ea;background:#fff;color:#626b7c}.vs-attendance-approval-card button.is-primary{border:1px solid #6657df;background:#6657df;color:#fff}.vs-attendance-approval-card button.is-primary span{margin-left:.35rem}.vs-attendance-approval-note{display:flex;align-items:center;gap:.7rem;padding:.85rem 1.25rem;background:#f7f6ff}.vs-attendance-approval-note>span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#e4f7f0;color:#178967;font-size:.65rem;font-weight:800}.vs-attendance-approval-note p{display:grid;margin:0}.vs-attendance-approval-note strong{font-size:.7rem}.vs-attendance-approval-note small{margin-top:.1rem;color:#878f9e;font-size:.6rem}
.vs-feature-dashboard__side{padding:1.25rem 1rem;background:#f8f8fe;border-right:1px solid #e6e7f0}.vs-feature-dashboard__brand{display:flex;align-items:center;gap:.65rem;margin-bottom:2rem;font-weight:800}.vs-feature-dashboard__brand img{width:28px;height:28px}
.vs-feature-dashboard__nav{display:grid;gap:.55rem}.vs-feature-dashboard__nav span{padding:.7rem .8rem;border-radius:.55rem;color:#667085;font-size:.78rem}.vs-feature-dashboard__nav span:first-child{background:#ebe8ff;color:#5847df;font-weight:700}
.vs-feature-dashboard__main{padding:1.4rem}.vs-feature-dashboard__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.15rem;border-bottom:1px solid #e9eaf1}.vs-feature-dashboard__top strong{font-size:1.1rem}.vs-feature-dashboard__button{padding:.62rem .9rem;border-radius:.55rem;background:linear-gradient(90deg,#5145e5,#7c3aed);color:#fff;font-size:.75rem;font-weight:700}
.vs-feature-dashboard__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}.vs-feature-dashboard__metric{padding:1rem;border:1px solid #e7e6f5;border-radius:.75rem;background:linear-gradient(145deg,#fff,#fafaff)}
.vs-feature-dashboard__metric small{display:block;color:#7a8498;font-size:.68rem}.vs-feature-dashboard__metric strong{display:block;margin-top:.5rem;font-size:1.35rem}.vs-feature-dashboard__metric span{color:#16a375;font-size:.66rem}
.vs-feature-dashboard__workspace{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem;margin-top:1rem}.vs-feature-dashboard__panel{min-height:295px;padding:1rem;border:1px solid #e7e6f5;border-radius:.75rem;background:#fff}.vs-feature-dashboard__panel-head{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.76rem;font-weight:700}.vs-feature-dashboard__chart{height:150px;border-bottom:1px solid #e5e7eb;background:linear-gradient(to top,rgba(99,102,241,.18),transparent),linear-gradient(135deg,transparent 48%,#6d5ff1 49%,#6d5ff1 51%,transparent 52%);clip-path:polygon(0 75%,15% 60%,30% 70%,45% 35%,60% 48%,75% 22%,100% 8%,100% 100%,0 100%)}
.vs-feature-dashboard__rows{display:grid;gap:.65rem}.vs-feature-dashboard__row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:.6rem;padding:.55rem;border-radius:.55rem;background:#f8f8fd;font-size:.69rem}.vs-feature-dashboard__avatar{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#ddd7ff;color:#5145cd;font-weight:800}
.vs-feature-benefits{padding:6rem 1.5rem;background:#fff}.vs-feature-benefits__inner{max-width:1180px;margin:0 auto}.vs-feature-section-heading{max-width:760px;margin:0 auto 3rem;text-align:center}.vs-feature-section-heading>span{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e0e7ff;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.75rem;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}.vs-feature-section-heading h2{margin:.8rem 0 1rem;font-size:clamp(2.1rem,4vw,3.45rem);font-weight:750;line-height:1.08;letter-spacing:-.04em}.vs-feature-section-heading p{color:#687386;font-size:1.08rem;line-height:1.65}
.vs-feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.vs-feature-card{padding:1.8rem;border:1px solid #e5e4f5;border-radius:1rem;background:linear-gradient(145deg,#fff,#fbfaff);box-shadow:0 12px 35px rgba(69,58,130,.06)}.vs-feature-card__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:.8rem;background:#ece9ff;color:#5a4ae2;font-size:1.25rem}.vs-feature-card h3{margin:1.25rem 0 .7rem;font-size:1.2rem}.vs-feature-card p{margin:0;color:#687386;line-height:1.65}
.vs-feature-band{padding:5.5rem 1.5rem;background:linear-gradient(135deg,#f5f3ff,#fff,#eef2ff)}.vs-feature-band__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1100px;margin:0 auto}.vs-feature-band h2{margin:0 0 1rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.04em}.vs-feature-band p{color:#687386;font-size:1.08rem;line-height:1.7}.vs-feature-checks{display:grid;gap:.8rem}.vs-feature-check{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid #e4e1f8;border-radius:.8rem;background:#fff;box-shadow:0 8px 24px rgba(73,61,140,.06)}.vs-feature-check i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#e8faf3;color:#0b9d6b;font-style:normal;font-weight:800}
@media(max-width:900px){.vs-feature-dashboard{grid-template-columns:135px 1fr}.vs-feature-dashboard__workspace{grid-template-columns:1fr}.vs-feature-dashboard__panel:last-child{display:none}.vs-feature-cards{grid-template-columns:1fr 1fr}.vs-feature-band__inner{gap:2rem}.vs-attendance-dashboard{grid-template-columns:145px minmax(0,1fr)}.vs-attendance-side{padding-inline:8px}.vs-attendance-metrics{grid-template-columns:repeat(2,1fr)}.vs-attendance-lower{grid-template-columns:1fr}.vs-attendance-summary{display:none}}
@media(max-width:640px){.vs-feature-page #navbar .vs-cta-size--nav{display:none}.vs-feature-page #navbar .logo img{max-width:210px;height:auto}.vs-feature-hero{padding:6.5rem 1rem 4rem}.vs-feature-hero__actions{flex-direction:column}.vs-feature-preview{margin-top:2.5rem;padding:5px;border-radius:1rem}.vs-feature-preview--time .vs-time-dashboard{min-height:0}.vs-feature-dashboard{grid-template-columns:1fr;min-height:470px}.vs-feature-dashboard__side{display:none}.vs-feature-dashboard__main{padding:.85rem}.vs-feature-dashboard__metrics{gap:.5rem}.vs-feature-dashboard__metric{padding:.7rem}.vs-feature-dashboard__metric strong{font-size:1rem}.vs-feature-dashboard__workspace{grid-template-columns:1fr}.vs-feature-cards,.vs-feature-band__inner{grid-template-columns:1fr}.vs-feature-benefits,.vs-feature-band{padding:4.25rem 1.25rem}.vs-attendance-dashboard{grid-template-columns:1fr;min-height:560px}.vs-attendance-side{display:none}.vs-attendance-top{padding:13px}.vs-attendance-top__actions button:first-child{display:none}.vs-attendance-content{padding:10px}.vs-attendance-filters button:nth-child(n+2),.vs-attendance-filters>span{display:none}.vs-attendance-metrics{gap:6px}.vs-attendance-metrics article{padding:9px 8px}.vs-attendance-metric-icon{display:none}.vs-attendance-metrics strong{font-size:14px}.vs-attendance-activity header small,.vs-attendance-legend span{display:none}.vs-attendance-heat-cells{gap:2px}.vs-attendance-heat-cells i{height:9px}.vs-attendance-list-head,.vs-attendance-person{grid-template-columns:minmax(120px,1.4fr) .7fr .7fr}.vs-attendance-list-head span:last-child,.vs-attendance-person>b{display:none}}
@media(max-width:900px){.vs-attendance-mode-grid{grid-template-columns:1fr}.vs-attendance-workflow-grid{grid-template-columns:1fr;gap:3rem}.vs-attendance-approval-card{width:min(100%,620px);margin:0 auto}}
.vs-feature-page .vs-insights-kicker,.vs-feature-page .vs-summary-kicker{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:0 0 .25rem;padding:.5rem 1rem;border:1px solid #e0e7ff;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.75rem;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}.vs-feature-page .vs-insights-kicker::before,.vs-feature-page .vs-summary-kicker::before{content:none}
@media(max-width:640px){.vs-attendance-modes,.vs-attendance-workflow{padding:4.5rem 1rem}.vs-attendance-section-heading{margin-bottom:2rem}.vs-attendance-mode-card{padding:1.25rem}.vs-attendance-mode-number{font-size:2.5rem}.vs-attendance-combine{grid-template-columns:auto 1fr;padding:1rem}.vs-attendance-combine__tag{display:none}.vs-attendance-workflow-grid{gap:2.25rem}.vs-attendance-workflow-steps article{grid-template-columns:34px 1fr}.vs-attendance-workflow-steps article>span{width:32px;height:32px}.vs-attendance-approval-card>header,.vs-attendance-approval-list,.vs-attendance-approval-card>footer{padding-inline:1rem}.vs-attendance-approval-note{display:none}.vs-attendance-request-status{display:none}.vs-attendance-approval-list article{grid-template-columns:34px 1fr}.vs-attendance-mode-stats{gap:.25rem}}

/* Source: /home/ubuntu/VS-LP-new/assets/css/office-spaces.css */
.office-page{margin:0;background:#fff;color:#111827;font-family:'Inter',sans-serif;overflow-x:hidden}
.office-page .dropdown{position:relative}.office-page .dropdown-menu{opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .26s,transform .26s,visibility .26s}.office-page .dropdown-menu.show,.office-page .dropdown:hover .dropdown-menu,.office-page .dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.office-hero{position:relative;padding:7.5rem 1.5rem 5.5rem;overflow:hidden;background:linear-gradient(135deg,#f5f3ff 0%,#fff 43%,#eef5ff 100%)}
.office-hero::before,.office-hero::after{position:absolute;border-radius:50%;content:"";pointer-events:none;filter:blur(8px)}.office-hero::before{top:4rem;left:-13rem;width:35rem;height:35rem;background:rgba(139,92,246,.12)}.office-hero::after{right:-12rem;bottom:-7rem;width:34rem;height:34rem;background:rgba(59,130,246,.1)}
.office-hero__inner{position:relative;z-index:1;max-width:1220px;margin:0 auto;text-align:center}.office-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1rem;border-radius:999px;background:#eae7ff;color:#5948df;font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.office-badge svg{width:1rem;height:1rem}
.office-hero h1{max-width:940px;margin:1.45rem auto 0;color:#111827;font-size:clamp(2.8rem,6.2vw,5rem);font-weight:800;line-height:1.01;letter-spacing:-.058em}.office-gradient{display:block;background:linear-gradient(90deg,#4f46e5,#7c3aed 55%,#5b6ee1);-webkit-background-clip:text;background-clip:text;color:transparent}.office-hero__lead{max-width:760px;margin:1.5rem auto 0;color:#5f6b7e;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}
.office-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.office-secondary{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:.8rem 1.65rem;border:1px solid #c9c4ff;border-radius:12px;background:rgba(255,255,255,.72);color:#5145cd;font-weight:600;text-decoration:none;transition:transform .2s,background .2s}.office-secondary:hover{transform:translateY(-2px);background:#fff}
.office-hero__preview{position:relative;width:min(100%,1200px);margin:3.25rem auto 0;padding:10px;border:1px solid rgba(99,102,241,.2);border-radius:1.35rem;background:rgba(255,255,255,.78);box-shadow:0 30px 80px rgba(54,47,120,.18);text-align:left}.office-hero__preview img{display:block;width:100%;aspect-ratio:16/9;border-radius:.95rem;object-fit:cover;object-position:center 20%}
.office-hero__status{position:absolute;display:flex;align-items:center;gap:.65rem;padding:.72rem .9rem;border:1px solid rgba(225,223,248,.9);border-radius:.75rem;background:rgba(255,255,255,.94);box-shadow:0 14px 32px rgba(31,41,55,.15);backdrop-filter:blur(10px);font-size:.7rem}.office-hero__status strong,.office-hero__status span{display:block}.office-hero__status span{margin-top:.14rem;color:#6b7280}.office-hero__status i{width:.65rem;height:.65rem;border-radius:50%;background:#20bd80;box-shadow:0 0 0 5px rgba(32,189,128,.12)}.office-hero__status--one{top:17%;left:-1.25rem}.office-hero__status--two{right:-1rem;bottom:16%}.office-hero__status--two i{background:#6366f1;box-shadow:0 0 0 5px rgba(99,102,241,.12)}
.office-section{padding:6rem 1.5rem}.office-section--soft{background:linear-gradient(135deg,#fafaff,#f5f3ff 48%,#f7fbff)}.office-container{max-width:1180px;margin:0 auto}.office-heading{max-width:780px;margin:0 auto 3.25rem;text-align:center}.office-eyebrow{display:block;color:#635bff;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.office-heading h2,.office-split__copy h2,.office-customize__copy h2{margin:.85rem 0 1rem;color:#111827;font-size:clamp(2.15rem,4.5vw,3.65rem);font-weight:750;line-height:1.07;letter-spacing:-.045em}.office-heading p,.office-split__copy>p,.office-customize__copy>p{margin:0;color:#667085;font-size:1.08rem;line-height:1.7}
.office-room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.office-room-card{overflow:hidden;border:1px solid #e5e4f4;border-radius:1.15rem;background:#fff;box-shadow:0 16px 42px rgba(67,55,130,.07);transition:transform .25s,box-shadow .25s}.office-room-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(67,55,130,.13)}.office-room-card__image{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f4f2ff}.office-room-card__image img{width:100%;height:100%;object-fit:cover}.office-room-card__label{position:absolute;top:1rem;left:1rem;padding:.42rem .7rem;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font-size:.68rem;font-weight:700;backdrop-filter:blur(8px)}.office-room-card__body{padding:1.45rem}.office-room-card h3{margin:0 0 .65rem;font-size:1.25rem}.office-room-card p{margin:0;color:#667085;line-height:1.65}
.office-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:4.5rem}.office-split__visual{position:relative}.office-split__frame{overflow:hidden;padding:8px;border:1px solid #ddd9fb;border-radius:1.25rem;background:#fff;box-shadow:0 26px 65px rgba(60,49,125,.14)}.office-split__frame img{display:block;width:100%;border-radius:.9rem}.office-presence-card{position:absolute;right:-1.6rem;bottom:2rem;width:220px;padding:1rem;border:1px solid #e3e1f6;border-radius:.9rem;background:rgba(255,255,255,.95);box-shadow:0 18px 40px rgba(31,41,55,.16);backdrop-filter:blur(10px)}.office-presence-card__head{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.72rem;font-weight:800}.office-presence-card__head span{color:#16a36f}.office-person{display:flex;align-items:center;gap:.65rem;padding:.55rem 0;border-top:1px solid #f0eff7;font-size:.68rem}.office-person i{width:.55rem;height:.55rem;border-radius:50%;background:#20bd80}.office-person strong{margin-left:auto;color:#6b7280;font-size:.62rem}.office-split__list{display:grid;gap:1rem;margin-top:2rem}.office-split__item{display:grid;grid-template-columns:42px 1fr;gap:1rem;align-items:start}.office-split__icon{display:grid;width:42px;height:42px;place-items:center;border-radius:.75rem;background:#ece9ff;color:#5c4ae3}.office-split__icon svg{width:22px;height:22px}.office-split__item h3{margin:.05rem 0 .35rem;font-size:1.05rem}.office-split__item p{margin:0;color:#667085;line-height:1.55}
.office-customize{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:4.5rem}.office-customize__checks{display:grid;gap:.8rem;margin-top:1.75rem}.office-check{display:flex;align-items:center;gap:.8rem;color:#374151}.office-check i{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#e8faf3;color:#0b9d6b;font-style:normal;font-weight:800}.office-builder{padding:1.2rem;border:1px solid #e1def8;border-radius:1.2rem;background:#fff;box-shadow:0 25px 60px rgba(65,52,139,.13)}.office-builder__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #ecebf4}.office-builder__top strong{font-size:.95rem}.office-builder__top span{padding:.48rem .7rem;border-radius:.5rem;background:#635bff;color:#fff;font-size:.68rem;font-weight:700}.office-builder__body{display:grid;grid-template-columns:120px 1fr;gap:1rem}.office-builder__tools{display:grid;align-content:start;gap:.55rem}.office-tool{display:flex;align-items:center;gap:.5rem;padding:.6rem;border-radius:.55rem;background:#f7f7fc;color:#657085;font-size:.68rem}.office-tool:first-child{background:#ebe8ff;color:#5948df;font-weight:700}.office-builder__canvas{position:relative;min-height:330px;overflow:hidden;border-radius:.75rem;background:#f1ede8;background-image:linear-gradient(rgba(99,102,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.07) 1px,transparent 1px);background-size:20px 20px}.office-room-shape{position:absolute;border:2px solid #7c68f8;border-radius:.45rem;background:rgba(255,255,255,.86);box-shadow:0 7px 18px rgba(70,57,139,.08)}.office-room-shape::before{position:absolute;top:.55rem;left:.65rem;color:#4f46e5;font-size:.58rem;font-weight:800;content:attr(data-label)}.office-room-shape--one{top:28px;left:24px;width:48%;height:118px}.office-room-shape--two{top:28px;right:24px;width:37%;height:118px;border-color:#31b890}.office-room-shape--three{right:24px;bottom:28px;left:24px;height:125px;border-color:#4f8de8}.office-desk{position:absolute;width:34px;height:15px;border-radius:3px;background:#dcd8ef;box-shadow:0 8px 0 -3px #9ba2b3}.office-desk--1{top:82px;left:70px}.office-desk--2{top:82px;left:125px}.office-desk--3{top:82px;right:82px}.office-desk--4{right:85px;bottom:78px}.office-desk--5{right:135px;bottom:78px}.office-desk--6{left:85px;bottom:78px}
.office-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;counter-reset:office-step}.office-step{position:relative;padding:2rem;border:1px solid #e5e4f4;border-radius:1rem;background:#fff}.office-step::before{display:grid;width:40px;height:40px;place-items:center;margin-bottom:1.25rem;border-radius:50%;background:linear-gradient(135deg,#5b50ea,#7c3aed);color:#fff;content:counter(office-step);counter-increment:office-step;font-weight:800}.office-step h3{margin:0 0 .65rem;font-size:1.2rem}.office-step p{margin:0;color:#667085;line-height:1.65}
.office-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.office-reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){.office-room-grid{grid-template-columns:1fr 1fr}.office-room-card:last-child{grid-column:1/-1;max-width:560px;margin:auto}.office-split,.office-customize{grid-template-columns:1fr;gap:3rem}.office-customize__copy{order:1}.office-builder{order:2}.office-presence-card{right:1rem}.office-steps{grid-template-columns:1fr 1fr}.office-step:last-child{grid-column:1/-1}}
@media(max-width:640px){.office-page #navbar .vs-cta-size--nav{display:none}.office-page #navbar .logo img{max-width:210px;height:auto}.office-hero{padding:6.5rem 1rem 4rem}.office-hero h1{font-size:clamp(2.5rem,12vw,3.6rem)}.office-actions{flex-direction:column}.office-hero__preview{margin-top:2.5rem;padding:5px;border-radius:1rem}.office-hero__status{display:none}.office-section{padding:4.5rem 1.25rem}.office-heading{margin-bottom:2.25rem}.office-room-grid,.office-steps{grid-template-columns:1fr}.office-room-card:last-child,.office-step:last-child{grid-column:auto}.office-split{gap:2.25rem}.office-presence-card{position:relative;right:auto;bottom:auto;width:auto;margin:-2rem 1rem 0}.office-builder{padding:.8rem}.office-builder__body{grid-template-columns:1fr}.office-builder__tools{grid-template-columns:repeat(3,1fr)}.office-tool{justify-content:center}.office-builder__canvas{min-height:290px}}
.office-badge,.office-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e0e7ff;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.75rem;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}

/* Source: /home/ubuntu/VS-LP-new/assets/css/team-presence.css */
.presence-page{margin:0;background:#fff;color:#111827;font-family:'Inter',sans-serif;overflow-x:hidden}.presence-page .dropdown{position:relative}.presence-page .dropdown-menu{opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .26s,transform .26s,visibility .26s}.presence-page .dropdown-menu.show,.presence-page .dropdown:hover .dropdown-menu,.presence-page .dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.presence-hero{position:relative;padding:8rem 1.5rem 5.5rem;overflow:hidden;background:linear-gradient(135deg,#f5f3ff,#fff 50%,#eef7ff)}.presence-hero::before,.presence-hero::after{position:absolute;border-radius:50%;content:"";filter:blur(10px);pointer-events:none}.presence-hero::before{top:5rem;left:-15rem;width:36rem;height:36rem;background:rgba(124,58,237,.11)}.presence-hero::after{right:-13rem;bottom:-9rem;width:35rem;height:35rem;background:rgba(14,165,233,.1)}
.presence-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:4rem;max-width:1220px;margin:auto}.presence-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1rem;border-radius:999px;background:#eae7ff;color:#5948df;font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.presence-badge svg{width:1rem;height:1rem}.presence-hero h1{margin:1.35rem 0 0;font-size:clamp(3rem,5.8vw,4.8rem);font-weight:800;line-height:1.01;letter-spacing:-.057em}.presence-gradient{display:block;background:linear-gradient(90deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.presence-hero__lead{margin:1.45rem 0 0;color:#5f6b7e;font-size:1.15rem;line-height:1.7}.presence-actions{display:flex;gap:1rem;margin-top:2rem}.presence-secondary{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:.8rem 1.65rem;border:1px solid #c9c4ff;border-radius:12px;background:rgba(255,255,255,.74);color:#5145cd;font-weight:600;text-decoration:none}
.presence-preview{position:relative;padding:10px;border:1px solid rgba(99,102,241,.2);border-radius:1.3rem;background:rgba(255,255,255,.82);box-shadow:0 30px 80px rgba(54,47,120,.18)}.presence-preview__map{height:570px;overflow:hidden;border-radius:.95rem;background:#e9e5dd}.presence-preview__map img{width:100%;height:100%;object-fit:cover;object-position:center}.presence-panel{position:absolute;top:2rem;right:-1.25rem;width:280px;padding:1rem;border:1px solid #e5e3f5;border-radius:1rem;background:rgba(255,255,255,.96);box-shadow:0 20px 48px rgba(31,41,55,.18);backdrop-filter:blur(12px)}.presence-panel__tabs{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem;padding-bottom:.7rem;border-bottom:1px solid #ecebf3;font-size:.72rem;font-weight:700}.presence-panel__tabs span:first-child{color:#5c4ae3}.presence-panel__tabs em{margin-left:auto;color:#8b93a3;font-style:normal}.presence-group-label{margin:.7rem 0 .35rem;color:#737d90;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.presence-person{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.65rem;padding:.55rem;border-radius:.65rem}.presence-person:hover{background:#f7f6fd}.presence-person img{width:34px;height:34px;border-radius:50%;object-fit:cover}.presence-person strong,.presence-person small{display:block}.presence-person strong{font-size:.7rem}.presence-person small{margin-top:.15rem;color:#818a9c;font-size:.6rem}.presence-state{display:flex;align-items:center;gap:.3rem;color:#64748b;font-size:.58rem}.presence-state i{width:.5rem;height:.5rem;border-radius:50%;background:#20bd80}.presence-state--focus i{background:#f59e0b}.presence-state--meeting i{background:#ef5a6f}.presence-nudge{position:absolute;bottom:2rem;left:-1.5rem;display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border:1px solid #e4e1f8;border-radius:.85rem;background:#fff;box-shadow:0 17px 38px rgba(40,34,83,.16);font-size:.7rem}.presence-nudge span{display:grid;width:30px;height:30px;place-items:center;border-radius:.6rem;background:#e9e7ff;color:#5b4ae2;font-size:1rem}.presence-nudge strong,.presence-nudge small{display:block}.presence-nudge small{margin-top:.15rem;color:#717b8f}
.presence-section{padding:6rem 1.5rem}.presence-section--soft{background:linear-gradient(135deg,#fafaff,#f5f3ff 50%,#f5fbff)}.presence-container{max-width:1180px;margin:auto}.presence-heading{max-width:780px;margin:0 auto 3.2rem;text-align:center}.presence-eyebrow{display:block;color:#635bff;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.presence-heading h2,.presence-split__copy h2{margin:.85rem 0 1rem;font-size:clamp(2.15rem,4.5vw,3.65rem);font-weight:750;line-height:1.07;letter-spacing:-.045em}.presence-heading p,.presence-split__copy>p{margin:0;color:#667085;font-size:1.08rem;line-height:1.7}
.presence-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.presence-card{position:relative;overflow:hidden;padding:1.7rem;border:1px solid #e4e3f3;border-radius:1.1rem;background:#fff;box-shadow:0 14px 40px rgba(65,53,130,.07)}.presence-card::after{position:absolute;right:-2rem;bottom:-2rem;width:7rem;height:7rem;border-radius:50%;background:var(--presence-glow);content:"";filter:blur(8px)}.presence-card__top{display:flex;align-items:center;justify-content:space-between}.presence-card__state{display:flex;align-items:center;gap:.55rem;font-size:.72rem;font-weight:800}.presence-card__state i{width:.7rem;height:.7rem;border-radius:50%;background:var(--presence-color);box-shadow:0 0 0 5px var(--presence-ring)}.presence-card__time{color:#8992a2;font-size:.65rem}.presence-card__person{display:flex;align-items:center;gap:.85rem;margin-top:1.6rem}.presence-card__person img{width:48px;height:48px;border-radius:50%;object-fit:cover}.presence-card__person h3{margin:0 0 .25rem;font-size:1.05rem}.presence-card__person p{margin:0;color:#717b8f;font-size:.72rem}.presence-card__note{position:relative;z-index:1;margin:1.3rem 0 0;color:#5f697b;line-height:1.6}.presence-card--available{--presence-color:#16b979;--presence-ring:rgba(22,185,121,.13);--presence-glow:rgba(22,185,121,.12)}.presence-card--focus{--presence-color:#f59e0b;--presence-ring:rgba(245,158,11,.13);--presence-glow:rgba(245,158,11,.12)}.presence-card--meeting{--presence-color:#ef5a6f;--presence-ring:rgba(239,90,111,.13);--presence-glow:rgba(239,90,111,.12)}
.presence-split{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:4.5rem}.presence-split--reverse{grid-template-columns:.85fr 1.15fr}.presence-split__visual{position:relative}.presence-split__frame{overflow:hidden;padding:8px;border:1px solid #ddd9fb;border-radius:1.2rem;background:#fff;box-shadow:0 25px 60px rgba(60,49,125,.14)}.presence-split__frame img{display:block;width:100%;border-radius:.85rem}.presence-float{position:absolute;right:-1.25rem;bottom:1.5rem;width:230px;padding:1rem;border:1px solid #e2def8;border-radius:.9rem;background:rgba(255,255,255,.96);box-shadow:0 18px 42px rgba(31,41,55,.17)}.presence-float__head{display:flex;justify-content:space-between;margin-bottom:.7rem;font-size:.72rem;font-weight:800}.presence-float__head span{color:#635bff}.presence-float__row{display:flex;align-items:center;gap:.55rem;padding:.55rem 0;border-top:1px solid #f0eff7;font-size:.66rem}.presence-float__row i{width:.5rem;height:.5rem;border-radius:50%;background:#20bd80}.presence-float__row strong{margin-left:auto;color:#7a8496;font-size:.58rem}.presence-benefits{display:grid;gap:1rem;margin-top:1.8rem}.presence-benefit{display:grid;grid-template-columns:40px 1fr;gap:.9rem}.presence-benefit__icon{display:grid;width:40px;height:40px;place-items:center;border-radius:.7rem;background:#ece9ff;color:#5c4ae3}.presence-benefit h3{margin:0 0 .3rem;font-size:1rem}.presence-benefit p{margin:0;color:#667085;line-height:1.55}
.timezone-board{padding:1.2rem;border:1px solid #e0ddf7;border-radius:1.2rem;background:#fff;box-shadow:0 25px 60px rgba(65,52,139,.13)}.timezone-board__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #ecebf4}.timezone-board__top strong{font-size:.95rem}.timezone-board__top span{color:#687386;font-size:.68rem}.timezone-grid{display:grid;gap:.7rem}.timezone-row{display:grid;grid-template-columns:145px 1fr 62px;align-items:center;gap:1rem;padding:.75rem;border-radius:.7rem;background:#f8f8fd}.timezone-person{display:flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:700}.timezone-person img{width:30px;height:30px;border-radius:50%;object-fit:cover}.timezone-track{position:relative;height:12px;border-radius:99px;background:#e6e7ef}.timezone-track span{position:absolute;top:0;bottom:0;left:var(--start);width:var(--length);border-radius:inherit;background:linear-gradient(90deg,#6d5ff1,#8c6df6)}.timezone-track i{position:absolute;top:-4px;left:62%;width:2px;height:20px;background:#ef5a6f}.timezone-local{color:#687386;font-size:.62rem;text-align:right}.timezone-legend{display:flex;justify-content:flex-end;gap:1rem;margin-top:.8rem;color:#7c8596;font-size:.6rem}.timezone-legend span{display:flex;align-items:center;gap:.35rem}.timezone-legend i{width:.55rem;height:.55rem;border-radius:50%;background:#7665ed}.timezone-legend span:last-child i{background:#ef5a6f}
.presence-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;counter-reset:presence-step}.presence-step{padding:1.9rem;border:1px solid #e4e3f3;border-radius:1rem;background:#fff}.presence-step::before{display:grid;width:40px;height:40px;place-items:center;margin-bottom:1.2rem;border-radius:50%;background:linear-gradient(135deg,#5b50ea,#7c3aed);color:#fff;content:counter(presence-step);counter-increment:presence-step;font-weight:800}.presence-step h3{margin:0 0 .65rem;font-size:1.18rem}.presence-step p{margin:0;color:#667085;line-height:1.65}.presence-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.presence-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1020px){.presence-hero__inner{grid-template-columns:1fr;max-width:820px;text-align:center}.presence-hero__copy{max-width:760px;margin:auto}.presence-actions{justify-content:center}.presence-preview{max-width:700px;margin:auto}.presence-split,.presence-split--reverse{grid-template-columns:1fr;gap:3rem}.presence-split--reverse .presence-split__copy{order:1}.presence-split--reverse .timezone-board{order:2}.presence-status-grid{grid-template-columns:1fr 1fr}.presence-card:last-child{grid-column:1/-1}.presence-steps{grid-template-columns:1fr 1fr}.presence-step:last-child{grid-column:1/-1}}
@media(max-width:640px){.presence-page #navbar .vs-cta-size--nav{display:none}.presence-page #navbar .logo img{max-width:210px}.presence-hero{padding:6.5rem 1rem 4rem}.presence-hero__inner{gap:2.75rem}.presence-hero h1{font-size:clamp(2.6rem,12vw,3.6rem)}.presence-actions{flex-direction:column}.presence-preview{padding:5px}.presence-preview__map{height:440px}.presence-panel{position:relative;top:auto;right:auto;width:auto;margin:-8rem .75rem 0}.presence-nudge{display:none}.presence-section{padding:4.5rem 1.25rem}.presence-status-grid,.presence-steps{grid-template-columns:1fr}.presence-card:last-child,.presence-step:last-child{grid-column:auto}.presence-float{position:relative;right:auto;bottom:auto;width:auto;margin:-2rem 1rem 0}.timezone-row{grid-template-columns:110px 1fr}.timezone-local{display:none}.timezone-person{font-size:.62rem}.timezone-board{padding:.8rem}}
.presence-badge,.presence-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e0e7ff;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.75rem;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}

/* Source: /home/ubuntu/VS-LP-new/assets/css/ai-coordinator.css */
/* AI Coordinator page only. */
.vs-coordinator-preview { overflow:hidden; }
.vs-coordinator-app { display:grid; grid-template-columns:180px minmax(0,1fr); overflow:hidden; border:1px solid #e4e6f0; border-radius:14px; background:#fff; color:#293348; }
.vs-coordinator-app h2,.vs-coordinator-app p { margin:0; }
.vs-coordinator-app__side { display:flex; flex-direction:column; gap:6px; padding:23px 13px; border-right:1px solid #e9eaf2; background:#fbfbfe; color:#727e91; font-size:12px; }
.vs-coordinator-app__brand { display:flex; align-items:center; gap:7px; margin-bottom:27px; color:#28334b; font-size:12px; font-weight:750; }
.vs-coordinator-app__brand img { width:25px; height:30px; }
.vs-coordinator-app__side>small { padding:0 10px 10px; color:#929aaa; font-size:9px; font-weight:750; letter-spacing:.1em; }
.vs-coordinator-app__side>span { padding:11px 10px; border-radius:8px; }
.vs-coordinator-app__side .is-active { background:#eeebff; color:#5945d1; font-weight:700; }
.vs-coordinator-app__side-foot { display:flex; align-items:center; gap:8px; margin-top:auto; padding:15px 5px 2px; border-top:1px solid #ebecf2; }
.vs-coordinator-app__side-foot>div { display:grid; gap:3px; }
.vs-coordinator-app__side-foot strong { color:#414a5b; font-size:10px; }
.vs-coordinator-app__side-foot small { color:#929aaa; font-size:9px; }
.vs-coordinator-avatar { display:grid; flex-shrink:0; width:27px; height:27px; place-items:center; border-radius:8px; background:#eae5ff; color:#6b56ca; font-size:9px; font-weight:700; }
.vs-coordinator-app__main { min-width:0; padding:25px; }
.vs-coordinator-app__top { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.vs-coordinator-app__top small { color:#9a92ac; font-size:9px; font-weight:700; letter-spacing:.12em; }
.vs-coordinator-app .vs-coordinator-app__top h2 { margin:7px 0 5px; color:#293348; font-size:24px; font-weight:750; letter-spacing:-.035em; }
.vs-coordinator-app .vs-coordinator-app__top p { color:#818b9e; font-size:11px; line-height:1.6; }
.vs-coordinator-app__date { padding:8px 11px; border:1px solid #e6e8f1; border-radius:7px; color:#687489; font-size:10px; white-space:nowrap; }
.vs-coordinator-app__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:23px 0 18px; }
.vs-coordinator-app__stats>div { display:grid; gap:7px; padding:14px; border:1px solid #e6e7f1; border-radius:9px; background:#fcfcff; }
.vs-coordinator-app__stats small { color:#8791a2; font-size:10px; }
.vs-coordinator-app__stats strong { color:#293348; font-size:24px; line-height:1; }
.vs-coordinator-app__stats span { color:#9aa2af; font-size:9px; }
.vs-coordinator-app__body { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr); gap:14px; }
.vs-coordinator-app__brief { padding:20px; border:1px solid #e7e1f7; border-radius:11px; background:linear-gradient(145deg,#fbf9ff,#fff); }
.vs-coordinator-app__brief-head { display:flex; align-items:center; gap:9px; padding-bottom:17px; border-bottom:1px solid #ebe7f5; }
.vs-coordinator-app__brief-head>span { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; background:#ece5ff; color:#745bd0; }
.vs-coordinator-app__brief-head>div { display:grid; gap:3px; }
.vs-coordinator-app__brief-head strong { font-size:12px; }
.vs-coordinator-app__brief-head small { color:#978ba9; font-size:9px; }
.vs-coordinator-app__brief-head em { margin-left:auto; color:#a59aaf; font-size:9px; font-style:normal; white-space:nowrap; }
.vs-coordinator-app__brief>p { padding:16px 0 6px; color:#59647a; font-size:11px; line-height:1.75; }
.vs-coordinator-app__brief-row { display:flex; gap:10px; padding:13px 0; border-top:1px solid #efedf5; }
.vs-coordinator-app__brief-row>span { display:grid; flex-shrink:0; width:26px; height:26px; place-items:center; border-radius:8px; font-size:12px; font-weight:700; }
.vs-coordinator-app__brief-row .is-purple { background:#eee7ff; color:#7b62d1; }
.vs-coordinator-app__brief-row .is-blue { background:#e8f0ff; color:#5580d6; }
.vs-coordinator-app__brief-row .is-amber { background:#fff2d9; color:#aa7b27; }
.vs-coordinator-app__brief-row>div { display:grid; gap:5px; }
.vs-coordinator-app__brief-row small { color:#998aab; font-size:8px; font-weight:750; letter-spacing:.09em; }
.vs-coordinator-app__brief-row strong { color:#46516a; font-size:10px; }
.vs-coordinator-app__brief-row p { color:#8891a1; font-size:9px; line-height:1.5; }
.vs-coordinator-app__follow { overflow:hidden; border:1px solid #e6e8f0; border-radius:11px; }
.vs-coordinator-app__follow header { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:18px; border-bottom:1px solid #eef0f5; }
.vs-coordinator-app__follow header strong { font-size:12px; }
.vs-coordinator-app__follow header span { color:#9381bf; font-size:9px; }
.vs-coordinator-app__follow>div { display:flex; gap:9px; padding:13px 16px; border-bottom:1px solid #f0f0f4; }
.vs-coordinator-check { display:grid; flex-shrink:0; width:19px; height:19px; place-items:center; border:1px solid #c9c3ef; border-radius:6px; color:#7664c9; font-size:10px; }
.vs-coordinator-check.is-amber { border-color:#ebd6ad; color:#aa7b27; }
.vs-coordinator-app__follow p { display:grid; gap:5px; }
.vs-coordinator-app__follow p strong { font-size:10px; }
.vs-coordinator-app__follow p small { color:#9aa2b1; font-size:9px; }
.vs-coordinator-app__follow footer { padding:16px; color:#929bab; font-size:9px; line-height:1.5; }
.vs-coordinator-app__sources { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:17px; }
.vs-coordinator-app__sources>span { padding:7px 10px; border:1px solid #e9e6f1; border-radius:7px; color:#76698e; background:#fbfaff; font-size:9px; }
.vs-coordinator-app__sources>span:first-child { padding-left:0; border:0; color:#a099ab; background:transparent; font-size:8px; font-weight:750; letter-spacing:.08em; }
.vs-coordinator-section { padding:100px 24px; background:#fff; }
.vs-coordinator-section--tint { background:linear-gradient(180deg,#f9f8ff,#fff); }
.vs-coordinator-container { max-width:1180px; margin:auto; }
.vs-coordinator-heading { max-width:750px; margin:0 auto 44px; text-align:center; }
.vs-coordinator-eyebrow { display:inline-flex; align-items:center; justify-content:center; padding:.5rem 1rem; border:1px solid #e0e7ff; border-radius:999px; background:#eef2ff; color:#4f46e5; font-size:.75rem; font-weight:700; line-height:1.25; letter-spacing:.12em; text-transform:uppercase; }
.vs-coordinator-heading h2 { margin:20px 0 16px; color:#171c2b; font-size:clamp(2rem,3.8vw,3.3rem); line-height:1.1; letter-spacing:-.04em; }
.vs-coordinator-heading p { margin:0; color:#6e7a90; font-size:16px; line-height:1.8; }
.vs-coordinator-context-grid,.vs-coordinator-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.vs-coordinator-context-grid article { display:flex; flex-direction:column; min-height:270px; padding:26px; border:1px solid #e6e4f1; border-radius:15px; background:#fff; box-shadow:0 16px 35px rgba(55,47,111,.05); }
.vs-coordinator-context-icon { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; background:#eee9ff; color:#7a5fce; font-size:12px; letter-spacing:2px; }
.vs-coordinator-context-icon.is-blue { background:#e7efff; color:#5a7fd1; font-size:22px; letter-spacing:0; }
.vs-coordinator-context-icon.is-amber { background:#fff0d9; color:#b0802b; font-size:23px; letter-spacing:0; }
.vs-coordinator-context-grid small { margin-top:24px; color:#9b8eb2; font-size:9px; font-weight:750; letter-spacing:.1em; }
.vs-coordinator-context-grid h3 { margin:9px 0; color:#303b50; font-size:18px; letter-spacing:-.025em; }
.vs-coordinator-context-grid p { margin:0 0 24px; color:#78849a; font-size:13px; line-height:1.75; }
.vs-coordinator-context-grid a { margin-top:auto; color:#715acb; font-size:12px; font-weight:650; text-decoration:none; }
.vs-coordinator-context-grid a:hover { text-decoration:underline; }
.vs-coordinator-art { overflow:hidden; padding:9px; border:1px solid #e3e1f1; border-radius:16px; background:#fff; box-shadow:0 25px 65px #5b4d9d18; }
.vs-coordinator-art img { display:block; width:100%; height:auto; border-radius:9px; }
.vs-coordinator-flow { margin-top:25px; }
.vs-coordinator-flow>div { padding:22px; border:1px solid #e7e6f2; border-radius:12px; background:#fff; }
.vs-coordinator-flow span { display:block; margin-bottom:15px; color:#8d77c8; font-size:11px; font-weight:750; }
.vs-coordinator-flow strong { color:#344054; font-size:15px; }
.vs-coordinator-flow p { margin:8px 0 0; color:#828da0; font-size:12px; line-height:1.7; }
@media(max-width:960px) { .vs-coordinator-app { grid-template-columns:1fr; } .vs-coordinator-app__side { display:none; } }
@media(max-width:700px) { .vs-coordinator-app__main { padding:15px; } .vs-coordinator-app__stats { gap:6px; } .vs-coordinator-app__stats>div { padding:10px; } .vs-coordinator-app__stats strong { font-size:18px; } .vs-coordinator-app__stats span { font-size:8px; } .vs-coordinator-app__body,.vs-coordinator-context-grid,.vs-coordinator-flow { grid-template-columns:1fr; } .vs-coordinator-app__brief-head em { display:none; } .vs-coordinator-section { padding:66px 24px; } .vs-coordinator-context-grid article { min-height:0; } .vs-coordinator-heading br { display:none; } }
@media(max-width:390px) { .vs-coordinator-app__top { flex-direction:column; } .vs-coordinator-app__date { align-self:flex-start; } .vs-coordinator-app__stats small { font-size:9px; } .vs-coordinator-app__sources>span:first-child { width:100%; } }
@media(max-width:700px) { .vs-coordinator-heading br { display:block; } }

/* Source: /home/ubuntu/VS-LP-new/assets/css/ai-standups.css */
/* AI Standups: light product previews and landing-page sections. */
.vs-standup-app { display:grid; grid-template-columns:180px minmax(0,1fr); overflow:hidden; border:1px solid #e4e5ef; border-radius:14px; background:#fff; color:#263047; }
.vs-standup-app h2,.vs-standup-app h3,.vs-standup-app p { margin:0; }
.vs-standup-sidebar { display:flex; flex-direction:column; gap:8px; padding:24px 14px; border-right:1px solid #e9eaf2; background:#fbfbfe; font-size:12px; color:#717b8e; }
.vs-standup-brand { display:flex; align-items:center; gap:7px; margin-bottom:28px; color:#28334b; font-weight:750; }
.vs-standup-brand img { width:25px; height:30px; }
.vs-standup-sidebar>small { padding:0 10px 8px; font-size:9px; font-weight:700; letter-spacing:.09em; }
.vs-standup-sidebar>span { padding:11px 10px; border-radius:8px; }
.vs-standup-sidebar .is-active { color:#5945d1; background:#eeebff; font-weight:700; }
.vs-standup-sidebar-note { display:grid; gap:12px; margin-top:auto; padding:28px 10px 8px; }
.vs-standup-sidebar-note small { line-height:1.7; }
.vs-standup-main { min-width:0; padding:26px; }
.vs-standup-top { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.vs-standup-top small { color:#8b91a3; font-size:9px; font-weight:700; letter-spacing:.12em; }
.vs-standup-app .vs-standup-top h2 { margin:6px 0; font-size:23px; font-weight:750; letter-spacing:-.035em; }
.vs-standup-app .vs-standup-top p { color:#80899b; font-size:11px; line-height:1.6; }
.vs-standup-status,.vs-standup-tag { display:inline-flex; padding:6px 9px; border-radius:99px; background:#ecf9f2; color:#258366; font-size:10px; font-weight:600; white-space:nowrap; }
.vs-standup-toolbar { display:flex; align-items:center; gap:8px; margin:23px 0 17px; }
.vs-standup-toolbar>span { padding:7px 10px; border:1px solid #e6e7ef; border-radius:7px; color:#697386; font-size:10px; }
.vs-standup-toolbar>small { margin-left:auto; font-size:10px; color:#9198a8; }
.vs-standup-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:22px; }
.vs-standup-metrics>div { display:grid; align-content:start; gap:9px; min-height:101px; padding:15px; border:1px solid #e5e7f1; border-radius:10px; background:#fcfcff; }
.vs-standup-metrics small { font-size:10px; color:#7d879a; }
.vs-standup-metrics strong { font-size:23px; line-height:1.2; }
.vs-standup-metrics strong span { color:#8992a4; font-size:10px; font-weight:500; }
.vs-standup-metrics .vs-standup-ready { color:#6653cb; font-size:15px; padding-top:4px; }
.vs-standup-progress { height:4px; border-radius:4px; background:#eae7fc; }
.vs-standup-progress i { display:block; width:75%; height:100%; border-radius:4px; background:#8570e7; }
.vs-standup-columns { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:18px; }
.vs-standup-responses>h3 { display:flex; justify-content:space-between; margin:0 0 12px; font-size:13px; font-weight:700; }
.vs-standup-responses>h3>span { font-size:10px; color:#8992a4; font-weight:400; }
.vs-standup-responses article { padding:14px; margin-top:10px; border:1px solid #e8e9f1; border-radius:10px; }
.vs-standup-responses article header,.vs-standup-compose header { display:flex; align-items:center; gap:9px; }
.vs-standup-avatar { display:inline-grid; flex-shrink:0; width:33px; height:33px; place-items:center; border:2px solid #fff; border-radius:10px; color:#6752c5; background:#eee8ff; font-size:10px; font-weight:750; }
.vs-standup-avatar.is-rose { background:#fdeaf0; color:#ad5b7b; }
.vs-standup-avatar.is-mint { background:#e1f4ed; color:#348568; }
.vs-standup-responses article header>div,.vs-standup-compose header>div { display:grid; gap:3px; }
.vs-standup-responses article header strong { font-size:11px; }
.vs-standup-responses article header small { color:#8a93a4; font-size:9px; }
.vs-standup-tag { margin-left:auto; font-size:8px; padding:4px 7px; }
.vs-standup-tag.is-amber { background:#fff4de; color:#9b6b19; }
.vs-standup-responses dl { display:grid; gap:7px; margin:12px 0 0; font-size:10px; line-height:1.5; }
.vs-standup-responses dl>div { display:grid; grid-template-columns:43px minmax(0,1fr); gap:5px; }
.vs-standup-responses dt { color:#8a91a3; }
.vs-standup-responses dd { margin:0; color:#535f75; }
.vs-standup-responses .vs-standup-blocked dt,.vs-standup-responses .vs-standup-blocked dd { color:#a27223; }
.vs-standup-brief { padding:19px; border:1px solid #e4dffb; border-radius:12px; background:linear-gradient(150deg,#f7f4ff,#fefeff); }
.vs-standup-brief header { display:flex; gap:10px; align-items:center; padding-bottom:19px; border-bottom:1px solid #e6e0f6; }
.vs-standup-brief header>span { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; background:#e9e0ff; color:#785acb; }
.vs-standup-brief h3 { font-size:13px; font-weight:750; }
.vs-standup-brief header small { color:#9487b2; font-size:9px; }
.vs-standup-brief>div { margin-top:20px; }
.vs-standup-brief>div>small { color:#8a79ab; font-size:8px; letter-spacing:.1em; font-weight:750; }
.vs-standup-brief p { margin-top:7px; color:#6f6581; font-size:11px; line-height:1.8; }
.vs-standup-attention { padding:13px; border:1px solid #efe2c3; border-radius:9px; background:#fffbf1; }
.vs-standup-brief .vs-standup-attention>small { color:#a78039; }
.vs-standup-attention strong { display:block; margin-top:8px; font-size:11px; line-height:1.6; color:#775e31; }
.vs-standup-attention span { display:block; margin-top:12px; font-size:9px; color:#9b865f; }
.vs-standup-brief footer { margin-top:20px; font-size:9px; line-height:1.6; color:#9489a8; }
.vs-standup-section { padding:100px 24px; background:#fff; }
.vs-standup-container { max-width:1180px; margin:auto; }
.vs-standup-split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; }
.vs-standup-eyebrow { display:inline-flex; align-items:center; justify-content:center; padding:.5rem 1rem; border:1px solid #e0e7ff; border-radius:999px; background:#eef2ff; color:#4f46e5; font-size:.75rem; font-weight:700; line-height:1.25; letter-spacing:.12em; text-transform:uppercase; }
.vs-standup-copy h2,.vs-standup-heading h2 { margin:23px 0 20px; color:#171c2b; font-size:clamp(2rem,3.8vw,3.3rem); font-weight:750; line-height:1.1; letter-spacing:-.04em; }
.vs-standup-copy>p,.vs-standup-heading>p { color:#6e7a90; font-size:16px; line-height:1.8; }
.vs-standup-copy ul { display:grid; gap:23px; margin:30px 0 0; padding:0; list-style:none; }
.vs-standup-copy li { display:flex; gap:15px; }
.vs-standup-copy li>span { display:grid; flex-shrink:0; width:33px; height:33px; place-items:center; border-radius:50%; background:#f1edff; color:#7d64ce; font-size:11px; font-weight:700; }
.vs-standup-copy li strong { color:#303c51; font-size:14px; }
.vs-standup-copy li p { margin:5px 0 0; color:#7e889b; font-size:13px; line-height:1.7; }
.vs-standup-compose { padding:28px; border:1px solid #e5e1f3; border-radius:18px; background:#fff; box-shadow:0 25px 70px #51429412,0 0 0 10px #f9f7ff; }
.vs-standup-compose header { padding-bottom:23px; margin-bottom:25px; border-bottom:1px solid #eef0f5; }
.vs-standup-compose header strong { color:#30374c; font-size:15px; }
.vs-standup-compose header small { color:#9097a6; font-size:11px; }
.vs-standup-draft { margin-left:auto; color:#9588ad; font-size:10px; }
.vs-standup-field { margin-top:22px; }
.vs-standup-field>span { color:#4d586e; font-size:12px; font-weight:650; }
.vs-standup-field p { margin:9px 0 0; padding:15px; border:1px solid #e5e7ef; border-radius:8px; background:#fcfcfe; color:#7e8799; font-size:12px; line-height:1.9; }
.vs-standup-field .vs-standup-no-blockers { color:#568b77; }
.vs-standup-compose footer { display:flex; gap:20px; align-items:center; justify-content:space-between; margin-top:25px; }
.vs-standup-compose footer>span:first-child { max-width:150px; color:#969dab; font-size:10px; line-height:1.7; }
.vs-standup-submit { padding:11px 15px; border-radius:8px; background:#7560df; color:#fff; font-size:11px; font-weight:650; white-space:nowrap; }
.vs-standup-section--tinted { background:linear-gradient(180deg,#f9f8ff,#fdfcff); }
.vs-standup-heading { max-width:690px; margin:0 auto 45px; text-align:center; }
.vs-standup-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.vs-standup-steps article { padding:28px; border:1px solid #e6e4f1; border-radius:15px; background:#fff; }
.vs-standup-step-number { color:#9584b8; font-size:10px; font-weight:700; letter-spacing:.1em; }
.vs-standup-mini { display:flex; align-items:center; gap:7px; min-height:87px; margin:24px 0; padding:15px; border:1px solid #eeeaf7; border-radius:9px; background:#fbfaff; }
.vs-standup-mini-count { color:#9186a5; font-size:10px; margin-left:auto; }
.vs-standup-mini-summary>span,.vs-standup-mini-blocker>span { display:grid; width:30px; height:30px; flex-shrink:0; place-items:center; border-radius:9px; background:#ebe4ff; color:#7956cd; }
.vs-standup-mini>div { display:grid; gap:5px; }
.vs-standup-mini strong { color:#645479; font-size:11px; }
.vs-standup-mini small { color:#9b90ab; font-size:9px; }
.vs-standup-mini-blocker { background:#fffcf5; border-color:#f3ead6; }
.vs-standup-mini-blocker>span { background:#fff0ce; color:#b08b37; }
.vs-standup-steps h3 { color:#333e53; font-size:18px; font-weight:700; letter-spacing:-.025em; }
.vs-standup-steps p { margin-top:12px; color:#7e899c; font-size:14px; line-height:1.8; }
.vs-standup-related { display:table; margin:35px auto 0; color:#7258cc; font-size:14px; font-weight:650; text-decoration:none; }
.vs-standup-related:hover { text-decoration:underline; }
body[data-feature-page="ai-standups"] .vs-feature-section-heading>span { display:inline-flex; padding:.5rem 1rem; border:1px solid #e0e7ff; border-radius:999px; background:#eef2ff; color:#4f46e5; font-size:.75rem; font-weight:700; line-height:1.25; letter-spacing:.12em; }
body[data-feature-page="ai-standups"] .vs-feature-section-heading>span::before,body[data-feature-page="ai-standups"] .vs-feature-section-heading>span::after { display:none; }
@media(max-width:1000px) { .vs-standup-app { grid-template-columns:1fr; } .vs-standup-sidebar { display:none; } .vs-standup-split { gap:35px; } .vs-standup-steps { gap:12px; } .vs-standup-steps article { padding:20px; } }
@media(max-width:700px) { .vs-standup-main { padding:16px; } .vs-standup-top { align-items:flex-start; } .vs-standup-top h2 { font-size:21px; } .vs-standup-status { font-size:8px; padding:6px; } .vs-standup-top p { max-width:200px; line-height:1.6; } .vs-standup-metrics { gap:7px; } .vs-standup-metrics>div { padding:11px; } .vs-standup-metrics strong span { display:block; padding-top:5px; } .vs-standup-metrics .vs-standup-ready { font-size:12px; } .vs-standup-columns,.vs-standup-split,.vs-standup-steps { grid-template-columns:1fr; } .vs-standup-brief { margin-top:5px; } .vs-standup-section { padding:64px 24px; } .vs-standup-split { gap:40px; } .vs-standup-compose { padding:21px; } .vs-standup-eyebrow { font-size:10px; letter-spacing:.09em; } .vs-standup-steps article { padding:25px; } .vs-standup-mini { max-width:100%; } }
@media(max-width:400px) { .vs-standup-top { flex-direction:column; gap:10px; } .vs-standup-toolbar { flex-wrap:wrap; } .vs-standup-toolbar>small { width:100%; margin:0; } .vs-standup-metrics>div { padding:8px; } .vs-standup-metrics small { font-size:9px; } .vs-standup-main { padding:12px; } .vs-standup-compose footer { flex-wrap:wrap; gap:12px; } }

/* Source: /home/ubuntu/VS-LP-new/assets/css/integrations.css */
.integration-card__action {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}
/* Dedicated integrations directory; matches the shared landing-page palette. */
body[data-feature-page="integrations"] { --integration-ink:#1b2133; --integration-muted:#748096; }
.integrations-container { max-width:1180px; margin:0 auto; }
.integrations-eyebrow { display:inline-flex; align-items:center; justify-content:center; padding:.5rem 1rem; border:1px solid #e0e7ff; border-radius:999px; background:#eef2ff; color:#4f46e5; font-size:.75rem; font-weight:700; line-height:1.25; letter-spacing:.12em; text-transform:uppercase; }
.integrations-hero { padding:125px 24px 65px; overflow:hidden; background:radial-gradient(ellipse at 50% 80%,#eae5ff 0,transparent 65%),linear-gradient(135deg,#f9f7ff,#fff 55%,#f4f5ff); text-align:center; }
.integrations-hero h1 { margin:24px auto 22px; color:var(--integration-ink); font-size:clamp(2.6rem,5.4vw,4.5rem); font-weight:800; letter-spacing:-.055em; line-height:1.06; }
.integrations-hero h1>span { background:linear-gradient(90deg,#4f46e5,#8b41e8); color:transparent; background-clip:text; -webkit-background-clip:text; }
.integrations-hero p { max-width:650px; margin:auto; color:#6e7990; font-size:18px; line-height:1.75; }
.integrations-actions { display:flex; align-items:center; justify-content:center; gap:14px; margin:28px 0 35px; }
.integrations-demo { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:12px 24px; border:1px solid #cec7f9; border-radius:12px; background:#ffffffa6; color:#6350c3; font-size:14px; font-weight:650; text-decoration:none; }
.integrations-network { max-width:830px; margin:35px auto 0; padding:15px 20px; }
.integrations-network__apps { display:flex; justify-content:center; gap:24px; }
.integrations-node { display:flex; align-items:center; gap:10px; min-width:140px; padding:13px 17px; border:1px solid #e7e2f4; border-radius:13px; background:#fff; box-shadow:0 12px 26px #6753960d; color:#4f566b; font-size:12px; font-weight:650; }
.integration-logo { display:grid; flex-shrink:0; width:48px; height:48px; place-items:center; border:1px solid #eef0f5; border-radius:12px; background:#fff; color:#242735; }
.integration-logo img,.integration-logo svg { width:28px; height:28px; object-fit:contain; }
.integrations-node .integration-logo { width:31px; height:31px; border:0; border-radius:6px; }
.integrations-node .integration-logo img,.integrations-node .integration-logo svg { width:25px; height:25px; }
.integration-symbol { display:grid; place-items:center; font-size:29px; font-weight:800; line-height:1; }
.integration-symbol--google { background:conic-gradient(#4285f4 0 90deg,#34a853 90deg 180deg,#fbbc05 180deg 225deg,#ea4335 225deg 300deg,#4285f4 300deg); background-clip:text; -webkit-background-clip:text; color:transparent; font-family:Arial,sans-serif; }
.integration-symbol--calendar { width:29px; height:29px; border-top:7px solid #4285f4; border-bottom:4px solid #34a853; border-left:4px solid #4285f4; border-right:4px solid #fbbc05; border-radius:4px; color:#4285f4; font-size:15px; }
.integration-symbol--linear { width:29px; height:29px; border-radius:50%; background:#635ac7; color:white; font-size:24px; }
.integrations-network__center { display:flex; align-items:center; gap:25px; margin:20px 0; }
.integrations-network__center>div { display:flex; flex-direction:column; align-items:center; flex-shrink:0; width:250px; padding:18px; border:1px solid #dcd2fc; border-radius:18px; background:#fff; box-shadow:0 12px 40px #7660bd1a; }
.integrations-network__center img { width:43px; height:49px; margin-bottom:8px; }
.integrations-network__center strong { color:#34324c; font-size:19px; }
.integrations-network__center small { margin-top:5px; color:#998eab; font-size:10px; }
.integrations-network__line { flex:1; height:1px; background:linear-gradient(90deg,transparent,#bfb0ec,transparent); }
.integrations-directory { padding:85px 24px 90px; scroll-margin-top:85px; }
.integrations-directory__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:40px; }
.integrations-directory__heading h2 { margin:20px 0 12px; color:var(--integration-ink); letter-spacing:-.04em; }
.integrations-directory .integrations-directory__heading p { margin:0; color:var(--integration-muted); font-size:15px; }
.integrations-search { display:flex; align-items:center; gap:10px; width:290px; flex-shrink:0; min-height:48px; padding:0 14px; border:1px solid #dedfeb; border-radius:10px; background:#fbfbfe; }
.integrations-search svg { width:19px; height:19px; color:#9c95af; flex-shrink:0; }
.integrations-search input { min-width:0; width:100%; border:0; outline:none; background:transparent; color:#3e465a; font:inherit; font-size:13px; }
.integrations-search:focus-within { outline:2px solid #a591ef; outline-offset:3px; }
.integrations-directory__layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:35px; }
.integrations-categories h3 { margin:0 0 16px; color:#353f52; font-size:13px; font-weight:700; }
.integrations-categories button { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; margin-bottom:5px; padding:12px; border:0; border-radius:8px; background:transparent; color:#7b8597; font-size:12px; text-align:left; cursor:pointer; }
.integrations-categories button span { font-size:10px; color:#a098b0; }
.integrations-categories button[aria-pressed="true"] { background:#f0ecff; color:#6c50c7; font-weight:700; }
.integrations-categories button:hover { background:#f7f5fc; }
.integrations-results { display:flex; align-items:center; justify-content:space-between; min-height:25px; margin-bottom:15px; color:#9298a8; font-size:11px; }
.integrations-results button { color:#7359ce; background:none; border:0; cursor:pointer; }
.integrations-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.integration-card { display:flex; flex-direction:column; min-width:0; padding:23px; border:1px solid #e6e5ef; border-radius:13px; background:#fff; transition:box-shadow .2s,border-color .2s,transform .2s; }
.integration-card:hover { transform:translateY(-3px); border-color:#d4c8f8; box-shadow:0 15px 35px #65508c0c; }
.integration-card__top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.integration-card__top>span:last-child { color:#a198ac; font-size:9px; text-align:right; }
.integration-card h3 { margin:22px 0 10px; color:#30394c; font-size:17px; font-weight:700; letter-spacing:-.025em; }
.integration-card p { margin:0 0 23px; color:#7c879a; font-size:12px; line-height:1.8; }
.integration-card button { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:auto; padding:14px 0 0; border:0; border-top:1px solid #efedf6; background:none; color:#7d64cb; font-size:11px; font-weight:650; cursor:pointer; text-align:left; }
.integration-card button span { font-size:17px; }
.integration-card[hidden],.integrations-empty[hidden],.integrations-results button[hidden] { display:none; }
.integrations-empty { padding:60px 20px; border:1px dashed #dcd5ee; border-radius:12px; background:#fcfbff; text-align:center; }
.integrations-empty strong { color:#4e4660; }
.integrations-empty p { color:#8b8397; margin:12px 0 20px; font-size:14px; }
.integrations-empty button { border:0; background:none; color:#7359ce; cursor:pointer; }
.integrations-workflow { padding:85px 24px; background:linear-gradient(180deg,#faf8ff,#fff); }
.integrations-workflow header { text-align:center; margin-bottom:40px; }
.integrations-workflow h2 { margin:22px 0 0; color:var(--integration-ink); letter-spacing:-.04em; }
.integrations-use-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.integrations-use-cases article { padding:25px; border:1px solid #e7e3f2; border-radius:13px; background:#fff; }
.integrations-use-cases article>span { color:#a294b9; font-size:10px; letter-spacing:.1em; font-weight:700; }
.integrations-use-cases h3 { margin:20px 0 12px; color:#333d51; font-size:18px; font-weight:700; }
.integrations-use-cases p { color:#7c879a; font-size:13px; line-height:1.8; margin-bottom:22px; }
.integrations-use-cases article>div { border-top:1px solid #efecf7; padding-top:16px; color:#827493; font-size:11px; }
.integrations-use-cases i { margin:0 8px; color:#bcaed2; font-style:normal; }
.integrations-request { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:40px; padding:30px; border:1px solid #e1d9f7; border-radius:15px; background:#f4f0fe; }
.integrations-request h3 { margin:0 0 8px; color:#494059; font-size:18px; font-weight:700; }
.integrations-request p { margin:0; color:#8c7e9a; font-size:13px; }
.integrations-request a { flex-shrink:0; padding:13px 18px; border:1px solid #d7caef; border-radius:8px; background:#fff; color:#795bc2; text-decoration:none; font-size:12px; font-weight:650; }
.integration-dialog { width:min(510px,calc(100% - 32px)); padding:35px; border:1px solid #ddd4f4; border-radius:18px; color:#333c51; background:#fff; box-shadow:0 25px 100px #29203b35; }
.integration-dialog::backdrop { background:#25203980; backdrop-filter:blur(4px); }
.integration-dialog__close { position:absolute; top:10px; right:15px; border:0; padding:5px; background:none; color:#8c809e; font-size:27px; cursor:pointer; }
.integration-dialog__category { display:block; margin-top:20px; color:#9a8aad; font-size:11px; }
.integration-dialog h2 { margin:10px 0 17px; font-size:25px; font-weight:700; line-height:1.2; letter-spacing:-.025em; }
.integration-dialog p { color:#7d879a; font-size:14px; line-height:1.8; }
.integration-dialog .integration-dialog__note { padding:15px; margin:20px 0; border-radius:9px; background:#faf8ff; color:#91859f; font-size:12px; }
.integration-dialog__help { display:block; margin-top:20px; color:#8166cb; font-size:12px; text-align:center; }
body[data-feature-page="integrations"] button:focus-visible,body[data-feature-page="integrations"] a:focus-visible { outline:2px solid #8b6bdf; outline-offset:4px; }
@media(max-width:1000px) { .integrations-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .integrations-directory__layout { grid-template-columns:180px minmax(0,1fr); gap:20px; } .integrations-directory__heading { align-items:flex-start; flex-direction:column; } .integrations-search { width:100%; max-width:420px; } }
@media(max-width:700px) { .integrations-hero { padding:105px 20px 45px; } .integrations-hero h1 { font-size:clamp(2.3rem,8vw,3.2rem); } .integrations-hero p { font-size:15px; } .integrations-network { padding:10px 0; } .integrations-network__apps { flex-wrap:wrap; gap:10px; } .integrations-node { min-width:0; padding:10px; font-size:10px; } .integrations-network__center { gap:10px; } .integrations-network__center>div { width:220px; } .integrations-directory,.integrations-workflow { padding:60px 20px; } .integrations-directory__layout { grid-template-columns:1fr; } .integrations-categories { display:flex; flex-wrap:wrap; gap:7px; } .integrations-categories h3 { width:100%; margin-bottom:7px; } .integrations-categories button { width:auto; padding:9px 11px; margin:0; border:1px solid #ece7f6; font-size:10px; } .integrations-use-cases { grid-template-columns:1fr; gap:15px; } .integrations-request { flex-direction:column; align-items:flex-start; padding:24px; } .integration-card { padding:18px; } .integration-card__top { align-items:flex-start; flex-direction:column; } .integrations-eyebrow { font-size:10px; } }
@media(max-width:420px) { .integrations-grid { grid-template-columns:1fr; } .integration-card__top { flex-direction:row; align-items:center; } .integrations-actions { flex-direction:column; } .integrations-actions a { width:100%; } .integrations-network__apps--bottom { gap:8px; } .integrations-network__apps--bottom .integrations-node { flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { .integration-card { transition:none; } }