/* === project-context.css === */
#project-switcher{max-width:260px;min-width:150px;padding:8px 34px 8px 11px;border-radius:10px;border:1px solid rgba(139,92,246,.55);background:#111522;color:#edf1f7}.vxProjectAdd{padding:8px 11px;border-radius:10px;border:1px solid rgba(139,92,246,.55);background:rgba(124,82,221,.16);color:#e9e2ff;cursor:pointer;font-weight:700}@media(max-width:720px){#project-switcher{max-width:145px}.vxProjectAdd{font-size:0}.vxProjectAdd:after{content:'+';font-size:18px}}


/* Project suspension */
.vxProjectSuspendedBanner{margin:12px 18px 0;padding:13px 16px;display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(255,116,116,.32);border-radius:14px;background:linear-gradient(135deg,rgba(111,24,33,.38),rgba(35,17,25,.86));box-shadow:0 10px 30px rgba(0,0,0,.18);color:#f5e9ec}
.vxProjectSuspendedIcon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:rgba(255,103,119,.13);color:#ff8997;font-weight:900}
.vxProjectSuspendedBanner strong{display:block;font-size:14px;color:#fff}
.vxProjectSuspendedBanner p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#d7bdc3}
@media(max-width:700px){.vxProjectSuspendedBanner{margin:9px 10px 0;padding:11px 12px}.vxProjectSuspendedIcon{display:none}}

/* Tariff capacity overflow */
.vxProjectCapacityBanner{margin:10px 18px 0;padding:12px 15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(245,190,67,.32);border-radius:14px;background:linear-gradient(135deg,rgba(98,67,12,.28),rgba(28,24,15,.88));box-shadow:0 10px 30px rgba(0,0,0,.14);color:#f5edd9}
.vxProjectCapacityIcon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:rgba(245,190,67,.14);color:#ffd56a;font-weight:900}
.vxProjectCapacityBanner strong{display:block;font-size:13px;color:#fff5d8}.vxProjectCapacityBanner p{margin:3px 0 0;font-size:12px;line-height:1.45;color:#d8ccb0}.vxProjectCapacityBanner>a{margin-left:auto;white-space:nowrap;padding:8px 11px;border-radius:9px;border:1px solid rgba(245,190,67,.35);color:#ffe4a0;text-decoration:none;font-size:12px;font-weight:800;background:rgba(245,190,67,.08)}
@media(max-width:700px){.vxProjectCapacityBanner{margin:8px 10px 0;align-items:flex-start;flex-wrap:wrap}.vxProjectCapacityIcon{display:none}.vxProjectCapacityBanner>a{margin-left:0}}
/* Empty account header: the project selector is fully replaced by the create action. */
body.vx-authenticated.vx-no-projects > header:not(.vx-public-header) > .row > #project-switcher,
body.vx-authenticated.vx-no-projects > header:not(.vx-public-header) > .row > #vx-project-switcher-custom,
body.vx-authenticated[data-vx-project-count="0"] > header:not(.vx-public-header) > .row > #project-switcher,
body.vx-authenticated[data-vx-project-count="0"] > header:not(.vx-public-header) > .row > #vx-project-switcher-custom,
body.vx-authenticated > header.vx-no-projects:not(.vx-public-header) > .row > #project-switcher,
body.vx-authenticated > header.vx-no-projects:not(.vx-public-header) > .row > #vx-project-switcher-custom{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Create-project CTA. Keep selector-specific rules stronger than the later redesign/mobile sheets. */
#vx-project-add.vxProjectAdd--empty{
  display:none;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:0 13px 0 9px;
  border:1px solid rgba(124,108,246,.42)!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,rgba(111,92,236,.24),rgba(74,91,210,.15))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 5px 16px rgba(0,0,0,.16);
  color:#eceaff!important;
  text-decoration:none!important;
  white-space:nowrap;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
body.vx-authenticated.vx-no-projects > header:not(.vx-public-header) > .row > #vx-project-add.vxProjectAdd--empty,
body.vx-authenticated[data-vx-project-count="0"] > header:not(.vx-public-header) > .row > #vx-project-add.vxProjectAdd--empty,
body.vx-authenticated > header.vx-no-projects:not(.vx-public-header) > .row > #vx-project-add.vxProjectAdd--empty{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  flex:0 0 auto!important;
  order:20!important;
}
#vx-project-add.vxProjectAdd--empty::after{content:none!important;display:none!important}
#vx-project-add.vxProjectAdd--empty:hover{
  transform:translateY(-1px);
  border-color:rgba(158,144,255,.72)!important;
  background:linear-gradient(135deg,rgba(122,100,248,.34),rgba(79,99,225,.22))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 7px 20px rgba(0,0,0,.2);
  color:#fff!important;
}
#vx-project-add.vxProjectAdd--empty:active{transform:translateY(0)}
#vx-project-add .vxProjectAddIcon{
  display:grid!important;
  place-items:center;
  width:23px;
  height:23px;
  flex:0 0 23px;
  border-radius:7px;
  background:rgba(157,143,255,.14);
  border:1px solid rgba(175,164,255,.22);
  color:#cfc8ff;
  font-size:17px!important;
  font-weight:600;
  line-height:1;
}
#vx-project-add .vxProjectAddLabel{display:inline!important;text-decoration:none!important}

@media(max-width:820px){
  body.vx-authenticated.vx-no-projects > header:not(.vx-public-header) > .row > #vx-project-add.vxProjectAdd--empty,
body.vx-authenticated[data-vx-project-count="0"] > header:not(.vx-public-header) > .row > #vx-project-add.vxProjectAdd--empty,
body.vx-authenticated > header.vx-no-projects:not(.vx-public-header) > .row > #vx-project-add.vxProjectAdd--empty{
    display:inline-flex!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 10px 0 7px!important;
    gap:6px!important;
    border-radius:9px!important;
    font-size:11px!important;
  }
  #vx-project-add .vxProjectAddIcon{width:21px;height:21px;flex-basis:21px;border-radius:6px;font-size:15px!important}
}
@media(max-width:390px){
  body.vx-authenticated.vx-no-projects > header:not(.vx-public-header) > .row > #vx-project-add.vxProjectAdd--empty,
body.vx-authenticated[data-vx-project-count="0"] > header:not(.vx-public-header) > .row > #vx-project-add.vxProjectAdd--empty,
body.vx-authenticated > header.vx-no-projects:not(.vx-public-header) > .row > #vx-project-add.vxProjectAdd--empty{
    width:34px!important;
    padding:0!important;
  }
  #vx-project-add .vxProjectAddLabel{display:none!important}
  #vx-project-add .vxProjectAddIcon{width:30px;height:30px;flex-basis:30px;border:0;background:transparent}
}

