.vx{--vx-cover:url(/products/deck-cover.webp);font-family:var(--sans);color:#121212;-webkit-font-smoothing:antialiased;text-align:left;background:#141414;grid-template-columns:64px minmax(0,1fr);line-height:1.35;display:grid;position:absolute;inset:0}.vx svg{display:block}.vx-rail{flex-direction:column;align-items:center;gap:10px;padding:22px 0 18px;display:flex}.vx-glyph svg{width:26px;height:20px;margin-bottom:22px}.vx-ri{color:#8a8886;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.vx-ri svg{width:19px;height:19px}.vx-ri.on{color:#f5f4f3;background:#2a2a2a}.vx-ri b{color:#f5f4f3;min-width:17px;height:17px;font:600 9.5px/17px var(--sans);text-align:center;background:#3a3a3a;border-radius:999px;padding:0 4px;position:absolute;top:2px;right:0}.vx-ri b.red{color:#fff;background:#ff3131}.vx-sep{background:#2e2e2e;width:22px;height:1px;margin:10px 0}.vx-grow{flex:1}.vx-main{background:#fff;border-radius:22px;margin:10px 10px 10px 0;position:relative;overflow:hidden}.vx-av{color:#fff;width:30px;height:30px;font:600 11px/1 var(--sans);border-radius:50%;flex:none;place-items:center;display:grid}.vx-av.lg{width:36px;height:36px;font-size:12px}.vx-chip{color:#55534f;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:5px;height:26px;padding:0 10px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #e8e6e4}.vx-chip svg{width:12px;height:12px}.vx-chip.sm{height:24px;font-size:11.5px}.vx-chip.xs{height:22px;box-shadow:none;background:#f4f3f2;font-size:11px}.vx-round{color:#121212;background:#f4f3f2;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.vx-round svg{width:14px;height:14px}.vx-round.sm{width:28px;height:28px}.vx-round.lg{background:#fff;width:42px;height:42px;box-shadow:inset 0 0 0 1px #e8e6e4}.vx-pill{border-radius:999px;align-items:center;gap:4px;height:30px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #e8e6e4}.vx-pill svg{width:12px;height:12px}.vx-dots{gap:4px;display:flex}.vx-dots i{background:#121212;border-radius:50%;width:7px;height:7px}.vx-dots i.off{background:#dad8d6}.vx-dots.sm{gap:3px;margin-left:6px}.vx-dots.sm i{width:6px;height:6px}kbd{font:600 10px/1 var(--sans);color:#8a8886;background:#fff;border-radius:6px;padding:4px 6px;box-shadow:inset 0 0 0 1px #e6e4e2}.vx-dash{grid-template-rows:168px 300px 128px auto;grid-template-columns:340px minmax(0,1fr) 300px;gap:14px;padding:22px 24px;display:grid;position:absolute;inset:0}.vx-hello{background:#f6f5f4;border-radius:20px;grid-area:1/1;padding:24px;position:relative;overflow:hidden}.vx-hello h3{letter-spacing:-.035em;margin:0 0 12px;font-size:30px;font-weight:700}.vx-hello p{color:#6f6d6c;align-items:center;gap:5px;margin:3px 0 0;font-size:12.5px;display:flex}.vx-hello p i{background:#ff3131;border-radius:50%;width:6px;height:6px}.vx-hello p b{color:#121212;font-weight:600}.vx-hello p.u b{text-underline-offset:3px;text-decoration:underline}.vx-hello img{width:156px;position:absolute;bottom:-26px;right:6px}.vx-topright{grid-area:1/2/auto/4;grid-template-rows:44px 1fr;gap:10px;display:grid}.vx-searchrow{gap:10px;display:flex}.vx-search{color:#8a8886;background:#f6f5f4;border-radius:14px;flex:1;align-items:center;gap:10px;padding:0 14px;font-size:13px;display:flex}.vx-search svg{color:#55534f;width:16px;height:16px}.vx-search kbd{margin-left:auto}.vx-bell{background:#f6f5f4;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;position:relative}.vx-bell svg{width:17px;height:17px}.vx-bell b{color:#fff;height:15px;font:600 8.5px/15px var(--sans);background:#ff3131;border-radius:999px;padding:0 4px;position:absolute;top:5px;right:4px}.vx-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.vx-kpi{background:#f6f5f4;border-radius:16px;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr;column-gap:6px;padding:10px 14px;display:grid}.vx-kpi b{letter-spacing:-.03em;font-size:26px;font-weight:600;line-height:1}.vx-kpi small{color:#6f6d6c;grid-column:1/-1;margin-top:3px;font-size:11px;line-height:1.25}.vx-kpi>span{grid-column:1/-1;align-self:end}.vx-line{background:#121212;border-radius:2px;width:80%;height:2px;display:block}.vx-seg{gap:3px;display:flex}.vx-seg i{border-radius:3px;height:5px}.vx-bar{background:#e3e1df;border-radius:3px;height:5px;display:block;overflow:hidden}.vx-bar i{border-radius:inherit;background:#121212;height:100%;display:block}.vx-bar.green i{background:#4e9070}.vx-today{background:#f6f5f4;border-radius:20px;grid-area:2/1/4;padding:14px}.vx-today-head{justify-content:space-between;align-items:center;font-size:14px;display:flex}.vx-icon svg{color:#55534f;width:16px;height:16px}.vx-tabs{gap:6px;margin:12px 0;display:flex}.vx-tabs span{color:#55534f;background:#fff;border-radius:999px;align-items:center;height:26px;padding:0 11px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #e8e6e4}.vx-tabs span.on{color:#fff;box-shadow:none;background:#121212}.vx-task{color:#55534f;border-radius:16px;grid-template-columns:1fr auto;align-items:start;gap:8px 10px;margin-bottom:10px;padding:14px;font-size:12.5px;display:grid;position:relative}.vx-task.lift{background:#fff;box-shadow:0 1px 2px #1212120d,0 10px 24px -14px #12121240}.vx-task b{color:#121212;font-weight:600}.vx-task small{color:#8a8886;margin-top:6px;font-size:11.5px;display:block}.vx-task small.late{color:#d43a3a;font-weight:600}.vx-task .vx-round{color:#fff;background:#121212;width:30px;height:30px}.vx-task:not(.lift) .vx-round{color:#121212;background:#fff;box-shadow:inset 0 0 0 1px #e8e6e4}.vx-task .vx-chip,.vx-task .vx-chips{grid-column:1}.vx-task .vx-chips{gap:6px;display:flex}.vx-task .vx-av{grid-area:2/2;width:26px;height:26px;font-size:10px}.vx-task.faint{opacity:.45}.vx-chart{border-radius:20px;flex-direction:column;grid-area:2/2;padding:18px 20px;display:flex;box-shadow:inset 0 0 0 1px #efedeb}.vx-chart-head{justify-content:space-between;align-items:center;display:flex}.vx-chart-head span:first-child{align-items:center;gap:10px;display:flex}.vx-chart-head i{background:#d8d6d4;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 4px #edebe9}.vx-chart-head b{letter-spacing:-.03em;font-size:34px;font-weight:600;line-height:1}.vx-chart>small{color:#8a8886;margin-top:4px;font-size:12px}.vx-chart svg{flex:1;width:100%;margin-top:10px}.vx-months{color:#6f6d6c;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.vx-stagecard{background:#f6f5f4;border-radius:20px;flex-direction:column;grid-area:2/3;padding:16px;display:flex}.vx-stage-head{flex-direction:column;gap:12px;font-size:13px;display:flex}.vx-stage-head>span{text-align:right;align-self:flex-end}.vx-stage-head>span b{letter-spacing:-.03em;font-size:22px;display:block}.vx-stage-head small{color:#8a8886;font-size:11px}.vx-stagebars{flex:1;align-items:flex-end;gap:6px;min-height:0;margin-top:10px;display:flex}.vx-stagebars div{border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:10px 4px;font-size:11px;font-weight:600;display:flex}.vx-stagebars em{background:#fff3;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-style:normal;display:grid}.vx-stagebars .q{color:#121212;background:#dad8d6;height:36%}.vx-stagebars .q em{background:#12121214}.vx-stagebars .p{color:#fff;background:#121212;height:36%}.vx-stagebars .s{color:#fff;background:#4e9070;height:100%}.vx-tiles{grid-area:3/2/auto/4;grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.vx-tile{color:#8a8886;border-radius:16px;flex-direction:column;padding:12px 14px;font-size:11px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #efedeb}.vx-tile i{background:#121212;border-radius:50%;width:7px;height:7px;margin-bottom:6px}.vx-tile i.red{background:#ff3131}.vx-tile b{color:#121212;letter-spacing:-.02em;margin-top:2px;font-size:20px;font-weight:600}.vx-tile span{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.vx-tile span svg{color:#121212;width:11px;height:11px}.vx-table{border-radius:20px;grid-area:4/1/auto/-1;padding:16px 18px;box-shadow:inset 0 0 0 1px #efedeb}.vx-table-head{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.vx-tr{color:#55534f;border-top:1px solid #f1efed;grid-template-columns:1.5fr 1.2fr 1fr 1fr 1.2fr 1.2fr 24px;align-items:center;gap:12px;padding:9px 12px;font-size:12.5px;display:grid}.vx-tr.th{letter-spacing:.06em;text-transform:uppercase;color:#8a8886;background:#f6f5f4;border:0;border-radius:10px;font-size:10.5px;font-weight:600}.vx-tr .who{color:#121212;align-items:center;gap:10px;font-weight:600;display:flex}.vx-tr .who .vx-av{width:26px;height:26px;font-size:10px}.vx-tr .src{align-items:center;gap:6px;display:flex}.vx-tr .src i{border-radius:50%;width:6px;height:6px}.vx-tr .go svg{color:#8a8886;width:13px;height:13px}.vx-stage{letter-spacing:.06em;text-transform:uppercase;color:#6b55c8;background:#ece8fa;border-radius:999px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:600}.vx-stage.q{color:#3f7a5e;background:#e6f0ea}.vx-radar{flex-direction:column;gap:14px;padding:18px 24px;display:flex;position:absolute;inset:0}.vx-outreach{align-items:center;gap:10px;display:flex}.vx-outreach .dark{color:#f5f4f3;background:#121212;border-radius:999px;flex:1;align-items:center;gap:12px;height:48px;padding:0 8px 0 18px;font-size:13px;display:flex}.vx-chip.dk{box-shadow:none;color:#a3a19f;background:#262626}.vx-outreach .msg{color:#8a8886;background:#262626;border-radius:999px;flex:1;align-items:center;height:34px;padding:0 16px;font-size:12px;display:flex}.vx-outreach .vx-bell{background:#fff;border-radius:50%;width:42px;height:42px;box-shadow:inset 0 0 0 1px #e8e6e4}.vx-addrow{align-items:center;gap:12px;display:flex}.vx-add{border-radius:16px;flex:1;align-items:center;gap:12px;height:54px;padding:0 12px 0 8px;display:flex;box-shadow:inset 0 0 0 1px #eae8e6}.vx-add .plus{color:#fff;background:#121212;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.vx-add .plus svg{width:16px;height:16px}.vx-add b{font-size:13.5px;font-weight:600;display:block}.vx-add small{color:#8a8886;font-size:11.5px}.vx-add kbd{margin-left:auto}.vx-toggle{border-radius:14px;padding:4px;display:flex;box-shadow:inset 0 0 0 1px #eae8e6}.vx-toggle span{color:#6f6d6c;border-radius:11px;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:12.5px;display:flex}.vx-toggle span svg{width:13px;height:13px}.vx-toggle span.on{color:#fff;background:#121212}.vx-count{grid-template-columns:auto auto;align-items:end;column-gap:4px;padding:0 6px;display:grid}.vx-count b{letter-spacing:-.03em;font-size:32px;font-weight:500;line-height:1}.vx-count em{color:#55534f;background:#f1efed;border-radius:999px;margin-bottom:4px;padding:2px 5px;font-size:9px;font-style:normal;font-weight:600}.vx-count em.late{color:#fff;background:#ff3131}.vx-count small{color:#8a8886;grid-column:1/-1;font-size:11px}.vx-filters{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.vx-filters h4{letter-spacing:-.02em;white-space:nowrap;margin:0 10px 0 0;font-size:22px;font-weight:500}.vx-filters h4 span{color:#121212;font-size:13px}.vx-filters h4 u{color:#6f6d6c;text-decoration-color:#cfccc9}.vx-filters>span{color:#6f6d6c;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:28px;padding:0 11px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #e8e6e4}.vx-filters>span svg{width:12px;height:12px}.vx-filters>span.on{color:#fff;box-shadow:none;background:#121212}.vx-filters.due{margin-top:14px}.vx-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.vx-card{color:#8a8886;border-radius:18px;flex-direction:column;padding:14px;font-size:11.5px;display:flex;box-shadow:inset 0 0 0 1px #efedeb,0 6px 18px -14px #1212124d}.vx-card .top{justify-content:space-between;margin-bottom:12px;display:flex}.vx-card b{color:#121212;letter-spacing:-.01em;font-size:16px;font-weight:500}.vx-card .loc{align-items:center;gap:3px;margin-top:2px;display:flex}.vx-card .loc svg{width:11px;height:11px}.vx-card .lbl{margin-top:2px;font-size:10.5px}.vx-card .bottom{justify-content:space-between;align-items:end;margin-top:8px;display:flex}.vx-card .stage{color:#121212;flex-direction:column;align-items:flex-end;gap:5px;font-size:10.5px;display:flex}.vx-card .stage svg{vertical-align:-1px;width:11px;height:11px;margin-right:2px;display:inline}.vx-card .stage .vx-dots{margin:0}.vx-pill.more{align-self:flex-start;margin-top:4px}.vx-duecards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.vx-duecards div{border-radius:18px;align-items:flex-start;gap:10px;height:90px;padding:14px;font-size:14px;display:flex;box-shadow:inset 0 0 0 1px #efedeb}.vx-duecards b{flex:1;padding-top:6px;font-weight:500}.mono{font-family:var(--mono)}.vx-pagehead{justify-content:space-between;align-items:center;display:flex}.vx-pagehead h3{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:700}.vx-pagehead small{color:#8a8886;font-size:13px}.vx-headtools{align-items:center;gap:10px;display:flex}.vx-headtools .vx-bell{background:#fff;border-radius:50%;width:42px;height:42px;box-shadow:inset 0 0 0 1px #e8e6e4}.vx-new{color:#fff;background:#121212;border-radius:999px;align-items:center;gap:6px;height:42px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.vx-new svg{width:14px;height:14px}.vx-canvas{background:#f7f6f4;flex-direction:column;gap:16px;padding:22px 26px;display:flex;position:absolute;inset:0}.vx-canvas-stats{grid-template-columns:260px 260px minmax(0,1fr);align-items:end;gap:14px;display:grid}.vx-stat{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 12px 30px -18px #12121240}.vx-stat small{letter-spacing:.06em;text-transform:uppercase;font-size:11px;display:block}.vx-stat small+b{margin:6px 0 4px;font-size:28px;display:block}.vx-stat b+small{text-transform:none;letter-spacing:0}.vx-stat.green{color:#2f6e4f}.vx-stat.blue{color:#2e6590}.vx-canvas-stats .vx-filters{justify-content:flex-end}.vx-decks{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.vx-deck{background:#fff;border-radius:18px;flex-direction:column;gap:4px;padding:16px;display:flex;box-shadow:inset 0 0 0 1px #efedeb,0 10px 30px -22px #12121259}.vx-deck-top{color:#6f6d6c;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10.5px;display:flex}.vx-deck-top span{gap:6px;display:flex}.vx-tag{font:600 9.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#6f6d6c;background:#f1efed;border-radius:6px;padding:5px 7px;font-style:normal}.vx-tag.sent{color:#9a6a00;background:#fff3d6}.vx-tag.ok{color:#2f6e4f;background:#e6f0ea}.vx-tag.view{color:#2e6590;background:#e7eef6}.vx-deck>b{margin-top:8px;font-size:16px;font-weight:600}.vx-deck>small{color:#8a8886;font-size:12.5px}.vx-lead{color:#2e6590;background:#e7eef6;border-radius:5px;padding:2px 6px;font-size:10px;font-style:normal}.vx-cover{aspect-ratio:16/8;background:#140c08 var(--vx-cover) center/cover;border-radius:12px;align-items:center;margin-top:10px;padding:0 18px;display:flex;position:relative;overflow:hidden}.vx-cover span{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 12px #0006;font-size:19px;font-weight:700}.vx-deck-foot{border-top:1px solid #f1efed;justify-content:space-between;align-items:end;margin-top:10px;padding-top:10px;display:flex}.vx-deck-foot small{color:#8a8886;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;display:block}.vx-deck-foot b{font-size:14px}.vx-deck-tools{color:#8a8886;gap:10px;display:flex}.vx-deck-tools svg{width:15px;height:15px}.vx-invoices{flex-direction:column;gap:14px;padding:22px 26px;display:flex;position:absolute;inset:0}.vx-invbar{color:#f5f4f3;background:#121212;border-radius:20px 20px 0 0;align-items:center;gap:10px;margin-bottom:-14px;padding:10px 10px 24px;display:flex}.vx-invbar .f{align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.vx-invbar .f b{color:#121212;background:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.vx-invbar .field{background:#1f1f1f;border-radius:14px;flex-direction:column;justify-content:center;min-width:170px;height:46px;padding:0 44px 0 14px;font-size:13px;display:flex;position:relative}.vx-invbar .field small{color:#8a8886;font-size:10.5px}.vx-invbar .field.grow{color:#8a8886;min-width:260px;margin-left:auto}.vx-invbar .field i{background:#2a2a2a;border-radius:50%;place-items:center;width:28px;height:28px;margin-top:-14px;display:grid;position:absolute;top:50%;right:8px}.vx-invbar .field i svg{width:13px;height:13px}.vx-invtabs{align-items:center;gap:8px;padding:0;display:flex;position:relative}.vx-invtabs .title{background:#fff;border-radius:18px 18px 0 0;align-items:center;gap:8px;height:52px;margin-right:6px;padding:0 22px;font-size:15px;display:flex}.vx-invtabs .title .mono{color:#8a8886;font-size:12px}.vx-invtabs>span:not(.title){color:#f5f4f3;background:#1f1f1f;border-radius:999px;align-items:center;gap:8px;height:36px;margin-top:-12px;padding:0 8px 0 14px;font-size:13px;display:inline-flex}.vx-invtabs>span:not(.title) b{background:#333;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:10.5px;display:grid}.vx-invtabs>span.on{color:#121212;background:#fff;box-shadow:0 0 0 1px #e8e6e4}.vx-invtabs>span.on:not(.title) b{color:#fff;background:#121212}.vx-invbody{border-radius:0 20px 20px;flex:1;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;margin-top:-14px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #efedeb}.vx-invlist{flex-direction:column;display:flex}.vx-inv{border-top:1px solid #f1efed;border-radius:14px;grid-template-columns:40px minmax(0,1fr) auto 90px;align-items:center;gap:12px;padding:14px 12px;display:grid}.vx-inv:first-child{border-top:0}.vx-inv-av{background:#f1efed;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:grid}.vx-inv b{font-size:14.5px;font-weight:600;display:block}.vx-inv small{color:#8a8886;font-size:12px}.vx-inv small .late{color:#d43a3a;font-weight:600}.vx-inv .amt{text-align:right;font-size:14.5px}.vx-invchip{font:600 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#2e6590;background:#e7eef6;border-radius:6px;padding:5px 8px;font-style:normal}.vx-invchip.over{color:#c82828;background:#fde8e8}.vx-invchip.dk{color:#f5f4f3;vertical-align:4px;background:#2a2a2a;margin-left:8px}.vx-inv.on{color:#fff;background:#121212;border-color:#0000}.vx-inv.on+.vx-inv{border-top-color:#0000}.vx-inv.on .vx-inv-av{color:#121212;background:#fff}.vx-inv.on small{color:#a3a19f}.vx-inv.on .vx-invchip{color:#f5f4f3;background:#2a2a2a}.vx-invdetail{color:#f5f4f3;background:#121212;border-radius:18px;flex-direction:column;align-self:start;gap:14px;padding:20px;display:flex}.vx-invdetail small{color:#8a8886;font-size:11px;display:block}.vx-invdetail b{font-size:14px;font-weight:600}.vx-invdetail .big{letter-spacing:-.02em;font-size:26px}.vx-invdetail .row1,.vx-invdetail .row2{border-bottom:1px solid #262626;align-items:end;gap:40px;padding-bottom:14px;display:flex}.vx-invdetail .open{border-radius:999px;align-items:center;gap:5px;height:30px;margin-left:auto;padding:0 12px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #333}.vx-invdetail .open svg{width:11px;height:11px}.vx-invdetail .row3{background:#1c1c1c;border-radius:14px;align-items:center;gap:24px;padding:14px;display:flex}.vx-invdetail .tools{align-items:center;gap:8px;margin-left:auto;display:flex}.vx-invdetail .tools i{border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 1px #333}.vx-invdetail .tools i svg{width:14px;height:14px}.vx-invdetail .paid{color:#121212;background:#fff;border-radius:999px;align-items:center;height:36px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.vx-invdetail .lines div{color:#c9c7c5;border-top:1px solid #262626;justify-content:space-between;padding:10px 0;font-size:13px;display:flex}
:root{--alu-1:#e6e5e7;--alu-2:#c9c8cc;--alu-3:#a9a8ad;--bezel:#141414}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--alu-1:#4a4a4d;--alu-2:#38383b;--alu-3:#2a2a2c;--bezel:#0b0b0b}}:root[data-theme=dark]{--alu-1:#4a4a4d;--alu-2:#38383b;--alu-3:#2a2a2c;--bezel:#0b0b0b}.tour{max-width:1400px;margin-inline:auto}.tour-track{height:520vh;margin-top:-82px;position:relative}.tour-stage{height:100vh;min-height:640px;position:sticky;top:0;overflow:hidden}.tour-copy{z-index:3;text-align:center;will-change:opacity,transform;padding-top:calc(96px + clamp(12px,4vh,48px));position:relative}.tour-copy h1{letter-spacing:-.05em;text-wrap:balance;width:auto;margin:0 auto;font-size:clamp(2.6rem,5.6vw,5.25rem);line-height:1.02}.tour-copy h1 .soft{color:var(--muted)}.tour-sub{max-width:64ch;color:var(--steel);text-wrap:balance;margin:18px auto 0;font-size:clamp(16px,1.4vw,19px);line-height:1.55}.tour-copy .ctas{margin-top:28px}.tour .mac{--mac-w:min(720px,58vw);z-index:2;width:var(--mac-w);margin-left:calc(var(--mac-w) / -2);transform-origin:50% 0;will-change:transform;position:absolute;top:0;left:50%}.mac-lid{background:var(--bezel);box-shadow:0 0 0 1.5px var(--alu-3),0 50px 90px -40px #12121280;border-radius:20px 20px 6px 6px;padding:2.1% 2.1% 3.2%;position:relative}.mac-lid:before{content:"";background:#262626;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:.9%;left:50%}.mac-screen{aspect-ratio:16/10;background:#fff;border-radius:5px;position:relative;overflow:hidden}.mac-base{background:linear-gradient(var(--alu-1),var(--alu-2) 55%,var(--alu-3));border-radius:2px 2px 18px 18px/2px 2px 100% 100%;height:15px;margin:0 -7%;position:relative}.mac-base:before{content:"";background:linear-gradient(var(--alu-3),var(--alu-2));border-radius:0 0 10px 10px;width:16%;height:42%;margin-left:-8%;position:absolute;top:0;left:50%}.tour .slot{will-change:transform,opacity;position:absolute;inset:0}.tour .scaled,.focus-ring-wrap{transform-origin:0 0;width:1440px;height:900px;position:absolute;top:0;left:0}.focus-ring-wrap{z-index:5;pointer-events:none}.focus-ring{opacity:0;transform-origin:50%;border-radius:26px;position:absolute;box-shadow:0 0 0 3px #ff3131,0 0 0 11px #ff313124}.tour-steps{z-index:3;opacity:0;will-change:opacity,transform;gap:clamp(16px,3vh,28px);width:min(400px,32vw);margin:0;padding:0;list-style:none;display:grid;position:absolute;top:54%;left:clamp(8px,3vw,48px)}.tour-steps li,.tour-stack li{padding-left:22px;position:relative}.tour-steps li:before,.tour-steps li:after{content:"";background:var(--hair);border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:0}.tour-steps li:after{background:var(--ink);transform-origin:top;transform:scaleY(var(--fill,0))}.tour-steps small,.tour-stack small{font:600 12px/1 var(--mono);color:var(--steel)}.tour-steps h2,.tour-stack h2{letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(19px,1.7vw,23px);font-weight:700;line-height:1.15}.tour-steps p,.tour-stack p{color:var(--steel);margin:6px 0 0;font-size:15px;line-height:1.5}.tour-hint{z-index:6;background:var(--menu-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--hair),0 10px 24px -14px #12121259;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.tour-hint i{width:16px;height:24px;box-shadow:inset 0 0 0 1.5px var(--steel);border-radius:9px;position:relative}.tour-hint i:after{content:"";background:var(--steel);border-radius:2px;width:3px;height:5px;margin-left:-1.5px;animation:1.6s ease-in-out infinite tourWheel;position:absolute;top:5px;left:50%}@keyframes tourWheel{to{opacity:0;transform:translateY(7px)}}.tour-stack{display:none}.tour-stack ol{gap:44px;margin:48px 0 0;padding:0;list-style:none;display:grid}.tour-stack li{padding-left:0}.tour-shot{aspect-ratio:16/10;box-shadow:0 0 0 5px var(--bezel),0 30px 60px -30px #12121273;background:#141414;border-radius:12px;margin-top:16px;position:relative;overflow:hidden}.tour-shot .scaled{transform-origin:0 0;width:1440px;height:900px;position:absolute;top:0;left:0}@media (max-width:900px){.tour-track{display:none}.tour-stack{padding-block:clamp(24px,6vw,48px) clamp(48px,10vw,88px);display:block}.tour-stack .tour-copy{padding-top:0}}@media (prefers-reduced-motion:reduce){.tour-hint i:after{animation:none}}
