.vh-landing .hub{background:var(--paper);height:100svh;min-height:620px;overflow:hidden}.vh-landing .hub:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 38%,#7a5af01f,#0000 48%);position:absolute;inset:0}.vh-landing .hub-shell{justify-content:center;align-items:center;padding:38px 20px 210px;display:flex;position:absolute;inset:0;transform:none}.vh-landing .hub-frame{transform-origin:50%;flex:none;width:1120px;height:340px;position:relative;overflow:visible}.vh-landing .hub-stage-cap{pointer-events:none;z-index:5;justify-content:center;padding:0 24px;display:flex;position:absolute;bottom:18vh;left:0;right:0}.vh-landing .hub-caption{text-align:center;opacity:0;pointer-events:none;max-width:680px;position:absolute}.vh-landing .hub-caption h2{color:var(--navy);letter-spacing:-.035em;font-size:clamp(23px,3vw,40px);line-height:1.08}.vh-landing .hub-caption p{max-width:52ch;color:var(--slate);margin:9px auto 0;font-size:15.5px;line-height:1.45}.vh-landing .hub-controls{grid-template-columns:repeat(5,1fr);align-content:start;gap:12px;display:grid}.vh-landing .hub-control{opacity:0;background:#ffffffbd;border:1px solid #7a5af038;border-radius:14px;padding:20px;box-shadow:0 12px 34px #0b172f0f}.vh-landing .hub-control>b,.vh-landing .hub-benefit>b{color:var(--navy);font-family:var(--display);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.vh-landing .hub-control>b:before,.vh-landing .hub-benefit>b:before{content:"";background:var(--violet-2);border-radius:50%;flex:none;width:6px;height:6px}.vh-landing .hub-control.hub-kill>b:before{background:var(--danger)}.vh-landing .hub-control>p{color:var(--slate);font-family:var(--label);margin-top:10px;font-size:11px;line-height:1.45}.vh-landing .hub-demo{border-top:1px solid #7a5af024;height:60px;margin-top:16px;padding-top:11px;position:relative}.vh-landing .hub-access-track{background:#7a5af033;height:1px;position:absolute;top:56%;left:0;right:0}.vh-landing .hub-access-gate{background:var(--violet);border-radius:2px;width:2px;position:absolute;top:10px;bottom:2px;left:55%;box-shadow:0 0 9px #7a5af0e6}.vh-landing .hub-access-dot{background:#6b7180;border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:56%}.vh-landing .hub-permission-segments{border:1px solid #a98cff42;border-radius:100px;height:26px;display:flex;position:absolute;top:12px;left:0;right:0}.vh-landing .hub-permission-segments span{z-index:2;color:var(--slate);font-family:var(--label);flex:1;place-items:center;font-size:8.5px;display:grid}.vh-landing .hub-permission-segments span:first-child{color:#fff}.vh-landing .hub-permission-knob{z-index:1;background:var(--violet);border-radius:100px;width:32%;height:22px;position:absolute;top:14px;left:2px}.vh-landing .hub-versions>span{gap:6px;height:26px;display:flex;position:absolute;top:12px;left:0;right:0}.vh-landing .hub-versions i{color:var(--slate);font-family:var(--label);background:#7a5af014;border:1px solid #7a5af038;border-radius:4px;flex:1;place-items:center;font-size:8px;font-style:normal;display:grid}.vh-landing .hub-key-box{border:1px solid #a98cff3d;border-radius:5px;place-items:center;height:26px;display:grid;position:absolute;top:11px;left:0;right:32px;overflow:hidden}.vh-landing .hub-key-box span{white-space:nowrap;color:var(--slate);font-family:var(--label);font-size:9.5px;position:absolute}.vh-landing .hub-key-box .hub-key-masked{color:var(--violet-2);letter-spacing:1.5px;opacity:0}.vh-landing .hub-lock{fill:none;stroke:#6b7180;stroke-width:1.7px;width:24px;height:24px;position:absolute;top:12px;right:0}.vh-landing .hub-lock-shut{stroke:var(--violet-2);opacity:0}.vh-landing .hub-kill-status{align-items:center;gap:7px;display:flex;position:absolute;top:17px;left:0}.vh-landing .hub-kill-status>i{background:#3fcb84;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3fcb842e}.vh-landing .hub-kill-status em{color:var(--slate);font-family:var(--label);font-size:10px;font-style:normal;position:absolute;top:-4px;left:14px}.vh-landing .hub-kill-status .hub-kill-off{color:var(--danger);opacity:0}.vh-landing .hub-kill-switch{background:var(--violet);border:1px solid #a98cff80;border-radius:100px;width:44px;height:23px;position:absolute;top:13px;right:0}.vh-landing .hub-kill-switch i{background:#fff;border-radius:50%;width:17px;height:17px;position:absolute;top:2px;left:23px}.vh-landing .hub-progress{gap:8px;margin-top:14px;display:flex}.vh-landing .hub-progress i{background:#7a5af029;border-radius:2px;flex:1;height:3px;display:block}.vh-landing .hub-workspace{opacity:0;pointer-events:none;position:absolute;inset:0}.vh-landing .hub-workspace-chrome{background:#f3f2ed;border:1px solid #0b172f14;border-radius:11px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px #0b172f29}.vh-landing .hub-window-bar{background:#e4e2db;border-bottom:1px solid #d9d7cf;gap:5px;padding:8px 11px;display:flex}.vh-landing .hub-window-bar i{background:#c7c4bc;border-radius:50%;width:6px;height:6px}.vh-landing .hub-workspace-top{justify-content:space-between;align-items:center;padding:9px 13px;display:flex}.vh-landing .hub-workspace-brand{align-items:center;gap:8px;display:flex}.vh-landing .hub-workspace-cube{width:16px;height:18px}.vh-landing .hub-workspace-cube svg,.vh-landing .hub-workspace-card-cube svg{width:100%;height:100%;display:block}.vh-landing .hub-workspace-brand b{color:var(--navy);font-family:var(--display);font-size:11px;font-weight:800;line-height:1.1;display:block}.vh-landing .hub-workspace-brand em{color:var(--slate);font-family:var(--label);letter-spacing:.1em;margin-top:1px;font-size:6px;font-style:normal;display:block}.vh-landing .hub-workspace-add{background:var(--violet);color:#fff;font-family:var(--display);border-radius:5px;padding:4px 8px;font-size:8.5px;font-weight:700}.vh-landing .hub-workspace-tabs{border-bottom:1px solid #dddbd3;gap:13px;padding:0 13px;display:flex}.vh-landing .hub-workspace-tabs span{color:var(--slate);border-bottom:2px solid #0000;padding-bottom:7px;font-size:9px}.vh-landing .hub-workspace-tabs span:first-child{border-bottom-color:var(--violet);color:var(--navy);font-weight:600}.vh-landing .hub-workspace-strip{background:#fff;border:1px solid #e3e1da;border-radius:7px;flex:none;margin:9px 13px 0;display:flex;overflow:hidden}.vh-landing .hub-workspace-strip>span{border-right:1px solid #e3e1da;flex-direction:column;flex:1;padding:7px 11px;display:flex}.vh-landing .hub-workspace-strip>span:last-child{border-right:0}.vh-landing .hub-workspace-strip b{color:var(--navy);font-family:var(--display);font-size:14px;font-weight:800}.vh-landing .hub-workspace-strip .hub-count-live{color:#2e9e63}.vh-landing .hub-workspace-strip .hub-count-keys{color:var(--violet)}.vh-landing .hub-workspace-strip em{color:var(--slate);font-family:var(--label);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:6.5px;font-style:normal}.vh-landing .hub-workspace-grid{grid-template-columns:repeat(3,1fr);gap:9px;padding:11px 13px 13px;display:grid}.vh-landing .hub-workspace-card{background:#fff;border:1px solid #e3e1da;border-radius:9px;padding:11px}.vh-landing .hub-workspace-card.is-off{background:#c4634f1a;border-color:#c4634f59}.vh-landing .hub-workspace-card-head{align-items:flex-start;gap:8px;display:flex}.vh-landing .hub-workspace-card-cube{flex:none;width:17px;height:19px;margin-top:1px}.vh-landing .is-off .hub-workspace-card-cube{opacity:.4}.vh-landing .hub-workspace-card-title{flex:1;min-width:0}.vh-landing .hub-workspace-card-title b{color:var(--navy);font-family:var(--display);font-size:11.5px;font-weight:800;display:block}.vh-landing .hub-workspace-card-title span{color:var(--slate);margin-top:1px;font-size:9px;display:block}.vh-landing .hub-workspace-toggle{color:#2e9e63;font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;font-size:6px;display:flex}.vh-landing .hub-workspace-toggle>i{background:#2e9e63;border-radius:100px;width:22px;height:12px;display:block;position:relative}.vh-landing .hub-workspace-toggle b{background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:1.5px;left:11px}.vh-landing .is-off .hub-workspace-toggle{color:var(--danger)}.vh-landing .is-off .hub-workspace-toggle>i{background:#c7c4bc}.vh-landing .is-off .hub-workspace-toggle b{left:1.5px}.vh-landing .hub-workspace-access{color:var(--violet);font-family:var(--label);background:#7a5af014;border:1px solid #7a5af04d;border-radius:100px;margin-top:9px;padding:2px 7px;font-size:7px;display:inline-block}.vh-landing .hub-benefits{opacity:0;pointer-events:none;grid-template-columns:repeat(3,1fr);align-content:center;gap:14px;display:grid;position:absolute;inset:0}.vh-landing .hub-benefit{opacity:0;background:#ffffffb8;border:1px solid #7a5af03d;border-radius:14px;flex-direction:column;padding:20px;display:flex;box-shadow:0 12px 34px #0b172f0f}.vh-landing .hub-benefit-viz{height:96px;margin-bottom:16px;position:relative}.vh-landing .hub-benefit>b{gap:9px;font-size:17px;font-weight:800}.vh-landing .hub-benefit>b:before{width:8px;height:8px;box-shadow:0 0 0 4px #a98cff2e}.vh-landing .hub-benefit>p{color:var(--slate);margin-top:9px;font-size:13px;line-height:1.5}.vh-landing .hub-loose{opacity:.62;background:#8d92a0;border-radius:4px;height:12px;position:absolute}.vh-landing .hub-loose.l1{width:64px;left:8px;transform:rotate(-4deg)}.vh-landing .hub-loose.l2{width:48px;top:24px;left:52px;transform:rotate(6deg)}.vh-landing .hub-loose.l3{width:56px;top:46px;left:2px;transform:rotate(3deg)}.vh-landing .hub-loose.l4{width:40px;top:64px;left:60px;transform:rotate(-7deg)}.vh-landing .hub-viz-shadow{flex-direction:column;justify-content:center;gap:6px;display:flex}.vh-landing .hub-aligned-row{opacity:0;background:#7a5af024;border:1px solid #a98cff59;border-radius:4px;height:12px;display:block}.vh-landing .hub-viz-table{flex-direction:column;justify-content:center;gap:5px;display:flex}.vh-landing .hub-table-row{opacity:0;align-items:center;gap:6px;display:flex}.vh-landing .hub-table-row i{background:#a98cff47;border-radius:3px;height:9px}.vh-landing .hub-eye{width:20px;height:20px;color:var(--violet-2);opacity:0;position:absolute;top:2px;right:2px}.vh-landing .hub-viz-handoff{justify-content:center;align-items:center;gap:14px;display:flex}.vh-landing .hub-viz-handoff>span:not(.hub-handoff-track){flex-direction:column;align-items:center;gap:5px;display:flex}.vh-landing .hub-avatar{width:28px;height:28px;color:var(--violet-2);font-family:var(--label);background:#7a5af029;border:1px solid #a98cff66;border-radius:50%;place-items:center;font-size:8px;font-style:normal;display:grid}.vh-landing .hub-avatar.is-new{color:#3fcb84;background:#3fcb8429;border-color:#3fcb8466}.vh-landing .hub-viz-handoff em{color:var(--slate);font-family:var(--label);font-size:7px;font-style:normal}.vh-landing .hub-handoff-track{background:#a98cff4d;width:44px;height:2px;position:relative}.vh-landing .hub-handoff-track>i{background:var(--violet-2);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:0;box-shadow:0 0 10px #a98cffcc}.vh-landing .hub-handoff-track:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:7px solid #a98cff99;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.vh-landing .hub-benefits-progress{grid-column:1/-1;margin-top:2px}.vh-landing.fallback .hub{height:auto;min-height:0;padding:84px 20px}.vh-landing.fallback .hub-shell{padding-bottom:40px;position:relative;inset:auto;transform:none}.vh-landing.fallback .hub-frame{transform:scale(.78)}.vh-landing.fallback .hub-stage-cap{min-height:110px;position:relative;bottom:auto}.vh-landing.fallback .hub-control,.vh-landing.fallback .hub-caption:first-child{opacity:1}.vh-landing.fallback .hub-workspace,.vh-landing.fallback .hub-benefits{display:none}@media (max-width:960px){.vh-landing .hub{min-height:720px}.vh-landing .hub-shell{align-items:flex-start;padding:64px 14px 170px;transform:none}.vh-landing .hub-frame{width:min(360px,100vw - 28px);height:470px}.vh-landing .hub-controls{grid-template-columns:repeat(2,1fr);gap:8px}.vh-landing .hub-control{padding:10px}.vh-landing .hub-control>p{font-size:8.5px}.vh-landing .hub-demo{height:42px;margin-top:8px}.vh-landing .hub-workspace{inset:0}.vh-landing .hub-workspace-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}.vh-landing .hub-workspace-card{padding:8px}.vh-landing .hub-workspace-card-title b{font-size:10px}.vh-landing .hub-workspace-card-title span{font-size:8px}.vh-landing .hub-benefits{grid-template-columns:1fr;gap:8px;inset:0}.vh-landing .hub-benefit{padding:12px}.vh-landing .hub-benefit-viz{height:52px;margin-bottom:8px}.vh-landing .hub-benefit>b{font-size:14px}.vh-landing .hub-benefit>p{margin-top:5px;font-size:11px}.vh-landing .hub-stage-cap{bottom:20vh}.vh-landing .hub-caption{max-width:320px}.vh-landing .hub-caption h2{font-size:22px}.vh-landing .hub-caption p{font-size:12px}}@media (min-width:721px) and (max-width:960px){.vh-landing .hub{min-height:840px}.vh-landing .hub-shell{padding:56px 32px 190px}.vh-landing .hub-frame{width:min(680px,100vw - 64px);height:620px}.vh-landing .hub-controls{grid-template-columns:repeat(2,1fr);gap:12px}.vh-landing .hub-control{padding:16px}.vh-landing .hub-control>p{font-size:10.5px}.vh-landing .hub-demo{height:54px;margin-top:13px}.vh-landing .hub-workspace-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.vh-landing .hub-workspace-card{padding:12px}.vh-landing .hub-workspace-card-title b{font-size:12px}.vh-landing .hub-workspace-card-title span{font-size:9.5px}.vh-landing .hub-benefits{grid-template-columns:1fr;gap:12px}.vh-landing .hub-benefit{padding:16px}.vh-landing .hub-benefit-viz{height:64px;margin-bottom:10px}.vh-landing .hub-benefit>b{font-size:16px}.vh-landing .hub-benefit>p{font-size:12px}.vh-landing .hub-stage-cap{bottom:14vh}.vh-landing .hub-caption{max-width:560px}.vh-landing .hub-caption h2{font-size:30px}.vh-landing .hub-caption p{font-size:14px}}