/* === commerce-context.css === */
.vxCommerceActionHost{margin-top:16px}.vxCommerceAction{display:block;text-align:center;padding:10px 13px;border-radius:10px;border:1px solid rgba(139,92,246,.55);background:rgba(124,82,221,.15);color:#eee8ff;text-decoration:none;font-weight:800}.vxCommerceAction.upgrade{background:linear-gradient(135deg,#7147e8,#a15cff);color:#fff}.vxCommerceAction.owned{border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.12);color:#89e7bd;cursor:default}.vxWorkspaceCommerce{margin-top:28px;padding:22px;border:1px solid rgba(139,92,246,.35);border-radius:18px;background:rgba(17,20,31,.7)}.vxWorkspaceCommerceHead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.vxWorkspaceCommerceHead h3{margin:0 0 6px}.vxWorkspaceCommerceHead p{margin:0;color:#aeb6c5}.vxWorkspaceCommerceHead>a{color:#cbbcff}.vxWorkspaceCommerceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.vxWorkspaceCard{padding:17px;border-radius:14px;border:1px solid #303648;background:#0d1018}.vxWorkspaceCard h4{margin:0 0 12px}.vxWorkspaceCard strong{font-size:23px}.vxWorkspaceCard small,.vxWorkspaceCard p{color:#9ea7b8;font-size:13px}@media(max-width:850px){.vxWorkspaceCommerceGrid{grid-template-columns:1fr}.vxWorkspaceCommerceHead{display:block}.vxWorkspaceCommerceHead>a{display:inline-block;margin-top:10px}}
.vxWorkspaceEquivalent{margin-top:5px;color:#8d98aa;font-size:12px}

/* 2026-07-27: безопасная геометрия Ticket Workspace и отдельные каналы */
.vxWorkspaceCommerceGrid,
.vxWorkspaceChannelsGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.vxWorkspaceCommerceGrid{margin-top:18px}
.vxWorkspaceChannelsCommerce{
  margin-top:18px;
  padding:22px;
  border:1px solid rgba(64,112,183,.34);
  border-radius:18px;
  background:rgba(15,20,31,.72);
}
.vxWorkspaceChannelsGrid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin-top:18px;
}
.vxWorkspaceCard,
.vxWorkspaceChannelCard,
.vxWorkspaceCard .vxCommerceActionHost,
.vxWorkspaceChannelCard .vxCommerceActionHost,
.vxWorkspaceCard .vxCommerceAction,
.vxWorkspaceChannelCard .vxCommerceAction{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.vxWorkspaceCard .vxCommerceAction,
.vxWorkspaceChannelCard .vxCommerceAction{
  width:100%;
  margin-left:0;
  margin-right:0;
  overflow:hidden;
}
.vxWorkspaceChannelCard{
  display:flex;
  flex-direction:column;
  min-height:214px;
  padding:16px;
  border:1px solid #2d3a50;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(18,27,41,.98),rgba(10,16,25,.98));
}
.vxWorkspaceChannelCard__head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}
.vxWorkspaceChannelCard__head img{
  flex:0 0 auto;
  width:34px;
  height:34px;
  padding:5px;
  border-radius:10px;
  object-fit:contain;
  background:rgba(58,82,125,.25);
}
.vxWorkspaceChannelCard__head>div{min-width:0}
.vxWorkspaceChannelCard h4{margin:1px 0 6px;color:#f1f5fb;font-size:14px}
.vxWorkspaceChannelCard p{margin:0;color:#93a4b9;font-size:11px;line-height:1.45}
.vxWorkspaceChannelCard .vxCommerceActionHost{margin-top:auto;padding-top:16px}
.vxWorkspaceChannelCard .vxCommerceAction--priced{
  min-height:52px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  line-height:1.05;
}
@media(max-width:1180px){
  .vxWorkspaceChannelsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
  .vxWorkspaceCommerceGrid,
  .vxWorkspaceChannelsGrid{grid-template-columns:1fr}
  .vxWorkspaceChannelCard{min-height:0}
}

/* Current access summary + grouped renewal v1 */
.vxCurrentAccessSummary{display:grid;gap:14px;margin-top:20px;padding:20px;border:1px solid rgba(118,94,184,.34);border-radius:18px;background:linear-gradient(145deg,rgba(41,31,72,.22),rgba(11,15,23,.9))}
.vxCurrentAccessSummary__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.vxCurrentAccessSummary__head h3{margin:4px 0 5px;font-size:22px}.vxCurrentAccessSummary__head p{margin:0;color:#9ca8bb;font-size:13px;line-height:1.5}.vxCurrentAccessSummary__eyebrow{color:#ad96ef;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850}
.vxCurrentAccessSummary__actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.vxCurrentAccessSummary__actions a{padding:8px 11px;border:1px solid #394258;border-radius:10px;color:#c6d0df;text-decoration:none;font-size:12px;font-weight:750;background:rgba(20,26,38,.72)}.vxCurrentAccessSummary__actions .vxCurrentAccessSummary__renew{border-color:rgba(139,92,246,.55);background:linear-gradient(135deg,rgba(113,71,232,.88),rgba(161,92,255,.88));color:#fff}
.vxCurrentAccessSummary__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.vxCurrentAccessCard{display:grid;gap:6px;padding:14px;border:1px solid #30384a;border-radius:13px;background:#0c1018}.vxCurrentAccessCard header{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#8e9aad;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.vxCurrentAccessCard strong{font-size:18px;color:#eff2f7}.vxCurrentAccessCard p{margin:0;color:#929fb2;font-size:12px;line-height:1.5}
.vxAccessStatus{padding:4px 7px;border:1px solid #414b60;border-radius:999px;color:#9ca8ba;font-size:9px;font-weight:900;letter-spacing:.06em}.vxAccessStatus.is-active{border-color:rgba(52,211,153,.38);background:rgba(52,211,153,.09);color:#8be3b9}.vxAccessStatus.is-expired{border-color:rgba(248,113,113,.32);background:rgba(248,113,113,.08);color:#ee9a9e}.vxAccessStatus.is-free{border-color:rgba(96,165,250,.34);background:rgba(96,165,250,.08);color:#98c4f2}
.vxCurrentModulesBlock{display:grid;gap:10px;padding-top:2px}.vxCurrentModulesBlock__head{display:flex;justify-content:space-between;align-items:end;gap:12px}.vxCurrentModulesBlock__head>div{display:grid;gap:2px}.vxCurrentModulesBlock__head b{font-size:14px}.vxCurrentModulesBlock__head span{color:#8e9bad;font-size:11px}.vxCurrentModulesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vxCurrentModule{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:10px 11px;border:1px solid #2b3343;border-radius:11px;background:rgba(8,12,19,.76)}.vxCurrentModule.is-active{border-color:rgba(52,211,153,.25)}.vxCurrentModule__state{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#202838;color:#778398;font-size:12px;font-weight:900}.vxCurrentModule.is-active .vxCurrentModule__state{background:rgba(52,211,153,.12);color:#77dfae}.vxCurrentModule>div:last-child{min-width:0;display:grid;gap:3px}.vxCurrentModule b{font-size:12px;color:#e7ebf2}.vxCurrentModule small{display:grid;gap:2px;color:#8491a4;font-size:10px;line-height:1.35}.vxCurrentModule small span{white-space:normal;overflow-wrap:anywhere}
.vxPaymentExplain{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr);gap:16px;padding:13px 14px;border:1px solid rgba(96,165,250,.22);border-radius:12px;background:rgba(33,68,111,.07)}.vxPaymentExplain>div{display:grid;align-content:start;gap:3px}.vxPaymentExplain b{font-size:12px;color:#dce6f5}.vxPaymentExplain span,.vxPaymentExplain p{color:#8f9eb2;font-size:11px;line-height:1.5}.vxPaymentExplain p{margin:0}.vxPaymentExplain p strong{color:#c7d2e3}
.vxCurrentAccessSummary__empty{display:grid;gap:5px;color:#a0acbd}.vxCurrentAccessSummary__empty b{color:#edf1f7}.vxCurrentAccessSummary__empty span{font-size:12px}
.vxCommerceAction__hint{display:block;margin-top:4px;color:#918aa8;font-size:9px;line-height:1.3;font-weight:500}.vxCommerceAction--priced{display:flex;min-height:55px;flex-direction:column;align-items:center;justify-content:center;gap:2px}.vxCommerceAction__price{font-size:11px;color:#cfc5ee}
@media(max-width:850px){.vxCurrentAccessSummary__head{display:grid}.vxCurrentAccessSummary__actions{justify-content:flex-start}.vxCurrentAccessSummary__grid,.vxCurrentModulesGrid{grid-template-columns:1fr}.vxPaymentExplain{grid-template-columns:1fr}}

/* === owner-subscription-commerce.css === */
#owner-subscription-wrap{display:grid;gap:16px}
.vxOwnerCommerce{display:grid;gap:16px;margin-bottom:16px;color:#eef3fb}
.vxOwnerCommerceOverview,.vxOwnerCommerceSection{border:1px solid rgba(86,116,157,.34);border-radius:18px;background:linear-gradient(145deg,rgba(15,23,36,.96),rgba(9,14,24,.96));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.vxOwnerCommerceOverview{padding:20px}.vxOwnerCommerceOverviewHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.vxOwnerCommerceOverviewHead span{display:block;color:#8293ab;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.vxOwnerCommerceOverviewHead h3{margin:5px 0 5px;font-size:22px}.vxOwnerCommerceOverviewHead p{max-width:760px;margin:0;color:#93a1b5;font-size:13px;line-height:1.5}
.vxOwnerCommerceCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vxOwnerCommerceCard{min-width:0;padding:15px 16px;border:1px solid #2b3749;border-radius:14px;background:#0b111b}.vxOwnerCommerceCardHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#8f9cb0;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.vxOwnerCommerceCard>strong{display:block;color:#f4f7fb;font-size:18px;line-height:1.25}.vxOwnerCommerceCard>p{margin:6px 0 0;color:#96a3b6;font-size:12px;line-height:1.45}.vxOwnerCommerceBadge{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border:1px solid #344158;border-radius:999px;background:#161e2a;color:#aab6c9;font-size:10px;font-weight:900;letter-spacing:.04em;white-space:nowrap}.vxOwnerCommerceBadge.is-active{border-color:rgba(52,211,153,.34);background:rgba(16,92,68,.22);color:#6ee7b7}.vxOwnerCommerceBadge.is-free{border-color:rgba(96,165,250,.35);background:rgba(34,76,130,.2);color:#93c5fd}.vxOwnerCommerceBadge.is-warning{border-color:rgba(245,158,11,.36);background:rgba(119,76,13,.2);color:#fcd34d}.vxOwnerCommerceBadge.is-expired{border-color:rgba(248,113,113,.34);background:rgba(116,35,35,.2);color:#fca5a5}
.vxOwnerCommerceSection{padding:17px 18px;margin-top:14px}.vxOwnerCommerceSectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.vxOwnerCommerceSectionHead h4{margin:0 0 4px;font-size:16px}.vxOwnerCommerceSectionHead p{margin:0;color:#8e9bad;font-size:12px;line-height:1.45}.vxOwnerCommerceSectionHead>span{flex:0 0 auto;color:#8f9bae;font-size:11px;white-space:nowrap}
.vxOwnerTicketGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.vxOwnerTicketItem{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;min-height:62px;padding:10px 12px;border:1px solid #2b3547;border-radius:12px;background:#0a1019}.vxOwnerTicketItem.is-on{border-color:rgba(34,197,94,.3)}.vxOwnerTicketState{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#1d2737;color:#77869c;font-weight:900}.vxOwnerTicketItem.is-on .vxOwnerTicketState{background:rgba(16,105,76,.28);color:#6ee7b7}.vxOwnerTicketItem div{display:grid;min-width:0;gap:3px}.vxOwnerTicketItem b{font-size:13px}.vxOwnerTicketItem small{color:#8d9aae;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.vxOwnerRenewalBuilder{margin-top:0;border-color:rgba(139,92,246,.38);background:linear-gradient(145deg,rgba(34,27,58,.5),rgba(9,14,24,.97))}.vxOwnerRenewalToolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px;padding:12px 13px;border:1px solid rgba(139,92,246,.22);border-radius:12px;background:rgba(89,59,157,.08)}.vxOwnerRenewalToolbar label{display:grid;gap:6px}.vxOwnerRenewalToolbar label>span,.vxOwnerRenewalToolbar>div small{color:#929fb1;font-size:11px}.vxOwnerRenewalToolbar select{min-width:180px}.vxOwnerRenewalToolbar>div{display:grid;justify-items:end;gap:3px}.vxOwnerRenewalToolbar>div strong{color:#efeaff;font-size:21px}.vxOwnerRenewalPeriodDiscount{color:#86efac!important;font-size:10px!important;font-weight:800;letter-spacing:.01em}.vxOwnerRenewalPeriodDiscount.is-none{color:#7f8a9a!important;font-weight:600}
.vxOwnerRenewalItems{display:grid;gap:8px}.vxOwnerRenewalItem{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(155px,auto);align-items:center;gap:12px;padding:12px 13px;border:1px solid #2d374a;border-radius:12px;background:#0a1019;cursor:pointer;transition:border-color .15s ease,background .15s ease}.vxOwnerRenewalItem.is-selected{border-color:rgba(139,92,246,.58);background:rgba(83,56,145,.12)}.vxOwnerRenewalItem.is-blocked{cursor:default;opacity:.66}.vxOwnerRenewalItem>input{width:18px;height:18px;margin:0;accent-color:#8b5cf6}.vxOwnerRenewalMain{display:grid;min-width:0;gap:3px}.vxOwnerRenewalKind{color:#8e7bda;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.vxOwnerRenewalMain b{font-size:13px}.vxOwnerRenewalMain small{color:#8e9bad;font-size:11px;line-height:1.4}.vxOwnerRenewalMain em{color:#c5b4ff;font-size:11px;font-style:normal;line-height:1.35}.vxOwnerRenewalPrice{display:grid;justify-items:end;gap:3px;text-align:right}.vxOwnerRenewalPrice strong{font-size:13px}.vxOwnerRenewalPrice small{color:#8b98aa;font-size:10px;line-height:1.35}
.vxOwnerRenewalSkipped{display:grid;gap:7px;margin-top:12px;padding:12px 13px;border:1px solid rgba(245,158,11,.26);border-radius:12px;background:rgba(111,70,10,.08)}.vxOwnerRenewalSkipped>b{color:#f1d292;font-size:12px}.vxOwnerRenewalSkipped>span{color:#9a968c;font-size:11px}.vxOwnerRenewalSkipped>div{display:flex;flex-wrap:wrap;gap:6px}.vxOwnerRenewalSkipped>div span{padding:5px 7px;border-radius:8px;background:rgba(245,158,11,.08);color:#cdbb96;font-size:10px}.vxOwnerRenewalFootnote,.vxOwnerRenewalCheckoutHint{margin:10px 0 0;color:#8794a7;font-size:11px;line-height:1.45}.vxOwnerRenewalActions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.vxOwnerRenewalActions>span{color:#8f9cad;font-size:11px}.vxOwnerRenewalActions button{min-width:190px}.vxOwnerRenewalCheckoutHint{padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.vxOwnerCommerceLoading,.vxOwnerCommerceError,.vxOwnerCommerceInfo,.vxOwnerCommerceEmpty{padding:18px;border:1px dashed #344156;border-radius:13px;background:#0b111a;color:#9ba8ba;font-size:13px;line-height:1.5}.vxOwnerCommerceError{display:grid;gap:8px}.vxOwnerCommerceError b{color:#f0f3f8}.vxOwnerCommerceError button{justify-self:start}
@media(max-width:900px){.vxOwnerTicketGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.vxOwnerCommerceOverview{padding:15px}.vxOwnerCommerceCards,.vxOwnerTicketGrid{grid-template-columns:1fr}.vxOwnerCommerceSection{padding:14px}.vxOwnerCommerceSectionHead,.vxOwnerRenewalToolbar,.vxOwnerRenewalActions{display:grid}.vxOwnerRenewalToolbar>div{justify-items:start}.vxOwnerRenewalItem{grid-template-columns:auto minmax(0,1fr)}.vxOwnerRenewalPrice{grid-column:2;justify-items:start;text-align:left}.vxOwnerRenewalActions button{width:100%;min-width:0}}


/* Full feature matrix */

/* Privacy + retention live inside the existing Subscription page. */
.vxOwnerDataPolicy{border-color:rgba(56,189,248,.28)}.vxOwnerDataPolicyGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vxOwnerDataPolicyGrid>article{padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0a1019}.vxOwnerDataPolicyGrid>article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.vxOwnerDataPolicyGrid>article>div:first-child b{font-size:14px}.vxOwnerDataPolicyGrid>article>div:first-child span{color:#8fa0b5;font-size:11px}.vxOwnerDataPolicyGrid p,.vxOwnerDataPolicyGrid li{color:#95a2b5;font-size:11px;line-height:1.5}.vxOwnerDataPolicyGrid ul{margin:12px 0;padding-left:18px}.vxOwnerDataPolicyGrid li+li{margin-top:7px}.vxOwnerDataPolicyGrid strong{color:#e9eef7}.vxOwnerPrivacyControls{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px!important;align-items:center!important;margin-top:13px}.vxOwnerPrivacyControls select{min-width:0}.vxOwnerPrivacyControls span{grid-column:1/-1;min-height:16px;color:#9aa8bc!important}.vxOwnerDataPolicyWarning{display:grid!important;gap:4px!important;margin-top:12px;padding:10px 11px;border:1px solid rgba(245,158,11,.3);border-radius:10px;background:rgba(120,78,11,.12)}.vxOwnerDataPolicyWarning b{color:#fcd34d}.vxOwnerDataPolicyWarning span{color:#c6b58c!important;white-space:normal!important}.vxOwnerRetentionScale{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px!important;margin:12px 0}.vxOwnerRetentionScale span{padding:8px 6px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#111925;text-align:center;color:#aab5c5!important}.vxOwnerLifetimeStats{display:grid!important;gap:5px!important;padding:11px;border:1px solid rgba(52,211,153,.22);border-radius:11px;background:rgba(16,92,68,.1)}.vxOwnerLifetimeStats b{color:#86efac}.vxOwnerLifetimeStats span{color:#9fb2aa!important;white-space:normal!important;line-height:1.45}
@media(max-width:900px){.vxOwnerDataPolicyGrid{grid-template-columns:1fr}.vxOwnerRetentionScale{grid-template-columns:repeat(2,1fr)}}

.vxOwnerRenewalLaunch{width:100%;margin-top:14px;padding:18px 20px;border:1px solid rgba(139,92,246,.48);border-radius:14px;background:linear-gradient(135deg,rgba(90,61,167,.28),rgba(21,28,42,.95));color:#f4f0ff;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.18);transition:.18s ease}.vxOwnerRenewalLaunch:hover{border-color:rgba(167,139,250,.8);transform:translateY(-1px);background:linear-gradient(135deg,rgba(106,73,190,.34),rgba(24,32,48,.98))}.vxOwnerRenewalLaunch span{display:grid;gap:4px}.vxOwnerRenewalLaunch b{font-size:16px}.vxOwnerRenewalLaunch small{color:#aeb8ca;font-size:11px;font-weight:500}.vxOwnerRenewalLaunch strong{white-space:nowrap;color:#d8ccff;font-size:12px}
.vxOwnerRenewalModal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px}.vxOwnerRenewalModalBackdrop{position:absolute;inset:0;background:rgba(2,6,12,.76);backdrop-filter:blur(5px)}.vxOwnerRenewalModalPanel{position:relative;width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(139,92,246,.42);border-radius:18px;background:#0b111b;box-shadow:0 28px 90px rgba(0,0,0,.58)}.vxOwnerRenewalModalHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(76,52,138,.22),rgba(10,16,26,.98))}.vxOwnerRenewalModalHead>div{display:grid;gap:4px}.vxOwnerRenewalModalHead span{color:#9f8be7;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.vxOwnerRenewalModalHead h3{margin:0;font-size:21px}.vxOwnerRenewalModalHead p{margin:0;color:#94a0b2;font-size:12px}.vxOwnerRenewalModalClose{width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#131b27;color:#d9e0ea;font-size:24px;line-height:1;cursor:pointer}.vxOwnerRenewalModalBody{overflow:auto;padding:18px}.vxOwnerRenewalModalBody .vxOwnerRenewalBuilder{margin:0;border:0;background:transparent;padding:0}.vxOwnerRenewalModalBody .vxOwnerRenewalBuilder>.vxOwnerCommerceSectionHead{padding:0 0 14px}
@media(max-width:700px){.vxOwnerRenewalLaunch{align-items:flex-start;display:grid}.vxOwnerRenewalLaunch strong{white-space:normal}.vxOwnerRenewalModal{padding:10px}.vxOwnerRenewalModalPanel{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.vxOwnerRenewalModalHead{padding:16px}.vxOwnerRenewalModalBody{padding:14px}}

/* Project log storage quota */
.vxOwnerQuotaGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin:14px 0}.vxOwnerQuotaGauge{position:relative;display:grid!important;gap:6px!important;padding:12px 12px 11px;border:1px solid rgba(56,189,248,.2);border-radius:12px;background:linear-gradient(160deg,rgba(20,36,52,.75),rgba(8,14,23,.96))}.vxOwnerQuotaGauge.is-warning{border-color:rgba(245,158,11,.42)}.vxOwnerQuotaGauge.is-critical{border-color:rgba(248,113,113,.5)}.vxOwnerQuotaGauge.is-disabled{border-color:rgba(148,163,184,.16);opacity:.78}.vxOwnerQuotaGaugeTop{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.vxOwnerQuotaGaugeTop b{font-size:12px!important}.vxOwnerQuotaGaugeTop span{font-size:11px!important;color:#8ea0b6!important}.vxOwnerQuotaDial{position:relative;width:128px;height:72px;margin:2px auto -1px}.vxOwnerQuotaDial svg{display:block;width:128px;height:72px;overflow:visible}.vxOwnerQuotaDial path{fill:none;stroke-width:10;stroke-linecap:round}.vxOwnerQuotaTrack{stroke:rgba(148,163,184,.16)}.vxOwnerQuotaValue{stroke:#38bdf8}.vxOwnerQuotaGauge.is-warning .vxOwnerQuotaValue{stroke:#f59e0b}.vxOwnerQuotaGauge.is-critical .vxOwnerQuotaValue{stroke:#f87171}.vxOwnerQuotaDial strong{position:absolute;left:0;right:0;bottom:1px;text-align:center;font-size:17px!important;color:#eef5ff}.vxOwnerQuotaUsage{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:4px!important}.vxOwnerQuotaUsage b{font-size:13px!important}.vxOwnerQuotaUsage span{font-size:10px!important;color:#8999ad!important}.vxOwnerQuotaGauge>small{display:block;color:#8392a6;font-size:9px;line-height:1.4;text-align:center}.vxOwnerQuotaGaugeEmpty{min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center;color:#8190a3;font-size:10px;line-height:1.4}.vxOwnerQuotaRule{margin:0 0 12px!important;padding:9px 10px;border:1px solid rgba(56,189,248,.14);border-radius:9px;background:rgba(14,65,91,.08);color:#8ea3b9!important;font-size:10px!important}
@media(max-width:620px){.vxOwnerQuotaGrid{grid-template-columns:1fr}.vxOwnerQuotaDial{width:144px}.vxOwnerQuotaDial svg{width:144px}}
.vxOwnerQuotaNeedle{transform-origin:60px 60px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;transition:transform .35s ease}
.vxOwnerQuotaNeedleHub{fill:currentColor}

/* === public-guest.css === */
html.vx-auth-checking body > header,
html.vx-auth-checking body > .wrap,
html.vx-auth-checking #auth-gate,
html.vx-auth-checking #vx-user-block-overlay,
html.vx-auth-checking #vx-public-guest{display:none!important}
body.vx-public-guest{margin:0;min-height:100vh;background:#060910;color:#f5f7fb}
body.vx-public-guest>header,body.vx-public-guest>.wrap,body.vx-public-guest #auth-gate,body.vx-public-guest #vx-user-block-overlay,body.vx-public-guest #notify-panel,body.vx-public-guest #vx-news-overlay,body.vx-public-guest #vx-news-admin-overlay{display:none!important}
#vx-public-guest{display:none;min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(255,196,0,.12),transparent 31%),radial-gradient(circle at 86% 11%,rgba(93,91,230,.13),transparent 28%),#060910;color:#f5f7fb}
body.vx-public-guest #vx-public-guest{display:block}
body.vx-authenticated #vx-public-guest{display:none!important}body.vx-authenticated>header{display:flex}body.vx-authenticated>.wrap{display:block}body.vx-authenticated #auth-gate{display:none!important}
#vx-public-guest *{box-sizing:border-box}.vx-public-shell{width:min(1160px,calc(100% - 32px));margin:0 auto}.vx-public-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(6,9,16,.88);backdrop-filter:blur(18px)}.vx-public-header__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.vx-public-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:19px;font-weight:850;letter-spacing:.01em}.vx-public-brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 0 24px rgba(255,196,0,.23)}.vx-public-nav{display:flex;align-items:center;gap:8px;justify-content:flex-end}.vx-public-nav a,.vx-public-nav button{border:1px solid transparent;border-radius:11px;padding:10px 12px;background:transparent;color:#dbe1eb;font:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}.vx-public-nav a:hover{background:rgba(255,255,255,.05);color:#fff}.vx-public-nav .primary,.vx-public-actions .primary,.vx-public-trial__action .primary{border-color:#ffcc16;background:linear-gradient(135deg,#ffd51c,#ffad00);color:#171200;font-weight:900}
.vx-public-kicker{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,209,32,.32);border-radius:999px;background:rgba(255,196,0,.075);color:#ffd43b;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.vx-public-section{padding:58px 0}.vx-public-section h2,.vx-public-final-cta h2{margin:12px 0 12px;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.04em}.vx-public-lead,.vx-public-note,.vx-public-section__head p{max-width:780px;color:#9fa9ba;line-height:1.65}.vx-public-section__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.vx-public-section__head p{max-width:450px;margin:0}.vx-public-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.vx-public-actions a,.vx-public-actions button,.vx-public-trial__action a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#111827;color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.vx-public-hero{padding:92px 0 54px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:58px}.vx-public-hero h1{margin:18px 0;max-width:760px;font-size:clamp(48px,7vw,82px);line-height:.94;letter-spacing:-.062em}.vx-public-hero p{max-width:700px;margin:0;color:#aeb7c8;font-size:clamp(17px,2vw,21px);line-height:1.62}.vx-public-hero__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.vx-public-hero__facts span{padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#aeb8c8;font-size:12px;font-weight:750}.vx-public-hero__console{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(20,28,44,.96),rgba(8,13,23,.96));box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 70px rgba(91,87,230,.11);transform:perspective(1100px) rotateY(-3deg)}.vx-public-console__bar{display:flex;align-items:center;gap:7px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);color:#7f8999;font-size:11px}.vx-public-console__bar i{width:8px;height:8px;border-radius:50%;background:#384153}.vx-public-console__bar i:first-child{background:#ffd43b}.vx-public-console__bar span{margin-left:8px}.vx-public-console__body{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}.vx-public-console__stat{padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.03)}.vx-public-console__stat small,.vx-public-console__stat span{display:block;color:#8691a3}.vx-public-console__stat b{display:block;margin:8px 0 4px;font-size:25px}.vx-public-console__stat .is-ok{color:#79efae}.vx-public-console__feed{grid-column:1/-1;display:grid;gap:8px;padding:14px}.vx-public-console__feed span{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.035);color:#aab3c1;font-size:12px}.vx-public-console__feed b{margin-right:7px;color:#ffd43b}
.vx-public-trial{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:30px;border:1px solid rgba(255,207,24,.28);border-radius:22px;background:linear-gradient(110deg,rgba(255,196,0,.09),rgba(87,86,224,.085));box-shadow:inset 0 0 45px rgba(255,196,0,.03)}.vx-public-trial h2{margin:12px 0 8px;font-size:clamp(28px,4vw,42px)}.vx-public-trial p{margin:0;color:#aeb7c8;line-height:1.6}.vx-public-trial__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.vx-public-trial__facts span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.055);color:#bec7d5;font-size:12px}.vx-public-trial__action{display:grid;gap:8px;max-width:300px;text-align:center}.vx-public-trial__action small{color:#8994a6;line-height:1.4}
.vx-public-grid{display:grid;gap:14px}.vx-public-grid--ecosystem{grid-template-columns:repeat(3,minmax(0,1fr))}.vx-public-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.vx-public-grid--roles{grid-template-columns:repeat(4,minmax(0,1fr))}.vx-public-grid--products{grid-template-columns:repeat(3,minmax(0,1fr))}.vx-public-card,.vx-public-wide-card{padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.021));box-shadow:0 14px 45px rgba(0,0,0,.16)}.vx-public-card__icon{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid rgba(255,211,59,.18);border-radius:14px;background:rgba(255,196,0,.07);font-size:25px}.vx-public-card h3{margin:14px 0 8px;font-size:19px}.vx-public-card p,.vx-public-wide-card p{margin:0;color:#9da7b8;line-height:1.58}.vx-public-card a{color:#ffd43b}.vx-public-product{position:relative;overflow:hidden}.vx-public-product__tag{display:inline-flex;padding:5px 8px;border:1px solid rgba(255,209,32,.24);border-radius:999px;background:rgba(255,196,0,.065);color:#ffd43b;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.vx-public-product strong{display:block;margin-top:15px}.vx-public-wide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vx-public-wide-card strong{font-size:18px}.vx-public-wide-card p{margin-top:9px}
.vx-public-showcase{padding-top:76px}.vx-public-showcase__tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.vx-public-showcase__tabs button{padding:10px 14px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.03);color:#aab4c3;font:inherit;font-weight:800;cursor:pointer}.vx-public-showcase__tabs button.is-active{border-color:rgba(255,209,32,.42);background:rgba(255,196,0,.09);color:#ffd43b}.vx-public-showcase__screen{min-height:290px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(145deg,#0e1522,#090e17);box-shadow:0 32px 70px rgba(0,0,0,.28)}.vx-public-showcase__panel{display:none;min-height:255px}.vx-public-showcase__panel.is-active{display:block}.vx-public-faux-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;height:100%}.vx-public-faux-grid>div{padding:26px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.03)}.vx-public-faux-grid small,.vx-public-faux-grid span{display:block;color:#8490a2}.vx-public-faux-grid b{display:block;margin:14px 0 8px;font-size:22px}.vx-public-player{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:58px 30px}.vx-public-avatar{display:grid;width:78px;height:78px;place-items:center;border-radius:22px;background:linear-gradient(135deg,#625ee8,#2fcb9a);font-size:30px;font-weight:950}.vx-public-player small,.vx-public-player span{display:block;color:#8f9bad}.vx-public-player b{display:block;margin:6px 0;font-size:28px}.vx-public-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.vx-public-tags span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.05);font-size:12px}.vx-public-mapmock,.vx-public-map-visual{position:relative;overflow:hidden;min-height:255px;border-radius:15px;background:linear-gradient(rgba(30,45,55,.5),rgba(15,25,34,.7)),repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(255,255,255,.035) 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,rgba(255,255,255,.035) 32px)}.vx-public-mapmock i:not(.route),.vx-public-map-visual .dot{position:absolute;width:13px;height:13px;border:3px solid #0f1620;border-radius:50%;background:#ffd43b;box-shadow:0 0 0 4px rgba(255,212,59,.16)}.vx-public-mapmock .p1{left:25%;top:38%}.vx-public-mapmock .p2{left:57%;top:62%}.vx-public-mapmock .p3{left:78%;top:29%}.vx-public-mapmock .route,.vx-public-map-visual .trail{position:absolute;left:28%;top:45%;width:45%;height:3px;background:linear-gradient(90deg,#ffd43b,#54dcb2);transform:rotate(13deg);transform-origin:left center;box-shadow:0 0 12px rgba(84,220,178,.35)}.vx-public-mapmock span{position:absolute;left:18px;bottom:16px;color:#aeb8c8;font-size:12px}.vx-public-ticketmock{display:grid;grid-template-columns:1fr 280px;gap:16px;padding:22px;height:100%}.vx-public-ticketmock>div,.vx-public-ticketmock aside{padding:24px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.025)}.vx-public-ticketmock small{color:#ffd43b}.vx-public-ticketmock b{display:block;margin:9px 0;font-size:22px}.vx-public-ticketmock p{color:#9da8b9}.vx-public-ticketmock aside{display:grid;align-content:center;gap:10px}.vx-public-ticketmock aside span{padding:10px;border-radius:10px;background:rgba(255,255,255,.04);color:#aeb8c7;font-size:12px}.vx-public-modmock{display:grid;gap:10px;padding:22px}.vx-public-modmock span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.025)}.vx-public-modmock small{color:#76e7aa}
.vx-public-player-story{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px}.vx-public-player-story p{color:#9fa9ba;line-height:1.65}.vx-public-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.vx-public-flow span{padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);font-weight:800}.vx-public-flow b{color:#ffd43b}.vx-public-workflow__line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:26px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.025)}.vx-public-workflow__line span{display:flex;align-items:center;gap:9px;font-weight:850}.vx-public-workflow__line b{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:rgba(255,196,0,.1);color:#ffd43b}.vx-public-workflow__line i{color:#586275;font-style:normal}.vx-public-note{margin:16px 0 0}.vx-public-map-section{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.vx-public-map-visual{min-height:380px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px rgba(0,0,0,.25)}.vx-public-map-visual .d1{left:21%;top:35%}.vx-public-map-visual .d2{left:59%;top:58%}.vx-public-map-visual .d3{left:74%;top:24%}.vx-public-map-visual>span{position:absolute;left:18px;bottom:16px;color:#ffd43b;font-size:12px;font-weight:900;letter-spacing:.12em}.vx-public-scenario{display:grid;gap:5px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.075)}.vx-public-scenario span{color:#9da8b8;line-height:1.5}.vx-public-agent{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.vx-public-agent>div>p{color:#9fa9ba;line-height:1.65}.vx-public-agent__features{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.vx-public-agent__features span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.045);color:#b9c3d0;font-size:12px}.vx-public-architecture{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px}.vx-public-architecture div{padding:18px 12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.03);text-align:center}.vx-public-architecture div.is-agent{border-color:rgba(255,209,32,.35);background:rgba(255,196,0,.075)}.vx-public-architecture b,.vx-public-architecture small{display:block}.vx-public-architecture small{margin-top:6px;color:#8f9aab}.vx-public-architecture i{color:#ffd43b;font-style:normal}.vx-public-channel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.vx-public-channel-grid article{display:grid;justify-items:center;gap:8px;padding:20px 10px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.03);text-align:center}.vx-public-channel-grid img,.vx-public-channel-icon{display:grid;width:42px;height:42px;place-items:center;object-fit:contain;border-radius:11px;background:rgba(255,255,255,.04);color:#ffd43b;font-weight:950}.vx-public-channel-grid small{color:#8f9aab;line-height:1.4}.vx-public-project-page{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.vx-public-project-page>div:first-child>p{color:#9fa9ba;line-height:1.65}.vx-public-project-preview{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(91,87,230,.13),rgba(255,196,0,.055))}.vx-public-project-preview__head{display:flex;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.08)}.vx-public-project-preview__head span{color:#7aefad}.vx-public-project-preview__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.vx-public-project-preview__metrics span{padding:15px;border-radius:13px;background:rgba(255,255,255,.04)}.vx-public-project-preview__metrics small,.vx-public-project-preview__metrics b{display:block}.vx-public-project-preview__metrics small{color:#8e99aa}.vx-public-project-preview__metrics b{margin-top:6px}.vx-public-project-preview__bars{display:grid;gap:8px;margin-top:16px}.vx-public-project-preview__bars i{display:block;width:var(--w);height:8px;border-radius:999px;background:linear-gradient(90deg,#ffd43b,#5b57e6)}.vx-public-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vx-public-compare>div{display:grid;gap:8px;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}.vx-public-compare>div.is-vx{border-color:rgba(255,209,32,.28);background:linear-gradient(145deg,rgba(255,196,0,.07),rgba(91,87,230,.06))}.vx-public-compare strong{font-size:20px;margin-bottom:5px}.vx-public-compare span{color:#9da7b8}.vx-public-compare .is-vx span{color:#c5ced9}
.vx-public-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:step}.vx-public-steps--four{grid-template-columns:repeat(4,minmax(0,1fr))}.vx-public-step{counter-increment:step;padding:22px;border-left:3px solid #f7c515;border-radius:0 15px 15px 0;background:rgba(255,255,255,.035)}.vx-public-step:before{content:counter(step,decimal-leading-zero);display:block;margin-bottom:13px;color:#ffd43b;font-size:13px;font-weight:900;letter-spacing:.12em}.vx-public-step b,.vx-public-step span{display:block}.vx-public-step span{margin-top:7px;color:#9da7b8;line-height:1.5}.vx-public-faq__list{display:grid;gap:9px}.vx-public-faq details{border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025)}.vx-public-faq summary{padding:17px 19px;font-weight:850;cursor:pointer}.vx-public-faq details p{margin:0;padding:0 19px 18px;color:#9da7b8;line-height:1.6}.vx-public-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:42px;padding:34px;border:1px solid rgba(255,209,32,.28);border-radius:24px;background:linear-gradient(120deg,rgba(255,196,0,.08),rgba(91,87,230,.09))}.vx-public-final-cta h2{max-width:760px;font-size:clamp(28px,4vw,42px)}.vx-public-final-cta .vx-public-actions{margin-top:0;flex:0 0 auto}
.vx-public-footer{margin-top:68px;padding:38px 0 24px;border-top:1px solid rgba(255,255,255,.08)}.vx-public-footer__grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}.vx-public-footer__grid>div:not(.vx-public-footer__brand){display:grid;align-content:start;gap:9px}.vx-public-footer__grid b{margin-bottom:4px;color:#fff}.vx-public-footer__grid a{color:#9da8b8;text-decoration:none}.vx-public-footer__grid a:hover{color:#ffd43b}.vx-public-footer__brand p{color:#7f8a9c}.vx-public-footer__bottom{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);color:#788395;font-size:12px}
@media(max-width:1050px){.vx-public-nav a[href="#intelligence"],.vx-public-nav a[href="#support"]{display:none}.vx-public-grid--roles{grid-template-columns:repeat(2,1fr)}.vx-public-channel-grid{grid-template-columns:repeat(3,1fr)}.vx-public-footer__grid{grid-template-columns:1.4fr repeat(2,1fr)}.vx-public-footer__grid>div:nth-child(n+4){margin-top:12px}.vx-public-hero{gap:36px}}
@media(max-width:860px){.vx-public-nav a{display:none!important}.vx-public-header__inner{min-height:64px}.vx-public-hero{grid-template-columns:1fr;padding-top:56px}.vx-public-hero__console{transform:none}.vx-public-trial,.vx-public-player-story,.vx-public-map-section,.vx-public-agent,.vx-public-project-page{grid-template-columns:1fr}.vx-public-grid--ecosystem,.vx-public-grid--three,.vx-public-grid--products{grid-template-columns:1fr 1fr}.vx-public-section__head{display:block}.vx-public-section__head p{max-width:none}.vx-public-ticketmock{grid-template-columns:1fr}.vx-public-architecture{grid-template-columns:1fr}.vx-public-architecture i{transform:rotate(90deg);text-align:center}.vx-public-workflow__line{overflow-x:auto;justify-content:flex-start}.vx-public-workflow__line span{white-space:nowrap}.vx-public-steps--four{grid-template-columns:repeat(2,1fr)}.vx-public-final-cta{display:block}.vx-public-final-cta .vx-public-actions{margin-top:20px}}
@media(max-width:600px){.vx-public-shell{width:min(100% - 22px,1160px)}.vx-public-brand{font-size:17px}.vx-public-brand img{width:36px;height:36px}.vx-public-nav button{padding:9px 11px}.vx-public-hero{padding-top:38px}.vx-public-hero h1{font-size:46px}.vx-public-actions>*{width:100%}.vx-public-hero__facts span{width:100%;text-align:center}.vx-public-console__body{grid-template-columns:1fr}.vx-public-console__feed{grid-column:auto}.vx-public-trial{padding:22px}.vx-public-trial__action{max-width:none}.vx-public-grid--ecosystem,.vx-public-grid--three,.vx-public-grid--products,.vx-public-grid--roles,.vx-public-wide-grid,.vx-public-compare,.vx-public-steps--four{grid-template-columns:1fr}.vx-public-player{grid-template-columns:auto 1fr;padding:28px 12px}.vx-public-tags{grid-column:1/-1;justify-content:start}.vx-public-channel-grid{grid-template-columns:repeat(2,1fr)}.vx-public-project-preview__metrics{grid-template-columns:1fr}.vx-public-footer__grid{grid-template-columns:1fr 1fr}.vx-public-footer__brand{grid-column:1/-1}.vx-public-flow{justify-content:flex-start}.vx-public-flow b{display:none}}

/* 2026-09-23: public copy cleanup, plan badges and compact map */
body.vx-public-guest #tab-map{display:none!important}
.vx-public-plan-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-size:.72em;font-weight:950;letter-spacing:.08em;line-height:1.15;white-space:nowrap}
.vx-public-plan-badge--free{background:linear-gradient(135deg,#263142,#111827);border-color:#66758c;color:#e8eef8;box-shadow:0 6px 16px rgba(80,97,122,.18)}
.vx-public-plan-badge--lite{background:linear-gradient(135deg,#5b4217,#b8892e 55%,#6d4e1b);border-color:#d8ad51;color:#fff0bd;box-shadow:0 6px 18px rgba(190,139,43,.22)}
.vx-public-plan-badge--pro{background:linear-gradient(135deg,#075f46,#0d8b68);border-color:#28bd8e;color:#c8ffeb;box-shadow:0 6px 18px rgba(13,139,104,.2)}
.vx-public-plan-badge--ultra{background:linear-gradient(135deg,#4c1d95,#7c3aed);border-color:#9b73ff;color:#f0e7ff;box-shadow:0 6px 20px rgba(124,58,237,.24)}
.vx-public-plan-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
@media(max-width:860px){.vx-public-architecture i{transform:rotate(90deg)}}

/* 2026-09-23: guest page must never expose cabinet map UI */
body.vx-public-guest #tab-map,
body.vx-public-guest .vxMapPage,
body.vx-public-guest .vxMapPageShell,
body.vx-public-guest #vxmap-host{
  display:none!important;
  visibility:hidden!important;
  min-height:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* === vx-free-downgrade.css === */
.vxFreeDowngrade{margin:12px auto 0;max-width:1480px;padding:0 18px;box-sizing:border-box}.vxFreeDowngrade[hidden]{display:none!important}.vxFreeDowngradeCard{border:1px solid rgba(245,158,11,.36);background:linear-gradient(135deg,rgba(51,34,10,.95),rgba(20,28,39,.97));border-radius:14px;padding:14px 16px;box-shadow:0 12px 30px rgba(0,0,0,.22)}.vxFreeDowngradeTop{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.vxFreeDowngradeTitle{font-weight:800;font-size:15px;color:#fff}.vxFreeDowngradeText{margin-top:4px;color:#cbd5e1;font-size:13px;line-height:1.5}.vxFreeDowngradeFacts{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.vxFreeDowngradeFact{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(148,163,184,.25);border-radius:999px;background:rgba(15,23,42,.52);font-size:12px;color:#dbeafe}.vxFreeDowngradeFact.is-warn{border-color:rgba(245,158,11,.42);color:#fde68a}.vxFreeDowngradeActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.vxFreeDowngradeActions button,.vxFreeDowngradeActions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border-radius:9px;border:1px solid #40546d;background:#172536;color:#e5edf7;text-decoration:none;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.vxFreeDowngradeActions .primary{background:#2563eb;border-color:#3b82f6;color:#fff}.vxFreeDowngradeActions .warn{background:#5a3a09;border-color:#d28a1c;color:#fff3c4}.vxFreeDowngradeNote{margin-top:9px;font-size:11px;line-height:1.45;color:#94a3b8}.vxFreeModalBackdrop{position:fixed;inset:0;z-index:10050;background:rgba(2,6,12,.78);display:flex;align-items:center;justify-content:center;padding:18px}.vxFreeModal{width:min(560px,100%);max-height:min(78vh,720px);overflow:auto;border:1px solid #32445b;border-radius:14px;background:#101923;box-shadow:0 25px 70px rgba(0,0,0,.45)}.vxFreeModalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #26374a}.vxFreeModalHead h3{margin:0;font-size:17px}.vxFreeModalClose{border:0;background:transparent;color:#9fb0c5;font-size:24px;cursor:pointer}.vxFreeModalBody{padding:14px 16px}.vxFreeChoice{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #2b3b4f;border-radius:10px;margin-bottom:8px;background:#0c151f;cursor:pointer}.vxFreeChoice input{margin-top:3px}.vxFreeChoice b{display:block;color:#f8fafc}.vxFreeChoice small{display:block;margin-top:3px;color:#91a4ba;line-height:1.35}.vxFreeChoice.is-disabled{opacity:.6;cursor:default}.vxFreeModalFoot{display:flex;justify-content:flex-end;gap:8px;padding:13px 16px;border-top:1px solid #26374a}.vxFreeModalFoot button{min-height:36px;padding:7px 12px;border-radius:9px;border:1px solid #40546d;background:#172536;color:#fff;font-weight:700;cursor:pointer}.vxFreeModalFoot .primary{background:#2563eb;border-color:#3b82f6}@media(max-width:700px){.vxFreeDowngrade{padding:0 10px}.vxFreeDowngradeTop{display:block}.vxFreeDowngradeActions>*{flex:1 1 150px}.vxFreeDowngradeFact{font-size:11px}}
.vx-free-suspended-card{opacity:.78;border-color:rgba(245,158,11,.35)!important;background:linear-gradient(145deg,rgba(60,42,16,.42),rgba(20,28,39,.82))!important}.vx-free-suspended{border-color:rgba(245,158,11,.45)!important;background:rgba(120,74,8,.28)!important;color:#fde68a!important}.vx-free-suspended-card .server-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vx-free-suspended-card .server-actions .muted{flex:1 1 220px;font-size:12px;line-height:1.4}

/* Keep the FREE-project notice in the same content flow as Dashboard.
   .wrap already has the top-bar and sidebar offsets (including mobile). */
body.vx-authenticated > .wrap > .vxFreeDowngrade {
  width:100%;
  max-width:1680px;
  margin:0 auto 16px;
  padding:0;
  box-sizing:border-box;
}