/* Designer source: VS-LP-new/assets/css/feature-pages.css (copied by build_product.py) */

.vs-feature-page{margin:0;background:#fff;color:#111827;font-family:'Inter',sans-serif;overflow-x:hidden}
.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-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:where(:not(.vs-footer-cta)){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:where(:not(.vs-footer-cta)){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:where(:not(.vs-footer-cta)).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:where(:not(.vs-footer-cta)).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/product/office-outdoor-floor-2.webp') 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-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}}